/****************************
 * Header
*****************************/
/* Breadcrumbs */
.breadcrumb-sep {padding:0 10px; font-size:.8em;}
.breadcrumb_last {color:var(--vii-color-primary); display:inline-block;}
.site-breadcrumbs a:hover,
.site-breadcrumbs a:focus {color:var(--vii-color-primary); text-decoration:underline;}

/* site breadcrumbs overflow */
.site-breadcrumbs {max-width:var(--vii-container); overflow:hidden; position:relative;}
.site-breadcrumbs > span:last-child {white-space:nowrap;}
.site-breadcrumbs > span:last-child:after {
    content:""; display:none;
    position:absolute; top:0; right:0; bottom:0;
    width:30px; background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}

/* No image */
.site-banner:where(.-default.no-image,.-detail) {padding-top:var(--vii-spacing-default);}
.site-banner:not(.ta-center):where(.-default.no-image,.-detail) .site-breadcrumbs {border-top:1px solid #000; padding-top:8px;}

/* Has image */
.site-banner.-default.has-image {
    min-height:clamp(340px, 45vw, 460px);
    display:flex; align-items:center; justify-content:center;
    padding:calc(var(--vii-header-height) + 30px) 0 var(--vii-spacing-default);
}

/* Image */
.site-banner-image:before {background:rgba(0, 0, 0, .3);}

/* Has nav (child page) */
.site-header:has(.vii-page-navigation) .site-banner.has-image {margin-bottom:0 !important;}
@media only screen and (max-width:1024px) {
    .vii-page-navigation {padding:20px var(--vii-gap-container) 0;}
}