/****************************
 * Header Slider
*****************************/
/* slider */
.site-banner__slider {
    --banner-slider-height:clamp(250px, 25.7vw, 500px);
    --banner-slide-w:318;
    --banner-slide-h:371;
    --banner-slider-gap:24px;

    margin:0 calc(-1 * var(--banner-slider-gap) / 2); height:var(--banner-slider-height);
}
.site-banner__slider-image:nth-child(even) {--banner-slide-w:659;}
.site-banner__slider-image {
    --image-width: calc(var(--banner-slider-height) * var(--banner-slide-w) / var(--banner-slide-h) + var(--banner-slider-gap));
    width:var(--image-width); height:var(--banner-slider-height);
    padding:0 calc(var(--banner-slider-gap) / 2);
}

/* slider > arrow */
.site-banner__slider .flickity-button {
    --flkt-position:calc(var(--banner-slider-gap)/2 + var(--vii-gap-container) + 10px);
}


/****************************
 * Header Slider - Responsive
*****************************/
@media only screen and (max-width:1180px) {
    .site-breadcrumbs-title {margin-bottom:var(--vii-spacing-16) !important;}

    /* slider */
    .site-banner__slider {--banner-slider-gap:var(--vii-gap-container);}
}
@media only screen and (max-width:480px) {
    /* slider */
    .site-banner__slider {--banner-slider-gap:10px;}
}