/*
**  Primary
**  (mobile-first)
*/

#wttw-global-header {
  background:url('https://www.wttw.com/global/wttw-header/img/wttw-global-header-bg.jpg') #001b58 no-repeat center 0;
  height:83px;
  padding-top:12px;
  box-sizing:border-box;
}

#wttw-header-container {
  position:relative;
}

#wttw-global-header a {
  transition:.3s all ease-in-out;
  text-decoration:none;
}

#wttw-global-header .wttw-logo {
  float:left;
  margin-left:12px;
  width:192px;
  height:45px;
}

#wttw-global-header .wttw-logo:hover {
  opacity:.8;
}

nav#wttw-global-menu {
  position:absolute;
  top:71px;
  padding:1em 0 .75em;
  background-color:#fff;
  width:100%;
  font-family:"Open Sans", "Helvetica Neue", Helvetica, Segoe, "Segoe UI", Arial, sans-serif;
  text-transform:lowercase;
  font-weight:300;
	-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
	-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
	box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
}

nav#wttw-global-menu a {
  color:#000;
  padding:.5em 2em;
  font-size:16px;
  letter-spacing:.025em;
}

nav#wttw-global-menu li.secondary a {
  color:#002c85;
}

nav#wttw-global-menu li.tertiary a {
  color:#666;
}

nav#wttw-global-menu a:active,
nav#wttw-global-menu a:hover {
  color:#0063D0;
  background-color:#f1f1f1;
}

nav#wttw-global-menu a.support {
  color:#cc0000;
}

nav#wttw-global-menu a.support:hover {
  color:#e30000;
}

#wttw-header-right {
  display:none;
}

/*
**  Search
*/

.wttw-global-search,
.wttw-global-search.mobile {
  background-color:#f1f1f1;
  height:40px;
  margin:0 1em;
}

.wttw-global-search .input-group {
  width:100%;
}

.wttw-global-search .global-search-form-text {
  display:inline-block;
  box-sizing:border-box;
  font-family:"Open Sans", "Helvetica Neue", Helvetica, Segoe, "Segoe UI", Arial, sans-serif;
  height:40px;
  padding:4px 8px;
  font-size:15px;
  background-color:#f1f1f1;
  color:#444;
  border:none;
  box-shadow:none;
}

.wttw-global-search .search-submit input {
  height:16px;
  float:right;
  margin:12px;
  display:inline-block;
  -webkit-filter: brightness(0%);
  filter: brightness(0%);
}

/*
**  Google Custom Search
*/

/*nav#wttw-global-menu li.wttw-global-search {
  height:40px;
  margin:0 1em;
  background:#f1f1f1;
}

nav#wttw-global-menu .gsc-control-searchbox-only {
  margin-left:0;
}

nav#wttw-global-menu li.wttw-global-search .gsc-input-box,
nav#wttw-global-menu input.gsc-input,
nav#wttw-global-menu .gsc-input-box,
nav#wttw-global-menu .gsc-input-box-hover,
nav#wttw-global-menu .gsc-input-box-focus {
  background-color: transparent;
  font-family:"Open Sans", "Helvetica Neue", Helvetica, Segoe, "Segoe UI", Arial, sans-serif;
  height:36px;
  border:none;
  box-shadow:none;
}

nav#wttw-global-menu li.wttw-global-search .gsc-input-box-focus,
nav#wttw-global-menu li.wttw-global-search .gsc-search-box .gsc-input>input:hover {
  outline:none;
}

.gsc-control-searchbox-only {
  margin-left:15px;
}

#wttw-global-header form.gsc-search-box {
  margin-bottom:0;
}

#wttw-global-header table.gsc-search-box {
  width:100%;
  float:none;
  border:none;
}

#wttw-global-header table.gsc-search-box tbody {
  border-top:none;
}

#wttw-global-header input.gsc-input,input.gsc-input {
  background-image:none !important;
  margin:.4em 0 0 !important;
  box-shadow:none !important;
  position:relative;
}

#wttw-global-header td.gsib_a:before {
  content:'search';
  color:#666;
  position:absolute;
  left:8px;
  top:9px;
  font-size:16px;
  vertical-align: baseline;
}

#wttw-global-header td.gsib_a:hover:before,
#wttw-global-header td.gsib_a:focus:before {
  display:none;
}

#wttw-global-header td.gsib_b {
  display:none;
}

#wttw-global-header .gsc-control-cse .gsc-input-box {
  height : inherit;
}

#wttw-global-header input.gsc-input,
#wttw-global-header .gsc-input-box,
#wttw-global-header .gsc-input-box-hover,
#wttw-global-header .gsc-input-box-focus,
#wttw-global-header .gsc-search-button, input.gsc-search-button-v2 {
  box-sizing: content-box;
  line-height: normal;
  margin-top:0;
  -webkit-filter: brightness(0%);
  filter: brightness(0%);
  background-color:transparent;
  background-image:none;
  border-color:transparent;
}

#wttw-global-header td.gsc-search-button {
  padding-top:.4em;
}*/

.wttw-global-menu-btn {
  position: absolute;
  right:0;
  display: inline-block;
  text-align: center;
  padding:24px;
  width: 28px;
  height: 28px;
  text-indent: 28px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  box-sizing:border-box;
}
/* hamburger icon */
.wttw-global-menu-btn-icon, .wttw-global-menu-btn-icon:before, .wttw-global-menu-btn-icon:after {
  position: absolute;
  top: 50%;
  left: 2px;
  height: 2px;
  width: 24px;
  background: #fff;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.wttw-global-menu-btn-icon:before {
  content: '';
  top: -7px;
  left: 0;
}
.wttw-global-menu-btn-icon:after {
  content: '';
  top: 7px;
  left: 0;
}
/* x icon */
#wttw-global-menu-state:checked ~ .wttw-global-menu-btn .wttw-global-menu-btn-icon {
  height: 0;
  background: transparent;
}
#wttw-global-menu-state:checked ~ .wttw-global-menu-btn .wttw-global-menu-btn-icon:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#wttw-global-menu-state:checked ~ .wttw-global-menu-btn .wttw-global-menu-btn-icon:after {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* hide menu state checkbox (keep it visible to screen readers) */
#wttw-global-menu-state {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(1px,1px,1px,1px);
}
/* hide the menu in mobile view */
#wttw-global-menu-state:not(:checked) ~ #wttw-global-menu {
  display: none;
}
#wttw-global-menu-state:checked ~ #wttw-global-menu {
  display: block;
}
@media (min-width: 768px) {
  /* hide the button in desktop view */
  .wttw-global-menu-btn {
    position: absolute;
    top: -99999px;
  }
  /* always show the menu in desktop view */
  #wttw-global-menu-state:not(:checked) ~ #wttw-global-menu {
    display: block;
  }
}


@media (min-width: 768px) {

  /* Switch to desktop layout
  -----------------------------------------------
     These transform the menu tree from
     collapsible to desktop (navbar + dropdowns)
  -----------------------------------------------*/
  /* start... (it's not recommended editing these rules) */
  .sm-wttw ul{position:absolute;width:12em;}
  .sm-wttw li{float:left;}
  .sm-wttw.sm-rtl li{float:right;}
  .sm-wttw ul li,.sm-wttw.sm-rtl ul li,.sm-wttw.sm-vertical li{float:none;}
  .sm-wttw a{white-space:nowrap;}
  .sm-wttw ul a,.sm-wttw.sm-vertical a{white-space:normal;}
  .sm-wttw .sm-nowrap > li > a,.sm-wttw .sm-nowrap > li > :not(ul) a{white-space:nowrap;}
  /* ...end */

  #wttw-global-header {
    height:105px;
  	-webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);
  	-moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);
  	box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);
  }

  #wttw-header-container {
    max-width:1170px;
    height:100%;
    margin:0 auto;
  }

  nav#wttw-global-menu {
    bottom:0;
    top:auto;
    padding:0;
    margin-left:12px;
    width:auto;
    background-color:transparent;
  }

  nav#wttw-global-menu a {
    color:#fff;
    font-weight:bold;
    font-size:14.5px;
    line-height:22px;
    padding:0 5px;
    margin-right:10px;
    background-color:#00345d;
  }

  nav#wttw-global-menu a:hover {
    color:#fff;
    background-color:#0063D0;
  	-webkit-box-shadow: 0px -3px 6px 0px rgba(0,0,0,0.16);
  	-moz-box-shadow: 0px -3px 6px 0px rgba(0,0,0,0.16);
  	box-shadow: 0px -3px 6px 0px rgba(0,0,0,0.16);
  }

  nav#wttw-global-menu a.support {
    color:#fff;
    background-color:#a30000;
    padding-bottom:0;
  }

  nav#wttw-global-menu a.support:hover {
    color:#fff;
    background-color:#e30000;
  }

  nav#wttw-global-menu li.wttw-global-search,
  nav#wttw-global-menu li.secondary,
  nav#wttw-global-menu li.tertiary {
    display:none;
  }

  #wttw-header-right {
    display:inline-block;
    float:right;
    margin-right:12px;
  }

  nav#wttw-secondary-upper,
  nav#wttw-secondary-lower {
    list-style:none;
    text-transform:uppercase;
    font-family:"Open Sans", "Helvetica Neue", Helvetica, Segoe, "Segoe UI", Arial, sans-serif;
    font-weight:bold;
    text-align: right;
    font-size:11px;
    line-height:20px;
    letter-spacing: .03em;
  }

  nav#wttw-secondary-upper {
    margin-bottom:.65em;
  }

  nav#wttw-secondary-lower {
    position:absolute;
    bottom:0;
    right:12px;
  }

  nav#wttw-secondary-upper li,
  nav#wttw-secondary-lower li {
    display:inline;
    margin-left:10px;
    line-height:20px;
  }

  nav#wttw-secondary-upper a {
    color:#bddbf5;
  }

  nav#wttw-secondary-lower a {
    color:#fff;
  }


  nav#wttw-secondary-lower a.kids {
    color:#99ff66;
  }

  nav#wttw-secondary-upper a:hover,
  nav#wttw-secondary-lower a:hover {
    opacity:.8;
  }

  .wttw-global-search {
    margin:0;
    height:34px;
  }

  .wttw-global-search .global-search-form-text {
    height:34px;
  }

  .wttw-global-search .search-submit input {
    width:16px;
    height:16px;
    float:right;
    margin:0;
    padding:9px;
    display:inline-block;
    box-sizing:content-box;
    -webkit-filter: brightness(0%);
    filter: brightness(0%);
  }

  /*
  **  Google Custom Search (desktop)
  */

  /*#wttw-global-header table.gsc-search-box {
    width:286px;
    float:right;
  }

  #wttw-global-header input.gsc-input,
  #wttw-global-header .gsc-input-box,
  #wttw-global-header .gsc-input-box-hover,
  #wttw-global-header .gsc-input-box-focus,
  #wttw-global-header .gsc-search-button, input.gsc-search-button-v2 {
    -webkit-filter:none;
    filter:none;
  }

  #wttw-global-header .gsc-input-box {
    background:#fff;
  }

  #wttw-global-header input.gsc-input, input.gsc-input {
    margin-top:0 !important;
  }

  #wttw-global-header input.gsc-search-button,
  #wttw-global-header input.gsc-search-button-v2,
  #wttw-global-header input.gsc-search-button:hover,
  #wttw-global-header input.gsc-search-button:focus {
    border-color:#2F5BB7;
    background-color:#357AE8;
  }

  #wttw-global-header td.gsc-search-button {
    padding-top:0;
  }

  #wttw-global-header td.gsib_a:before {
    display:none;
  }*/
}