/**
 * This file will be included in header in every page after foundation.
 * It should be used for content that relates
 * to your site as a whole, it should not be used for plugin-specific css.
 */

.navMobile{
   width: 100%;
}
.navMobile .dl-menuwrapper{
   max-width: 100%;
   margin-right:0;
   top: -24px;
   padding-right: 15px;
}
.navMobile .dl-menuwrapper:first-child {margin-right: 0;}
.navMobile .dl-menuwrapper button,
.navMobile .dl-menuwrapper button:hover,
.navMobile .dl-menuwrapper button.dl-active{
   top: -6px;
   margin: 0 0 -15px;
   height: 34px;
   width: 110px;
   background: #7e3917;
   text-indent: 0;
   padding: 0 6px;
   font-size: 12px;
   font-family:'Adelle SansW01-Regular';
   border: 1px solid #ae643f;
   border-radius: 3px;
}
.navMobile .dl-menuwrapper button a{
   color: #FFF;
}
.navMobile .dl-menuwrapper button:after{
   display: none;
}
.navMobile .dl-menuwrapper button .menu-icon {line-height: 31px;}
.navMobile .dl-menuwrapper button .menu-icon span{
   display: block;
   float: left;
   margin: 0 5px;
   width: 18px;
   height: 30px;
   background-image: url("/includes/public/assets/icons-menu.png");
   background-repeat: no-repeat;
   background-position: -34px center;
}
.navMobile .dl-menuwrapper button.dl-active .menu-icon span{
   background-position: -51px center;
}
.navMobile .dl-menuwrapper button .search-icon{
   width: 30px;
   height: 30px;
   border-right: 1px solid #ae643f;
   background-image: url("/includes/public/assets/icons-menu.png");
   background-repeat: no-repeat;
   background-position: left center;
}
.navMobile .dl-menuwrapper .dl-menu{
   margin: 0;
   padding: 0;
   background: #FFF;
   margin: 0;
   box-shadow: 0px 3px 7px 3px rgba(0, 0, 0, 0.1);
}
.navMobile ul.dl-submenu,
.navMobile ul.dl-menu {
   background: #FFF;
    margin: 0;
    top: 35px;
    text-align: left;
}

/** items/links **/
.navMobile .dl-menuwrapper li.item,
.navMobile .dl-menuwrapper li.dl-parent,
.navMobile .dl-menuwrapper li.item-topnav,
.navMobile .dl-menuwrapper li.item-topnav ul li.sub-item {
   padding: 0 20px;
}
.navMobile .dl-menuwrapper li.item.dl-subviewopen,
.navMobile .dl-menuwrapper li.item-topnav.dl-subviewopen{
   padding: 0;
}
.navMobile .dl-menuwrapper li a{
   position: relative;
   padding: 18px 0;
   color: #9f4e25;
   font-size: 22px;
   border-bottom: 1px solid #dbdbdb;
   font-family:'Clarendon W01 Light_692104', serif;
}
.navMobile .dl-menuwrapper li.dl-parent a{
   font-size: 28px;
}
.navMobile .dl-menuwrapper li.item.has-submenu > a{
   padding-right: 20px;
}
.navMobile .dl-menuwrapper li.item a::after{
   display: none;
}
.navMobile .dl-menuwrapper li.item.has-submenu > a::after,
.navMobile .dl-menuwrapper li.item-topnav.has-submenu > a::after{
   display: block;
   content: '\f105';
   font-family: 'fontAwesome';
   position: absolute;
   right: 0;
   top: 2px;
   color: #cbcbcb;
   font-size: 35px;
   font-weight: normal;
}
/** icon **/
.navMobile .dl-menuwrapper li.item .nav-icon{
   position: relative;
   top: -2px;
   margin-right: 8px;
}
/** back button **/
.navMobile .dl-menuwrapper li.dl-back a:hover,
.navMobile .dl-menuwrapper li.dl-back a{
   padding-left: 35px;
   background: #eeeeee;
}
.navMobile .dl-menuwrapper li.dl-back::after{
   display: block;
   content: '\f105';
   font-family: 'fontAwesome';
   position: absolute;
   left: 15px;
   top: 3px;
   color: #9f4e25;
   font-size: 35px;
   font-weight: normal;
}

/** secondary nav **/
.navMobile .dl-menuwrapper li.item-topnav a{
   padding-top: 20px;
   padding-bottom: 16px;
   font-size: 16px;
   line-height: 16px;
   color: #45758e;
   font-family:'Adelle SansW01-Regular', Sans-Serif;
   border: none;
   text-transform: uppercase;
}
.navMobile .dl-menuwrapper .item-topnav li.dl-back::after {font-size: 32px; top: 7px;}

/** Web Cams **/

.navMobile .dl-menuwrapper li.mobile-webcamnav a {
   font-family: "Adelle SansW01-Regular",sans-serif; 
   font-size: 16px; 
   text-transform: uppercase;
   border-bottom: 0 none;
   border-top: 1px solid #dbdbdb;
}
.navMobile .dl-menuwrapper li.mobile-webcamnav img {margin-right: 10px;}

/** languages nav **/
.navMobile .dl-menuwrapper li.itemmobile-language.has-submenu > a::after {
   color: #cbcbcb;
    content: "";
    display: block;
    font-family: "fontAwesome";
    font-size: 35px;
    font-weight: normal;
    position: absolute;
    right: 0;
    top: 2px;
}

.navMobile .dl-menuwrapper li.itemmobile-language a {
   color: #999;
   font-family: "Adelle SansW01-Regular",sans-serif;
    font-size: 16px;
    line-height: 16px;
    padding-bottom: 16px;
    padding-top: 20px;
    text-transform: uppercase;
   border-top: 1px solid #dbdbdb;
   border-bottom: 0 none;
}
.navMobile .dl-menuwrapper li.itemmobile-language ul li a {border: 0 none;}
.navMobile .dl-menuwrapper li.itemmobile-language img {margin-right: 10px;}

.navMobile .dl-menuwrapper li.itemmobile-language .fa {display: none;}

.navMobile .dl-menuwrapper li.itemmobile-language ul li.dl-parent a {
   border-bottom: 1px solid #dbdbdb;
   color: #9f4e25;
   font-family: "Clarendon W01 Light_692104",serif;
   font-size: 22px;
   padding: 18px 0;
   text-transform: none;
   position: relative;
}

/* mobile search */
.navMobile .searchBox{
   margin-top: 20px;
   padding:0 20px 20px;
}
.navMobile .searchBox input[type="search"]:hover,
.navMobile .searchBox input[type="search"]:focus,
.navMobile .searchBox input[type="search"]:active,
.navMobile .searchBox input[type="search"]{
   background: #FFF;
   height: 42px;
   font-size: 16px;
   line-height: normal;
   text-transform: uppercase;
   padding-right: 78px;
   border: 1px solid #dbdbdb;
   color: #999999;
   margin: 0;
   font-family:'Adelle SansW01-Regular', Sans-Serif;
}
.navMobile .searchBox input[type="submit"]{
   background: transparent;
   height: 42px;
   width: 70px;
   background: #9f4e25;
   position: absolute;
	top: 0;
	right: 15px;
   border-radius: 4px;
   text-align: center;
   color: #FFF;
   font-size: 14px;
   font-family:'Adelle SansW01-Bold', Sans-Serif;
   border: none;
}
/* mobile book */
.navMobile .book-item{
   padding:0 20px;
}
.navMobile .dl-menuwrapper .bookingBox:hover,
.navMobile .dl-menuwrapper .bookingBox{
   display: block;
   width: 100%;
   text-align: center;
   color: #9f4e25;
   font-size: 14px;
   font-family:'Adelle SansW01-Regular', Sans-Serif;
   background: #eeeeee;
   padding: 15px 8px 13px;
   border: none;
}
.navMobile .bookingBox span{
   position: relative;
   top: -2px;
   margin-right: 10px;
}
/* mobile weather */
.navMobile .weather-cont {
   padding: 22px 0 18px;
   border-top: 1px solid #dbdbdb;
   border-bottom: 1px solid #dbdbdb;
}
.navMobile .weather-cont .weather-info{
   width: 105px;
   font-size: 16px;
   line-height: 16px;
   color: #999999;
   font-family:'Adelle SansW01-Bold', Sans-Serif;
}
.navMobile .dl-menuwrapper .weather-cont a {
   padding: 0;
   border: none;
}
.navMobile .weather-cont .sv-weather-widget-icon{
   margin-right: 22px;
}
.navMobile .weather-cont .weather-text{
   font-size: 36px;
   line-height: 40px;
   color: #9f4e25;
   font-family:'Adelle SansW01-Regular', Sans-Serif;
}
.navMobile .dl-menuwrapper .weather-cont .weather-link:hover,
.navMobile .dl-menuwrapper .weather-cont .weather-link{
   display: block;
   margin-top: 15px;
   height: 40px;
   line-height: 40px;
   text-align: center;
   background: #45758e;
   font-size:16px;
   border-radius: 4px;
   font-family:'Adelle SansW01-Bold', Sans-Serif;
   color: #FFF;
}
.navMobile .weather-cont .weather-link .fa{
   position: relative;
   margin-left: 4px;
   top: 2px;
   font-size: 25px;
}
/* mobile webcams */
.navMobile .dl-menuwrapper .webcams a{
   padding: 16px 0;
   font-size: 16px;
   color: #9f4e25;
   font-family:'Adelle SansW01-Regular', Sans-Serif;
   border-bottom: 1px solid #dbdbdb;
}
.navMobile .webcams .fa{
   margin-right: 4px;
   font-size: 20px;
}
/* mobile lang */
.navMobile .dl-menuwrapper li.lang.item a{
   font-size: 16px;
   font-family:'Adelle SansW01-Regular', Sans-Serif;
   color: #999999;
   border: none;
}
.navMobile .dl-menuwrapper li.lang.item a::after{
   top: 8px;
}
.navMobile li.lang .icon{
   margin-right: 10px;
}

.navMobile .mobile-widgets{
   padding: 0 20px;
   margin-top: 10px;
}

.navFooter {
   width: 100%;
   padding-bottom: 25px;
}
.navFooter .item{
   width: 100%;
   text-align: center;
   margin-bottom: 16px;
}
.navFooter .item a{
   font-size: 15px;
   line-height: 16px;
   color: #9f4e25;
   text-transform: uppercase;
   margin: 0 5px;
}
.navFooter span{display: none;}

/*** Tablet -- foundation breaks @641 ***/
@media only screen and (min-width: 641px) {
   .navMobile{padding-right: 15px;}
   .navMobile .dl-menuwrapper{max-width: 320px;padding-right: 0;top: 13px;}

}

/*** Custom Tablet ***/
@media only screen and (min-width: 768px){
   .navFooter {padding-bottom: 33px; padding-top: 24px;}
   .navFooter,
   .navFooter .item{width: auto; margin-bottom: 0;}
   .navFooter span {display: block; padding:0 6px; color: #eeeeee; position: relative; top: -4px;}
}
@media only screen and (min-width: 40.063em) and (max-width: 64.063em) {
	.navFooter {
		display: inline-block;
		width: 100%;
		text-align: center;
		float: none !important;
	}
	.navFooter .item,
	.navFooter span {
		display: inline-block;
		float: none !important;
	}
}

/*** Desktop -- foundation breaks @1025 ***/
@media only screen and (min-width: 1025px) {
   .navPrimary{
      position: relative;
      z-index: 999;
   }
   .navPrimary .item{
      position: relative;
      padding: 0 24px;
   }
   .navPrimary > .item{
      padding: 0;
   }
   .navPrimary .item a{
      display: block;
      padding: 11px 0;
      line-height: 18px;
      font-size: 18px;
      font-family:'Clarendon W01 Light_692104', serif;
      color: #9f4e25;
      padding:10px 0;
      border-bottom: 1px solid #dbdbdb;
   }
   .navPrimary > .item > a{
      padding: 28px 8px 34px;
      font-size: 21px;
      font-family:'Clarendon W01 Light_692104', serif;
      /* color: #FFF; */
      border: none;
   }
   .navPrimary .item.last a{
      border: none;
   }

   .navPrimary .dropdown{
      display: none;
      position: absolute;
      left: 0;
      width: 284px;
      background: #FFF;
      padding: 10px 0 8px;
      /* border-top-right-radius: 3px; */
      border-bottom-right-radius: 3px;
      border-bottom-left-radius: 3px;
      box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
   }

   .navPrimary .item.upper-last .dropdown {
      left: auto;
      right: 0;
   }

   .navPrimary .item .icon{
      display: none;
      position: absolute;
      z-index: 10;
      width: 100%;
      bottom: 0;
      left: 0;
      right: 0;
      text-align: center;
      line-height: 100%;
   }


   .navPrimary > .item:hover > a{
      /* color: #9f4e25; */
      /* opacity: 0.8; */
      background: #f0f0f0;
   }
   .navPrimary > .item.has-submenu:hover > a .icon{
      display: block;
   }

   .navPrimary > .item:hover .dropdown{
      display: block;
   }
   .navPrimary .dropdown .item:hover{
      background: #f0f0f0;
   }

   /** secondary **/
   .navSecondary .item-topnav.selected > a,
   .navSecondary .item-topnav > a:hover {
      background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
   }


   .navSecondary{
      margin-bottom: 0;
      margin-left: 30px;
   }
   .navSecondary .item-topnav{
      display: block;
      float: left;
   }
   .navSecondary .item-topnav a{
      display: block;
      float: left;
      height: 38px;
      line-height: 38px;
      font-size: 12px;
      font-family:'Adelle SansW01-Regular', Sans-Serif;
      text-transform: uppercase;
      padding: 0 11px;
      color: #FFF;
   }

   .theme-meetings .navSecondary .item-topnav:first-child a,
   .theme-members .navSecondary .item-topnav:nth-of-type(5) a {background-color: rgba(0, 0, 0, 0.3)}

   .navSecondary .sub-cont {display: none;}

    /** lang **/
   .header-lang{
      position: relative;
      font-family:'Adelle SansW01-Regular', Sans-Serif;
      padding-right: 10px;
      margin-left: -34px;
   }
   .header-lang .lang-toggle{
      padding: 0 10px;
      height: 38px;
      font-size: 12px;
      line-height: 38px;
      text-transform: uppercase;
      color: #FFF;
      cursor: pointer;
   }
   .header-lang.active .lang-toggle .fa{
      -ms-transform: rotate(-180deg); /* IE 9 */
      -webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
      transform: rotate(-180deg);
   }
   .header-lang .lang-toggle .icon{
      margin-right: 9px;
   }
   .header-lang .lang-toggle .icon img {width: 18px;}
   .header-lang .lang-toggle .fa{
      position: relative;
      top: 3px;
      font-size: 22px;
      margin-left: 2px;
   }

   .header-lang .item a{
      display:block;
      padding: 10px 0;
      border-bottom: 1px solid #dbdbdb;
      font-size: 16px;
      line-height: 16px;
      color: #999;
   }
   .header-lang .item.last a{
      border: none;
   }
   .header-lang .dropdown{
      display: none;
      position: absolute;
      z-index: 500;
      width: 235px;
      padding: 2px 19px 10px;
      background: #fff;
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
   }
   .header-lang.active .dropdown{
      display: block;
   }
   .header-lang .dropdown .fa{
      -ms-transform: rotate(-90deg); /* IE 9 */
      -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
      transform: rotate(-90deg);
   }
   .header-lang .icon{
      margin-right: 12px;
   }

   /** side **/
   .navSide{
      position: relative;
      z-index: 98;
      width: 100%;
      border-bottom: 6px solid #9f4e25;
      text-align: center;
      margin-top: 0px;
   }
   .navSide  a{
      color: inherit;
   }
   .navSide .toggle{
      height: 40px;
      padding: 3px 16px 0;
      display: inline-block;
      background: #9f4e25;
      font-size: 22px;
      line-height: 40px;
      font-family: 'Clarendon W01 Light_692104', serif;
      color: #FFF;
      cursor: pointer;
      width: 100%;
   }
   .navSide .toggle .icon{
      position: relative;
      top: -4px;
      margin-right: 16px;
      -webkit-filter: brightness(1.5); 
      filter: brightness(1.5);
   }
   .navSide .toggle .arrow{
      margin-left: 10px;
      -webkit-transition: all .25s;
      transition: all .25s;
   }
   .navSide .toggle.active .arrow{
      -webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
      transform: rotate(-180deg);
   }
   .navSide .dropdown{
      display: none;
      padding-top: 5px;
      background: #9f4e25;
      text-align: left;
      overflow: visible !important;
   }
   .navSide .dropdown .row {
      border-top: 2px solid rgba(255,255,255, .2);
      padding-top: 5px;
   }
   .navSide .dropdown.active {display: block;}
   .navSide .dropdown a{
      display: block;
      font-family:'Adelle SansW01-Regular', Sans-Serif;
      font-size: 16px;
      color: #FFF;
      padding-top: 4px;
      margin-bottom: 1px;
   }
   .navSide .dropdown .item{
      position: relative;
      -webkit-transition: background .25s;
      transition: background .25s;
   }
   .navSide .dropdown .item:last-child {float: left !important;}
   .navSide .dropdown .row > .item > div > a{
      padding-top: 10px;
      padding-bottom: 10px;
      text-transform: uppercase;
      font-size: 18px;
      line-height: 20px;
   }
   .navSide .dropdown .row > .item.selected > div > a{
      text-decoration: underline;
      font-family:'Adelle SansW01-Bold', Sans-Serif;
   }
   .navSide .dropdown .has-dropdown a {display: inline-block;}
   .navSide .dropdown .arrow{
      display: inline-block;
      margin-left: 16px;
      -webkit-transition: all .25s;
      transition: all .25s;
   }
   .navSide .dropdown .has-dropdown:hover .arrow {
      -webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
      transform: rotate(-180deg);
   }
   .navSide .dropdown .item:hover{
      background: #8c421c;
   }
   .navSide .dropdown-items .item:hover{
      background: #7e3917;
   }
   .navSide .item:hover .dropdown-items{
      display: block;
   }
   .navSide .dropdown-items{
      display: none;
      background: #8c421c;
      position: absolute;
      left: 0;
      width: 100%;
      z-index: 99;
   }
   .navSide .dropdown-items .item {float: none; width: 100%;}
}

@media only screen and (min-width: 1120px) {
   .navPrimary > .item > a {
      padding-left: 15px;
      padding-right: 15px
   }
}

/** theme **/
.theme-meetings .navMobile .dl-menuwrapper button{background: #2d5e23;border: 1px solid #2d5e23;}
.theme-meetings .navMobile .dl-menuwrapper button .search-icon{border-color: #417836;}
.theme-meetings .navMobile .dl-menuwrapper li a{color: #ae7f3d;}
.theme-meetings .navMobile .searchBox input[type="submit"]{background: #417836;}
.theme-meetings .navMobile .dl-menuwrapper .weather-cont .weather-link:hover,
.theme-meetings .navMobile .dl-menuwrapper .weather-cont .weather-link {background: #417836;}
.theme-meetings .navMobile .weather-cont .weather-text{color:#ae7f3d; }

.theme-meetings .navSecondary .item.selected > a,
.theme-meetings .headerWrapper.section-primary .navSecondary .item.section a{background: #2d5e23;}

.theme-meetings .navSecondary .item.selected > a{background: #2d5e23;}

.theme-meetings .navSide {border-color: #417836;}
.theme-meetings .navSide .dropdown{background: #417836;}
.theme-meetings .navSide .dropdown-items{background: #2d5e23;}
.theme-meetings .navSide .dropdown .item:hover{ background: #2d5e23;}
.theme-meetings .navSide .dropdown-items .item:hover{background: #68955f;}
.theme-meetings .navSide .toggle{background: #417836;}

.theme-meetings .navMobile .dl-menuwrapper li.dl-back::after,
.theme-members .navMobile .dl-menuwrapper li.dl-back::after{color: #ae7f3d; }

/** members */
.theme-members .navMobile .dl-menuwrapper button{background: #1b4155;border: 1px solid #2a556c;}
.theme-members .navMobile .dl-menuwrapper button .search-icon{border-color: #1b4155;}
.theme-members .navMobile .dl-menuwrapper li a{color: #ae7f3d;}
.theme-members .navMobile .searchBox input[type="submit"]{background: #1b4155;}
.theme-members .navMobile .dl-menuwrapper .weather-cont .weather-link:hover,
.theme-members .navMobile .dl-menuwrapper .weather-cont .weather-link {background: #1b4155;}
.theme-members .navMobile .weather-cont .weather-text{color:#ae7f3d; }

.theme-members .navSecondary .item.selected > a,
.theme-members .headerWrapper.section-primary .navSecondary .item.section a{background: #1b4155;}

.theme-members .navSecondary .item.selected > a{background: #1b4155;}

.theme-members .navSide {border-color: #2a556c;}
.theme-members .navSide .dropdown{background: #2a556c;}
.theme-members .navSide .dropdown-items{background: #1b4155;}
.theme-members .navSide .dropdown .item:hover{ background: #1b4155;}
.theme-members .navSide .dropdown-items .item:hover{background: #4c89a8;}
.theme-members .navSide .toggle{background: #2a556c;}

.itemmobile-language .dl-parent{
   display: none !important;
}
