/*********************************************
 * Home Banner
**********************************************/
.vii-home-banner--height {height:var(--vii-100vh); width:100%;}

/* overlay */
.vii-home-banner__slide-media:before {
    background:linear-gradient(197.64deg, rgba(0, 0, 0, 0) 55.92%, #000 80.71%);
    opacity:.3; pointer-events:none; z-index:2;
}

/* separate content */
.vii-home-banner__content {
    max-width:750px; padding-right:20px;
    left:var(--vii-gap-side); bottom:var(--vii-spacing-56);
}


/*********************************************
 * Home Banner Responsive
**********************************************/
@media only screen and (max-width:768px) {
    .vii-home-banner {
        --height-media:clamp(400px, calc(var(--vii-100vw) * 571 / 375), var(--vii-100vh));
    }
    .vii-home-banner--height {height:auto; min-height:var(--height-media);}

    /* dots */
    .vii-home-banner .flickity-page-dots {bottom:auto; top:calc(var(--height-media) - 30px);}

    /* separate content */
    .vii-home-banner__content {
        position:relative; right:var(--vii-gap-side); bottom:unset;
        padding:var(--vii-spacing-32) 0 0; width:var(--vii-container);
    }
    .vii-home-banner__content .txt_group {display:inline}
}


/*********************************************
 * Home Banner > Slide
**********************************************/
.vii-home-banner__slide {width:100%;}

/* image */
.vii-home-banner__slide-media.-image img {transition:transform 10s ease;}
.vii-home-banner__slide:not(.is-selected) .vii-home-banner__slide-media.-image img {transform:scale(1.1);}

/* content */
.vii-home-banner__slide-inner {padding:var(--vii-spacing-56) var(--vii-gap-side);}
.vii-home-banner__slide-content {max-width:765px;}

/* show/hide image desktop/mobile */
.vii-home-banner__slide-media.-image img.is-mobile {display:none;}
@media only screen and (max-width:768px) {
    .vii-home-banner__slide-media.-image.has-image-mobile img.is-desktop {display:none;}
    .vii-home-banner__slide-media.-image.has-image-mobile img.is-mobile {display:block;}
}

/* responsive */
@media only screen and (max-width:768px) {
    .vii-home-banner__slide-inner {display:block; padding:0;}
    .vii-home-banner__slide-media {position:relative; height:var(--height-media);}
    .vii-home-banner__slide-media:before {opacity:0;}

    /* content */
    .vii-home-banner__slide-content {text-align:left; padding:var(--vii-spacing-32) var(--vii-gap-side) 0;}
    .vii-home-banner__slide-content br {display:none;}
}