/* site nav */

.header-wrap { padding:20px 0; background-color:rgba(24,22,46,0.3); }

.nav-block { background-color:var(--cty-dahlia-medium); height:80px; }

.nav-relative { position:relative; width:100%; }
.nav-hold { width:100%; height:40px; }
.nav-logo { float:left; } 
.nav-logo a { display:block; width:250px; height:40px; }
.nav-toggle a { float:right; display:block; width:40px; height:40px; font-size:30px; line-height:40px; color:white; text-align:center; margin-right:-8px; }
.nav-toggle a:hover { color:white; }

#nav-drawer { display:none; padding:20px 0px 20px 0px; }

#primary-nav { padding-top:36px; }
#primary-nav ul { margin:0; padding:0; }  
#primary-nav ul li { list-style: none; margin:0; padding:0; width:100%; }
#primary-nav ul li div.menu-set { display:table; border-top:1px solid var(--cty-dahlia-light); width:100%; }
#primary-nav ul li div.menu-set a {
  display:table-cell;
  width:90%;
  text-align:left;
  vertical-align:top;
  padding:12px 0px;
  color:white;
  font-size:24px;
  line-height:1.5;
  font-weight:700;
  text-transform:none;
  text-decoration:none;
}

#primary-nav ul li div.menu-set a.subnav-toggle { width:10%; text-align:right; }
#primary-nav ul li div.menu-set a:hover { color:white; text-decoration:none; }

#primary-nav ul ul { display:none; margin:0; padding:8px 0px 24px 0px; }

#primary-nav ul li ul li a { 
  display: block;
  padding:10px 4px 10px 20px;
  font-size:20px;
  line-height:1.5;
  font-weight:400;
  text-transform:none;
  color:white;
  text-decoration:none;
}

#primary-nav ul li ul li a:hover { color:white; text-decoration:none; }


#secondary-nav { display:table; width:100%; margin-top:40px; }
.nav-weather { display:table-cell; width:96px; height:50px; vertical-align:middle; }
.nav-search-link { display:table-cell; width:36px; height:50px; vertical-align:middle; display:none; }
.nav-search { display:table-cell; width:auto; height:50px; vertical-align:middle; }

.nav-weather-pill { background-color:rgba(255,255,255,0.1); color:white; border-radius:32px; width:80px; font-size:14px; line-height:50px; font-weight:700; text-align:center; }

a.nav-search-link-a { display:block; background-color:#18162E; color:white; font-size:14px; line-height:36px; width:36px; border-radius:50%; text-align:center; }

#site-search {
  display:table;
  width:100%;	
  padding:0px 20px;
  margin:0;
  border:0;
  text-align:left;
  background-color:#18162E;
  border-radius:60px;
}

#site-search input[type="text"]{
  display:table-cell;	
  font-size:18px;
  line-height:50px;
  color:white;
  background:transparent;
  border:none;
  padding:0;
  margin:0;
  width:90%;
  text-align:left;  
  vertical-align:middle;
  outline:0;
}

#site-search button {
  display:table-cell;
  font-size:18px;
  line-height:50px;
  color:white;
  background:transparent;
  border:none;
  margin:0;
  padding:0;
  width:10%;
  text-align:right;
  vertical-align:middle;
}

#site-search ::-webkit-input-placeholder { color:white; opacity: 1; }
#site-search :-moz-placeholder { color:white; opacity: 1; }
#site-search ::-moz-placeholder { color:white; opacity: 1; }
#site-search :-ms-input-placeholder { color:white; opacity: 1; }


/* desktop nav */
@media all and (min-width: 1200px) {
  
  .header-wrap { padding:0; }

  .nav-block { height:90px; }

  .nav-relative { position:relative; width:100%; height:90px; }
  .nav-hold { width:100%; height:30px; }
  .nav-logo { position:absolute; top:21px; } 
  .nav-logo a { display:block; width:300px; height:48px; }
  
  .nav-toggle { display:none; }
  
  /* primary-nav */
  
  #nav-drawer { display:block!important; } /* slidetoggle fix */
   
  #primary-nav { position:absolute; top:21px; right:160px; height:50px; width:auto; padding:0; }
  #primary-nav ul { display:block; float:right; }
  #primary-nav ul li { display:block; float:left; width:auto; }
  #primary-nav ul li div.menu-set { display:table; border:none; width:auto; }
  #primary-nav ul li div.menu-set a {
    width: auto;
    display:inline-block;
    padding:8px 16px 8px 16px;
    font-size:22px;
    /*text-shadow:0px 0px 6px #3C3869;*/
  }
  
  #primary-nav ul li div.menu-set a.subnav-toggle { display:none; }
  
  /* drop down lists */

  #primary-nav ul li ul { 
    position: absolute;
    width: 260px;
    height:auto;
    padding:20px 0px;
    background-color:#3C3869;
    border-bottom:4px solid #625d9c;
    border-top:4px solid #bcbbfa;
    border-radius:0px 8px 24px 9px;
    display:none;
  }

  

  #primary-nav ul li:hover > ul { display:block !important; left: auto; z-index:9999; } 
  @media all and (min-width: 992px) { #primary-nav li:last-child:hover > ul { color:inherit; } }
  
  #primary-nav ul li ul li { width:220px; }
  #primary-nav ul li ul li a { 
    width:100%;
    padding:6px 24px;
    color:#e3e3e5;
    font-weight:500;
    line-height:1.3;
    background-color:#3C3869;
  }
  #primary-nav ul li ul:hover li a:hover { color:white; } 

  @media all and (min-width: 1400px) {
    #primary-nav { right:290px; }
    #primary-nav ul li div.menu-set a {
      padding-left:22px;
      padding-right:22px;
    }
  }
  
  #primary-nav { position:absolute; top:21px; right:50px; height:50px; width:auto; padding:0; }
  #secondary-nav { position:absolute; top:21px; right:0; width:auto; }
  #secondary-nav { display:table; width:36px; margin-top:0px; }
  .nav-weather { display:table-cell; width:0px; height:50px; vertical-align:middle; display:none; }
  .nav-search-link { display:table-cell; width:36px; height:50px; vertical-align:middle; }
  .nav-search { display:table-cell; width:0px; height:50px; vertical-align:middle; display:none; }
  @media all and (min-width: 1280px) {
    #secondary-nav { width:120px; }
    #primary-nav { right:130px; }
    .nav-weather { display:table-cell; width:80px; }
  }
  @media all and (min-width: 1430px) {
    #secondary-nav { width:230px; }
    #primary-nav { right:240px; }
    .nav-search-link { display:none; width:0px; }
    .nav-search { display:table-cell; width:auto; }
    
  }


  .nav-weather-pill { background-color:rgba(255,255,255,0.1); color:white; border-radius:32px; width:72px; font-size:14px; line-height:36px; font-weight:700; text-align:center; }
  a.nav-search-link-a { display:block; background-color:#18162E; color:white; font-size:14px; line-height:36px; width:36px; border-radius:50%; text-align:center; }



  .nav-search { margin:0; }
  
  #site-search input[type="text"]{
    font-size:14px;
    line-height:36px;
  }
  #site-search button {
    font-size:14px;
    line-height:36px;
  }   
   
}