/* *****************************************************************************
*
*  Navbar
*
* ***************************************************************************** */

.navbar--subnav {
  background: $gray-800;

  @include media-breakpoint-up(md){
    .navbar-nav .nav-item:first-of-type {
      padding-left: 0;
    }
  }

  &.border-bottom,
  .border-left,
  .border-right {
    border-color: $gray-700!important;
  }

  .navbar-toggler {
    padding: $spacer-3;

    @include media-breakpoint-down(sm) {
      display: flex;
    }

    &[aria-expanded="true"] {
      .icon {
        transform: rotate(-45deg);
      }
    }
  }

  .nav-link {
    @include media-scale(font-size, $h4-font-size, $h6-font-size, $h6-font-size);
  }

  &-dark {
    background: $dark;

    &.border-bottom,
    .border-left,
    .border-right {
      border-color: $gray-800!important;
    }

    .nav-item {
      &.active {
        .nav-link:before {
          background-color: $gray-400;
        }
      }

      .nav-link {
        &:before {
          background-color: $gray-400!important;
        }
      }
    }
  }
}