/* Mobile menu: hidden until .is-open (see site-nav.js). Desktop: always row. */
@media (max-width: 767px) {
  .site-header-nav {
    display: none;
  }
  .site-header-nav.is-open {
    display: flex;
  }
}

@media (min-width: 768px) {
  .site-header-nav {
    display: flex !important;
  }
}

#nav-toggle .icon-close {
  display: none;
}

#nav-toggle[aria-expanded="true"] .icon-menu {
  display: none;
}

#nav-toggle[aria-expanded="true"] .icon-close {
  display: block;
}