@charset "UTF-8";

.l-header {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  clear: none;
  padding: 0 10px 0 10px;
  position: relative;
  z-index: 1;
  pointer-events: none;
}

/* styles for site alerts - 3 different alert levels */
/*  
.l-region--alerts {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  clear: none;
  display: inline-block;
}

.site-alert div.text {
  padding: 10px !important;
  margin-left: 36px !important;
  margin-right: 4% !important;
  font-size: .9em;
  font-weight: normal;
}
 
.site-alert .low {
  background: #F3EAAC;
  margin-bottom: 0px !important;
}
.site-alert .high {
  background: #EDD5D6;
  margin-bottom: 0px !important;
}


*/ 
.l-header #google-appliance-block-form {
  width: 60%;
  display: block;
  pointer-events: visible;
  margin: 0 auto -38px auto;
}

/* for local environment without Google search appliance module*/
.l-header #block-search-form {
  width: 60%;
  display: block;
  pointer-events: visible;
  margin: 0 auto -38px auto;
}

.l-header #google-appliance-block-form .container-inline, 
.l-header #block-search-form .search-block-form .container-inline {
  height: 1em;
  width: 100%;
  padding: 3px 0 0 0;
}

.l-region--search label i {
  position: absolute;
  right: 5px;
  color: #fff;
}

.l-region--search input#edit-search-keys,
.l-region--search input#edit-search-block-form--2 {
  width: 100%;
  height: 32px;
  background-color: #0A354B;
  border: 1px solid #7F7F7F;
  padding: 4px 0 4px 12px;
  border-radius: 0;
  color: #fff;
  font-size: .8em;
}

.l-region--search input#edit-search-keys :-moz-placeholder,
.l-region--search input#edit-search-block-form--2 :-moz-placeholder {
  /* Firefox 18- */
  color: #000000;
}

.l-region--search input#edit-search-keys :-moz-placeholder,
.l-region--search input#edit-search-block-form--2 :-moz-placeholder {
  /* Firefox 19+ */
  color: #000000;
}

/*
#google-appliance-block-form #edit-search-keys,
.form-item-search-block-form #edit-search-block-form--2 {
  width: 360px !important;
}
*/
#google-appliance-block-form #edit-search-keys :-moz-placeholder,
.form-item-search-block-form #edit-search-block-form--2 :-moz-placeholder {
  content: "Search dor.wa.gov";
}

.l-header .l-branding {
  width: 6em;
  pointer-events: visible;
  margin: 12px auto;
}

.l-branding > a > img#defaultLogo {
    display: inline-block;
    max-width: 6em;
}

.l-region--site-menu  {
  /*display: none; */
}

@media (min-width: 768px) {
    .l-header {
     width: 768px;
     margin: 0 auto;
    }
    
    .l-region--search  #google-appliance-block-form, 
    .l-region--search  #block-search-form {
      width: 30%;
      display: block;
      pointer-events: visible;
      position: absolute;
      top: 36px;
      left: 65%;
      padding: 18px 0 0 0 ;
    }
    
    /* search */ 
    .l-region--search label i {
      position: absolute;
      right: 5px;
      color: #4d4d4d;
    }
    
    .l-header #google-appliance-block-form .container-inline input#edit-search-keys,
    .l-region--search input#edit-search-block-form--2 {
      width: 100%;
      height: 32px;
      background-color: #fff;
      border: 1px solid #7F7F7F;
      padding: 4px 0 4px 12px;
      border-radius: 0;
      color: #000;
      font-size: .8em;
    }
    
    .l-header .l-branding {
      padding: 15px 15px 0 15px;
      pointer-events: visible;
    }
    
    .l-header .l-branding > a > img {
      box-sizing: content-box;
    }    
    
    .l-branding {
      width: 15.25424%;
      float: left;
      margin-right: -100%;
      margin-left: 0;
      clear: none;
      display: block;
      z-index: 10;
      pointer-events: visible;
    }
    
    .l-branding > a > img#defaultLogo{
      display: inline-block;
      max-width: 12em;
      width: 175px;
      z-index: 15;      
    }
  
}
    .l-region--site-menu {
      background-color: #fff;
      float: right;
	  margin-top: 12px;
	  font-size: .75em;
	  font-weight: bold;
    }
	.l-region--site-menu ul {
      pointer-events: visible;
    }
	.l-region--site-menu ul li{
      display: inline-block;
	  padding-left: 30px;
    }
	.l-region--site-menu .menu a {
      color: #4d4d4d;
    }
	.l-region--site-menu .menu a:hover {
      color: #FA9800;
    }
	.l-region--site-menu li.last { 
      background-color: #FBB91E;
      border-radius: 5px;
      color: #fff;
	  padding: 5px 10px;
	  margin-left: 25px;
    } 
	.l-region--site-menu li.last a { 
	color: #fff;
	}
	.l-region--site-menu li.last a:hover { 
	color: #4d4d4d;
	}
@media (max-width: 767px) {
	.l-region--site-menu {
		float: none;
	}
	.l-region--site-menu ul {
		padding-left: 0;
	}
	.l-region--site-menu ul li{
	  padding-left: 10px;
    }
	.l-region--site-menu li.last { 
	  margin-left: 5px;
    } 
}	
/*
    .l-region--site-menu .tb-megamenu  {
      font-size: .75em;
      background: transparent;
      margin-top: 12px;
    }
    
    .l-region--site-menu.tb-megamenu.style-blue {
      background-color: transparent !important;
    }
    
    .l-region--site-menu .tb-megamenu .mega-inner {
      background-color: white !important;
      color: black !important;
    }
    
    .l-region--site-menu .tb-megamenu .mega-inner a:hover, .l-region--site-menu .tb-megamenu .mega-inner a:focus {
      color: #164a7c !important;
    }
    .l-region--site-menu .tb-megamenu .dropdown-menu .active > a {
      background-image: none;
    }
    .l-region--site-menu .tb-megamenu .dropdown-menu .active > a:hover {
      background-image: none;
    }
    .l-region--site-menu .tb-megamenu .nav a {
      background-color: transparent !important;
      font-weight: normal!important;
    }
    
    .l-region--site-menu .tb-megamenu .nav li .dropdown active.dropdown-toggle {
      background-color: white !important;
      border-right: 0px solid transparent !important;
      border-bottom: 2px solid #164a7c !important;
      color: #000000 !important;
    }
   .l-region--site-menu .tb-megamenu .nav li .dropdown.open > .dropdown-toggle {
      background-color: white !important;
      border-right: 0px solid transparent !important;
      color: #164a7c !important;
      border-bottom: 5px solid #164a7c !important;
    }
   .l-region--site-menu .tb-megamenu .nav li a {
      color: #000000 !important;
      padding: .5em;
    }
   .l-region--site-menu .tb-megamenu .nav li.login-menu > a {
      background-color: #FBB91E !important;
      border-radius: 5px !important;
    }
    .l-region--site-menu .tb-megamenu .nav a:focus, .l-region--site-menu .tb-megamenu .nav a:hover {
      color: #164a7c !important;
      background-color: white !important;
      border-right: 0px solid transparent !important;
      border-bottom: 2px solid #164a7c !important;
    }
    .l-region--site-menu .tb-megamenu .nav > li a {
      border-right: 0px solid transparent !important;
    }
    .l-region--site-menu .tb-megamenu .nav > .active > a {
      background-color: white !important;
      border-right: 0px solid transparent !important;
      color: #000000 !important;
    }
    .l-region--site-menu .tb-megamenu .nav > .active > a:hover {
      color: #164a7c !important;
    }    
    
    
    
    .l-region--site-menu li{
      float: right;
    }
    
    .l-region--site-menu li a { 
      background-color: white !important;
      font-size: .8em;
      color: #888;
      padding: 8px;
      border-radius: 2px;
    }
   
    .l-region--site-menu li a:last-of-type { 
      background-color: #FBB81E;
      color: #fff;
    } 
	*/
@media (min-width: 1080px) {
    .l-header {
     width: 1000px;
     margin: 0 auto;
    }
    
    .l-region--search  #google-appliance-block-form, 
    .l-region--search  #block-search-form {
      width: 30%;
      left: 69%;
    }    
}