.single_post_list {
display: flex;
align-items: stretch;
gap: 120px 30px;
flex-wrap: wrap;
}
.single_post_list > a {
width: calc(25% - 22.5px);
text-decoration: none;
}
.single_post_list > a:hover {
opacity: 0.7;
}
.single_post_list > a .post_thumb {
padding-bottom: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.single_post_list > a .category_names {
font-weight: 600;
font-size: 12px;
line-height: 13px;
font-family: 'Archivo', sans-serif;
letter-spacing: 2px;
text-transform: uppercase;
color: #258536;
margin-bottom: 20px;
}
.single_post_list > a .post_data {
margin-top: 20px;
}
.single_post_list > a .post_data h4 {
font-weight: 700;
font-size: 20px;
line-height: 22px;
color: #333333;
font-family: 'Archivo', sans-serif;
margin: 0;
}
.single_post_list > a .post_data p:not(.category_names) {
font-weight: 300;
font-size: 16px;
line-height: 25px;
color: #565656;
font-family: 'Archivo', sans-serif;
margin-top: 15px;
}
.news-intro {
max-width: 800px;
}
.fc_featured_news.bg_blue_gradient ,
.fc_featured_news.bg_green_gradient {
background: linear-gradient(0deg, #dee9ec 0%, rgba(230, 236, 222, 0) 76.04%);
}
.fc_featured_news .intro {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 20px;
margin-bottom: clamp(20px, 4vw, 50px);
}
@media (max-width: 1024px) {
.single_post_list > a {
width: calc(33% - 20px);
}
.single_post_list {
gap: 60px 30px;
}
}
@media (max-width: 640px) {
.fc_featured_news .intro {
flex-direction: column;
}
.single_post_list {
gap: 40px 30px;
}
.single_post_list > a {
width: calc(50% - 15px);
}
}
@media (max-width: 440px) {
.single_post_list {
gap: 30px;
}
.single_post_list > a {
width: 100%;
}
}