/* Navbar completely static */
.navbar {
  background-color: #ffffff !important;
  border: none !important;
}

/* Navbar brand and links stay dark and static */
.navbar .navbar-brand,
.navbar .navbar-nav li a {
  color: #333 !important;
  font-weight: 500;
  background-color: transparent !important;
}

/* Remove all hover and focus effects */
.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus,
.navbar .navbar-nav li a:hover,
.navbar .navbar-nav li a:focus,
.navbar .navbar-nav li a:active,
.navbar .navbar-nav li.active > a,
.navbar .navbar-nav li.active > a:hover,
.navbar .navbar-nav li.active > a:focus {
  color: #333 !important;
  background-color: transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* Toggler (hamburger) button visible on white background */
.navbar-toggler {
  border-color: #333 !important; /* outline of hamburger */
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(51,51,51,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/ %3E%3C/svg%3E");
}

/* Collapsed menu background */
.navbar-collapse {
  background-color: #black !important; /* make it white on mobile */
}

/* Links inside collapsed menu */
.navbar-collapse .navbar-nav li a {
  color: #333 !important;
}