/* Navbar
   ========================================================================== */
.navbar {
  @include navbar();
  &__wrapper {
    @include navbar__wrapper;
  }
  &__right {
    margin-left: auto;
  }
}

.navbar-brand {
  @include navbar-brand;
}

.navbar-nav {
  @include navbar-nav;
  &__item,
  & > li {
    @include navbar-nav__item;
  }
  &__link,
  & > li > a {
    @include navbar-link;
    &:hover,
    &:focus {
      @include navbar-link--active;
    }
  }
  & > .active,
  & > .open {
    .navbar-nav__link,
    & > a {
      @include navbar-link--active;
    }
  }
}

.navbar-toggler {
  @include navbar-toggler;
  &:hover,
  &:focus,
  .navbar-toggler.open {
    @include navbar-toggler--open;
  }
  &__icon {
    @include hamburger();
    .navbar-toggler.open & {
      @include hamburger--open;
    }
  }
  &__icon-bar {
    @include hamburger__bar();
    .navbar-toggler.open & {
      @include hamburger__bar--open;
    }
  }
}