/* QQQ s/b in ut's own file but I can't figure out how to enque it */
#section-nav-outer .sf-menu li li ul{margin-left:-20px;margin-top:-20px}
#header-outer #section-nav-outer .nectar-menu-icon-img{margin-bottom:0;width:16px;height:auto;vertical-align:middle}
#section-nav-outer .nectar-menu-icon,#section-nav-outer .nectar-menu-icon-img{margin-right:7px;top:0;line-height:inherit;display:inline-block}
body[data-hhun="1"] #section-nav-outer[data-remove-fixed="0"]{transition:transform .3s ease}
#section-nav-outer #social li a{display:block;line-height:22px;height:24px;position:relative;transition:all .2s linear;-webkit-transition:all .2s linear;background-position:center top}
#section-nav-outer #social li a i{color:#777;transition:all .2s linear;-webkit-transition:all .2s linear}
#section-nav-outer #social li .behance,#section-nav-outer #social li .vimeo{background-color:#666}
#section-nav-outer #social li .behance:hover,#section-nav-outer #social li .vimeo:hover{background-color:#000}
body #section-nav-outer #social i{font-size:20px;width:auto;background-color:transparent}
#section-nav-outer #social li .icon-be{font-size:18px}
body[data-header-color=dark] #section-nav-outer{background-color:#111;border-bottom:1px solid #444}
body[data-header-color=dark] #section-nav-outer nav>ul>li>a{border-left:1px solid #222}
body[data-header-color=dark] #section-nav-outer nav>ul>li:last-child{border-right:1px solid #272727}
body[data-header-color=dark] #section-nav-outer #social li a i,body[data-header-color=dark] #section-nav-outer .nectar-center-text,body[data-header-color=dark] #section-nav-outer .nectar-center-text a,body[data-header-color=dark] #section-nav-outer nav>ul>li>a,body[data-header-color=dark] #section-nav-outer nav>ul>li>a .sf-sub-indicator i{color:#a0a0a0}
#section-nav-outer ul ul li a{font-size:11px;transition:none;-webkit-transition:none}
.material #section-nav-outer[data-lhe=animated_underline] nav>.sf-menu>li>a.current-menu-item:after,.material #section-nav-outer[data-lhe=animated_underline] nav>.sf-menu>li>a:hover:after{backface-visibility:hidden;-ms-transform:scaleX(1);-webkit-transform:scaleX(1);transform:scaleX(1)}
body[data-dropdown-style=minimal] #section-nav-outer .sf-menu>li ul{height:auto}
#section-nav-outer .container{position:static}
#section-nav-outer,#section-nav-outer>.container,#section-nav-outer>.container>nav{min-height:34px}
.material #section-nav-outer{min-height:42px}
.material #section-nav-outer>.container,.material #section-nav-outer>.container>nav{min-height:40px}
#section-nav-outer .nectar-center-text{text-align:center;padding:0 130px;font-size:14px;line-height:14px;width:100%;position:absolute;left:50%;top:50%;z-index:10;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}
body #section-nav-outer .nectar-center-text{font-size:16px;line-height:16px;max-width:70%}
body #header-outer[data-format=centered-menu-bottom-bar] #section-nav-outer .nectar-center-text{max-width:100%}
#section-nav-outer .nectar-center-text a{color:inherit}
@media only screen and (max-width:999px){body #section-nav-outer[data-secondary-text=true] ul{display:none}
#section-nav-outer .nectar-center-text{padding:0 15px}
}
@media only screen and (max-width:690px){body.original #section-nav-outer .nectar-center-text{display:none}
body.original #section-nav-outer{display:none}
}
#section-nav-outer{position:relative;top:0;left:0;width:83%} /* QQQ try to keep the section nav from running over when there are too many many items  */
body[data-header-color=custom]:not(.material) #section-nav-outer{border-bottom:1px solid rgba(0,0,0,.1)}
#section-nav-outer #social{float:left;position:relative}
#section-nav-outer #social li{float:left}
#section-nav-outer #social li a{line-height:20px}
#section-nav-outer #social li a i{height:14px;line-height:14px;font-size:14px;color:rgba(0,0,0,.55)}
#section-nav-outer #social li a{position:relative;padding:8px 10px 8px 10px;height:16px;box-sizing:content-box}
#section-nav-outer ul{height:32px;float:right;z-index:1000}
#section-nav-outer nav>ul>.nectar-megamenu-menu-item ul{float:none}
#section-nav-outer nav{position:relative}
#section-nav-outer nav>ul>li>a{color:rgba(0,0,0,.55)}
body #section-nav-outer nav>ul>li>a{border-left:1px solid #ddd;line-height:11px;font-size:11px;padding:10px}
#section-nav-outer .nectar-menu-label{padding:3px 8px;font-size:11px}
body[data-header-color=custom]:not(.material) #section-nav-outer nav>ul>li>a{border-left:1px solid rgba(0,0,0,.1)}
#section-nav-outer nav>ul>.current-menu-ancestor>a,#section-nav-outer nav>ul>.current-menu-item>a,#section-nav-outer nav>ul>li>a:hover{color:rgba(0,0,0,.8)}
#section-nav-outer nav>ul>li>a .sf-sub-indicator{margin-right:5px;height:11px}
#section-nav-outer nav>ul>li:last-child{border-right:1px solid #ddd}
body[data-header-color=custom]:not(.material) #section-nav-outer nav>ul>li:last-child{border-right:1px solid rgba(0,0,0,.1)}
#section-nav-outer nav>ul>li>a .sf-sub-indicator i{color:rgba(0,0,0,.45);font-size:14px}
#section-nav-outer ul ul li a{background-color:#1f1f1f;color:#ccc}
#section-nav-outer ul>.menu-item-language-current>a{height:32px;padding-top:8px}
#section-nav-outer #social li .behance,#section-nav-outer #social li .vimeo{background-color:#a6a6a6;background-position:center;background-repeat:no-repeat;text-indent:-9999px}
#section-nav-outer #social li .vimeo{width:15px}
#section-nav-outer #social li .behance{width:17px}
#section-nav-outer[data-full-width=true]>.container{width:100%;max-width:100%;padding:0 28px}
#section-nav-outer[data-full-width=true] nav>ul#social>li:first-child>a,#section-nav-outer[data-full-width=true]>.container nav>ul>li:last-child{border:none}
body[data-header-color=dark] #section-nav-outer .current-menu-ancestor>a,body[data-header-color=dark] #section-nav-outer .current-menu-item>a,body[data-header-color=dark] #section-nav-outer .sfHover>a,body[data-header-color=dark] #section-nav-outer .sfHover>a i,body[data-header-color=dark] #section-nav-outer nav>ul>li a:hover,body[data-header-color=dark] #section-nav-outer nav>ul>li a:hover .sf-sub-indicator i{color:#fff!important}
body[data-header-color=dark] #section-nav-outer nav>ul>li>a .sf-sub-indicator i{color:#a0a0a0!important}
body.material #section-nav-outer nav>ul{height:auto;padding:6px 0}
body.material #section-nav-outer nav>.sf-menu{padding:0}
body.material #section-nav-outer .nectar-center-text{padding:10px 0}
body.material #section-nav-outer nav:after{display:block;clear:both;content:''}
body.material #section-nav-outer #social li a,body.material #section-nav-outer nav>ul>li>a{padding:0;margin:0 10px;height:auto;}
body.material #section-nav-outer nav>ul>li>a{border-left:0;line-height:22px;font-size:12px}
body.material #section-nav-outer nav>ul>li:last-child{border-right:0}
body.material #section-nav-outer nav>ul>li:last-child>a{margin-right:0;padding-right:0}
body.material #section-nav-outer #social li a i{font-size:16px}
body.material #section-nav-outer #social li a{line-height:28px}
body.material:not(.rtl) #section-nav-outer #social li:first-child a{padding-left:0;margin-left:0}
@media only screen and (max-width:999px){#section-nav-outer[data-mobile=display_full] .nectar-center-text{position:relative;left:0;top:0;margin:0 auto;-webkit-transform:none;transform:none}
body:not(.material) #section-nav-outer[data-mobile=display_full] .nectar-center-text{margin:20px auto}
body #section-nav-outer[data-mobile=display_full] ul,body.ascend #section-nav-outer[data-mobile=display_full] .nectar-center-text,body.original #section-nav-outer[data-mobile=display_full] .nectar-center-text{display:block}
body.original #section-nav-outer[data-mobile=display_full] #social>li>a{border:none!important}
#section-nav-outer[data-mobile=display_full] #social,#section-nav-outer[data-mobile=display_full] ul{float:none;text-align:center;margin:0 auto}
body.ascend #section-nav-outer[data-mobile=display_full],body.material #section-nav-outer[data-mobile=display_full],body.original #section-nav-outer[data-mobile=display_full]{display:block!important;height:auto!important}
body[data-dropdown-style] #section-nav-outer[data-mobile=display_full] .sf-menu>li ul{display:none!important}
/* beth 9.5.22 #section-nav-outer{top:-13px} */
}
@media only screen and (max-width: 999px) {
	#section-nav-outer{width:100%} /* QQQ try to keep the section nav from running over when there are too many many items, see line 33  */
}
@media only screen and (min-width:691px) and (max-width:999px){
	body:not(.material) #section-nav-outer[data-mobile=display_full] nav>#social>li:last-child{border:none}
	.page-header-no-featured-image .section-nav-filler-slash,
	.page-header-no-featured-image .section-nav-filler {
		display: none;
	}
}

@media only screen and (max-width :690px){
	body[data-header-format].material #section-nav-outer{display:none;height:0}
	.page-header-no-featured-image .section-nav-gap {
		display: none;
	}
#section-nav-outer nav>ul>li:last-child,body #section-nav-outer nav>ul>li,body #section-nav-outer nav>ul>li a{border:none}
body:not(.material) #section-nav-outer nav .sf-menu{padding-top:10px;padding-bottom:10px}
body:not(.material) #section-nav-outer ul#social{padding:10px 0}
}
@media only screen and (max-width:999px){body[data-header-format] #section-nav-outer{height:auto}
body:not(.material) #section-nav-outer #social,body:not(.material) #section-nav-outer nav>ul{float:none;width:100%;text-align:center;height:auto}
#section-nav-outer nav>ul>li>a .sf-sub-indicator{display:none}
#section-nav-outer #social li,#section-nav-outer nav>ul>li{display:inline-block;float:none}
#section-nav-outer ul ul{z-index:100000}
#section-nav-outer ul li:hover{z-index:1000}
#section-nav-outer nav>ul>li ul li{text-align:left}
#section-nav-outer #social li>a{height:15px}
body:not(.material) #section-nav-outer nav .sf-menu{border-top:1px solid #ddd}
}


/* These apply to all navs areas, s/h cta as follows
 * main-nav-container: show landing-pages hide cta-links
 * cta-menu-location: show cta-links hide landing-pages
 * section-nav: show both
 */

.main-nav-container li.cta { display: none; } 

/* These don't belong here! Just temp because two people are editing styles */
#ajax-content-wrap #page-header-wrap {
	margin-bottom: 3px;
}
#ajax-content-wrap > .container-wrap {
    padding-top: 0;
}
body #header-outer #top .second-container nav .sf-menu li ul {
    top: 40px !important;
}
.span_12.light .wpb_text_column a:not(:hover) {
    opacity: 1;
}
.span_12.light .wpb_text_column a:hover {
    color: #fcf9c2;
}
#header-outer .nectar-header-text-content a:hover {
    color: #fcf9c2;
}
/* QQQ hide-donation-1 (or hide-donation-0 or hide-donation- ) class is added in the single-meet-the-kids.php template so we can hide the donation form when a mtk post is marked to hide it 
.hide-donation-1 .widget_give_forms_widget {
	display: none;
}
*/
/* trying to fix the google search error that there's an element wider than the viewport on mobile */
@media only screen and (max-width: 999px) {
	.full-width-content.blog-fullwidth-wrap, .full-width-content.nectar-shop-outer, .nectar-slider-wrap[data-full-width=true], .page-submenu .full-width-content, .page-submenu>.full-width-section, .portfolio-filters-inline.full-width-content, .portfolio-filters-inline.full-width-section:not(.non-fw), .post-area.full-width-content.standard-minimal, .single-product .product[data-gallery-style=left_thumb_sticky][data-gallery-variant=fullwidth] .single-product-wrap, .wpb_row.full-width-content, .wpb_row.full-width-content.has-global-section .wpb_row.full-width-content, .wpb_row.full-width-section .mobile-video-image, .wpb_row.full-width-section .templatera_shortcode>.wpb_row.full-width-section>.row-bg-wrap, body .full-width-section .nectar-parallax-scene, body .full-width-section .row-bg-wrap, body .full-width-section.parallax_section .row-bg-wrap, body .full-width-section>.nectar-shape-divider-wrap, body .full-width-section>.video-color-overlay, body[data-aie=long-zoom-out] .first-section .row-bg-wrap, body[data-aie=long-zoom-out] .top-level.full-width-section .row-bg-wrap, body[data-aie=zoom-out] .first-section .row-bg-wrap, body[data-aie=zoom-out] .top-level.full-width-section .row-bg-wrap, body[data-col-gap] .vc_row-fluid .span_12.post-area.full-width-content.standard-minimal {
	    margin-left: calc(-50vw + 1px + var(--scroll-bar-w)/ 2);
	    width: calc(100vw - 2px - var(--scroll-bar-w));
	}
	.full-page-inner>.container>.span_12, .full-page-inner>.span_12, .vc_row-fluid>.span_12 {
	    width: auto;
	    max-width: 100%;
	    max-width: calc(100% + 15px);
	    margin: 0 !important;
	}
	.home .vc_row-flex.feature-grid .col {
		flex-wrap: wrap !important;
	    margin: 0 0 30px 0 !important;
	    max-width: calc(100% + 15px);
	}

}