/**
 * 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.
 */
 nav .nav-primary[data-section='microsite'].show-for-large-up{
     display:none!important;
 }
.navMobile[data-section='microsite'].hide-for-large-up .secondaryNavMobile[data-sv-tripnav-mobile]{
     display:none!important;
 }
 nav .item{
	display: inline-block;
	margin-right: 21px;
}
nav .item:last-child{
	margin-right: 0;
}
nav .item a{
	color: #7ba6bb;
    font-family:'L Futura W01';
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    text-decoration: none;
	-webkit-transition: color 175ms ease-in-out;
    -moz-transition: color 175ms ease-in-out;
    -o-transition: color 175ms ease-in-out;
    transition: color 175ms ease-in-out;
}
nav .item a:hover{
	color: #72bf44;
	border: none;
}
nav .item.bold-text a,
.navMobile .item.bold-text a {
    font-weight: bold;
}
nav .dropdown {
    display: none;
    position: absolute;
    left: 0px;
    width: 100%;
    top:77px;
    padding: 32px 18px 4px;
    z-index: 500;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0.8+100 */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.8))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.8) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.8) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.8) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.8) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#47ffffff',GradientType=0 ); /* IE6-9 */
}

nav .dropdownHolder {
    left: 0;
    top: 18px;
    width: 100%;
    height: auto;
    position: absolute;
    background-color: #fff;
    z-index: 20001;
}
nav .dropdown-cont {
    margin: 0 auto;
    padding: 0;
    width: 965px;
    overflow: hidden;
}
nav .lineRight{ 
    border-bottom: 1px solid #7ba6bb;
    display: block;
    height: 1px;
    position: absolute;
    top: 18px;
    width: 76%;
    right: 42px;
}
nav .dropdown[data-menuid="55a5469bce63ae5b7f846ed7"] .lineRight
{ 
    width: 86%;
}
nav .dropdown[data-menuid="55a546a1ce63ae5b7f846edc"] .lineRight
{ 
    width: 85%;
}
nav .dropdown[data-menuid="55a546abce63ae5b7f846ee1"] .lineRight
{ 
    width: 77%;
}
nav .dropdown[data-menuid="55a546b5ce63ae5b7f846ee6"] .lineRight
{ 
    width: 78%;
}
nav .title{
    position: relative;
	color: #7ba6bb;
    font-family: "Sweetheart Script W00";
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 20px;
}
nav .title .text{
    padding-right: 23px;
    position: relative;
    z-index: 100;
    font-family:'KGYouWontBringMeDownW00'
}

nav .dropdown-cont .item-cont{
    width: 900px;
    margin-left: 75px;
}
nav .dropdown-cont .item-cont .dropItem {
    font-family:'L Futura W01';
    font-size:15px;
    float:left;
    width:20%;
    padding-bottom: 12px;
    padding-right: 12px;
}
nav .dropdown-cont .item-cont .dropItem a{
    color:#506270;  
    text-transform: capitalize;
}
nav .dropdown-cont .item-cont .dropItem a:hover{
	color: #f58220;
}
/*nav secondary*/
nav .top-nav .item{
	margin-right: 13px;
}
nav .top-nav{
	margin: 0;
}
nav .top-nav .item:last-child{ margin-right: 0; }
.top-nav .item a{
	color: #7ba6bb;
    font-family: "Avenir Next W01";
    font-size: 14px;
    line-height: 14px;
    font-weight: normal;
}

/*nav footer*/
nav .footer-nav .item {
    border-right: 2px solid #999fa4;
    display: inline-block;
    height: 17px;
    line-height: 16px;
    margin-right: 11px;
    padding-right: 11px;
    width: auto;
}
nav .footer-nav .item:last-child{ margin-right: 0; padding-right: 0; border: none; }
nav .footer-nav .item a{
	font-size: 15px;
	line-height: 15px;
	font-family:'Avenir Next W01';
}
/*mobile nav*/
.navMobile{
    overflow:hidden;
}
.navMobile .hamburger{
	background-image: url("/includes/public/assets/images/hamburger.jpg");
    cursor: pointer;
    display: block;
    height: 35px;
    position: relative;
    width: 91px;
}
.navMobile.open .hamburger{
	background-image: url("/includes/public/assets/images/hamburger-close.jpg");
}
.navMobile {
    position: absolute;
    top: 102px;
    right: 0;
    width: 100%;
    height: 50px;
    z-index: 100;
}

.navMobile .dl-menuwrapper {
    
    height: 100%;
}


/*** button ***/

.navMobile .dl-menuwrapper button {
    position: relative;
    float: right;
    right: 20px;
    width: 91px;
    height: 35px;
    background: transparent;
    overflow: hidden;
    text-indent: 0;
    font-size: 16px;
    line-height: 50px;
    font-family: "proxima-nova", sans-serif;
    color: #323c46;
}

.navMobile .dl-menuwrapper button a {
    width: 100%;
    height: 35px;
    color: #323c46;
    display: block;
}

.navMobile .dl-menuwrapper .menu-icon {
    float: left;
}

.navMobile .dl-menuwrapper .divider {
    position: relative;
    float: left;
    width: 2px;
    height: 20px;
    background: rgba(50, 60, 70, .3);
    margin: 15px 10px 0;
}

.navMobile .dl-menuwrapper .menu-icon span {
    display: block;
    float: left;
    width: 20px;
    height: 50px;
    margin-right: 10px;
    background-image: url(/includes/public/assets/icon-menu.png);
    background-position: center;
    background-repeat: no-repeat;
}

.navMobile .dl-menuwrapper .menu-search-icon {
    float: left;
    width: 18px;
    height: 50px;
    background-image: url(/includes/public/assets/icon-search-mobile.png);
    background-position: center left;
    background-repeat: no-repeat;
}


/*** active button **/

.navMobile .dl-menuwrapper button.dl-active {
    background: #e65500;
}

.navMobile .dl-menuwrapper button.dl-active .menu-icon span {
    background-image: url(/includes/public/assets/icon-menu-close.png);
}

.navMobile .dl-menuwrapper button.dl-active .menu-search-icon {
    background-position: center right;
}

.navMobile .dl-menuwrapper button.dl-active a {
    color: #fafafa;
}

.navMobile .dl-menuwrapper button.dl-active .divider {
    background: rgba(250, 250, 250, .3);
}


/** items **/

.navMobile .dl-menuwrapper ul {
    text-align: left;
    background: #FFF;
    background-image: url(/includes/public/assets/shell/pattern.jpg);
}

.navMobile .dl-menuwrapper li {
    background: #53bee3;
    border-bottom: 1px solid #86d1eb;
    padding: 0 18px;
}
.navMobile .dl-menuwrapper li:hover {
    background-color: #51879e;
}
.navMobile .dl-menuwrapper li.dl-subview,
.navMobile .dl-menuwrapper li.dl-subviewopen {
    padding: 0;
}

.navMobile .dl-menuwrapper li a {
    display: block;
    position: relative;
    font-size: 24px;
    line-height: 24px;
    padding: 14px 0;
    color: #fff;
    font-family: 'L Futura W01';
    white-space: normal;
}

.navMobile .dl-menuwrapper li a.has-children:after {
    content: '';
    width: 18px;
    height: 16px;
    position: absolute;
    right: 0px;
    top: 18px;
    background: url(/includes/public/assets/images/right-nav.png) no-repeat center;
}
.navMobile .dl-menuwrapper .secondaryNavMobile{
    padding:20px 0px;  
    background: #53bee3;  
}

.navMobile .dl-menuwrapper .secondaryNavMobile li a {
    font-size: 18px;
    font-family:'Avenir Next W01';
    padding: 8px 0px;
}
.navMobile .dl-menuwrapper .secondaryNavMobile li {
    border:none;
}
.navMobile .dl-menuwrapper .secondaryNavMobile li a.has-children:after {
    background: url(/includes/public/assets/images/right-nav-small.png) no-repeat center;
}
/** selected **/

.navMobile .dl-menuwrapper li.selected {
    background-color: #51879e;
}




/* back button */

.navMobile .dl-menuwrapper li.dl-back a {
    border: none;
    color: #FFF;
    padding: 5px 0;
    font-size:16px;
    line-height: 24px;
    text-align: right;
    text-transform: lowercase;
}
.navMobile .dl-menuwrapper li.dl-back a:before{
    content: '';
    width: 18px;
    height: 16px;
    position: absolute;
    right: 40px;
    top: 8px;
    background: url(/includes/public/assets/images/left-nav-small.png) no-repeat center;
}

/* hide parent "a" tag: this gets placed above "back" button (not what we want)*/

.navMobile .dl-menuwrapper .dl-parent {
    display: none !important;
}


/** translate from right fix **/

.navMobile .dl-menuwrapper ul.dl-menu {
    position: fixed;
    white-space: nowrap;
    margin-top: 23px;
}

.navMobile .dl-menuwrapper ul.dl-menu.dl-menuopen {
    position: relative;
    background: #53bee3;
    height: 100%;
}


/* positioned relative for parent overflow:hidden; */


/** position absolute when loading/animating **/

.navMobile .dl-menuwrapper ul.dl-menu.dl-loading {
    position: absolute;
    margin-top:23px;
}
.navMobile .dl-menuwrapper ul.dl-submenu.dl-loading{
    margin-top:23px;
}
.navMobile .dl-menuwrapper > .dl-submenu {
    position: relative;
}
/** secondary mobile **/

.navMobile .dl-menuwrapper .secondaryNavMobile li.item-parent a.has-children:after {
    height: 14px;
    background-size: auto 100%;
}
.navMobile .bars {
    display: none;
}

.navMobile .dl-menuwrapper .secondaryNavMobile .contentRender_name_plugins_nav_footer li.item-parent.last > a {
    border: none;
}

/*** SIDE NAV ***/

.navSide {
    background: #72bf44;
    margin-bottom: 34px;
}

.navSide h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
    font-family:'L Futura W01';
    padding: 16px 18px 4px;
    margin: 0;
}

.navSide h3 a {
    color: #fff;
}
.navSide h3 a:hover {
    color: #fff;
}

.navSide .item {
    position: relative;
    padding: 0px;
    margin: 0px 14px;
}

.navSide .item a {
    display: block;
    width: 245px;
    color: #fff;
    font-family:'L Futura W01';
    font-size: 18px;
    line-height: 26px;
    padding: 6px;
    text-transform: capitalize;
    border-bottom: 1px solid #5ba036;
    -webkit-transition: background .25s;
    transition: background .25s;
}
/** hover/selected **/

.navSide .item.selected > a,
.navSide .item a:hover {
    background: #5ba036;
}


/** toggle **/

.navSide .item .opener {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 18px;
    height: 16px;
    color:#4c9d2f;
    font-family:'Avenir Next W01';
    font-size:24px;
    font-weight: bold;
    line-height: 26px;
    cursor: pointer;
    
}
.navSide .item .opener:before{
    content: "+";
}
.navSide .item.displayopen {
    background-color: #5ba036;
    -webkit-transition: background-color .25s;
    transition: background-color .25s;
}
.navSide .item.displayopen .children a {
    border-bottom: none;
}
.navSide .item.displayopen .children .selected a {
    color:#a6d78d;
}
.navSide .item.displayopen .opener{
    right:5px;
    color:#abdb92;
    line-height: 24px;
}
.navSide .item.displayopen .opener:before{
    content: "—";
}

/** drop down - items **/

.navSide .dropdown {
    padding: 10px 0;
}

.navSide .item .children {
    display: none;
}

.navSide .displayopen .children {
    display: block;
}

.navSide .children .item a {
    padding-left: 4px;
}

.header-right {
    float: right;
    max-width: 278px;
    width: 100%;
}

.translation-list.inline-list {
    margin-top:-4px;
}
/*** Tablet ***/ 
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
    .navMobile {
        top: 42px;
        max-width: 320px;
    }
    .navMobile .dl-menuwrapper ul.dl-menu {
        margin-top: 46px;
    }
}