/****************************
 * Logo Slider
****************************/
.vii-logo-slider {
    --ls-spacing-item:56px; --ls-width:1120px;
    position:relative;
    max-width:calc(var(--ls-width) + 2 * var(--vii-gap-container));
    margin-left:auto; margin-right:auto; padding:0 var(--vii-gap-container);

}
.vii-logo-slider .flickity-slider {display:flex; align-items:center;}
.vii-logo-slider__items:before, .vii-logo-slider__items:after {
    content:""; display:block;
    width:calc(var(--ls-spacing-item) / 2); height:100%; background:var(--vii-color-bg);
    position:absolute; top:0; z-index:1;
}
.vii-logo-slider__items:before {left:0;}
.vii-logo-slider__items:after {right:0;}

/* group */
.vii-logo-slider__slider-item-group {
    width:100%; margin:0 calc(-1 * var(--ls-spacing-item) / 2);
}

/* item */
.vii-logo-slider__slider-item {
    display:flex; align-items:center;

    width:16.66%; padding:0 calc(var(--ls-spacing-item) / 2);
    transition:var(--vii-transition);
}
.vii-logo-slider__slider-item:not(:last-child) {border-right:2px solid var(--vii-color-neutral-100);}
.vii-logo-slider__slider-item__image {width:100%;}
.vii-logo-slider__slider-item__image-bg {
    display:block; max-width:135px; position:relative;
    padding:7px 0; margin:0 auto;
    transition:var(--vii-transition);
}
a.vii-logo-slider__slider-item__image:hover {
    transform:translateY(-15px);
    box-shadow:0 5px 10px rgba(0, 0, 0, .1);
}

/*hide button*/
.vii-logo-slider__button {display:none;}

/****************************
 * Logo Slider Responsive
****************************/
@media only screen and (max-width:1439px) {
    .vii-logo-slider {--ls-spacing-item:50px;}

    /*button arrow*/
    .vii-logo-slider__items .flickity-button {
        --flkt-position:0;
    }
}
@media only screen and (max-width:1180px) {
    .vii-logo-slider {--ls-spacing-item:40px;}

    /*button arrow*/
    .vii-logo-slider__items .flickity-button {
        --flkt-position:calc(-1 * var(--flkt-btn-size));
    }
}
@media only screen and (max-width:1024px) {
    .vii-logo-slider {
        --ls-spacing-item:20px;
        max-width:unset; width:var(--vii-100vw); margin-left:-20px;
        padding:0; overflow:hidden;
    }
    .vii-logo-slider__items:before, .vii-logo-slider__items:after {display:none;}
}
@media only screen and (max-width:768px) {
    .vii-logo-slider__slider-item__image-bg {max-width:120px;}

    /* group */
    .vii-logo-slider__slider-item-group {
        margin:calc(-1 * var(--ls-spacing-item) / 2) 0;
        width:calc(100% + 40px);
    }

    /* item */
    .vii-logo-slider__slider-item {width:33.33%; padding:calc(var(--ls-spacing-item) / 2);}
    .vii-logo-slider__slider-item:nth-child(3n) {border-right:none;}

    /*remove hover*/
    a.vii-logo-slider__slider-item__image:hover {transform:translateY(0); box-shadow:none;}

    /*dots*/
    body .vii-logo-slider .flickity-page-dots {padding-top:15px;}
}
@media only screen and (max-width:480px) {
    /* item */
    .vii-logo-slider__slider-item:not(:last-child) {border-right:none;}
    .vii-logo-slider__slider-item-group {width:100%; margin:0 0 0 20px;}
    .vii-logo-slider__slider-item__image {padding:0 10px;}

    /*dots*/
    body .vii-logo-slider .flickity-page-dots {padding-top:15px;}
}