/*********************************************
 * 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:4;
    --offset-w:0px;
    --item-lr-padding:26px;
    --item-w:calc((100% / var(--item-col)) - var(--offset-w));
    margin:0 calc(-1 * var(--item-lr-padding) / 2);
    /* avoid CLS */
    min-height:calc((var(--vii-container) - (var(--item-col) - 1) * var(--item-lr-padding)) * 209 / (316 * var(--item-col)) + var(--vii-spacing-24) + 93px);
}
.vii-blog-slider .vii-blog-item {width:var(--item-w);padding:0 calc(var(--item-lr-padding) / 2);}

/* Arrows */
.vii-blog-slider .flickity-button {
    --flkt-btn-size:24px;
    --flkt-bg:transparent;
    --flkt-bg-hover:transparent;
    --flkt-color:var(--vii-color-primary);
    --flkt-color-hover:var(--vii-color-orange);
    --flkt-border-color:transparent;
    --flkt-border-color-hover:transparent;
}

/*********************************************
 * Blog Slider - Responsive
**********************************************/
@media only screen and (min-width:769px) {
    /* has 3,2,1 items */
    .vii-blog-slider.has-3-items .vii-blog-slider__items {--item-col:3;}
    .vii-blog-slider.has-1-item .vii-blog-slider__items {--item-col:3;}
    .vii-blog-slider.has-2-items .vii-blog-slider__items {--item-col:3;}
}
@media only screen and (max-width:1180px) {
    .vii-blog-slider__items {
        --item-col:3;
        --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:768px) {
    .vii-blog-slider {padding:0;}
    .vii-blog-slider__header {flex-direction:column;gap:var(--vii-gap-container);}
    .vii-blog-slider__title {margin-right:unset;}
    .vii-blog-slider__title + .vii-blog-slider__button {margin-left:0;}

    .vii-blog-slider__items {--item-col:2;padding:0;}
    .vii-blog-slider:not(.has-1-item, .has-2-items) .vii-blog-slider__items {--offset-w:20px;}
    .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__nav {display:none;}
}

@media only screen and (max-width:480px) {
    .vii-blog-slider__items {
        --item-col:1;
        /* avoid CLS */
        min-height:calc((var(--item-w) - var(--item-lr-padding)) * 209 / 316 + var(--vii-spacing-24) + 63px);
    }
    .vii-blog-slider:not(.has-1-item) .vii-blog-slider__items {--offset-w:50px;}
    .vii-blog-slider:is(.has-1-item, .has-2-items) .vii-blog-slider__items {--item-col:1;}
}