/* nav.css */

/* Navigation Tabs */
.nav-tabs {
  border-bottom: 1px solid #444;
}

.nav-tabs .nav-link {
  color: #ccc;
  background-color: transparent;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  margin-right: 4px;
}

.nav-tabs .nav-link:hover {
  border-color: #555 #555 #444;
  color: #fff;
  background-color: #1c1c1c;
}

.nav-tabs .nav-link.active {
  color: #000 !important;
  background-color: #fff !important;
  border-color: #ccc #ccc #fff;
  font-weight: bold;
}

/* Nav Links (general) */
a.nav-link {
  transition: background-color 0.3s, color 0.3s;
}

a.nav-link:focus, a.nav-link:hover {
  text-decoration: none;
  background-color: #222;
  color: #f8f9fa;
}

/* Top Navbars */
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255,255,255,0.8);
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
  color: #fff;
}

.navbar-brand {
  color: #ffc107;
  font-weight: bold;
}