/*
 Template:     Divi
 Theme Name:   Divi Child
 Version: 1.0.1
*/

#main-header .logo_container{
    float:left;
    max-width:50%;
}
#main-header #logo{
    max-width:100%;
}
@media (max-width: 980px){
	.et_header_style_centered #main-header {
		padding: 0 0 20px;
	}
}

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */


.header-shown.header {
	-webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	     -o-transform: translateY(0);
	        transform: translateY(0);
}
.header .shell { margin: 0 auto; padding: 0 30px;
	-ms-align-items: center;
	    align-items: center;
	justify-content: space-between;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex; }

.header .header-bar { background-color: #666; }
.header .header-bar a { color: #fff; }
.header .header-bar a:not(.nav-trigger):hover { background-color: #00aadc; color: #fff; }
.header .header-body { padding: 20px 0; position: relative; z-index: 20; }
.search-toggle { width: 20px; height: 20px; background-color: #000; display: inline-block; }

.header { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; border-bottom-width: 0px !important; padding: 0 !important; }
.header .container { position: absolute; z-index: 999; bottom: 0; left: 25px; width: 250px !important; padding: 10px 0 !important; }
.header .header-bar { flex: 0 0 100%; max-width: 100%; }
.header .logo_container { position: relative; z-index: 999; height: auto !important; max-width: 100% !important; }
.header .logo_helper { position: absolute; }
.header .ubermenu-responsive-toggle { font-size: 20px !important; }

.header .ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target:after { margin-top: -8px !important; }
.header .ubermenu { flex-grow: 1; text-align: right; }
.header .ubermenu-nav { display: inline-block; }
.header .ubermenu-submenu { margin-top: 10px !important; }
.header .ubermenu-nav > li { padding: 12px 0; }
.header .ubermenu-nav:after { content: ''; display: table; line-height: 0; clear: both; }

.nav-utilities.mobile { display: none; }

/*  main navigation  */
.nav { }
.nav ul { }
.nav ul > li { display: inline-block; position: static; margin-left: 10px; }
.nav ul > li.active > a { color: #005883; opacity: 1; }
.nav ul > li.menu-item-has-children > a { position: relative; }
.nav ul > li.menu-item-has-children.active > a:before,
.nav ul > li.menu-item-has-children.active > a:after { opacity: 1;
	-webkit-transform: translate(-50%,0%);
	    -ms-transform: translate(-50%,0%);
	     -o-transform: translate(-50%,0%);
	        transform: translate(-50%,0%);}
.nav ul > li.menu-item-has-children > a:before { width: 20px; height: 20px; background-color: #00aadc; border-radius: 50%; z-index: 5; margin-top: 11px; border: 1px solid #fff; }
.nav ul > li.menu-item-has-children > a:after { z-index: 10; margin-top: 17px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 4px 8px 4px;
	border-color: transparent transparent #ffffff transparent; }

.nav li:hover > .sub-menu-wrapper,
.nav ul > li .sub-menu-wrapper { position: absolute; top: 100%; pointer-events: none; left: 0; width: 100%; opacity: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex; }
.nav ul > li > a { display: block; padding: 10px 5px; color: #666; }
.nav ul > li > a:hover { background: none; color: #005883; }

/*  current  */
.nav .sub-menu-wrapper .sub-menu li.current-menu-item > a,
.nav > ul > li.current-menu-item > a,
.nav > ul > li.current-menu-ancestor > a { }

.header .search-form { position: relative; }
.header .searchform { padding: 5px 0; }
.header .search-form .search-toggle { font-size: 12px; position: absolute; top: 50%; right: 10px; z-index: 50; pointer-events: none; background: none; text-align: center; line-height: 20px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%); }
.header .searchform label { display: none; }
.header .searchform input { border: 1px solid #666; height: 28px; padding: 5px 25px 5px 10px; font-size: 14px; line-height: 1; border-radius: 20px; width: 100%;
	-webkit-box-shadow: none;
	        box-shadow: none;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none; }
.header .searchform input[type=submit] { width: 20px; height: 20px; padding: 0; border-radius: 0; position: absolute; top: 50%; right: 5px; opacity: 0;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%); }
.header .searchform input[type=submit]  { }

.nav-utilities .home a { font-family: fontawesome; font-size: 0; position: relative; right: auto; top: auto; }
.nav-utilities .home a:after { content: '\f015'; font-size: 16px; }

@media(max-width: 1024px){

	.sub-menu-wrapper .sub-menu {
		-webkit-flex-wrap: wrap;
		   -moz-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		     -o-flex-wrap: wrap;
		        flex-wrap: wrap; }
	.sub-menu-wrapper > .sub-menu > li { min-width: 33.3%; }
	.sub-menu-wrapper > .sub-menu .sub-menu > li { width: 100%; }

}

@media(max-width: 959px) {
	.header .container { position: static; margin: 0 0 0 15px !important; }
}

@media(max-width: 767px){
	.header .container { flex: 0 0 50%; max-width: 50% !important; width: auto; margin: 0 0 0 15px; padding: 10px 0 !important; }
	.header .header-bar { position: relative; }
	.header .header-body { position: static; display: none; }
	.header .shell { padding: 0 10px; }
	.header .nav-utilities { max-width: 90%; }
	.header .ubermenu-nav > li { padding: 0; }
	.shell > .nav { top: -30px; position: absolute; left: 0; right: 0; opacity: 0; pointer-events: none; height: 100%;
		-webkit-transition: all .5s, padding 0s;
		     -o-transition: all .5s, padding 0s;
		        transition: all .5s, padding 0s; }
	.nav .menu { }
	.nav .menu > li { margin: 0; flex: 1 1 auto; }
	.nav .menu > li > a { color: #fff; }
	.nav .menu > li.active > a { background-color: rgba(0, 170, 220, 1); }

	.sub-menu > li { flex: 0 0 auto; width: 50%; }

	.nav-utilities { margin: 5px 0; flex-shrink: 0; }
	.nav-utilities ul > li > a { font-size: 14px; line-height: 1; }

	.nav-utilities li { display: inline-block; }
	.nav-utilities li a { padding-right: 12px; position: relative; }
	.nav-utilities li a:after { font-family: fontawesome; font-size: 16px; z-index: 50; pointer-events: none; margin-left: 0; }
	.nav-utilities .contact a { font-size: 0; }
	.nav-utilities .contact a:after { content: '\f0e0'; font-size: 16px; }
	.nav-utilities .giving a:after { content: '\f184'; }
	.nav-utilities .locations a:after { content: '\f041'; }
	.nav-utilities.mobile { display: block; }

	.header .nav-trigger { order: 0; }
	.header .nav-utilities { order: 3; }
	.header .search-form { flex-grow: 1; position: relative; order: 1; padding: 0 10px; }
	.header .search-form .search-toggle { position: static; right: auto; top: auto; color: #fff; pointer-events: auto; font-size: 14px;
		-webkit-transform: translate(0);
		    -ms-transform: translate(0);
		     -o-transform: translate(0);
		        transform: translate(0); }

	.header .search-form .search-toggle i { pointer-events: none; }

	.header .search-form.expanded .searchform { display: block; }
	.header .search-form.expanded .search-toggle { display: none; }
	.header .searchform { display: none; padding: 0; background-color: #666; }

	.header .searchform input { padding-right: 35px; }
	.header .searchform:before { content: '\f002'; font-family: fontawesome; font-size: 12px; position: absolute; top: 50%; right: 25px; z-index: 50; pointer-events: none;
		-webkit-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		     -o-transform: translateY(-50%);
		        transform: translateY(-50%); }
	.header .searchform input[type=submit] { right: 20px; }

	.header .ubermenu-responsive-toggle { font-size: 15px !important; }
}

@media(max-width: 479px){
	.header .nav #menu-top-navigation li + li { margin-left: 10px; }
	.sub-menu-wrapper .sub-menu > li { width: 100%; }
	.header .dropdown-wrapper-head { font-size: 12px !important; }
	.dropdown-wrapper .dropdown-wrapper-head li a { padding: 14px 3px; }
	.sub-menu-wrapper .sub-menu .menu-item-has-children .sub-menu,
	.sub-menu-wrapper .sub-menu > li { padding: 5px 0; }

	.nav-utilities li + li { margin-left: 5px; }
	.nav-utilities li a { font-size: 0 !important; padding: 0; line-height: 1; padding: 5px 0 !important; text-align: center; }
	.nav-utilities li#menu-item-7683 a { font-size: 14px !important; }
	.nav-utilities li a:after { position: relative; top: auto; left: auto; font-size: 20px !important; margin: 0 auto;
		-webkit-transform: translate(0);
		    -ms-transform: translate(0);
		     -o-transform: translate(0);
		        transform: translate(0);  }
}
