/****************************
 * Blog Slider
*****************************/
/* Title */
.vii-blog-slider__title {padding-right:var(--vii-gap-container);}

/* General */
.vii-blog-slider {
    --bs-spacing-items:20px;
    --bs-spacing-item-btn:30px;
    --bs-width-item:33.33%;
    position:relative; padding:60px 0;
}
.vii-blog-slider:before {
    content:""; display:block;
    width:var(--vii-100vw); height:100%; background:#f7f7f7;
    position:absolute; top:0; left:50%; transform:translateX(-50%);
}
.vii-blog-sliders {margin:0 calc(-1 * var(--bs-spacing-items) / 2); position:relative;}
.vii-blog-sliders:before, .vii-blog-sliders:after {
    content:""; display:block;
    width:calc(var(--bs-spacing-items) / 2); height:100%; background:#f7f7f7;
    position:absolute; top:0; z-index:2;
}
.vii-blog-sliders:before {left:0;}
.vii-blog-sliders:after {right:0;}

/* Arrow */
.vii-blog-slider .flickity-button {
    --flkt-bg:#f7f7f7;
    --flkt-position:calc(var(--bs-spacing-items) / 2 - var(--flkt-btn-size) - var(--bs-spacing-item-btn));
    transform:translateY(0);
}

/* Slider */
.vii-blog-slider .vii-grid-item {
    width:var(--bs-width-item);
    padding:0 calc(var(--bs-spacing-items) / 2);
}


/* RESPONSIVE */
@media only screen and (max-width:1439px) {
    .vii-blog-slider {padding:40px 0;}
    .vii-blog-slider .flickity-button {
        --flkt-position:calc(var(--bs-spacing-items) / 2 - var(--flkt-btn-size) / 2);
    }
}
@media only screen and (max-width:1024px) {
    .vii-blog-slider {--bs-width-item:40%;}
    .vii-blog-slider__wrapper {margin:0 -20px; overflow:hidden;}
    .vii-blog-sliders:before, .vii-blog-sliders:after {display:none;}

    /* Slider */
    .vii-blog-slider .vii-grid-item:first-child,
    .vii-blog-slider .vii-grid-item:last-child {width:calc(var(--bs-width-item) + var(--vii-gap-side));}
    .vii-blog-slider .vii-grid-item:first-child {padding-left:calc(var(--vii-gap-side) + var(--bs-spacing-items) / 2);}
    .vii-blog-slider .vii-grid-item:last-child {padding-right:calc(var(--vii-gap-side) + var(--bs-spacing-items) / 2);}
}
@media only screen and (max-width:768px) {
    /* Title */
    .vii-blog-slider__header {flex-direction:column; align-items:flex-start;}
    .vii-blog-slider__title {padding-right:0; margin-bottom:var(--vii-spacing-10); text-align:center;}

    /* Slider */
    .vii-blog-slider {--bs-width-item:45%;}

    /* Button */
    .vii-blog-slider__btn {position:relative; padding-top:var(--vii-spacing-35);}
}
@media only screen and (max-width:480px) {
    .vii-blog-slider {--bs-width-item:80%;}
}