.blog-section{
    background-color: #F2F2F2;
}

.blog-section .button-container{
    text-align: right;
}

.stretched-link{
    text-decoration: none;
}

.blog-card .blog-image img,
.related-post-card .related-post-thumb img,
.archive-detail-container .post-thumbnail img{
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    height: 100%;
}

.blog-card .blog-content .card-title,
.related-posts-content .related-post-title a,
.archive-detail-container .entry-header .entry-title a{
    color: var(--secondary-color);
    margin-top: 20px;
    margin-bottom: 15px;
    font-family: var(--figtree-font);
    font-weight: 400;
    text-decoration: none;
    transition: 0.3s ease all;
}

.related-posts-content .related-post-title a,
.archive-detail-container .entry-header .entry-title a{
    display: block;
    font-size: var(--font-24);
    transition: 0.3s ease all;
}

.related-posts-content .related-post-title{
    font-size: var(--font-24);
    font-weight: 400;
}

.blog-card .stretched-link:hover ~ .blog-content .card-title,
.related-post-card .stretched-link:hover ~ .related-posts-content .related-post-title a,
.archive-detail-container .search-card-link:hover ~ .entry-header .entry-title a{ 
    color: var(--primary-color);
    transition: 0.3s ease all;
}

.blog-section .description-text p{ 
    margin-bottom: 0;
}

.blog-card .description-text p{
    margin-bottom: 20px;
}

.blog-card .blog-date,
.archive-detail-container .related-post-date{
    display: flex;
    gap: 8px;
    align-items: center;
}

.blog-card .blog-date img{
    height: 18px;
    width: 18px;
}

.blog-card .date-text,
.related-posts-content .related-post-date,
.archive-detail-container .related-post-date{
    font-family: var(--secondary-font);
    font-weight: 600;
    color: var(--text-color);
    font-size: var(--font-14);
}

/* CTA Section */
.cta-section{
    padding-top: 35px;
    padding-bottom: 35px;
}

.cta-section .description-text p{
     margin: 0;
}



@media screen and (max-width: 992px) {
    .button-container {
        text-align: left !important;
    }
}