/* New Navigation Styles */

.admin-bar #header-wrap{
	top: 32px!important;
}
@media screen and (max-width: 600px){
	#wpadminbar{
		position: fixed;
	}
}

#header-wrap {
	overflow:hidden;
	position:fixed;
	top:0;
	width:100%;
	z-index: 999;
	background-color: #efefef;
}


/* Hide submenu if VC is active */

.js_active #sub-submenu{
	display:none;
}

.mobile-menu-opened{
	overflow: hidden;
}

#header-wrap{
	transition: all 0.5s;
}

#header-wrap #header-warning{
	background: #20c4cb;
	color: #ffffff;
}

.text-center {
	text-align: center !important;
}

/* #header-wrap #header-warning{
	background: #FBBD08;
	color: #104065;
} */

#header-wrap #header-warning.promo{
	background: #EA356D;
	color: #FFFFFF;
}

#header-wrap #header-warning.promo a{
	color: #FFFFFF;
}

#header-wrap #header-warning a{
	font-weight: 600;
	text-decoration: underline;
	color: #104065;
}

#header-wrap #header-warning .inner{
	/* max-width: 70%; */
	margin: auto;
	padding: 10px 0px;
}

#header-wrap #header-warning .promo-code{
	color: #104065;
}
/* #header-wrap #header-warning .inner{
	max-width: 1175px;
	margin: auto;
	padding: 7px 0px;
} */

/*#header-wrap.scrolled{*/
/*    margin-top: -46px;*/
/*}*/

.wr-header{
    overflow: visible!important;
    background-color: rgba(255,255,255, 1)!important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.16), 0 0px 4px rgba(0,0,0,0.23);
}

.wr-header .logo{
    float: left;
    max-width: 180px;
    height: 70px;
}

.wr-header .logo img{
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding-top: 24px;
}

.wr-header .top-bar .calls-to-action{
	display: none!important;
}

.wr-header .top-bar .calls-to-action > a {
	font-family: 'Montserrat', sans-serif!important;
	width: 50%;
	float: left;
	max-height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	color: #FFF;
	background-color: #3E88FF;
}

.wr-header .top-bar .calls-to-action > a:last-of-type {
	background: #EA356D;
}

.wr-header .top-bar{
	width: 100%;
	background: #FFF;
	/*border-bottom: 1px solid #eee;*/
}

.wr-header .top-bar .container{
	max-width: 1170px;
	margin: 0px auto 0px auto;
}

.wr-header .top-bar .container .menu, .wr-header .top-bar .container .donate-button{
	float: right;
}

.wr-header .top-bar .container .menu .menu-item{
	float: left;
}

.wr-header .top-bar  .mega-menu-wrap{
	background: transparent!important;
}

.wr-header .top-bar .mega-menu > li > a{
	font-family: 'Montserrat', sans-serif!important;
	font-weight: 300;
    color: #000!important;
    padding: 0px 25px 0 25px!important;
    line-height: 45px!important;
    font-size: 13px!important;
    letter-spacing: 1px!important;
    height: auto!important;
    text-transform: uppercase;
}

.wr-header .top-bar .mega-menu > li > a:hover{
	background: transparent!important;
}

.wr-header .top-bar .mega-menu .mega-sub-menu{
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23)!important;
}

.wr-header .top-bar .mega-menu .mega-sub-menu > li > a{
	font-family: 'Montserrat', sans-serif!important;
    font-size: 13px!important;
    line-height: 27px!important;
    text-transform: none;
    border-top: 1px solid #eee!important;
    padding: 10px 15px 10px 15px!important;
    width: auto;
    background: #285BD4!important;
    color:#FFF!important;
}

.wr-header .top-bar .mega-menu .mega-sub-menu > li > a:hover{
	color:#000!important;
    background: #FFF!important;
}

.wr-header .top-bar .container .menu .menu-item .separator{
	color: #FFF;
}

.wr-header .top-bar .container .menu .menu-item:first-of-type .separator{
	display: none;
}

.wr-header .top-bar li.mega-menu-item > a.mega-menu-link:focus{
	background: transparent!important;
}

.wr-header header{
	height: 60px;
	width: 100%!important;
	max-width: 1170px;
}

.wr-header header .mega-menu-wrap{
	background: transparent!important;
}

.wr-header header .mega-menu > li > a{
	font-family: 'Montserrat', sans-serif!important;
	color: #000!important;
	padding: 0px 19px 5px 19px!important;
	line-height: 60px!important;
	font-size: 15px!important;
	font-weight: 300!important;
	letter-spacing: 0px;
	height: auto!important;
	border-top: 5px solid transparent!important;
}

.wr-header header .mega-menu > li > a:after,
.wr-header .top-bar .mega-menu > li > a:after{
	display: none!important;
}

.wr-header:not(.wr-now-header) header .mega-menu > li:last-of-type  > a:hover,
.wr-header:not(.wr-now-header) header .mega-menu > li:last-of-type  > a:focus,
.wr-header:not(.wr-now-header) header .mega-menu > li:last-of-type.mega-toggle-on > a{
	border-top: 5px solid #EA356D!important;
    background: transparent!important;
}

.wr-header header .mega-menu > li > a:hover,
.wr-header header .mega-menu > li > a:focus,
.wr-header header .mega-menu > li.mega-toggle-on > a{
	border-top: 5px solid #285BD4!important;
	background: transparent!important;
}


.wr-header header .mega-menu .mega-sub-menu{
	background: #FFF!important;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23)!important;
}

.wr-header header .mega-menu .mega-sub-menu > li > a{
	font-family: 'Montserrat', sans-serif!important;
    font-size: 14px!important;
    line-height: 27px!important;
    text-transform: none;
    border-top: 1px solid #eee!important;
    padding: 10px 15px 10px 15px!important;
    width: auto;
    background: #FFF!important;
}

.wr-header header .mega-menu .mega-sub-menu > li > a:hover{
	color:#FFF!important;
    background: #285BD4!important;
}

.wr-header header .mega-menu > li:last-of-type > a{
	color: #FFF!important;
	font-family: 'Montserrat', sans-serif!important;
	padding-bottom: 5px!important;
	line-height: 60px!important;
}

.wr-header:not(.wr-now-header) header .mega-menu > li:last-of-type,
.wr-header:not(.wr-now-header) header .mega-menu > li:last-of-type > a:hover,
.wr-header:not(.wr-now-header) header .mega-menu > li.mega-toggle-on:last-of-type > a{
	background: #EA356D!important;
	height: 70px!important;
}

.wr-header header .mega-menu > li:last-of-type > .mega-sub-menu > li > a{
	background: #285BD4!important;
	color: #FFF!important;
}

.wr-header header .mega-menu > li:last-of-type > .mega-sub-menu > li > a:hover{
	background: #FFF!important;
	color: #000!important;
}

.wr-header .mega-menu .mega-current_page_parent a,
.wr-header .mega-menu .mega-current-menu-item a,
.wr-header .mega-menu .mega-current-page-ancestor a{
	background: transparent!important;
}

@media screen and (max-width: 1170px) {
	.wr-header header{
		box-sizing: border-box;
		padding-left: 15px;
	}
}


@media screen and (max-width: 1060px) {
	.wr-header .mega-menu-item > a.mega-menu-link {
		padding-left: 14px !important;
		padding-right: 14px !important;
	}

	.wr-header .mega-menu-item > a.mega-menu-link:focus {
		padding-left: 14px !important;
		padding-right: 14px !important;
	}
	#header-wrap #header-warning .inner{
		padding: 7px 10px;
	}
}

@media screen and (max-width: 1025px) {


	#top-header{
		display: block;
		float: left;
		height: 65px;
	}


	.wr-header .logo {
    padding-left: 15px;
	}

	.wr-header header{
		width: 100%!important;
		padding: 0px;
	}

	.wr-header .top-bar .calls-to-action{
		display: block!important;
		height: 45px;
	}

	.wr-header .top-bar nav{
		display: none!important;
	}

	.wr-header header nav .mega-menu-toggle + ul{
		transition: all 0.5s!important;
		display: block!important;
		position: fixed!important;
	    right: -85%!important;
	    top:0px!important;
	    width: 85%!important;
	    background: #285BD4!important;
		margin-top: 45px!important;
		max-width: 400px;
	}

	.wr-header header .mega-menu{
		padding: 40px 0px 50px 45px!important;
		height: 100%!important;
	}

	.wr-header header nav .mega-sub-menu{
		transition: all 0.3s;
		clear: both!important;
	}

	.wr-header .mega-menu > li.mega-menu-item{
		border-top: 1px solid #FFF!important;
		width: 100%!important;
		display: block!important;
		float: left!important;
		padding: 10px 0px!important;
	}

	.wr-header .mega-menu > li.mega-menu-item:first-of-type{
		border-top:none!important;
	}

	.wr-header header nav .mega-menu-toggle + ul > li > a,
	.wr-header:not(.wr-now-header) header nav .mega-menu-toggle + ul > li > a:focus{
	    color: #FFF!important;
	    border-top: none!important;
		font-family: 'Montserrat', sans-serif!important;
	   	font-size: 17px!important;
	   	float: left!important;
	   	padding-left: 0px!important;
	   	line-height: 45px!important;
		font-weight: 700!important;
		text-transform: none!important;

	}

	.wr-header header nav .mega-menu-toggle + ul > .mega-menu-item-has-children > a:after{
		transition: all 0.3s;
		border-style: solid;
		border-width: 0.10em 0.10em 0 0;
		content: ''!important;
		display: inline-block!important;
		height: 0.45em;
		left: 0.15em;
		position: relative;
		vertical-align: top;
		width: 0.45em;
		top: 0;
		margin: 15px 0 0 10px!important;
		transform: rotate(135deg)!important;
 	} 

	.wr-header header nav .mega-menu-toggle + ul > .mega-menu-item-has-children.mega-toggle-on > a:after {
		margin: 20px 0 0 10px!important;
		transform: rotate(-45deg)!important;
	}

	.wr-header header nav .mega-menu-toggle + ul > li > a:hover,
	.wr-header header .mega-menu > li.mega-toggle-on > a{ 
	    border: none!important;
	    margin-top: 0px!important;		    
	}

	.wr-header header nav .mega-menu-toggle.mega-menu-open + ul{
		display: block!important;
		position: fixed!important;
	    right: 0%!important;
	    width: 85%!important;
	    visibility: visible;
	    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22)!important;
	}

	.wr-header header .mega-menu .mega-sub-menu{
		background: transparent!important;
	    box-shadow: none!important;
	    width: 100%!important;
    	padding-left: 35px!important;
	}

	.wr-header header .mega-menu{
	    overflow: scroll!important;
	}

	.wr-header header .mega-menu .mega-sub-menu > li > a{
		background: transparent!important;
		color: #FFF!important;
		padding-left: 0px!important;
		border-top:none!important;
	}

	.wr-header header .mega-menu .mega-sub-menu > li:first-of-type > a{
		border-top: none!important;
	}

	.wr-header header nav .mega-menu-toggle + ul > li:last-of-type{
		display: none!important;
	}

	.wr-header header .mega-menu .mega-sub-menu > li > a:hover{
		background: transparent!important;
	}

	.wr-header .mega-menu-toggle{
		background: transparent!important;
	}

	.wr-header .mega-menu-toggle .mega-toggle-block:before,
	.wr-header .mega-menu-toggle .mega-toggle-block:after{
		color: #000!important;
	}

	.wr-header header nav .mega-menu-toggle + ul > li:first-of-type{
		display: block!important;
	}

	.wr-header .mega-menu-toggle .mega-toggle-block{
		padding: 0px!important;
		margin: 0px;
		top: 8px;
		right: 5px;
		/*padding: 30px 10px 10px 10px!important;*/
	}

	.wr-header .mega-menu-toggle .mega-toggle-block::after{
		color: #285BD4!important;
		font-size: 35px!important;
		transition: all 0.3s;
	}

	.wr-header .mega-menu-toggle.mega-menu-open .mega-toggle-block::after{
		color: #FFF!important;
	}

	.wr-header li.mega-menu-item a.mega-menu-link:after{
		height: 9px!important;
		width: 9px!important;
		top: -2px!important;
	}

	.wr-header .mega-indicator{
		display:none!important;
	}

	#mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
	#mega-menu-wrap-main-navigation #mega-menu-main-navigation > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
	#mega-menu-wrap-main-navigation #mega-menu-main-navigation>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link {
		background: transparent!important;
	}


	#mega-menu-wrap-main-navigation > #mega-menu-main-navigation{
		visibility: hidden!important;
	}

	.mega-menu-main-navigation-mobile-open #mega-menu-wrap-main-navigation > #mega-menu-main-navigation{
		visibility: visible!important;
	}

}





/* FROM OLD */