:where([class^="ri-"])::before { content: "\f3c2"; }
body {
font-family: 'Montserrat', sans-serif;
}
.article-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.article-card {
transition: all 0.3s ease;
}
.tag {
transition: all 0.3s ease;
}
.tag:hover {
transform: scale(1.05);
}
.pagination-btn:hover {
transform: translateY(-2px);
}
.search-input:focus {
box-shadow: 0 0 0 2px rgba(46, 125, 50, 0.3);
}
.newsletter-input:focus {
box-shadow: 0 0 0 2px rgba(46, 125, 50, 0.3);
}
.custom-checkbox {
appearance: none;
-webkit-appearance: none;
width: 18px;
height: 18px;
border: 2px solid #2E7D32;
border-radius: 4px;
outline: none;
cursor: pointer;
position: relative;
}
.custom-checkbox:checked {
background-color: #2E7D32;
}
.custom-checkbox:checked::after {
content: '';
position: absolute;
top: 2px;
left: 5px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.article-content h2 {
font-size: 1.5rem;
font-weight: 600;
margin-top: 2rem;
margin-bottom: 1rem;
color: #1f2937;
}
.article-content p {
margin-bottom: 1.5rem;
line-height: 1.8;
}
.article-content ul {
list-style-type: disc;
margin-left: 1.5rem;
margin-bottom: 1.5rem;
}
.article-content ul li {
margin-bottom: 0.5rem;
}
.article-content img {
margin: 2rem 0;
border-radius: 0.5rem;
}
.article-content blockquote {
border-left: 4px solid #2E7D32;
padding-left: 1rem;
font-style: italic;
margin: 1.5rem 0;
color: #4b5563;
}
.social-share-btn:hover {
transform: translateY(-3px);
}
.back-to-top {
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}
.back-to-top.visible {
opacity: 1;
visibility: visible;
}
.comment-form textarea:focus, .comment-form input:focus {
box-shadow: 0 0 0 2px rgba(46, 125, 50, 0.3);
}