#logo_header,
#top_toolbar,
#mobile_search_area {
  display: none;
}
#navbar_container {
  width: 100%;
  background: white;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #666;
}
#navbar {
  text-align: center;
}
div#mobile_menu_header {
  display: grid;
  grid-template-columns: 24px auto 24px 24px 28px;
  grid-gap: 3px;
  padding: 10px;
}
/* an admin gets a test-mode switch directly under the account icon */
div#mobile_test_mode_switch {
  margin-top: 2px;
  line-height: 0;
}
/* the small switch is 28px wide, so trim it to the icon's 24px column */
div#mobile_test_mode_switch sl-switch {
  --width: 24px;
  --height: 14px;
  --thumb-size: 10px;
}
div#mobile_menu_header a {
  text-decoration: none;
  color: black;
}
div#navbar_title {
  display: inline-block;
  margin: 0 auto;
}
.mobile_menu_icon {
  background: white;
  display: block;
}
#mobile_menu_icon a {
  text-decoration: none;
}
#mobile_hamburger_bars {
  display: inline;
}
#mobile_hamburger_x {
  display: none;
}
#mobile_search_area {
  padding: 3px;
}
#promobar_container {
  width: 100%;
  background: black;
  padding: 0;
}
div#promobar {
  color: white;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  padding: 5px 0;
  display: flex;
}
div#promobar div {
  display: inline-block;
  width: 32%;
  padding: 0;
  text-align: center;
  min-width: max-content;
}
div#promobar div.not_first {
  border-left: 1px solid #fff;
}
div#promobar div p {
  padding: 0;
  margin: 0.25em;
  font-size: 11px;
  font-family: 'Nunito', 'Arial', 'Helvetica', sans-serif;
  display: block;
}
div#promobar div p.top {
  font-weight: bold;
}
div#promobar div p.bot {
  font-size: 80%;
}
div#promobar a {
  color: white;
  text-decoration: none;
  font-size: .75rem;
}