/* navbar background */
.navbar {
  background-color: #8B7D7B;
  border-bottom: 2px solid #EDEDED;
}

/* normal nav links */
.navbar a {
  color: white;
}

/* nav link hover */
.navbar-nav .nav-link:hover {
  text-decoration: underline;
  color: inherit !important;
}

/* active nav link (current page) */
.navbar-nav .nav-link.active {
  color: #333333 !important;
}

/* SITE TITLE / navbar-brand styling */
.navbar-brand {
  color: white !important;       /* normal color */
  text-decoration: none;
}

/* site title hover */
.navbar-brand:hover {
  text-decoration: underline;
  color: inherit !important;       /* same as normal */
}

/* site title active (when on homepage) */
.navbar-brand.active {
  color: #333333 !important;     /* black when active */
}

a {
  text-decoration: none !important; /* Removes the underline */
  color: inherit !important;        /* Makes the link the same color as regular text */
  font-weight: bold !important;     /* Makes the link bold */
}

/* Optional: Add a slight color change when you hover over the link so users know it's clickable */
a:hover {
  color: #555 !important; 
}