header.site-header {
    position: sticky;
    top: 0;
    border-top: 1px solid var(--gray-2);
    border-bottom: 1px solid var(--gray-2);
    z-index: 1000;
}

.admin-bar header.site-header {
    top: 46px;
}

@media screen and (min-width: 783px) {
    .admin-bar header.site-header {
        top: 32px;
    }
}

.site-header .site-logo {
    flex-shrink: 0 !important;
}

.main-navigation .main-nav ul li a {
    border-bottom: 1px solid var(--gray-3);
}

.main-navigation .main-nav ul.sub-menu li a {
    border-bottom: 1px solid transparent;
}


@media (min-width: 1025px) {
    .main-navigation .main-nav ul li a,
    .main-navigation .menu-bar-item a {
        border-bottom: 4px solid transparent;
        transition: all 300ms ease;
    }

    .main-navigation .main-nav ul.sub-menu li a {
        border-bottom: 4px solid transparent;
    }

}

.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a,
.main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a,
.main-navigation .main-nav ul li[class*="current-menu-"] > a,
.main-navigation .menu-bar-item:hover > a
{
    border-bottom: 1px solid var(--gray-3);
}

.main-navigation .main-nav ul.sub-menu li:not([class*="current-menu-"]):hover > a,
.main-navigation .main-nav ul.sub-menu li:not([class*="current-menu-"]):focus > a,
.main-navigation .main-nav ul.sub-menu li[class*="current-menu-"] > a {
    border-bottom: 1px solid transparent;
}

@media (min-width: 1025px) {
    .main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a,
    .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a,
    .main-navigation .main-nav ul li[class*="current-menu-"] > a,
    .main-navigation .menu-bar-item:hover > a {
        border-bottom: 4px solid var(--primary-accent);
    }
}

.main-navigation .main-nav ul.sub-menu li:not([class*="current-menu-"]):hover > a,
.main-navigation .main-nav ul.sub-menu li:not([class*="current-menu-"]):focus > a,
.main-navigation .main-nav ul.sub-menu li[class*="current-menu-"] > a {
    border-bottom: 1px solid transparent;
}

@media (min-width: 1025px) {

    .main-navigation .main-nav ul.sub-menu li:not([class*="current-menu-"]):hover > a,
    .main-navigation .main-nav ul.sub-menu li:not([class*="current-menu-"]):focus > a,
    .main-navigation .main-nav ul.sub-menu li[class*="current-menu-"] > a {
        border-bottom: 4px solid transparent;
    }

    .main-navigation .menu-bar-item {
        /*border-bottom: 4px solid transparent;*/
        /*transition: none;*/
        align-content: center;
    }

    .main-navigation .menu-bar-item a {
        height: 80px;
        padding: 8px 20px;
        line-height: 30px;
        /*border-bottom: none;*/
        /*transition: none;*/
    }

    .main-navigation .menu-bar-item a span
    {
        margin-top: 20px;
    }

}

.main-navigation .main-nav ul li[class*="current-menu-"] > a {
    color: var(--text);
    background-color: var(--background-lite);
}

ul.menu li > a {
    padding: 8px;
}

/* Only above 1075px so that smaller desktop widths do not collapse into second row */
@media (min-width: 1075px)
{
    .main-navigation .main-nav ul li.menu-item-has-children > a {
        padding-right:10px; padding-left:10px;
    }
}

.menu-item-has-children .dropdown-menu-toggle {
    padding-right: 2px;
    padding-left: 2px;
}

.main-navigation .main-nav ul.sub-menu li[class*="current-menu-"] > a {
    color: var(--text);
    background-color: var(--gray-5);
}

#mobile-header {
    position: sticky;
    top: 0;
    z-index: 1000;
}

.admin-bar #mobile-header {
    top: 46px;
}

@media screen and (min-width: 783px) {
    .admin-bar #mobile-header {
        top: 32px;
    }
}

#mobile-header .inside-navigation {
    background-color: var(--background-dark);
}

#mobile-header #mobile-menu ul {
    background-color: var(--background-lite);
}

#mobile-header #mobile-menu > ul {
    border-bottom: 1px solid var(--gray-2);
}

#mobile-header .menu-toggle,
#mobile-header .menu-bar-item > a,
#mobile-header .menu-bar-item:hover > a {
    color: var(--white);
}

#mobile-header .menu-toggle {
    padding-right: 0;
}

#mobile-header img.is-logo-image {
    width: 200px;
}

#mobile-header .site-logo {
    padding-left: 10px;
}

#mobile-header .menu-toggle {
    padding-right: 10px;
}

#mobile-header .menu-bar-item a {
    border-bottom: none;
    transition: none;
}

#mobile-header .menu-item a {
    padding-left: 30px;
    padding-right: 30px;
}

#mobile-menu .sub-menu {
    padding-bottom: 20px;
}

#mobile-menu .sub-menu .menu-item a {
    padding-left: 30px;
}