button#global-nav-trigger, button#global-nav-trigger:hover {
    background: none;
}

button#global-nav-trigger:hover::after {
    content: none;
}

button#global-nav-trigger span::after {
    content: none;
}

button#global-nav-trigger img {
    transition: rotate .25s;
    rotate: 0;
}

button#global-nav-trigger[aria-expanded="true"] img {
    rotate: -180deg;
}

.flat-container {
    height: 0;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
}

.flat-container .flat-container-content {
    height: fit-content;
    position: absolute;
    left: 0;
    right: 0;
}

.global-nav-container {
    z-index: 9000;
}

.global-nav-container.global-nav-hidden {
    visibility: hidden;
}

.banner-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    z-index: 8000;
}

.header-mobile {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    padding: .5rem var(--hds-spacing-2);
}

.header-desktop {
    display: none;
}

.header-logo {
    display: flex;
    justify-content: center;
    align-items: center;
}

#global-nav-trigger, #global-nav-trigger-mobile {
    visibility: hidden; /* remove once implementation is complete */
}

@media (min-width: 640px) {
    .header-mobile {
        padding-left: var(--hds-spacing-4);
        padding-right: var(--hds-spacing-4);
    }
}

@media (min-width: 1024px) {
    .header-desktop {
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        align-items: center;
        padding: .5rem var(--hds-spacing-4);
    }

    .header-mobile {
        display: none;
    }
}

@media (min-width: 1400px) {
    .header-desktop {
        /* set max content width at 90rem */
        padding-left: calc(50% - 45rem);
        padding-right: calc(50% - 45rem);
    }
}