/** menu button **/
.menu-toggle{
  position: absolute;
  top:0;
  right: 19px;
  width: 100px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  color: #fafaf5;
  font-size: 12px;
  font-family:'Lulo Clean W01 One Bold';
  padding-left: 15px;

  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.menu-toggle::after{
   content: '\f0c9';
   position: absolute;
   right: 5px;
   width: 25px;
   height: 100%;
   line-height: 40px;
   font-family: FontAwesome;
   text-align: center;
   font-size: 14px;
}
.active-menu .menu-toggle::after{
   content: '\f00d';
}
.active-menu .menu-toggle{
   background: #ce4e10;
}
/** mobile nav **/
.headerWrapper.open-drop .navMobile,
.navMobile{
   display: none;
   position: absolute;
   z-index: -200;
   left: -100%;
   width: 100%;
   padding-top: 40px;
   background: #271e23;
}
.active-menu .navMobile{
   left: 0;
   z-index: 200;
   display: block;
}

.navMobile .mobile-widgets,
.navMobile ul{
   position: relative;
   margin: 0 auto;
   width: 100%;
   max-width: 230px;
   padding-bottom: 20px;
}
.navMobile ul.submenu{
   display: none;
}
.navMobile li{
   position: relative;
   display:block;
}
.navMobile li a {
   padding: 15px 0;
   display: block;
   text-transform: uppercase;
   font-family:'Lulo Clean W01 One Bold';
   font-size: 12px;
   color: #fafaf5;
   border-bottom: 1px solid #554e51;

   -webkit-transition: all .3s ease;
   transition: all .3s ease;
}
.navMobile li a:hover{
   color: #ce4e10;
}
.navMobile li.has-submenu > a{
   padding-right: 25px;
}
.navMobile li li a{
   font-size: 10px;
   padding-left: 15px;
}
.navMobile li.secondary-item a{
   padding:0 0 15px;
   font-size: 10px;
   border: none;
}
.navMobile li.secondary-item.first a{
   padding-top: 15px;
}
 .navMobile li.item-topnav li.secondary-item a {padding: 5px 0 0 10px;} 
.navMobile li span{
   display: block;
   position: absolute;
   width: 30px;
   height: 50px;
   top: 0;
   right: -11px;
   color: #ce4e10;
   text-align: center;
   cursor: pointer;
}
.navMobile li span .fa{
   line-height: 50px;
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
}
.navMobile li span.open .fa {
	transform: rotate(90deg);
}
.navMobile .mobile-widgets{
   padding-bottom: 15px;
   border-bottom: 1px solid #554e51;
   overflow: hidden;
}
.navMobile .mobile-weather a{
   color: inherit;
}
.navMobile .mobile-weather{
   font-size: 14px;
   line-height: 14px;
   font-family: 'Bitter', serif;
   letter-spacing: 0.001em;
   color: #fafaf5;
}
.navMobile .mobile-weather .climacon {font-size: 24px;}
.navMobile .mobile-weather .text{
   width: 130px;
   display: flex;
   height: 25px;
   align-items: center; /* align vertical */
}
.navMobile .mobile-weather .temp {
   position: relative;
    top: 7px;
    padding-right: 5px;
    vertical-align: top;
 }

/** side nav **/
.custom_navSide{

   padding:21px 0;
}
.custom_navSide .dropdown-items{
   display: none;
}
.custom_navSide .dropdown-items-sub {
   background-image: url("/includes/public/assets/pattern3.jpg");
   display: none;
    padding: 15px 10px 0;
    position: absolute;
    z-index: 99;
    -webkit-transition: all .3s ease;
   transition: all .3s ease;
}
.custom_navSide .dropdown-items-sub.active {
   
}
.custom_navSide ul.items{
   margin: 0;
   padding: 0 10px;
}
.custom_navSide ul ul{
   margin: 0;
}
.custom_navSide .item.toggle-btn{
   width: auto;
   padding: 0;
}
.custom_navSide .item.toggle-btn a{
   padding: 0 30px 0 0;
}
.custom_navSide .item.toggle-btn span{
   top: -5px;
}
.custom_navSide  .item {
   position: relative;
   display: inline-block;
   float: none;
   padding: 0 10px;
}
.custom_navSide .item.open {}
.custom_navSide .drop-row ul.items > .item::before{
   content: '';
   position: absolute;
   bottom: 0;
   width: calc(100% - 20px);
   height: 1px;
   background: #bab2ab;
}
.custom_navSide .item span{
   position: absolute;
   right: 0;
   top: 10px;
   width: 30px;
   height: 30px;
   text-align: center;
   color: #d75014;
   cursor: pointer;
   font-size: 15px;
}
.custom_navSide  .item span .fa{
   line-height: 30px;
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
}
.custom_navSide .item.open span .fa,
.custom_navSide.active .item span .parent-fa {
	transform: rotate(180deg);
}
.custom_navSide  .item a,
.custom_navSide .parent-item{
   display: block;
   padding: 15px 30px 15px 0;
   font-size: 12px;
   line-height: 18px;
   font-family:'Lulo Clean W01 One Bold';
   color: #554132;
   text-transform: uppercase;
}
.custom_navSide  .item .item a{
   padding: 0 0 20px;
   font-family: 'Bitter', serif;
   font-size: 16px;
   letter-spacing: 0.001em;
   text-transform: none;
}
.custom_navSide .item a.selected {color: #ce4e10; font-weight: 600;}
.custom_navSide  .item .item{
   padding: 0;
   width: 100%;
}
.custom_navSide .parent-item{
   margin:0 -20px;
   font-size: 17px;
}

.custom_navSide .drop-row{
   margin: 0 auto;
   width: 100%;
   max-width: 960px;
   padding: 20px 0 40px;
}




.navFooter {
   padding-bottom: 25px;
   text-align: center;
}
.navFooter .item{
   display: block;
   text-align: center;
}
.navFooter .item a{
   font-size: 12px;
   line-height: 26px;
   color: #fafaf5;
   text-transform: uppercase;
   font-family:'Lulo Clean W01 One Bold';
}
.navFooter .item a:hover {color: #D75014;}
.navFooter .item.last a{
   margin: 0;
}
/*** MObile --***/
@media only screen and (max-width: 640px) {
   .custom_navSide  .item {width: 100%;}
   .item.parent-item {display: none;}
}
/*** Tablet -- foundation breaks @641 ***/
@media only screen and (min-width: 641px) {
   .headerWrapper.open-drop .navMobile,
   .navMobile{top:-56px;padding-top: 95px;}
   .navFooter {text-align: left;padding-bottom: 12px;}
   .navFooter .item{display: inline-block;}
   .navFooter .item{margin-right: 24px;}

   .custom_navSide ul{font-size: 0;}

}

/*** Desktop -- foundation breaks @1025 ***/
@media only screen and (min-width: 1025px) {

   .fixedmenu .navPrimary{
      margin-right: 35px;
      transition: all ease .5s;
   }
   .fixedmenu .navPrimary > .item > a{
      padding: 11px 15px;
      margin: 0px;
   }
   .fixedmenu .navPrimary .dropdown{
      background-color: rgba(40,30,35,1);
   }

   .custom_navSide ul.items{margin:0 -20px; padding: 0;}

   .navPrimary{
      z-index: 99999;
      margin: 0 -13px 0 0;
   }
   .navPrimary .item{
      display: block;
   }
   .navPrimary .dropdown .item {
      display: inline-block;
      float: none;
      padding: 0 10px;
   }
   .navPrimary .item a{
      display: block;
      padding: 15px 0px;
      font-size: 12px;
      line-height: 18px;
      font-family:'Lulo Clean W01 One Bold';
      color: #fafaf5;
      border-bottom: 1px rgba(250,250,245,.3) solid;
      text-transform: uppercase;
   }
   .navPrimary > .item > a{
      padding: 11px;
      margin: 15px 0px 20px;
      border: none;
      transition: all ease .2s;
      border: 2px rgba(255,255,255,0) solid;
      background-color: rgba(215,80,20,0);
   }

   .navPrimary .dropdown{
      display: none;
      position: absolute;
      top: 100%;
      width: 100%;
      left: 0;
      z-index: 1;
      text-align: left;
      background-color: rgba(40,30,35,.5);
   }
   .navPrimary .dropdown-inner{
      margin: 0 auto;
      width: 100%;
      max-width: 960px;
      padding: 30px 0px 40px 0px;
   }
   .navPrimary .dropdown-ul{
      font-size: 0;
   }

   /** hover selected **/
   .navPrimary .item:hover .dropdown{
      display: block;
   }
   .navPrimary > .item.selected > a,
   .navPrimary > .item:hover > a{
      border: 2px rgba(255,255,255,1) solid;
      background-color: rgba(215,80,20,1);      
   }

   /** secondary nav **/
   .navSecondary{
      margin: 0 0 0 -12.5px;
   }
   .navSecondary li{
      display: block;
      float: left;
   }
   .navSecondary li a{
      color: #fafaf5;
    font-size: 10px;
    padding: 12px 12.5px;
    display: block;
    text-transform: uppercase;
    font-family: 'Lulo Clean W01 One Bold';
   }

   .navSecondary .sub-cont,
   .navSecondary .item span {display: none;}

}