/*BEGIN Home Navigation */

.uab-home-navigation .dropdown-menu {
  background-color: var(--uab-green);
}

.uab-home-navigation .navbar-nav {
  margin-bottom: 0;
}

.uab-home-navigation .dropdown-menu a span,
.uab-horizontal-navigation .dropdown-menu a {
  color: var(--white);
}

.uab-home-navigation .dropdown-menu a:hover span,
.uab-horizontal-navigation .dropdown-menu a:hover {
  color: var(--uab-green);
}

.uab-horizontal-navigation .navbar-nav .nav-item-level-1>.nav-link {
  color: var(--uab-green);
}

.uab-horizontal-navigation .dropdown-menu a.nav-link.active:hover span {
  color: #fff;
}

/*END Home Navigation */

/*BEGIN UAB Home CTA */

.uab-home-ctas a {
  position: relative;
}

.uab-home-ctas a:not(:last-child):after {
  content: "";
  height: 20px;
  width: 1px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  transform: translatey(-50%);
  right: 0;
}

/*END UAB Home CTA */


/*BEGIN Horizontal Nav */

@media (min-width: 1024px) {

  #main-nav {
    position: relative;
    width: 100%;
    background: white;
    z-index: 500;
    transform: none;
    transition: transform 0.4s ease-out;
  }

  /* when we “fix” it off-screen */
  #main-nav.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    transform: translateY(-100%);
  }

  /* then slide it down into view */
  #main-nav.visible {
    transform: translateY(0);
  }

}

/*END Horzontal Nav */


/*BEGIN Gold Button */


/* Gold button */
.btn-gold {
  color: #033319;
  background-color: #FDB913 ;
  border: 1px solid #033319;
}

/* Hover & focus */
.btn-gold:hover,
.btn-gold:focus {
  color: #033319;
  background-color: #FDD571 ;        /* 10 % darker */
  border-color: #033319 ;
}

/* Visible focus ring (keyboard focus) */
.btn-gold:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(0,0,0,.5); /* lightened gold */
}

/* Active / pressed */
.btn-gold:active,
.btn-gold.active,
.show > .btn-gold.dropdown-toggle {
   color: #033319;
  background-color: #FDD571 ;        /* 10 % darker */
  border-color: #033319 ;
}

/* Disabled */
.btn-gold:disabled,
.btn-gold.disabled {
  color: #525355;
  background-color: #FFF2D2;
  border-color: #FFF2D2 ;
  opacity: 0.65;                    /* matches Bootstrap’s disabled look */
  pointer-events: none;
}