/*********************************************
 * Hero Banner
**********************************************/
.twc-hero-banner {
    --hero-banner-height:calc(100vh - var(--twc-header-height));
    padding:10px;
}
.twc-hero-banner__inner {border-radius:10px; min-height:var(--hero-banner-height);}
.twc-hero-banner__item {width:100%;}
.twc-hero-banner__item-title-wrapper {height:var(--hero-banner-height);}
.main_content .twc-hero-banner__item-image {width:100%;}

/* Image */
.twc-hero-banner__item-image:before, .twc-hero-banner__image-mobile:before {
    background:rgba(29, 27, 27, .35); pointer-events:none; z-index:1;
}

/* Title */
.main_content .twc-hero-banner__item-title {
    --twc-size-h3:var(--twc-size-35);
    --twc-spacing-heading:35px;
}

/* Button */
.twc-hero-banner__item-button {width:100%; height:110px;}
.twc-hero-banner__item-button:before {
    background:var(--twc-color-primary); transform:translateY(100%);
    transition:var(--twc-transition);
}
.twc-hero-banner__item-button-text {padding-right:20px;}
.twc-hero-banner__item-button-text:before {top:52.5%; font-weight:600;}


/* Hover */
.twc-hero-banner__item:hover .twc-hero-banner__item-button:before,
.twc-hero-banner__item:focus-visible .twc-hero-banner__item-button:before {transform:translateY(0);}


/*********************************************
 * Hero Banner Video
**********************************************/

/*********************************************
 * Hero Banner Responsive
**********************************************/
@media only screen and (max-width:1024px) {
    .twc-hero-banner {--hero-banner-height:calc(100vh - 55px - var(--twc-header-height));}
    html.safari .twc-hero-banner {--hero-banner-height:calc(100vh - var(--twc-header-height) - 55px - 59px);}
    html.brave .twc-hero-banner {--hero-banner-height:calc(100vh - var(--twc-header-height) - 55px - 45px);}
}
@media only screen and (max-width:1023px) {
    /* Mobile image */
    .twc-hero-banner__image-mobile {
        display:block; inset:10px;
        border-radius:10px; transform:translateZ(0);
    }
    .main_content .twc-hero-banner__image-mobile img {width:100%; animation:animationZoomImage 10s ease forwards;}
    @keyframes animationZoomImage {
        0% {transform:scale(1.25);}
        100% {transform:scale(1);}
    }

    /* Image desktop */
    .twc-hero-banner__item-image {display:none;}

    /* Item banner */
    .twc-hero-banner__inner {flex-direction:column; justify-content:end; height:100%; padding-top:var(--twc-spacing-default);}
    .twc-hero-banner__item:not(:last-child) {border-bottom:1px solid rgba(255, 255, 255, .5);}
    .twc-hero-banner__item-title-wrapper {
        height:110px; padding:var(--twc-gap-container);
        flex-direction:row; justify-content:space-between;
    }
    .twc-hero-banner__item-button {
        width:41px; height:41px; border-radius:50%;
        background:var(--twc-color-primary); color:var(--twc-color-on-primary);
        transition:var(--twc-transition);
    }
    .twc-hero-banner__item-button:before {display:none;}
    .twc-hero-banner__item-button:after {
        font-family:var(--twc-font-icomoon); content:"\e952"; display:block;
        line-height:1; font-size:13px; color:inherit;
    }
    .twc-hero-banner__item-button span {display:none;}
    .main_content .twc-hero-banner__item-title {
        --twc-spacing-heading:0px;
        width:calc(100% - 41px); padding-right:var(--twc-gap-container);
    }
    .twc-hero-banner__item:hover .twc-hero-banner__item-button {--twc-color-primary:var(--twc-color-dark-blue);}
}
@media only screen and (max-width:480px) {
    /* Homepage */
    body.home .site-content:before {
        content:"" !important; display:block;
        width:100%; height:var(--twc-header-height); background:var(--twc-color-gray);
        position:absolute; left:0; bottom:100%;
    }
}