#site-header {
    border-bottom: 1px solid var(--primary);
    z-index: 10;
    padding-left: 1rem;
    position: sticky;
    top: 0;
    background: white;
}

.region-secondary nav {
    display: none;
    position: relative;
}

.region-secondary nav ul.menu {
    display: flex;
    gap: 1.5rem;
    align-items: center;
    padding: 0.5rem 0;
    margin: 0;
    justify-content: flex-end;
}

.region-secondary nav ul.menu li {
    list-style: none;
    padding: 0;
}

.region-secondary nav ul.menu li.btn {
    margin: 0;

    a {
        text-decoration: none;
    }
}

.region-secondary nav ul.menu a {
    text-decoration: none;
    color: var(--text);
    font-size: 0.875em;
    font-weight: 500;
    font-family: var(--fontBold);
}

.region-secondary nav ul.menu a:hover,
.region-secondary nav ul.menu a:focus-visible {
    text-decoration: underline;
    color: var(--white);
    text-decoration-thickness: 3px;
}

.region-secondary nav ul.menu a:focus-visible {
    background: white !important;
    color: black !important;
    outline: 4px solid white;
    box-shadow: 0 0 0 8px white;
}

.region-secondary nav ul.menu a.button {
    border-radius: 2rem;
    border: 2px solid #009eb3;
    padding: 0.5rem 2rem 0.5rem 1.75rem;
    font-weight: 600;
    font-size: 0.875rem;
    text-decoration: none;
    background-color: var(--highlightTeal);

    &:hover,
    &:focus-visible {
        background-color: #009eb3;
    }
}

.branding .site-logo img {
    max-width: 50vw;
    width: 200px;
    margin-left: 0rem;
    height: auto;
    padding: 0.5rem 0;
    min-width: 7.5rem;
}

.search-block {
    display: none;
}

/* Mobile Menu */
.block-responsive-menu-toggle {
  position: absolute;
  top: 1.75rem;
  right: 1rem;
  display: block !important;

    .responsive-menu-toggle-icon {
        padding: 0 1rem 0 2.5rem;
        display: flex;
        align-items: center;
        border-radius: 2rem;
        background: var(--primary);
        width: auto;
        border: 2px solid var(--primaryDark);
        background: white;
        color: var(--primary);
        text-decoration: none;

        &:before {
            top: 9px;
            height: 2px;
            background: var(--primary);
        }

        &:after {
            top: 21px;
            height: 2px;
            background: var(--primary);
        }

        span.icon {
            top: 15px;
            height: 2px;
            background: var(--primary);
        }

        span.label {
            position: relative;
            top: inherit;
            left: inherit;
            font-weight: 400;
            text-transform: inherit;
            letter-spacing: -1px;
            font-size: 1em;
            line-height: 1;
            color: var(--primary);
        }
    }
}
@media screen and (min-width: 60em) {
    .block-responsive-menu-toggle {
        display: none !important;
    }
}

main {
    transition: opacity 0.33s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.mm-wrapper__blocker.mm-slideout {
    opacity: 0 !important;
}


.mm-wrapper_opened {
    .responsive-menu-toggle-icon {
        padding: 0.5rem 0.875rem 0.5rem 2rem;
        height: 32px;
        background-color: var(--highlightRed);
        border-color: var(--highlightRed);
        span.label {
            display: none;
        }

        &:before,
        &:after {
            top: 14px;
            background-color: white;
        }
    }

    .mm-page {
        overflow: hidden;
        height: 100vh;
        position: fixed;

        main {
            pointer-events: none;
            opacity: 0.2;
            transition: opacity cubic-bezier(0.075, 0.82, 0.165, 1) 0.33s;
        }
    }
}

.mm-menu.mm-menu_theme-dark {
    .mm-navbar {
        background-color: #172d4a;
        border-bottom: 3px solid rgba(0,0,0,0.15);
    }
    .mm-panels,
    .mm-panel {
        background-color: var(--primaryDark);
    }

    .mm-panel a {
        font-size: 1rem;
    }

    .mm-listitem:after {
        left: 0;
        border-color: white;
        border-color: rgba(255,255,255,0.15);
    }

    .mm-listitem__btn:not(.mm-listitem__text) {
        border-left: 0;
    }

    a.mm-listitem__text {
        padding: 0.875rem 1rem 0.875rem 2rem;

        &:hover {
            text-decoration: underline;
            color: var(--primaryLight);
        }

        &:focus-visible {
            box-shadow: none;
            outline-offset: -2px;
            outline: 2px solid yellow;
        }
    }

    a.mm-btn_next {
        padding: 0.75rem !important;
        width: 2.5rem;

        &:after {
            right: 1em;
        }
    }

    /* Block */
    .form--inline {
        margin: 1rem 0;
        padding: 1rem 2rem;

        .form-item label {
            color: white;
            font-size: 1rem;
        }

        input.form-submit {
            background-color: var(--highlightTeal);
        }
    }
}



/* Breadcrumbs */
header + .region-breadcrumb {
    background-color: var(--backgroundAlt);
    display: none;
}

nav.breadcrumb {
    padding: 1rem 0;
    color: var(--primaryDark);
}

nav.breadcrumb ol {
margin: 0;
padding: 0;
}

[dir="rtl"] nav.breadcrumb ol {
/* This is required to win over specificity of [dir="rtl"] ol */
margin-right: 0;
}
nav.breadcrumb li {
display: inline;
margin: 0;
padding: 0;
list-style-type: none;
}
/* IE8 does not support :not() and :last-child. */
nav.breadcrumb li:before {
content: " / ";
color: var(--text);
font-weight: 300;
opacity: 0.667;
}

nav.breadcrumb li:first-child:before {
content: none;
}

nav.breadcrumb ol li a {
text-decoration: none;
font-weight: 800;
    color: var(--black);
}

nav.breadcrumb ol li a:hover,
nav.breadcrumb ol li a:focus-visible {
text-decoration: 3px solid underline;
}

/* Desktops */
@media screen and (min-width: 60em) {
    #site-header {
        border-bottom: 1px solid var(--primary);
        position: relative;
        padding-left: 0;
    }
    
    .region-secondary nav,
    header + .region-breadcrumb {
        display: block;
    }

    .region-secondary .inner,
    header + .region-breadcrumb .block {
        max-width: 85rem;
        padding: 0 2rem;
        margin: 0 auto;
        width: 100%;
    }

    .region-secondary {
        border-bottom: 0;
        background-color: var(--primaryDark);
        position: relative;
        z-index: 1;
    }

    .region-secondary nav ul.menu a {
        font-weight: 600;
        color: white;

        &:hover,
        &:focus-visible {
            text-decoration: underline;
        }
    }

    .region-secondary nav ul.menu a:before {
        content: "";
        border-left: 1px solid;
        margin-right: 1rem;
        display: none;
    }

    .region-secondary nav ul.menu li:first-child a:before,
    .region-secondary nav ul.menu li:last-child a:before {
        display: none;
    }

    .region-header {
        max-width: 85rem;
        margin: 0 auto;
        padding: 0 2rem;
        display: flex;
        justify-content: flex-start;
        position: relative;
        align-items: flex-end;
        display: flex;

        nav {
            width: calc(100% - 400px);
        }

        .search-block {
            display: block;
        }
    }
    
    .branding {
        max-width: 200px;
        width: 100%;
        .site-logo img {
            margin-left: 0;
            max-width: 180px;
            width: 100%;
            padding: 0;
            position: relative;
            left: -10px;
        }
    }

    .toggles {
        display: none;
    }
}