// Navbar toggleable
//
// Custom override for collapse plugin in navbar.

// scss-lint:disable ImportantRule
.navbar-toggleable {
  &-xs {
    @include clearfix;
    @include media-breakpoint-down(xs) {
      .navbar-nav .nav-item {
        float: none;
        margin-left: 0;
        clear:both; // added line
      }
    }
    @include media-breakpoint-up(sm) {
      display: block !important;
    }
  }

  &-sm {
    @include clearfix;
    @include media-breakpoint-down(sm) {
      .navbar-nav .nav-item {
        float: none;
        margin-left: 0;
        clear:both; // added line
      }
    }
    @include media-breakpoint-up(md) {
      display: block !important;
    }
  }

  &-md {
    @include clearfix;
    @include media-breakpoint-down(md) {
      .navbar-nav .nav-item {
        float: none;
        margin-left: 0;
        clear:both; // added line
      }
    }
    @include media-breakpoint-up(lg) {
      display: block !important;
    }
  }
}