.nav-pills {
  .nav-link {
    margin: 0.1em;
    padding: 0.2em;
    font-weight: bold;
    color: #00f;

    &:hover {
      color: #f00;
      background-color: $bg-one;

      @include border-radius(0.3em);
    }

    img {
      margin-right: 0.1em;
      vertical-align: middle;
    }
  }

  .nav-link.active,
  .show > .nav-link {
    color: #00f;
    background-color: $bg-one;

    @include border-radius(0.3em);
  }
}

.nav-tabs {
  margin: 1.1em 0.2em 0;
  font-weight: bold;

  .nav-link {
    margin: 0.1em 0.2em 0;
    padding: 0.1em 0.4em;
    border-color: $bg-two $bg-two #f5f5f5;

    &:hover,
    &:focus {
      margin: 0;
      padding: 0.1em 0.6em 0.2em;
    }
  }

  .nav-link.active,
  .nav-item.show .nav-link {
    &:hover,
    &:focus {
      color: #f00;
    }
  }
}
