@media screen and (min-width: 992px) {
  #etype-login-mobile {
    display: none;
  }
  .region-navigation ul.menu:not(.sf-menu) {
    display: block;
  }
  .region-navigation .menu-toggle {
   display: none;
  }
}

@media screen and (max-width: 991px) {
  .region-navigation ul.menu:not(.sf-menu) {
    display: none;
  }
  .region-navigation ul.menu:not(.sf-menu).is-open {
    display: block;
  }
  .region-navigation .menu-toggle {
    z-index: 99999;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 5px;
  }
  /* Drawer row padding is set in css/components/header.css, which styles the
     open menu for every site. The `padding: 0` that used to sit here was
     scoped to a single block id and only became a conflict once this file was
     rebound to the navigation region -- it left the plain-menu-block sites
     with their labels hard against the edge. */

  /* A full-width white block behind a bold black label is a heavy hover for a
     drawer row, and on a touch screen it sticks after the tap. Tint instead. */
  .region-navigation ul.menu:not(.sf-menu) li > a:hover,
  .region-navigation ul.menu:not(.sf-menu) li > a:focus,
  #main-navigation ul.menu li > a:hover,
  #main-navigation ul.menu li > a:focus {
    background-color: rgba(255, 255, 255, 0.14);
  }
}