/* ----------------- START Header V2 Like V7 ----------------- */
#cms-header #h2 {
    .header-container {
        padding: 24px 56px 24px 64px;

        &::before {
            left: 0;
        }

        .left {
            margin-left: 0;
        }
    }

    .utilities.utilities-right {
        display: none;
    }

    .utilities.utilities-top {
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        padding: 16px 64px;
    }

    .utilities.utilities-top .utility-bar {
        justify-content: flex-start;
        padding: 0;

        a.utilities {
            font-size: 13px;
            font-weight: 700;
            margin: 0;
            text-transform: uppercase;
        }
    }

    #searchbutton {
        margin: 0;

        span.button-action-content {
            flex-direction: row-reverse;

            svg {
                padding-left: 10px;
                padding-right: 0;
            }

            .sr-only {
                display: contents;
                color: var(--utility-link-color);
                font-weight: 700;
                font-size: 13px;
                text-transform: uppercase;
                line-height: 24px;
            }
        }
    }

    #languagebutton {
        margin-right: 0;
    }
}

@media screen and (max-width: 1023px) {
    #cms-header #h2 {
        .header-container {
            padding: 16px 0;
        }

        .utilities.utilities-top {
            padding: 16px;

            .utility-bar {
                gap: 6px 32px;
            }
        }

        #searchbutton span.button-action-content .sr-only {
            display: none;
        }

        .button-action-content svg {
            rect {
                fill: var(--nav-color) !important;
            }
            path {
                fill: var(--bg-color) !important;
            }
        }
    }
}
/* ----------------- END Header V2 Like V7 ----------------- */
/* ----------------- START Explore Button ----------------- */
@media screen and (min-width: 1024px) {
    #explore-button {
        display: none;
    }
}
/* ----------------- END Explore Button ----------------- */
/* ----------------- START District Button ----------------- */
#cms-header .dynamicLink {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    color: var(--top-bar-text-color);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
}

#cms-header .top-bar .utilities-container {
    gap: 32px;
}

#cms-header:has(.mobile-header) .utilities-wrapper .dynamicLink {
    border: 1px solid var(--mobile-menu-text-color);
    color: var(--mobile-menu-text-color);
    font-size: 16px;
    font-weight: 400;
    padding: 8px 12px;
    position: relative;
    text-transform: capitalize;
}
/* ----------------- END District Button ----------------- */