// Can this be deleted?

@import 'navbar';

//
// Shortbreaks Navbars
// --------------------------------------------------

.navbar-collapse,
.navbar-form {
  .box-shadow(none);
}

// Center brand in navbar
.navbar-brand {
  float: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -@logo-width/2;
  width: @logo-width;
  height: @logo-height;
  background-size: @logo-width @logo-height;
  background-image: url(@logo);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: @zindex-navbar;
  text-indent: -5000em;
}

.navbar-toggle {
  padding: floor((@navbar-height - @navbar-toggle-height)/2 - 1) @padding-base-horizontal ceil((@navbar-height - @navbar-toggle-height)/2 - 1);
  margin-top: 0;
  margin-bottom: 0;
  &,
  .icon-bar {
    border-radius: 0;
  }
}

// Affixed navbars
.navbar-container .navbar-static-top.affix {
  .navbar-nav:not(.navbar-right) {
    transition: padding-left @navbar-affix-slide-speed @navbar-affix-slide-speed ease-out;
    padding-left: 0;
  }
}

@media (max-width: @grid-float-breakpoint-max) {

  .navbar-secondary {
    min-height: 0; // Prevent jank when collapsing secondary nav
    .navbar-nav {
      margin-bottom: (@navbar-padding-vertical / 2);
    }
  }

  // Don't affix on mobile
  .navbar-container .navbar-static-top.affix {
    position: relative;
    + .affix-spacer {
      display: none;
    }
  }

  // Dropdown spacing
  .navbar-container .navbar-nav .open .dropdown-menu {
    margin-top: 0;
    padding-top: (@navbar-padding-vertical / 2);
    padding-bottom: (@navbar-padding-vertical / 2);
    margin-bottom: (@navbar-padding-vertical / 2);
    .divider {
      margin-left: 25px; // Hard-coded padding from Bootstrap navbar.less
    }
  }

}

@media (min-width: @grid-float-breakpoint) {

  .navbar-brand {
    left: auto;
    background-size: @logo-width-sm @logo-height-sm;
    width: @logo-width-sm;
    height: @logo-height-sm;
  }

}