/* mobile nav */

.header-wrap { padding:16px 0; }
.nav-relative { display:inherit; }
.nav-hold { width:100%; height:40px; }
.nav-logo { float:left; }
.nav-logo a { color:inherit; font-size:20px; line-height:40px; font-weight:500; text-decoration:none; }
.nav-logo a:hover { color:inherit; text-decoration:none; }
.nav-toggle a { color:inherit; float:right; font-size:24px; line-height:40px; text-decoration:none; }
.nav-toggle a:hover { color:inherit; text-decoration:none; }

#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 div.menu-set { display:table; border-top:1px solid #aeaeae; width:100%; }
#primary-nav ul li div.menu-set a {
  display:table-cell;
  width:90%;
  text-align:left;
  vertical-align:top;
  padding:12px 0px;
  font-size:24px;
  line-height:30px;
  font-weight:400;
  text-transform:none;
  text-decoration:none;
  color:inherit;
}

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

#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 0px;
  font-size:18px;
  line-height:24px;
  font-weight:400;
  text-transform:none;
  text-decoration:none;
  color:inherit;
}

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

#secondary-nav { padding-bottom:8px; }
#secondary-nav ul { margin:0; padding:0; }  
#secondary-nav ul li { list-style: none; margin:0; padding:0; width:100%; }
#secondary-nav ul li div.menu-set { display:table; border-top:1px solid #aeaeae; width:100%; }
#secondary-nav ul li div.menu-set a {
  display:table-cell;
  width:90%;
  text-align:left;
  vertical-align:top;
  padding:12px 0px;
  font-size:24px;
  line-height:30px;
  font-weight:400;
  text-transform:none;
  text-decoration:none;
  color:inherit;
}

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




/* desktop nav */
@media all and (min-width: 1200px) {
  
  .header-wrap { padding:0; }
  .nav-relative { position:relative; width:100%; height:64px; }
  .nav-logo { display:block; margin:0; padding:0; position:absolute; top: 20px; left:50%; width:250px; margin-left:-125px; text-align:center; }
  .nav-logo a { font-size:18px; line-height:24px; font-weight:600; text-decoration:none;  }
  .nav-toggle { display:none; }

   #nav-drawer { display:block!important; } /* slidetoggle fix */
  
  /* primary-nav */
   
  #primary-nav { position:absolute; top:20px; left:-24px; width:auto; padding:0; }
  #primary-nav ul { display:block; float:left; }
  #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;
    padding: 0 10px 0 24px;
    margin: 0;
    font-size:18px;
    line-height:24px;
  }
  
  #primary-nav ul li div.menu-set a.subnav-toggle { display:none; }
  
  /* drop down lists */

  #primary-nav ul li ul { 
    position: absolute;
    width: 220px;
    height:auto;
    padding:20px 0px;
    background-color:white;
    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 { right:0px; } }
  
  #primary-nav ul li ul li { width:200px; }
  #primary-nav ul li ul li a { 
    width:100%;
    padding:6px 24px;
    background-color:(white);
    color:black;
  }
  #primary-nav ul li ul li a:hover { color:black; }


  /* secondary nav */

  
  #secondary-nav { position:absolute; top:20px; right:-24px; width:auto; padding:0; }
  #secondary-nav ul { display:block; float:right; }
  #secondary-nav ul li { display:block; float:right; width:auto; }
  #secondary-nav ul li div.menu-set { display:table; border:none; width:auto; }
  #secondary-nav ul li div.menu-set a {
    width: auto;
    padding: 0 24px 0 10px;
    margin: 0;
    font-size:18px;
    line-height:24px;
  }
     
}