/* HEADER: overriding the masthead of the website. Includes logo, site name, and menus. */

/* Logo and site name */
#zone-branding .site-details a.logo {
  max-width: 230px;
  width: 100%;
}

#zone-branding .site-details .site-info .site-name {
  font-size: 18px;
}

#zone-branding .site-details .site-info {
  width: auto;
}

/* Menus  */
.menu-li-home {
  display: none !important;
}

#zone-branding .region-menu .content > ul.menu > li > a, 
#zone-branding .region-menu .content > ul.menu > li > span.no-link {
  font-size: 17px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}

#zone-branding .region-menu .content > ul.menu > li > a.glyphicon {
  font-family: 'Glyphicons Halflings';
  color: #002D72;
  background: none;
}

/* using id to target main navigation and not other menus */
#block-system-main-menu .nav > li > a {
  padding: 0;
}

.nav > li > a.glyphicon:hover, 
.nav > li > a.glyphicon:focus {
  background: none !important; /* overriding .less file that adds background color to menu focus states so the user can see longer menu text on mobile. */
}

.nav > li > a.glyphicon:before {
  border: 1px solid transparent
}

.nav > li > a.glyphicon:hover:before, 
.nav > li > a.glyphicon:focus:before {
  border-color: #002D72;
} 

#zone-branding .region-menu .content > ul.menu ul a, 
#zone-branding .region-menu .content > ul.menu ul .no-link {
  display: block;
  padding: 5px 20px;
  color: #002D72;
  font-size: 16px;
  /* added to resolve issues with the mobile submenu menu icon overflowing on top of text */
  position: relative;
  z-index: 20;
}

#zone-branding .region-menu .content > ul.menu li {
  margin-bottom: 10px;
  margin-top: 10px;
}

/* Search menu link */
.menu-li-search a:before {
  content: '';
  display: block;
  background: url("../img/icons/icon-search-blue.svg") no-repeat !important;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}

#zone-branding .region-menu ul.menu ul a:hover {
  background-color: transparent !important;
  color: #002D72 !important;
}

.menu-li-search a {
  font-size: 0 !important; /* to visually hide search text and only show icon per client request */
  position: relative;
  width: 24px;
  height: 24px;
}

/* Header Blocks: for header block layout. */
#block-delta-blocks-logo {
  max-width: 269px;
}

#block-system-main-menu .menu {}


#block-system-main-menu .menu {
  clear: both;
}

#block-system-main-menu .menu::before,
#block-system-main-menu .menu::after {
  display: table;
  content: '';
  clear: both;
}

#block-system-main-menu .menu > .leaf {}

#block-system-main-menu .menu > .leaf a {
  font-size: 18px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  color: #002D72;
  text-decoration: none;
}

#block-system-main-menu .menu > .leaf a:hover,
#block-system-main-menu .menu > .leaf a:focus { 
  color: #002D72;
  outline: 1px solid #002D72;
}

#zone-branding .region-menu .content > ul.menu > li li.focus-within > ul {}

/* third tier of navigation */
.menu > li > ul.menu > li > ul.menu {}

/* Google translate block */
.region-user-first {
  position: relative;
  height: 35px;
}

/* Translate module dropdown */
/* restricts zone-users so elements placed within don't float off the page, especially the translate widget.
*/
#zone-users {
  position:  relative;
  max-width: 1400px;
  margin: 0 auto;
}

#block-gtranslate-gtranslate {
  position: absolute;
  top: 10px;
  right: 20px;
}

.block-gtranslate select {
  border: 0;
}

@media (min-width: 768px) {
  #zone-branding .region-menu .content > ul.menu > li {
    float: left;
  }

  #block-system-main-menu .menu {}


  #zone-branding .region-menu .content > ul.menu > li + li {
    margin-right: 20px;
  }
}