/* mobile nav */

.header-wrap { position:relative; }

.nav-diamond-bg { position:absolute; z-index:95; top:3px; left: 50%; margin-left:-150px; width:300px; height:180px; background-color:var(--cty-brand-yellow); }
.nav-diamond-bg { clip-path: polygon(40px 0px, 260px 0px, 300px 108px, 150px 180px, 0px 108px);  }

.nav-diamond { position:absolute; z-index:95; top:0px; left: 50%; margin-left:-150px; width:300px; height:180px; background-color:var(--cty-brand-blue); }
.nav-diamond { clip-path: polygon(40px 0px, 260px 0px, 300px 108px, 150px 180px, 0px 108px); }

.nav-logo { width:100%; padding:46px 36px 0px 36px; }
.nav-logo a { display:block; }

@media all and (min-width: 1200px) {
  .nav-diamond { margin:0; top:0px; left:24px; }
  .nav-diamond-bg { margin:0; top:3px; left:24px; }
  /*larger
  .nav-diamond { margin:0; width:400px; height:240px; top:0px; left:24px; }
  .nav-diamond { clip-path: polygon(52px 0px, 348px 0px, 400px 144px, 200px 240px, 0px 144px); }
  .nav-diamond-bg { margin:0; width:400px; height:240px; top:3px; left:24px; }
  .nav-diamond-bg { clip-path: polygon(52px 0px, 348px 0px, 400px 144px, 200px 240px, 0px 144px); }
  .nav-logo { width:100%; padding:62px 50px 0px 50px; }
  */
}


.nav-search-bg { position:absolute; z-index:79; top:0px; left:0px; width:75px; height:54px; background-color:var(--cty-brand-blue); 
  clip-path: polygon(0px 0px, 75px 0px, 54px 54px, 0px 54px); 
  border-bottom:2px solid var(--cty-brand-yellow);
} 
.nav-search a { position:absolute; z-index:80; top:0px; left:0px; font-size:18px; line-height:54px; color:white; width:80px; height:60px; text-align:center; padding-right:20px; }
.nav-search a:hover { color:white; }


.nav-toggle-bg { position:absolute; z-index:69; top:0px; right:0px; width:75px; height:54px; background-color:var(--cty-brand-blue); 
  clip-path: polygon(0px 0px, 75px 0px, 75px 54px, 21px 54px); 
  border-bottom:2px solid var(--cty-brand-yellow);
} 
.nav-toggle a { position:absolute; z-index:70; top:0px; right:0px; font-size:24px; line-height:54px; color:white;  width:80px; height:60px; text-align:center; padding-left:20px; }
.nav-toggle a:hover { color:white; }



#search-drawer { display:none; position:relative;  z-index:50; background-color:var(--cty-brand-navy); color:white; 
  width:100%; min-height:100vh; padding:240px 24px 48px 24px; }

#nav-drawer { display:none; position:relative;  z-index:50; background-color:var(--cty-brand-navy); color:white; 
  width:100%; min-height:100vh;  padding:200px 24px 48px 24px; }



.nav-search-title { text-align:center; margin-bottom:0.5rem; }
.nav-search { color:inherit; }
  
#site-search {
  display:table;
  width:100%;	
  padding:8px 16px;
  margin:0;
  border:2px solid white;
  border-radius:0;
  text-align:left;
}
  
#site-search input[type="text"]{
  display:table-cell;	
  font-size:16px;
  line-height:24px;
  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:14px;
  line-height:24px;
  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: 0.8; }
#site-search :-moz-placeholder { color:white; opacity: 0.8; }
#site-search ::-moz-placeholder { color:white; opacity: 0.8; }
#site-search :-ms-input-placeholder { color:white; opacity: 0.8; }





#primary-nav { padding-top:16px; }
#primary-nav ul { margin:0; padding:0; }  
#primary-nav ul li { list-style: none; margin:0; padding:0; width:100%; }
#primary-nav ul li.leaf-search { display:none; }
#primary-nav ul li div.menu-set { display:table; border-top:2px solid var(--cty-brand-yellow); width:100%; }
#primary-nav ul li div.menu-set a {
  display:table-cell;
  width:90%;
  text-align:left;
  vertical-align:bottom;
  padding:12px 0px;
  color:white;
  font-size:20px;
  line-height:34px;
  font-weight:600;
  text-transform:none;
  text-decoration:none;
}

.menu-svg { display:inline-block; width:24px; }

#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:var(--cty-pnav-hover); }

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

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

#primary-nav ul li ul li a:hover { color:var(cc-pnav-hover); }

#secondary-nav { padding:16px 0px; text-align:center; }

.btn-header-news { 
  background-color:var(--cty-brand-navy); 
  border:0; 
  color:white; 
  font-size:16px; font-weight:600; text-transform:none; letter-spacing:0.001rem; 
  margin: 4px 2px 4px 0px; 
  padding: .375rem .75rem; 
  transition:var(--cty-transition-hover); 
  text-decoration:none; 
  border-radius:0;
}
.btn-header-news:hover { 
  background-color:var(--cty-brand-navy); 
  color:white;
  text-decoration:none; 
}

.btn-header-ready { 
  background-color:var(--cty-brand-yellow); 
  border:0;
  color:var(--cty-brand-navy); 
  font-size:16px; font-weight:600; text-transform:none; letter-spacing:0.001rem; 
  margin: 4px 2px 4px 0px; 
  padding: .375rem .75rem; 
  transition:var(--cty-transition-hover); 
  text-decoration:none; 
  border-radius:0;
}
.btn-header-ready:hover { 
  background-color:var(--cty-brand-yellow);  
  color:var(--cty-brand-navy);
  text-decoration:none; 
}






/* desktop nav */

@media all and (min-width: 1200px) {
 
  .nav-search-bg { display:none; } 
  .nav-search { display:none; }

  .nav-toggle-bg { display:none;  } 
  .nav-toggle { display:none;  }

  #search-drawer { display:none; }

  #nav-drawer { display:block!important; } /* slidetoggle fix */
  #nav-drawer { min-height:auto; padding:0px; height:111px; border-bottom:3px solid var(--cty-brand-yellow); }

  
   /* primary-nav */
   
  #primary-nav { position:absolute; top:46px; right:0px; width:auto; padding:0; }
  #primary-nav ul { display:block; float:right; }
  #primary-nav ul li, #primary-nav ul li.leaf-search  { display:block; float:left; width:auto; }
  #primary-nav ul li.leaf-search { width:50px; }
  #primary-nav ul li div.menu-set { display:table; border:none; width:auto; }
  #primary-nav ul li div.menu-set a {
    width: auto;
    font-size:18px;
    padding: 12px 14px 12px 14px;
  }
  
  #primary-nav ul li div.menu-set a.subnav-toggle { display:none; }
  #primary-nav ul li div.menu-set:hover a { color:var(--cty-pnav-hover); }

  #primary-nav ul li:hover a { background-color:var(--cty-pnav-dropdown); }
  #primary-nav ul li a:hover { color:var(--cty-pnav-hover); }

  @media all and (min-width: 1400px) {
    .nav-diamond { left:64px; }
    .nav-diamond-bg { left:64px; }
    #primary-nav { right: 20px; }
    #primary-nav ul li div.menu-set a { padding-left:20px; padding-right:20px; }
  }

  /* drop down lists */

  #primary-nav ul ul { 
    position: absolute;
    width: 200px;
    height:auto;
    margin:0; 
    padding:10px 0 16px 0;
    background-color:var(--cty-brand-navy);
    display:none;
    text-align:left;
  }
  @media all and (min-width: 1400px) {
    #primary-nav ul ul { width:220px; }
  }

  /* drop down lists */

  #primary-nav ul li ul { 
    position: absolute;
    width: 220px;
    height:auto;
    padding:16px 0px;
    background-color:var(--cty-pnav-dropdown);
    display:none;
    border-bottom:3px solid var(--cty-brand-yellow);
  }

  #primary-nav ul li:hover > ul { display:block !important; left: auto; z-index:9999; } 
  #primary-nav li:nth-last-child(2):hover > ul { right:0px; } 
  
  #primary-nav ul li ul li { width:200px; }
  #primary-nav ul li ul li a { 
    width:100%;
    padding:6px 24px;
    font-weight:450;
    font-size:17px; line-height:1.4;
    background-color:var(--cty-pnav-dropdown);
  }


  #secondary-nav { padding:0; position:absolute; top:0px; right:0; width:auto; }
  #secondary-nav > div { display:inline; }
  .btn-header-news { margin:0; }
  .btn-header-ready { margin:0; }

}