.logo2 {
  display: none;
}

.logo1 {
  display: block;
}

.white-text {
  color: #fff;
}

.logo-8-12 {
  width: 72px;
}

/* change navbar background */
nav.navbar {
  font:
    300 16px/50px 'Roboto',
    sans-serif;
  background: transparent;
  text-transform: uppercase;
}

/* change navbar-brand color */
.navbar a.navbar-brand {
  color: white;
}

.navbar .navbar-item {
  font:
    300 14px/45px 'Roboto',
    sans-serif;
}

/* change navbar-brand color on hover */
.navbar a.navbar-brand:hover {
  color: green;
}

/* .nav-menu li:hover>a,
.nav-menu li.active>a,
.nav-menu li.current_page_item>a,
.nav-menu li>a:focus {
    color: #a3875b;
    background: rgba(0, 0, 0, 0.03);
} */

/*  change navbar li colors, also active one but not disabled one */
.navbar {
  color: white;
}

.navbar ul.dropdown-menu {
  background-color: #000;
  border-radius: 0.25rem;
  border: none;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
}
.navbar .dropdown-item {
  color: white;
  font-weight: inherit;
}

.navbar .dropdown-item:hover {
  color: #a3875b;
  background: transparent;
}

.navbar ul.navbar-nav li.nav-item a.nav-link:hover {
  color: #a3875b;
  background: transparent;
}

/* change navbar-toggler inside lines color (stroke) */
.navbar-light span.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='yellow' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  color: white;
}

/* change hamburger button border color */
.navbar-light button.navbar-toggler {
  border-color: yellow;
}

header.activeHeader {
  background: #fff;
  z-index: 99999;
}

header.activeHeader .navbar {
  background: #fff;
  z-index: 99999;
}

header.activeHeader .logo2 {
  display: block;
}

header.activeHeader .logo1 {
  display: none;
}

header.activeHeader .navbar li > a {
  color: #000;
}

header.activeHeader .navbar li > button {
  color: #000;
}

header.activeHeader .navbar .dropdown-menu {
  background: #fff;
}

.dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0; /* remove the gap so it doesn't close */
}

/* change navbar background on collapse */
@media (max-width: 768px) {
  nav.navbar {
    background: white;
    z-index: 99999;
  }

  .navbar ul.dropdown-menu {
    background-color: transparent;
  }
  .navbar ul.navbar-nav li.nav-item a.nav-link {
    color: black;
  }

  .navbar ul.navbar-nav li.nav-item button.nav-link {
    color: black;
  }

  .navbar .dropdown-item:hover {
    color: #a3875b;
    background: transparent;
  }

  .navbar .dropdown-item {
    color: black;
  }

  .navbar button.dropdown-item {
    color: black;    
  }

  .navbar ul.navbar-nav li.nav-item a.nav-link:hover {
    color: #a3875b;
    background: transparent;
  }

  .navbar ul.dropdown-menu {
    box-shadow: none;
  }

  header #logo img {
    height: auto;
    width: 50px;
  }
}