/* mobile nav */

.header-wrap { 
  position:relative; 
  background-image:url('https://ctycms.com/ca-social-district/corner-top-sky-pacific-text.svg');
  background-size: 200px auto;
  background-repeat:no-repeat;
  background-position:top right;
}

/* .corner-logo-top { display:none; position:absolute; z-index:1; top:0px; right:0px; width:112px; height:80px; } */

.corner-logo-bottom { position:absolute; z-index:3; bottom:0px; left:0px; width:112px; height:80px; }
.corner-logo-bottom a { display:block; }
.header-wrap .svg-text { fill:var(--ccbrand-pacific); }
.header-wrap .svg-bg { fill:var(--ccbrand-sky); }

.header-wrap { background-color:var(--ccbrand-cloud);}
.nav-relative { position:relative; z-index:2; display:block; padding:0 20px; }
.nav-hold { width:100%; height:80px; padding-top:30px; }

.nav-toggle a { float:right; font-size:26px; line-height:50px; color:var(--cty-pnav-link); }
.nav-toggle a:hover { color:var(--cty-pnav-hover);  }

#nav-drawer { display:none; }

#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-pnav-link); width:100%; }
#primary-nav ul li div.menu-set a {
  display:table-cell;
  width:90%;
  text-align:left;
  vertical-align:top;
  padding:16px 0px;
  color:var(--cty-pnav-link);
  font-size:1.6rem;
  line-height:1.2;
  font-family: 'SP Feature Display';
  font-weight: 400;
  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: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:1.1rem;
  font-weight:400;
  text-transform:none;
  color:var(--cty-pnav-link);
  text-decoration:none;
}

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

#secondary-nav { padding-top:10px; padding-bottom:110px; }

.nav-links { 
  color:var(--cty-pnav-link); 
  font-size:16px;
  line-height:1.5rem;
  font-weight:700;
}
.nav-links a { display: block; padding:6px 0px; color:var(--cty-pnav-link); text-decoration:none; }
.nav-links a:hover { color:var(--cty-pnav-hover); text-decoration:none; }



/* desktop nav */
@media all and (min-width: 1200px) {
  
  .header-wrap { 
    height:187px; 
    background-image:url('https://ctycms.com/ca-social-district/corner-top-sky-pacific-text.svg');
    background-size: 262px auto;
    background-repeat:no-repeat;
    background-position:top right;
  }

  /*.corner-logo-top { width:224px; height:160px; } */
  .corner-logo-bottom { width:262px; height:187px; }

  .nav-relative { position:relative; z-index:2; width:100%; height:160px; padding:0; }

  /*.nav-hold { display:block; position:absolute; top:30px; left:0px; width:300px; height:60px; }*/
  .nav-toggle { display:none; }

  #nav-drawer { display:block!important; } /* slidetoggle fix */
  
  /* primary-nav */
   
  #primary-nav { position:absolute; z-index:222; top:96px; 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 div.menu-set { display:table; border:none; width:auto; }
  #primary-nav ul li div.menu-set a {
    width: auto;
    padding: 12px 22px 12px 22px;
    font-size:32px;
    line-height:36px;
  }
  
  #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); }

  /* drop down lists */

  #primary-nav ul li ul { 
    position: absolute;
    width: 220px;
    height:auto;
    padding:10px 0px 20px 0px;
    background-color:var(--cty-pnav-dropdown);
    display:none;
    z-index:9999;
  }

  #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 { right:0px; } }
  
  #primary-nav ul li ul li { width:200px; }
  #primary-nav ul li ul li a { 
    width:100%;
    padding:12px 24px;
    background-color:var(--cty-pnav-dropdown);
  }


  /* secondary nav */

  #secondary-nav { position:absolute; top:54px; right:18px; width:auto; height:24px; display:block; padding:0;  }

  #secondary-nav { position:absolute; top:4px; right:24px; width:auto; height:24px; display:block; padding:0;  }
  
  .nav-links { display:inline-block; }
  .nav-links a {
    display: inline-block;
    width: auto;
    margin-right:8px;
    margin-left:12px;
    font-size:17px;
    line-height:24px;
    font-weight:700;
    padding:0;
    color:var(--cty-pagewrap-txt);
    text-decoration:none;
  }
  .nav-links a:hover { color:var(--cty-pnav-hover); }
  
  
}