/** Header Styles  */
[dir="ltr"] .site-branding { 
    height: auto;
}
@media (min-width: 75rem) {
    [dir="ltr"] .site-branding {
        padding-right: 2.25rem;
        padding-left: 0;
    }
}

@media (min-width: 75rem) and (max-width: 87.5rem) {
    [dir="ltr"] .site-branding {
        padding-left: 1.25rem;
    }
}

.logo-wrapper {
    position: relative;
}
.logo-line {
    width: 24px; 
    height: 273px; 
    position: absolute; 
    top: -50px; 
    left: 23.3%; 
    pointer-events: none;
}

[dir="ltr"] .site-branding__logo img {
    width: auto;
    max-width: 100%;
    /* max-height: 2.25rem; */
    max-height: 4.8125rem;
    margin-top: 1.0rem;    
}

.site-header__inner__container {
    position: relative;
    /* transition: top 0.5s ease-in-out; */
}

.site-header {
    min-height: 7.25rem;
    transition: top 0.5s ease-in-out;
}

@media (min-width: 31.25rem) {
    .site-header {
        min-height: 9.25rem;
    }
}


.site-branding--bg-gray .site-branding__text, 
.site-branding--bg-white .site-branding__text {
    color: #000000;
}

.eeofe .logo-wrapper + .site-branding__text {
    margin-left: 3.75rem;
}

.mobile-buttons {
    margin-top: 2.5rem;
}

@media (max-width: 43.74rem) {
    [dir="ltr"] .site-branding__inner {
        height: 4.75rem;
        flex-direction: column;
        align-items: start;
    }

    .eeofe .logo-wrapper + .site-branding__text {
        margin-left: 0rem;
        font-size: 0.925rem;
        position: absolute;
        bottom: 3rem;
        right: 1rem;
    }
}

@media (min-width: 31.25rem) {
    [dir="ltr"]  .site-branding {
        /* height: 4.5rem; */
        height: auto;
        min-height: auto;
    }
    [dir="ltr"] .site-branding__logo img {
        /* max-height: 3.375rem; */
        max-height: 5.8125rem;
        margin-top: 1.0rem;
    }
}

@media (min-width: 43.75rem) {
    [dir="ltr"] .site-branding {
        /* height: 6.75rem; */
        height: auto;
        padding-bottom: 1.125rem;
    }

    [dir="ltr"] .site-branding__logo img {
        /* max-height: 4.5rem; */
        max-height: 7.8125rem;
    }

    [dir="ltr"] .site-branding__text {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

@media (min-width: 75rem) {
    .site-header {
        min-height: 11.25rem;
    }

    .mobile-buttons {
        margin-top: 3.75rem;
    }
    [dir="ltr"] .site-branding__logo img {
        max-height: 7.8125rem;
    }

    [dir="ltr"] .site-branding__inner {
        height: 9.75rem;
        padding-top: 0.5625rem;
        padding-bottom: 0.5625rem;
    }
}

/** Scolled Navigation */
.scrolled-headerup .layout-main-wrapper.layout-container {
    margin-top: 7.25rem;
}

@media (min-width: 31.25rem) {
    .scrolled-headerup .layout-main-wrapper.layout-container  {
        min-height: 9.25rem;
    }
}

@media (min-width: 75rem) {
    .scrolled-headerup .layout-main-wrapper.layout-container {
        margin-top: 11.25rem;
    } 
}

.scrolled-headerup .site-header {
    top: -160px;
    position: fixed;
}

.scrolled .site-header {
    position: fixed;
    z-index: 500;
    background-color: #ffffff;
    min-height: 7.0rem;
    width: 100%;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.12);
    -webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.12);
    -moz-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.12);
}

.scrolled .site-header {
    top: 0px;
}

.eeofe.scrolled.toolbar-horizontal .site-header {
    top: 36px;
}

.eeofe.scrolled.toolbar-horizontal.toolbar-tray-open .site-header {
    top: 76px !important;
}

.scrolled .site-header__inner {
    width:calc(100vw - 1.925rem);
    max-height: 109px;
}

.scrolled .site-header__inner__container {
    position: relative;
    max-height: 100px;
    margin-top: 0.625rem;
    top: 0px;
} 

.scrolled .site-branding__inner {
    height: 5rem;
}
@media (max-width: 43.74rem) {
    .scrolled .site-branding__inner {
        height: 6.55rem;
    }
}
.scrolled .site-branding__logo img {
    max-width: 100%;
    max-height: 5.8125rem;
    margin-top: 1rem;
}
.eeofe.scrolled .logo-wrapper + .site-branding__text {
    margin-left: 3.75rem;
    margin-top: 1.25rem;
}

.scrolled .site-branding__text {
    font-size: 0.875rem;
    line-height: 1.75rem;
}
.scrolled .mobile-buttons {
    margin-top: 2.5rem;
}