/* =============================================================================
   Banner overrides - Fixes and customizations for banner component
   ========================================================================= */

main.main {
    padding-top: 102px;

    @media (width > 768px) {
        padding-top:120px;
    }
}

.banner--home {
    min-height: 400px;
    padding-top: 0;
    position: relative;

    @media (width > 768px) {
        padding-top:42%;
    }
}

.home-search-panel {
    margin: 0;
}

.banner--home .video-content {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.banner__image {
    width: 100%;
    height: 100%;
    background-position: center center;
    inset: 0;
}

.banner {
    min-height: 280px;
}

.heading--banner:last-child {
    margin: 0;
}

.banner__image__position--top-center {
    background-position: top center;
}

.banner__image__position--center-center {
    background-position: center center;
}

.banner__image__position--bottom-center {
    background-position: bottom center;
}

.banner__image__sizing--cover {
    background-size: cover;
}

.banner__image__sizing--contain {
    background-size: contain;
}

.banner__image__bg--blue {
    background-color: #441389;
}

.banner__image__bg--brand {
    background-color: #001e60;
}

.banner__image__bg--black {
    background-color: black;
}