body.portal-hero-header-overlay #main-header-section.portal-hero-header,
body.portal-hero-header-overlay #top-header-container.portal-hero-header {
    left: 0;
    position: relative !important;
    right: 0;
    top: 0;
    transition: background-color 180ms ease, box-shadow 180ms ease, opacity 180ms ease, transform 220ms ease;
    width: 100%;
    z-index: 10000;
}

body.portal-hero-header-pending #main-header-section,
body.portal-hero-header-pending #top-header-container {
    opacity: 0 !important;
    visibility: hidden;
}

body.portal-hero-header-pending .portal-hero-banner {
    visibility: hidden;
}

body.portal-hero-header-pending .main-body.std-drawer-body,
body.portal-hero-header-pending #community-help {
    visibility: hidden;
}

body.portal-hero-header-overlay #main-header-section.portal-hero-header-transparent,
body.portal-hero-header-overlay #top-header-container.portal-hero-header-transparent,
body.portal-hero-header-overlay #top-header-container.portal-hero-header-transparent .std-v2-banner,
body.portal-hero-header-overlay #top-header-container.portal-hero-header-transparent #MainHeader {
    background-color: transparent !important;
    box-shadow: none !important;
}

body.portal-hero-header-overlay #main-header-section.portal-hero-header-transparent,
body.portal-hero-header-overlay #main-header-section.portal-hero-header-transparent a,
body.portal-hero-header-overlay #main-header-section.portal-hero-header-transparent i,
body.portal-hero-header-overlay #main-header-section.portal-hero-header-transparent li,
body.portal-hero-header-overlay #top-header-container.portal-hero-header-transparent,
body.portal-hero-header-overlay #top-header-container.portal-hero-header-transparent a,
body.portal-hero-header-overlay #top-header-container.portal-hero-header-transparent i,
body.portal-hero-header-overlay #top-header-container.portal-hero-header-transparent li,
body.portal-hero-header-overlay #top-header-container.portal-hero-header-transparent .FunctionDesc {
    color: #fff !important;
}

body.portal-hero-header-overlay #main-header-section.portal-hero-header-transparent .FlyOutMenu,
body.portal-hero-header-overlay #main-header-section.portal-hero-header-transparent .FlyOutMenu *,
body.portal-hero-header-overlay #main-header-section.portal-hero-header-transparent .MenuFlyOutContainer,
body.portal-hero-header-overlay #main-header-section.portal-hero-header-transparent .MenuFlyOutContainer *,
body.portal-hero-header-overlay #top-header-container.portal-hero-header-transparent .FlyOutMenu,
body.portal-hero-header-overlay #top-header-container.portal-hero-header-transparent .FlyOutMenu *,
body.portal-hero-header-overlay #top-header-container.portal-hero-header-transparent .MenuFlyOutContainer,
body.portal-hero-header-overlay #top-header-container.portal-hero-header-transparent .MenuFlyOutContainer * {
    color: #333 !important;
}

body.portal-hero-header-overlay #main-header-section.portal-hero-header-standard,
body.portal-hero-header-overlay #top-header-container.portal-hero-header-standard {
    opacity: 1;
    position: fixed !important;
    transform: translateY(var(--portal-hero-header-push-y, 0px));
}

body.portal-hero-header-overlay #main-header-section.portal-hero-header-pushing,
body.portal-hero-header-overlay #top-header-container.portal-hero-header-pushing {
    transition: background-color 180ms ease, box-shadow 180ms ease, opacity 180ms ease;
}

body.portal-hero-header-overlay #main-header-section.portal-hero-header-hidden,
body.portal-hero-header-overlay #top-header-container.portal-hero-header-hidden {
    opacity: 0;
    pointer-events: none;
    transform: translateY(-100%);
}

body.portal-hero-header-overlay .portal-hero-logo-filter .mb-logo img,
body.portal-hero-header-overlay .portal-hero-logo-filter .TULLLogo img {
    filter: brightness(0) invert(1);
}

body.portal-hero-header-overlay .header-placeholder {
    display: none !important;
    height: 0 !important;
}

body.portal-hero-header-overlay .portal-hero-header-flow-space {
    display: none;
    flex: 0 0 100%;
    height: 0;
    width: 100%;
}

body.portal-hero-header-overlay .portal-hero-banner > .portal-hero-overlay-mask {
    inset: 0;
    position: absolute;
    z-index: 0;
}

body.portal-hero-header-overlay .portal-hero-banner > .portal-image-container {
    position: relative;
    z-index: 1;
}

.portal-hero-mobile-logo {
    display: none;
}

@media (max-width: 600px) {
    body.portal-hero-header-overlay .portal-hero-banner.portal-hero-mobile-logo-flow.portal-hero-has-mobile-logo .portal-image {
        align-items: center;
        flex-direction: column;
        gap: 1rem;
        justify-content: flex-start;
        padding-bottom: 2rem;
        padding-top: .75rem;
    }

    body.portal-hero-header-overlay .portal-hero-banner.portal-hero-mobile-logo-flow .portal-image > .portal-hero-mobile-logo {
        align-items: flex-start;
        display: flex;
        justify-content: center;
        left: 50%;
        max-height: 72px;
        max-width: calc(100% - 2rem);
        position: absolute;
        top: .75rem;
        transform: translateX(-50%);
        width: max-content;
        z-index: 3;
    }

    body.portal-hero-header-overlay .portal-hero-banner.portal-hero-mobile-logo-flow .portal-image > .portal-hero-mobile-logo {
        left: auto;
        position: relative;
        top: auto;
        transform: none;
    }

    body.portal-hero-header-overlay .portal-hero-banner .portal-image > .portal-hero-mobile-logo[hidden] {
        display: none;
    }

    body.portal-hero-header-overlay .portal-hero-banner .portal-image > .portal-hero-mobile-logo img {
        display: block !important;
        height: auto;
        max-height: 72px;
        max-width: 100%;
        object-fit: contain;
        object-position: center top;
        width: auto;
    }

    body.portal-hero-header-overlay .portal-hero-banner .portal-image > .portal-hero-mobile-logo-filter img {
        filter: brightness(0) invert(1);
    }

    body.portal-hero-header-overlay .portal-hero-banner.portal-hero-mobile-logo-flow.portal-hero-has-mobile-logo .portal-hero-title:not([style*="--portal-hero-item-margin-block"]) {
        margin-top: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.portal-hero-header-overlay #main-header-section.portal-hero-header,
    body.portal-hero-header-overlay #top-header-container.portal-hero-header {
        transition: none;
    }
}