.navbar
  margin-bottom: 20px
  border: 1px solid transparent
  font-family: $text-font

// this matches Bootstrap's mysterious -15px margin for the .row class
.navbar-left
  padding-left: 0
  margin-left: -15px

  a
    margin-left: -15px

.navbar-inverse
  background-color: $blue
  border-color: $blue

.navbar-brand
  font-size: 14px
  color: #fff
  line-height: 20px
  padding-top: 11px
  font-weight: 600

.navbar-nav > li > a
  font-size: 16px
  color: #fff
  border-bottom: none
  padding-top: 11px
  line-height: 20px
  padding-left: 15px
  padding-right: 15px
  font-weight: 600

.navbar-inverse
  background-color: #003262
  border-color: #003262
  .navbar-brand
    color: #9d9d9d
    &:focus, &:hover
      color: #fff
      background-color: transparent

  .navbar-text
    color: #9d9d9d

  .navbar-nav >
    li > a
      color: #9d9d9d
      &:focus, &:hover
        color: #fdb515
        background-color: transparent

    .active > a
      color: #fff
      background-color: #003262
      &:focus, &:hover
        color: #fff
        background-color: #003262

    .disabled > a
      color: #444
      background-color: transparent
      &:focus, &:hover
        color: #444
        background-color: transparent

  .navbar-toggle
    border-color: #333
    &:focus, &:hover
      background-color: #333

    .icon-bar
      background-color: #fff

  .navbar-collapse, .navbar-form
    border-color: #101010

  .navbar-nav > .open > a
    color: #fff
    background-color: #003262
    &:focus, &:hover
      color: #fff
      background-color: #003262

  .navbar-link
    color: #9d9d9d
    &:hover
      color: #fff

  .btn-link
    color: #9d9d9d
    &:focus, &:hover
      color: #fff

    &[disabled]
      &:focus, &:hover
        color: #444