/****************************
 * Header
*****************************/
.site-banner {padding:var(--twc-spacing-90) 0 var(--twc-spacing-135);}
.site-banner:before {
    top:calc(-1 * var(--twc-header-height)); background:var(--twc-color-gray);
}

/* Breadcrumbs */
.site-breadcrumbs a {color:var(--twc-color-primary);}
.site-breadcrumbs a:hover {color:var(--twc-color-dark-blue);}
.site-breadcrumbs a:focus-visible {outline:2px solid var(--twc-color-dark-blue); border-radius:2px; transition:none;}
.breadcrumb-sep {padding:0 10px; color:rgba(0, 0, 0, 0); position:relative;}
.breadcrumb-sep:before {
    font-family:var(--twc-font-icomoon); content:"\e92f";
    line-height:1; color:rgba(8, 25, 72, .5); font-size:10px; font-weight:600;
    position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);
}
.breadcrumb_last {color:var(--twc-color-dark-blue); display:inline-block;}
.site-title {
    --twc-spacing-heading:50px;
    max-width:850px;
}

/* Option has image */
.site-banner.has-banner .container {display:flex; align-items:center;}
.site-banner.has-banner .site-banner-image {aspect-ratio:1/1;}
.main_content .site-banner.has-banner .site-banner-image img {width:100%;}

@media only screen and (min-width:769px) {
    .site-banner.has-banner .site-breadcrumbs-title {width:60%; text-align:unset; padding-right:var(--twc-gap-container);}
    .site-banner.has-banner .site-breadcrumbs-title > * {max-width:570px;}
    .site-banner.has-banner .site-title {--twc-spacing-heading:40px; margin-left:0; margin-right:0;}
    .site-banner.has-banner .site-banner-image__inner {width:40%;}
}

/* Page 404 + thanks */
body.error404 .site-breadcrumbs-title > *,
body.page-template-page-thanks .site-breadcrumbs-title > * {max-width:643px;}
body.error404 .site-banner,
body.page-template-page-thanks .site-banner {--twc-spacing-80:0px; --twc-spacing-135:var(--twc-spacing-100);}


/****************************
 * Header - Responsive
*****************************/
@media only screen and (max-width:768px) {
    .site-banner {padding:var(--twc-spacing-70) 0;}
    .site-breadcrumbs {--twc-spacing-30:10px;}
    .site-title {--twc-spacing-heading:30px;}
    .site-title br {display:none;}

    /* Has banner */
    .site-banner.has-banner .container {flex-direction:column;}
    .site-banner.has-banner .site-breadcrumbs-title {margin-bottom:30px;}
    .site-banner.has-banner .site-banner-image__inner {width:100%; max-width:480px; margin-left:auto; margin-right:auto;}
}