.navbar-outside {

border: none;
margin-bottom: 0;

.navbar-brand {
  color: $navbar-outside-brand-color;
  &:hover,
  &:focus {
    color: $navbar-default-brand-hover-color;
    background-color: $navbar-default-brand-hover-bg;
  }
}

.navbar-text {
  color: $navbar-outside-color;
}

.navbar-nav {
  > li > a {
    color: $navbar-outside-link-color;

    &:hover,
    &:focus {
      color: $navbar-outside-link-hover-color;
      background-color: $navbar-default-link-hover-bg;
    }
  }
  > .active > a {
    &,
    &:hover,
    &:focus {
      color: $navbar-default-link-active-color;
      background-color: $navbar-default-link-active-bg;
    }
  }
  > .disabled > a {
    &,
    &:hover,
    &:focus {
      color: $navbar-default-link-disabled-color;
      background-color: $navbar-default-link-disabled-bg;
    }
  }
}

.navbar-toggle {
  border-color: $navbar-default-toggle-border-color;
  &:hover,
  &:focus {
    background-color: $navbar-default-toggle-hover-bg;
  }
  .icon-bar {
    background-color: $navbar-default-toggle-icon-bar-bg;
  }
}

.navbar-collapse,
.navbar-form {
  border-color: $navbar-default-border;
}

// Dropdown menu items
.navbar-nav {
  // Remove background color from open dropdown
  > .open > a {
    &,
    &:hover,
    &:focus {
      background-color: $navbar-default-link-active-bg;
      color: $navbar-default-link-active-color;
    }
  }

  @media (max-width: $grid-float-breakpoint-max) {
    // Dropdowns get custom display when collapsed
    .open .dropdown-menu {
      > li > a {
        color: $navbar-default-link-color;
        &:hover,
        &:focus {
          color: $navbar-default-link-hover-color;
          background-color: $navbar-default-link-hover-bg;
        }
      }
      > .active > a {
        &,
        &:hover,
        &:focus {
          color: $navbar-default-link-active-color;
          background-color: $navbar-default-link-active-bg;
        }
      }
      > .disabled > a {
        &,
        &:hover,
        &:focus {
          color: $navbar-default-link-disabled-color;
          background-color: $navbar-default-link-disabled-bg;
        }
      }
    }
  }
}

// Links in navbars
//
// Add a class to ensure links outside the navbar nav are colored correctly.

.navbar-link {
  color: $navbar-default-link-color;
  &:hover {
    color: $navbar-default-link-hover-color;
  }
}

.btn-link {
  color: $navbar-default-link-color;
  &:hover,
  &:focus {
    color: $navbar-default-link-hover-color;
  }
  &[disabled],
  fieldset[disabled] & {
    &:hover,
    &:focus {
      color: $navbar-default-link-disabled-color;
    }
  }
}

}