/* #navbar {
  position: fixed;
  top: 0;
  width: 100%;
  display: block;
  transition: top 0.3s;
} */

/* NAV TABS */
.nav-tabs {
  border: none;
}

.nav-tabs .nav-link {
  color: var(--sj-green-pea) !important;
}

.nav-tabs .nav-link:hover {
  background-color: var(--sj-dark-cyan) !important;
  border: 1px solid var(--sj-dark-cyan) !important;
  color: var(--bs-light) !important;
}

.nav-tabs .nav-link.active {
  background-color: white !important;
  border: 1px solid var(--sj-green-pea) !important;
  color: var(--sj-green-pea) !important;
}

/* NAV PILLS */
.nav-pills {
  border: none;
}

.nav-pills .nav-link {
  color: var(--bs-light) !important;
  font-weight: bold;
  border: 1px solid white;
}

.nav-pills .nav-link:hover,
.nav-pills .nav-link.active:hover {
  background-color: var(--sj-gold-drop) !important;
  color: var(--bs-light) !important;
  border: 1px solid white;
}

.nav-pills .nav-link.active {
  background-color: var(--sj-cantaloupe) !important;
  color: var(--bs-dark) !important;
  border: 1px solid white;
}

/* NAV UNDERLINE */
.nav-underline .nav-link {
  color: var(--bs-secondary) !important;
  font-weight: bold;
  border: 1px solid white;
}

.nav-underline .nav-link:hover,
.nav-underline .nav-link.active:hover {
  /* background-color: var(--sj-gold-drop) !important; */
  color: var(--sj-topaz) !important;
  /* border: 1px solid white; */
}

.nav-underline .nav-link.active {
  /* background-color: var(--sj-cantaloupe) !important; */
  color: var(--sj-dark-cyan) !important;
  /* border: 1px solid white; */
}