/*****************************
  *  GENERAL NAVBAR
  ******************************/
.navbar .navbar-nav .nav-item .nav-link:focus-visible {
  outline: 0;
  box-shadow: none;
}

.navbar .navbar-nav .nav-item .dropdown-menu {
  border-radius: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

.navbar .navbar-nav .nav-item .nav-link,
.navbar .navbar-nav .nav-item .dropdown-item {
  font-size: 14px;
}

.navbar .navbar-nav .nav-item .dropdown-item {
  padding: 10px 15px;
  background-color: var(--fsa-color-usafa-blue);
  color: var(--fsa-color-white);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.navbar .navbar-nav .menu-item-has-children>.dropdown-menu .dropdown-item {
  background-color: var(--fsa-color-blueberry);
}

.navbar .navbar-nav .nav-item .dropdown-item:hover,
.navbar .navbar-nav .menu-item-has-children .dropdown-item:hover {
  background-color: var(--fsa-color-boy-blue);
  color: var(--fsa-color-white);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.navbar .navbar-nav .menu-item-has-children>.dropdown-menu {
  position: absolute;
  left: 100%;
  top: 0;
  margin-top: 0;
  -webkit-transition: all 0.5;
  -o-transition: all 05s;
  transition: all 0.5;
}

.navbar .navbar-nav .menu-item-has-children:hover>.dropdown-menu.show {
  -webkit-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s;
}

.navbar .navbar-nav .menu-item-has-children>.dropdown-item::after {
  content: "\f0da";
  font-family: "FontAwesome";
  float: right;
  margin-left: 5px;
}

.navbar .navbar-nav .dropdown-toggle {
  display: flex;
  align-items: center;
}

.navbar .navbar-nav .dropdown-toggle::after {
  content: "\f0d7";
  font-family: "FontAwesome";
  margin-left: 5px;
  border: 0;
}

/*****************************
  *  MEDIA QUERIES
  ******************************/
@media (max-width: 991.98px) {

  .navbar .navbar-nav .nav-item .nav-link,
  .navbar .navbar-nav .nav-item .dropdown-item {
    font-size: 13px;
  }

  .navbar .navbar-nav .nav-item .dropdown-menu {
    position: absolute;
    left: 0;
    top: 100%;
    background-color: var(--fsa-color-usafa-blue);
  }

  .navbar .navbar-nav .menu-item-has-children>.dropdown-item::after {
    content: "\f0d7";
    float: none;
  }

  .navbar .navbar-nav .menu-item-has-children>.dropdown-menu {
    position: relative;
    background-color: var(--fsa-color-blueberry);
  }
}