/* Header Styles - matching legacy edge.gbci.org */

#navbar {
  margin-bottom: 0;
  border-bottom: 1px solid #e7e7e7;
  box-shadow: none;
  /* Bootstrap 5 gives .navbar 0.5rem of vertical padding, which stretched the
   * header to 97px against 81px on the legacy site. The logo already sets the
   * bar height, so drop the padding instead of shrinking the logo. */
  --bs-navbar-padding-y: 0;
}

/* The legacy header container capped at Bootstrap 3's 1170px. */
@media (min-width: 1200px) {
  #navbar > .container {
    max-width: 1170px;
  }
}

#navbar .navbar-brand {
  padding-right: 0;
  padding-left: 10px;
}

.site-logo {
  height: auto;
  width: 104px;
}

#navbar .navbar-nav {
  display: flex;
  align-items: center;
}

#navbar .navbar-nav .nav-link {
  color: #444;
  font-size: 14px;
  font-weight: normal;
  line-height: 50px;
  padding: 15px 18px;
  text-transform: uppercase;
  text-decoration: none;
}

#navbar .navbar-nav .nav-link:hover {
  color: #000;
}

/* The legacy active menu item is the same blue as the rest of the palette. */
#navbar .navbar-nav .nav-link.is-active,
#navbar .navbar-nav .nav-item.active .nav-link {
  color: #1D5D8B;
  background-color: transparent;
}

@media only screen and (max-width: 1200px) {
  #navbar .navbar-nav .nav-link {
    font-size: 14px;
    line-height: normal;
    padding: 10px;
  }
}

@media only screen and (max-width: 991px) {
  #navbar .navbar-nav {
    flex-direction: column;
    align-items: flex-start;
  }

  #navbar .navbar-nav .nav-link {
    line-height: normal;
    padding: 8px 10px;
  }

  .navbar-collapse {
    position: absolute;
    top: 63px;
    background: rgb(255, 255, 255);
    width: 100%;
    left: 0px;
  }
  .navbar-header {
    width: 75%;
  }
}

/* Language switcher */
.language-switcher {
  display: flex;
  align-items: center;
}

.language-switcher .nav-link {
  padding: 5px 10px;
}

.language-icon {
  width: 32px;
  height: 32px;
}

#navbar .language-switcher {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

#navbar .language-switcher .nav-link {
  padding: 15px 5px;
}