/*********************************************
 * Module Blog
**********************************************/
.module-blog {
    --grid-width:33.33%;
    --gap:16px;
    --space:25px;
}

/* Item */
.vii-blog-list__inner {margin:calc(-1 * var(--space)) calc(-1 * var(--gap));}
.vii-blog-item {padding:var(--space) var(--gap); width:var(--grid-width);}
.vii-blog-item__thumbnail {border-radius:var(--vii-radius);}
.vii-blog-item__thumbnail-bg {aspect-ratio:4/3;}
.vii-blog-item__thumbnail-bg:before {display:none;}
.vii-blog-item__thumbnail-bg img {opacity:1;}
.vii-blog-item__title {width:calc(100% - 90px); line-height:1.6 !important; transition:var(--vii-transition);}
a:hover .vii-blog-item__title {color:var(--vii-color-secondary);}
.vii-blog-item__date {width:90px; padding-top:4px;}


/* Slider layout */
.vii-related-blog {background:#edf2f3; padding:var(--vii-spacing-65px) 0;}
.vii-related-blog .flickity-hybrid-layout {--flkt-gap:calc(var(--gap) * 2);}
.vii-related-blog .flickity-button {--flkt-slide-gap:var(--gap);}


/*********************************************
 * Module Blog Responsive
**********************************************/
@media only screen and (max-width:1024px) {
    .module-blog {
        --gap:10px;
        --space:16px;
    }
}
@media only screen and (max-width:768px) {
    .module-blog {
        --grid-width:50%;
    }
}
@media only screen and (max-width:480px) {
    .module-blog {
        --grid-width:100%;
    }

    .vii-blog-list__inner {margin:0;}
    .vii-blog-list .vii-blog-item {padding:0;}
    .vii-blog-list .vii-blog-item:not(:last-child) {padding-bottom:15px; margin-bottom:20px; border-bottom:1px solid #d5d5d5;}
}