.c-site-header--inverted .c-main-navigation__hamburger {
    @apply text-primary-500;
}

.c-main-navigation {
    @apply flex flex-col;
}

.c-main-navigation__inner-wrapper {
    display: flex;
    margin-top: .5rem;
    justify-content: flex-end;
    align-items: center;
}

.c-main-navigation__hamburger {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 0;
    font-size: 1.5rem;
    margin-left: 1rem;
    padding-left: 1rem;
    border-radius: 0;
    border: 0;
    color: theme('colors.white');
    z-index: 99;

    @screen lg {
        display: none;
    }

    &::after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -.75rem;
        width: 1px;
        height: 1.5rem;
        background-color: theme('colors.gray.300');
    }

    .c-menu-toggle__icon--close {
        display: none;
    }

    &[aria-expanded=true] {
        .c-menu-toggle__icon--close {
            display: inline;
        }

        .c-menu-toggle__icon--menu {
            display: none;
        }
    }
}

.has-overlay {
    .c-main-navigation__hamburger {
        color: theme('colors.white');
        background-color: theme('colors.primary.500');
    }

    .c-main-navigation__inner-wrapper {
        background-color: theme('colors.primary.500');
    }
}

.c-main-navigation__hamburger-label {
    font-size: theme('textSizes.lg');
    margin-left: .5rem;
}

.c-overlay--navigation {
    .c-main-menu {
        display: inline;
    }
}
