/*
 * Bootstrap Navbar Overrides
 * --------------------------------------------------
 */

.navbar-nav {
  margin-top: 0;
  margin-bottom: 0;
}

.navbar-default {
  border-width: 0;
  .navbar-nav > li {
    background-color: @navbar-default-link-color-bg;
    border-left: 1px solid @navbar-default-border;
    &:last-of-type {
      border-right: 1px solid @navbar-default-border;
    }
    a {
      @media (max-width: @grid-float-breakpoint-max) {
        padding: .55rem 1.6rem;
      }
      line-height: @line-height-base;
    }
  }
}

/* Add link underline on navbar dropdowns. */
.dropdown-menu > li > a {
  &:hover,
  &:focus {
    text-decoration: underline;
  }
}

@media (max-width: (@grid-float-breakpoint-max)) {
  .navbar-nav > li {
    border-bottom: 1px solid @navbar-default-border;
    .dropdown-menu {
      padding-top: 1px;
    }
  }
}
@media (min-width: @screen-xs-min) and (max-width: (@grid-float-breakpoint-max)) {
  .navbar-default {
    li {
      width: 33.33%;
      float: left;
      li {
        width: 100%;
      }
    }
  }
}
@media (min-width: @screen-xs-min) and (max-width: 550px) {
  .navbar-default {
    li {
      width: 50%;
      li {
        width: 100%;
        float: none;
      }
    }
  }
}

.navbar-toggle {
  .navbar-vertical-align((.px-rem(34px)[]));

  // Bars
  .icon-bar {
    width: .px-rem(22px)[];
    height: .px-rem(2px)[];
    border-radius: .px-rem(1px)[];
  }
  .icon-bar + .icon-bar {
    margin-top: .px-rem(4px)[];
  }
}

.navbar-btn {
  &.btn-xs {
    .navbar-vertical-align((.px-rem(22px)[]));
  }
}

.navbar-text {
  .navbar-vertical-align(@font-size-base * @line-height-base);
}
