//
// Header
// ----------------------------

// Hide header menu on screen size bellow the breakpoint.
$header-nav-hide: "xl";

.region-header {
  // Hide nav on smaller screens
  .nav {
    @include media-breakpoint-down($header-nav-hide) {
      display: none;
    }

    > .nav-item:not(.dropdown) > {
      .nav-link {
        @extend .underline, .hover;
      }

      .is-active::before {
        visibility: visible;
        transform: scale(1);
      }
    }
  }
}
