/* 
Stlye across site for navigation elements 
not loaded in editor
*/

.navbar {
    z-index: 999
}

.nav-icon { stroke: var(--ink); }
.nav-link:hover .nav-icon { stroke: var(--burgandy); }
.nav-link:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }

/*change breakpoint for navbar to 800px*/
@media (max-width: 800px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none;
    }
    .two-tier-desktop, #desktop-footer{
      display: none;
    }
    .two-tier-mobile {
      display: flex;
    }
}

@media (min-width: 801px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: flex;
    }
    .two-tier-desktop, #desktop-footer {
      display: flex;
    }
    .two-tier-mobile {
      display: none;
    }
    body > div.wp-site-blocks > main-header > div > div:nth-child(1) > div > nav.is-responsive.two-tier-mobile.wp-block-navigation.is-layout-flex.wp-block-navigation-is-layout-flex > button{ display: none;}
}

.navCategory a {
    padding-left: .5rem;
    padding-right: .5rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    font-weight: 600;
    color: #4c4848;
}

.second-tier-content-group{
  margin-block-start:0px;
}

/* hidden by default */
#tier-programs,
#tier-resources {
  display: none;
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity .18s ease, transform .18s ease;
}

/* shown when JS toggles them */
#tier-programs.is-open,
#tier-resources.is-open {
  display: block;
  opacity: 1;
  transform: translateY(0);
}

.two-tier-mobile-link {
  margin-right: 5vw !important;
}