.navSecondary,
.navPrimary, 
.mobilenav{
    width: 100%;
    max-width: 232px;
    border-left: 2px solid #80cde5;
}
.main-nav-border-spacer {
    border-left: 2px solid #80cde5;
    height: 26px;
    margin-left: -15px;
}
.main-nav-bg, 
.mobilenav .dl-menuwrapper {
    background: rgba(42, 175, 215, 0.95);
    width: 302px;
    padding-left: 40px;
    padding-right: 26px;
    margin-left: -55px;

}


.contentRender_name_plugins_nav_microsites .main-nav-bg, .contentRender_name_plugins_nav_microsites .dl-menuwrapper {
    padding-bottom: 20px;
}
.secondary-nav-bg {
    padding-bottom: 40px;   
    background: rgba(42, 175, 215, 0.95);
    padding-left: 40px;
    padding-right: 26px;
    margin-left: -55px;
    width: 302px;
}
.navPrimary{
    padding-top: 50px;
    height: 100%;
}
.sub-dropdown-bg {
    background-color: #20a7cf;
    padding: 22px;
    width: 234px;
}
.navPrimary .item a{
    display: block;
    font-size: 16px;
    line-height: 19px;
    padding: 10px 15px 8px;
    font-style: italic;
    color: #FFF;
    font-family: 'KievitPro-Regular';
    font-weight: bold;
}
.navPrimary > .item > a{
    padding: 20px 32px 18px;
    border-bottom: 1px solid #80cde5;
    font-size: 28px;
    line-height: 28px;
}
.navPrimary .item .dropdown {

}
.navPrimary .dropdown {
    float: left;
    display: none;
    margin-left: 195px;
    width: 225px;
    padding-left: 63px;
    position: absolute;
    top: 26px;
    min-height: 570px;
}
.navPrimary .level-third{
    top: 0;
    width: 247px;
    left: 0px;
    margin-top: 0px;
    margin-left: 220px;

}
.navPrimary .level-first .item {
    display: inline;
}
.navPrimary .level-third .item,  .navPrimary .level-second .item{
    width: 190px;
}

/** selected **/


/*.navPrimary > .item:hover > .dropdown,*/
.navPrimary > .item.displayopen > .dropdown,
.navPrimary .item.displayopen.selected .dropdown{
    display: block;
}


.navPrimary .item.selected > a,
.navPrimary > .item.displayopen > a,
.navPrimary .item > a:hover,
.navPrimary > .item > a:hover, 
.navPrimary > .item.current > a{
    background: #f0803e;
}


.navPrimary .item:hover > .dropdown{
    display: block;
}
.navPrimary  .dropdown >.item {
    border-bottom: 1px solid transparent;
}
.navPrimary  .dropdown >.item:hover {
    border-bottom: 1px solid #80cde5;
}
.navPrimary .item:hover {
    background-color: rgba(128, 205, 229, 0.46);
}


/** secondary **/
.navSecondary{
    /*max-width: 160px;*/
    max-width: 172px;
}
.navSecondary .item a{
    display: block;
    font-style: italic;
    font-family: 'KievitPro-Regular';
    font-weight: bold;
}
.navSecondary > .item > a{
    padding: 20px 32px 18px;
    border-bottom: 1px solid #80cde5;
    font-size: 18px;
    line-height: 18px;
    color: #fbe08f;
}

/** side nav **/
.navSide{
    position: relative;
    margin-bottom: 30px;
}
.navSide .navSide-int h4{
    text-transform: uppercase;
    font-size: 18px;
    line-height: 18px;
    font-style: italic;
    color: #FFF;
    background: #f0803e;
    padding: 10px 14px;
    margin: 0;

    font-style: italic;
    font-family: 'KievitPro-Regular';
    font-weight: bold;
}
.navSide .navSide-int > .item {
    border-bottom: 1px solid #cfcece;
}
.navSide .item.has-children .link-holder{
    padding-right: 10px;
}
.navSide .item a{
    position: relative;
    display: block;
    font-size: 15.65px;
    line-height: 16px;
    color: #40b7db;
    padding:14px 0 14px 14px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}
.navSide .item span {
    position: relative;
    display: block;
    font-size: 15.65px;
    line-height: 16px;
    color: #333;
    padding: 14px 0 14px 14px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.navSide .dropdown .item a{
    padding-left: 30px;
    font-size: 12px;
    line-height: 12px;
}
.navSide .link-holder{
    position: relative;
}
.navSide .opener{
    position: absolute;
    top: 17px;
    right: 4px;
    width:6px;
    height: 11px;
    background-image: url("/includes/public/assets/nav-arrow.png");
    z-index: 25;
    cursor: pointer;
}
.navSide .displayopen .opener{
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}
.navSide .dropdown{
    display: none;
}

/** mobile **/
.mobilenav .dl-menuwrapper{
    padding: 0;
    max-width: 280px;
    margin-top: 25px;
    margin-left: -2px;
}
.mobilenav .dl-menuwrapper ul{
    margin: 0;
    top: 0;
}
.mobilenav .dl-menuwrapper .dl-menu {
    margin-top: 0px;
    position: relative;
    margin-left: 0;
} 

.mobilenav .dl-menuwrapper li a {
    background: transparent;
    padding: 20px 32px 18px;
    font-size: 22px;
    line-height: 28px;
    font-style: italic;
    color: #FFF;
    font-family: 'KievitPro-Regular';
    font-weight: bold;
}

.mobilenav .dl-menuwrapper li a.open {
  background: #f0803e;
}

.mobilenav .dl-menuwrapper li.dl-parent a {
  color: #F9EABD;
}

.mobilenav .dl-menuwrapper li.dl-back:after {
    left: 10px;
    right: 10px;
    color: #80cde5;
}

.mobilenav .dl-menuwrapper li.dl-back > a {
    background: transparent;
}

.mobilenav .no-touch .dl-menuwrapper li a:hover {
  background: #f0803e;
}


.mobilenav .dl-menuwrapper button:hover, .mobilenav .dl-menuwrapper button.dl-active, .mobilenav .dl-menuwrapper ul {
    background: transparent;
}

.mobilenav .dl-menuwrapper li.dl-back:after, .mobilenav .dl-menuwrapper li > a:not(:only-child):after {
    position: absolute;
    top: 0;
    right: 30px;
    line-height: 70px;
    font-family: 'icomoon';
    speak: none;
    -webkit-font-smoothing: antialiased;
    content: "\e000";
    color: #80cde5;
    font-style: normal;
}

.mobilenav .dl-menuwrapper li.dl-back:after, .mobilenav .dl-menuwrapper li > a:hover:not(:only-child):after {
    position: absolute;
    top: 0;
    line-height: 70px;
    font-family: 'icomoon';
    speak: none;
    -webkit-font-smoothing: antialiased;
    content: "\e000";
    color: #80cde5;
}

/* Themes */
.theme_chasinthesun .mobilenav .dl-menuwrapper li a {
    padding: 12px 20px;
    border-color: #fff;
}

.theme_chasinthesun .mobilenav .dl-menuwrapper li.dl-back:after, .mobilenav .dl-menuwrapper li > a:not(:only-child):after {
    line-height: 56px;
}
.theme_chasinthesun .mobilenav .dl-menuwrapper li.dl-back:after, .mobilenav .dl-menuwrapper li > a:hover:not(:only-child):after {
    line-height: 56px;
}

.theme_chasinthesun .mobilenav .dl-menuwrapper .dl-menu {
    border-color: #fff;
}


/** orange bar **/
.orangeSocialNav,
.orangeNav {
    opacity: 0;
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
}
.orangeSocialNav,
.orangeNav.fadeIn{
    opacity: 1;
}

.orangeNav a{
    display: block;
    float: left;
    color: #FFF; 
    font-size: 18px;
    line-height: 18px;
    font-family: 'KievitPro-Regular'; 
    text-transform: uppercase;
    padding-right: 30px;
    font-weight: 700;
    font-style: italic;
}

.secondary-social-widgets img,
.orangeSocialNav .item img{
    display: none;
}

.secondary-social-widgets .item a,
.orangeSocialNav .item a{
    display: block;
    width: 23px;
    height: 23px;
    background: #FFF;
    border-radius: 50%;
    text-align: center;
    margin: 0 6px;
    color: #f0803e;
}

.secondary-social-widgets .item a::after,
.orangeSocialNav .item a::after{
    content: '';
    font-family: FontAwesome;
    display: block;
    color: inherit;
    line-height: 23px;
    font-size: 15px;
}

.secondary-social-widgets .item.Facebook a::after,
.orangeSocialNav .item.Facebook a::after{
   content: '\f09a'; 
}

.secondary-social-widgets .item.Twitter a::after,
.orangeSocialNav .item.Twitter a::after{
   content: '\f099'; 
}

.secondary-social-widgets .item.Pinterest a::after,
.orangeSocialNav .item.Pinterest a::after{
   content: '\f231'; 
}

.secondary-social-widgets .item.Youtube a::after,
.orangeSocialNav .item.Youtube a::after{
   content: '\f16a'; 
}

.secondary-social-widgets .item.Instagram a::after,
.orangeSocialNav .item.Instagram a::after{
   content: '\f16d'; 
}

/* t - 248488 */
.secondary-social-widgets .item.blog a::after,
.orangeSocialNav .item.blog a::after{
   content: '\f09e'; 
}

.secondary-social-widgets .item[class*="Google"] a::after,
.orangeSocialNav .item[class*="Google"] a::after{
   content: '\f0d5'; 
}

.secondary-social-widgets{display:none;padding: 0 22px;}
.secondary-social-widgets .item a{margin: 0 8px; color: #52b4d9;}


@media only screen and (max-width: 1024px) {
    .headerWrapper .navSection.columns {padding: 0; width:280px;}

     .mobilenav .dl-menuwrapper li{padding: 0;}
        
    .navSecondary .item a,
    .navSecondary > .item > a,
     .mobilenav .dl-menuwrapper li a {padding: 15px 30px 13px; border: none;}

     .secondary-nav-bg{width: 280px; margin: 0; padding: 0;}
     .secondary-nav-bg .navSecondary{max-width: 100%; border:none; padding-bottom: 20px;}

    .navSecondary .item a,
    .navSecondary > .item > a{padding-top: 9px; padding-bottom: 8px;}
}

/* t - 229798 */
@media only screen and (max-width: 767px) {
    .social-buttons .item a img{width:26px; height:30px;}
    .navPrimary{padding-top: 30px;}
    .navPrimary > .item > a{font-size: 20px; line-height: 20px;}
    .navSecondary > .item > a{font-size: 13px; line-height: 13px;}
    .headerWrapper .navSection.columns{ width: 100%;}

    .mobilenav .dl-menuwrapper {width: 100%;max-width: 100%;margin: 0;padding: 0;}
    .mobilenav .dl-menuwrapper .dl-menu{border-left: none; padding: 0;}

    .navSecondary, 
    .navPrimary, 
    .secondary-nav-bg,
    .mobilenav{border: none; width: 100%; max-width: 100%; margin: 0;padding: 0;}

    .secondary-nav-bg {padding-bottom: 60px;}
    .secondary-social-widgets{display: block;}

    .headerWrapper .nav-menu .menu-toggle{left: 30px;top: 12px;}
    .headerWrapper .menu-toggle-header{padding-left: 8px;}
}