.card-classic{
    position: relative;
    border-radius: var(--card-radius);
    box-shadow: 0px 24px 34px -20px rgba(0, 0, 0, 0.10), 0px 30px 30px -30px rgba(101, 109, 142, 0.50);
    overflow: hidden;
    width: calc((100% - 3 * var(--gap)) / 3);
    aspect-ratio: 3/4;
    -webkit-transition: box-shadow 300ms ease-in-out;
    transition: box-shadow 300ms ease-in-out;
}
.card-classic > a{
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    padding: calc(var(--gap)*1.5);
    text-decoration: none;
}
.card-classic img{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: transform 300ms ease-in-out;
    transition: transform 300ms ease-in-out;
}
.card-classic .entry-content{
    position: relative;
    display: flex;
    width: 100%;
    border-radius: calc(var(--card-radius) * 0.55);
    padding: calc(var(--gap) * 1.5);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap);
    align-self: stretch;
    background-color: var(--white);
    color: var(--black);
}
.card-classic .entry-content > div:last-of-type{
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: var(--gap);
}
.headline-content-classic {
    position: relative;
    display: flex;
    justify-content: space-between;
}
.headline-content-classic .entry-meta {
    display: flex;
    gap: calc(var(--gap) * 0.5);
    height: fit-content;
}
.card-classic h2.entry-title{
    font-size: var(--medium-font);
}
.card-classic .post-blog-excerpt p{
    font-size: var(--regular-font);
}

/* Hover */
.card-classic:hover{
    box-shadow: 0px 24px 34px -20px rgba(0, 0, 0, 0.10), 0px 40px 60px -25px rgba(101, 109, 142, 0.50);
}
.card-classic:hover img{
    transform: scale(1.05);
}
.card-classic:hover span.post-read-more span::after{
    width: 100%;
}

/*******************/
/* ON SLIDER MODE */
/*******************/
.posts-grid-slider-container {
    position: relative;
    max-width: 100vw!important;
    width: 100vw;
    left: 50%;
    transform: translate(-50%, 0px);
    padding: 0 var(--container-space-vw);
    overflow: hidden;
}
.posts-grid-slider-container .swiper-slide:not(:last-of-type){
    margin-right: calc(var(--gap) * 1);
}
.posts-grid-slider-container .swiper-slide{
    opacity: 0;
    transition: opacity 300ms ease-in-out;
    pointer-events: none;
}
.posts-grid-slider-container .swiper-slide.swiper-slide-active,
.posts-grid-slider-container .swiper-slide.swiper-slide-next,
.posts-grid-slider-container .swiper-slide.swiper-slide-next + .swiper-slide{
    opacity: 1;
    pointer-events: all;
}
.posts-grid-slider-container .swiper-slide.card-classic {
    width: calc((100% - 2 * var(--gap)) / 3);
}

/*******************/
/* ON SINGLE PAGE */
/*******************/
.single .card-classic {
    border-radius: var(--radius);
    width: calc((100% - 1 * var(--gap)) / 2);
}
.single .row-others-posts {
    flex-wrap: wrap;
    gap: calc(var(--gap)*1);
    row-gap: calc(var(--gap) * 3);
}
/*******************/
  /* RESPONSIVE */
/*******************/

@media (max-width: 1200px) {
    .headline-content-classic .entry-meta {
        flex-wrap: wrap;
    }
    .card-classic {
        width: calc((100% - 2 * var(--gap)) / 2);
        aspect-ratio: 3/3.5;
    }
    /*******************/
    /* ON SLIDER MODE */
    /*******************/
    .posts-grid-slider-container .swiper-slide.card-classic {
        width: calc((100% - 2 * var(--gap)) / 2);
    }

}
@media (max-width: 992px) {

    .row-others-posts {
        gap: calc(var(--gap)*1);
        row-gap: calc(var(--gap) * 2.5);
    }
    .card-classic {
        aspect-ratio: 3/4;
    }
    .card-classic > a {
        padding: calc(var(--gap)*1);
    }
    .card-classic .entry-content {
        padding: calc(var(--gap) * 1.25);
    }
    .card-classic .post-blog-excerpt p {
        font-size: var(--regular-font);
    }
    .card-classic .content-post-date{
        font-size: var(--small-font);
    }
    .card-classic h2.entry-title {
        font-size: var(--large-font);
    }
}
@media (max-width: 575px) {
    .card-classic {
        width: 100%;
        aspect-ratio: 4/4;
    }
    .card-classic .post-blog-excerpt{
        /* display: none; */
    }
    .row-others-posts {
        flex-direction: column;
        gap: calc(var(--gap) * 1);
        row-gap: calc(var(--gap) * 1);
    }
    .card-category-parent {
        width: 100%;
    }
    .card-category-parent a{
    padding: var(--gap);
    }
    /*******************/
    /* ON SLIDER MODE */
    /*******************/
    .posts-grid-slider-container{
        gap: 0;
    }
    .posts-grid-slider-container .swiper-slide.card-classic {
        width: calc(100% / 1);
    }
}