//
// Navbar
//

.navbar-cmb {
  background-color: rgba($brand-institucional-primary, 1);
  border-radius: 0px;
  margin-bottom: 40px;
  padding: 0;

  .navbar-header {
    .navbar-brand {
      margin-right: 10px;
      //background-color: orange;
      height: 100%;
      img {
        height: 60px;
      }
    }
  }

  .navbar-toggle {
    padding: 6px 10px;
    color: white;
    position: absolute;
    right: -5px;
    top: 15px;

    &:hover,
    &:focus {
      text-decoration: none;
    }
  }

  .navbar-collapse {
    overflow-x: visible;
    &.in {
      overflow-y: auto;
    }
  }

  .navbar-nav {
    padding-top: 15px;
    > li > a {
      color: white;
      opacity: 0.9;
      font-weight: 500;

      &:hover,
      &:focus {
        opacity: 1;
        background-color: transparent;
      }
    }
    > .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;
      }
    }
    .dropdown-menu {
      background: white;
      > li > a {
        // color: #eee;
        color: $brand-institucional-primary;
        &:hover,
        &:focus {
          color: $brand-institucional-secondary;
          // background-color: $brand-institucional-secondary;
        }
      }
      > .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;
        }
      }
    }
  }
}