/*********************************************
 * Blog Slider
**********************************************/
.vii-blog-slider {padding:0 var(--vii-gap-side);}

/* header */
.vii-blog-slider__header {gap:10px var(--vii-gap-container);}

/* slider */
.vii-blog-slider__items {
    --item-col:3;
    --offset-w:0px;
    --item-lr-padding:32px;
    --item-w:calc((100% / var(--item-col)) - var(--offset-w));
    --item-cls-w:calc((var(--vii-container) / var(--item-col)) - var(--offset-w) - var(--item-lr-padding) - (2 * 20px));
    margin:0 calc(-1 * var(--item-lr-padding) / 2);

    /*  cls  */
    min-height:calc((var(--item-cls-w) * (252 / 376)) + var(--vii-spacing-32) + 187px + 46px);
}
.vii-blog-slider .vii-blog-item {
    width:var(--item-w);
    padding:0 calc(var(--item-lr-padding) / 2);
}


/*********************************************
 * Blog Slider - Responsive
**********************************************/
@media only screen and (max-width:1180px) {
    .vii-blog-slider__items {--item-lr-padding:var(--vii-gap-container);}
    .vii-blog-slider:is(.has-1-item, .has-2-items) .vii-blog-slider__items {--item-col:2;}
}
@media only screen and (max-width:920px) {
    .vii-blog-slider:not(.has-1-item, .has-2-items) .vii-blog-slider__items {--offset-w:20px;}
    .vii-blog-slider__items {
        --item-col:2;
        --item-lr-padding:var(--vii-gap-container);
    }

    .vii-blog-slider {padding:0;}
    .vii-blog-slider__header {padding:0 var(--vii-gap-container);justify-content:center;}
    .vii-blog-slider__title {text-align:center;}

    /* slider */
    .vii-blog-slider__wrapper {padding-left:var(--vii-gap-container);padding-right:var(--vii-gap-container);}
    .vii-blog-slider__wrapper .flickity-viewport {overflow:visible;}
    .vii-blog-slider__button {margin-top:var(--vii-spacing-40);}

    /* hide arrow */
    .vii-blog-slider__nav {display:none;}
}
@media only screen and (max-width:768px) {
    .vii-blog-slider__items {
        /*  cls  */
        --item-cls-w:calc((var(--vii-container) / var(--item-col)) - var(--offset-w) - 30px - (2 * 20px));
        min-height:calc((var(--item-cls-w) * (252 / 376)) + 198px);
    }
    .vii-blog-slider:not(.has-1-item, .has-2-items) .vii-blog-slider__items,
    .vii-blog-slider:is(.has-1-item, .has-2-items) .vii-blog-slider__items {--item-col:1;--offset-w:30vw;}
}
@media only screen and (max-width:480px) {
    .vii-blog-slider[class*="has-"] .vii-blog-slider__items {--offset-w:50px;}
    .vii-blog-slider.has-1-item .vii-blog-slider__items {--offset-w:0px;}
    .vii-blog-slider:is(.has-1-item, .has-2-items) .vii-blog-slider__items {--item-col:1;}

    .vii-blog-slider__items {
        --item-col:1;
        /* avoid CLS */
        min-height:calc((var(--item-cls-w) * (252 / 376)) + 190px);
    }
}