@charset "UTF-8";
/* CSS Document */



/* =Media queries
-------------------------------------------------------------- */
/* Minimum width of 300 pixels. */
@media screen and (min-width: 300px) {
	
	#rev_slider_2_1_wrapper .hesperiden .tp-bullet {
		border:1px solid #fff !important;
		background: transparent !important;
	}
	
	#rev_slider_2_1_wrapper .hesperiden .tp-bullet.rs-touchhover, #rev_slider_2_1_wrapper .hesperiden .tp-bullet.selected {
		background: #fff !important;
	}
	
	.homepink {
		background: #eb02f0;
		margin: 0 0 15px 18px !important;
		width: 90% !important;
		padding: 0 25px !important;
		border-radius: 5px !important;
	}
	
	.homeintro h2 {
		font-size: 24px !important;
	}
	
	.homeblue {
		background: #003cff;
		margin: 0 0 15px 18px !important;
		width: 90% !important;
		padding: 0 25px !important;
		border-radius: 5px !important;
	}
	
	.homegreen {
		background: #15a6a3;
		margin: 0 0 15px 18px !important;
		width: 90% !important;
		padding: 0 25px !important;
		border-radius: 5px !important;
	}
	
	.homethree h1 {
		color: #fff !important;
		font-size: 30px !important;
	}
	
	.homethree p {
		color: #fff !important;
	}
	
	.headtop .widget_search {
		display:none;
	}
	
	.home .gm-main-menu-wrapper .gm-navbar-nav > li.current-menu-item {
		background: #fff !important;
	}
	
	.home .gm-main-menu-wrapper #gm-main-menu .gm-navbar-nav > li.current-menu-item > .gm-anchor {
		color: rgba(0, 34, 128, 1);
	}
	
	.footerlower a {
		color: #002280;
		text-decoration: none;
	}
	
	.vc_custom_heading p a {
		color: #d836e7 !important;
	}
	
	.steering h3 {
		font-size: 21px;
line-height: 1.5;
margin-bottom: 20px;
color: #d837e8 !important;
	}
	
	.steering p {
		margin: 0 0 10px 0 !important;
		line-height: 1.2 !important;
	}
	
	.teampink h2 {
		font-size: 24px !important;
		color: #d837e8 !important;
		text-align: center !important;
	}
	
		.teampurple h2 {
		font-size: 24px !important;
		color: #8b41f5 !important;
		text-align: center !important;
	}
	
		.teamblue h2 {
		font-size: 24px !important;
		color: #001b66 !important;
		text-align: center !important;
	}
	
	.footerlower p {
		font-size: 20px;
	}
	
	.bottomsocial {
		text-align:right;
	}
	
		.bottomsocial a {
		padding-left: 20px;
		color: #00a6a3;
		text-align:right;
		font-size: 30px;
	}
	
	.headtop {
		background: #002280;
	}
	
	.headtop .wpb_content_element {
		margin-bottom: 0px !important;
	}
	
	.topnav a {
		color: #ffffff !important;
		padding-left: 20px;
		text-align:left;
		font-size: 17px;
		line-height: 60px;
		margin-top:0px;
		text-decoration:none !important;
	}
	
	.topnav a.social {
		padding-left: 10px !important;
	}
	
				.reversecol {
		flex-direction: column-reverse;
	}
	
	.fivecol {
		width: 100% !important;
	}

#first p {
	text-align:center;
	line-height: 50px;
	color:#fff;
}

#first {
	width: 100%;
}

.site-content {
		float: left;
		width: 100%;
	}

#main {
	background: transparent;
}
	
	.site {
	max-width: 100%;
	margin: 0 auto;
}

body {
	background: #fff;
	min-width:350px;
	}


#content {
	width: 100%;
	float:left;
	clear:both;
}

	
.site-header h1 {
		width: 350px;
		text-align:center;
		margin:0;
	}

	.site-header{
	min-height:85px;
	margin:0 auto;
	width:100%;
	background: #fff;
	position:relative;
	z-index:9;
		}
		
/*
.site-header h1 a{
	background-image: url("images/logo2x.png");
	background-size: 300px 31px;
	background-repeat:no-repeat;
	text-indent:-999em;
	min-width:300px;
	min-height:31px;
	z-index:100;
		position:relative;
		margin:20px 0px 0 0px;
		
	}
*/
	.site-header h2{
		display:none;
		}
/*Navigation */


.home .toggled-on .sub-menu{
	display:none;}
	

	.wrapper{
		width:100%;
		margin:0 auto;
		}
	.template-front-page .wrapper{
		background:transparent;
		box-shadow:none;}
	img.shadow{
		box-shadow:none;}

	#respond form input[type="text"] {
		width: 46.333333333%;
	}
	#respond form textarea.blog-textarea {
		width: 79.666666667%;
	}
	
	
	.commentlist .children {
		margin-left: 48px;
		margin-left: 3.428571429rem;
	}
	.srp-widget-excerpt{
		}
		.template-front-page .srp-widget-singlepost{
		float:none;
		clear:none;
		border:0;
		width:80%;
		margin: 0 1%;
		border-bottom: 1px solid #772e26;}
	#supplementary.three .widget-area {
	float: none;
	margin-right: 3.7%;
	width: 100%;
}


	
.columns{
	-moz-column-width: 12.5em;
	-webkit-column-width: 12.5em;
	column-width: 12.5em;}
.columns ul{
	list-style:none;}
.columns ul li.head{
	margin-top:10px;
	margin-bottom:10px;
	}
.columns ul li:first-child{
	margin-top:0;}
}

/* Minimum width of 450 pixels. */
@media screen and (min-width: 450px) {
	
	.homepink {
		background: #eb02f0;
		margin: 0 18px !important;
		width: 30% !important;
		padding: 0 25px !important;
		border-radius: 5px !important;
	}
	
	.homeblue {
		background: #003cff;
		margin: 0 18px !important;
		width: 30% !important;
		padding: 0 25px !important;
		border-radius: 5px !important;
	}
	
	.homegreen {
		background: #15a6a3;
		margin: 0 18px !important;
		width: 30% !important;
		padding: 0 25px !important;
		border-radius: 5px !important;
	}

	
	.vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_column_container > .vc_column-inner {
		padding-top: 5px !important;
	}
	
		.headtop .widget_search {
		display:block;
	}
	
	.search-field {
		position: relative;
		top: 12px;
		width: 100% !important;
	}
	
	.footercopy p {
		float:right;
		clear:both;
		font-size: 20px;
	}
	
	.bottomsocial {
		float:right;
	}
	
	.bottomsocial a {
		padding-left: 20px;
		color: #00a6a3;
		text-align:right;
		font-size: 30px;
	}
	
	.homeintro {
		padding: 0 60px;
	}
	
	.homethreecol .vc_column-inner {
		border: 2px solid #002280;
		border-radius: 8px;
	}
	
	.homethreecol h2 {
		color: #08a6a3 !important;
	}
	
	.homethreecol strong {
		font-size: 25px;
	}

	
	.topnav {
		display:inline-block;
		float:right;
	}
	
	.topnav a {
		color: #ffffff !important;
		padding-left: 30px;
		text-align:left;
		font-size: 20px;
		line-height: 60px;
		margin-top:0px;
		text-decoration:none !important;
	}
	
	.topnav a.social {
		padding-left: 10px !important;
	}
	
				.reversecol {
		flex-direction: inherit;
	}
	
		.headright {
		float: right;
	}

.site-content .homepage {
	position:absolute;
	z-index: 29;
	max-width: 1300px;
}
	
.site-content {
		float: left;
		width: 100%;
	}	
	
	#secondary {
		height:270px;
		clear:both;
	}
	
#secondary .widget-title {
	margin-bottom:0px;
	text-align:center;
}

.site {
		max-width: 100%;
		padding:0;
	}
	
	
	body {
	width: 100%;
	margin:0 auto;
	}
	
	.footer {
		display:none !important;
	}
	
	.site-content2 {
		padding: 0 20px 0 0;
		float:right;
		width: 70%;
	}
	
	.site-header h1 {
		width: auto;
		text-align:justify;
		margin: inherit;
		float:left;
	}
	
	/* NAVIGATION */

.site-header #site-navigation{
		background: transparent;
		margin-top:46px;
		float:left;
		height: 44px;
		width: 56%;
		margin-left: 0px;
		}
	
.menu-globalnav-container {
	background: transparent;
	float:left;
	color:#fff;
	height: 44px;
	margin-top:0px;
}
		
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		display: inline-block !important;
		text-align: left;
		width: 100%;
		height: 44px;
	}		
	
	.main-navigation ul {
		margin: 0;
		text-indent: 0;
	}
	.main-navigation li a,
	.main-navigation li {
		display: block;
		text-decoration: none;
	}
	.main-navigation li a {
	color: #24336a;
	display: block;
	font-size: 15px;
	padding: 0px 20px;
	position: relative;
	text-decoration: none;
	line-height:44px;
	font-weight: 300;
	font-family: noto-sans, sans-serif;
	white-space: pre;
	text-transform: uppercase;
}

	.main-navigation li a:hover {
		background: transparent;
		color: yellowgreen;
		text-shadow:none;
	
			}
			
/*
		.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		background: #171845;
		color: #f18c46;
		font-weight: normal;
		text-shadow:none;
	}		
*/
	
	
		.main-navigation li ul li a:hover,
	.main-navigation li ul li ul li a:hover {
		background: #f6f9fd !important;
		color: #F68E20 !important;
	}
			
	.main-navigation li {
		position: relative;
		float: left;
	list-style-type: none;
	height:44px;
	}
	
	.main-navigation li:last-child {
		background:none;
	}

	.main-navigation li ul {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 50px;
		z-index: 1;
	}
	.main-navigation li ul ul {
		top: 0;
		left: 100%;
	}
	.main-navigation ul li:hover > ul {
		border-left: 0;
		display: block;
	}
	
	.main-navigation li ul li a:hover {
		background: #e3e3e3;
		color: #444;
	}

	
	.main-navigation li ul li.current-menu-item a,
	.main-navigation li ul li.current-menu-ancestor a,
	.main-navigation li ul li.current-page-item a,
	.main-navigation li ul li.current-page-ancestor a {
	color: #fff;
	line-height: 2.181818182;
	padding: 2px 10px;
	font-weight:300;
} 

	.menu-toggle {
		display: none;
	}
	
	.main-navigation li ul {
		display: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 99;
	}
	.main-navigation li ul ul {
		top: 0;
		left: 100%;
	}
	.main-navigation ul li:hover > ul {
		border-left: 0;
		display: block;
	}
	
	.main-navigation li ul li a:hover {
		background: #e3e3e3;
		color: #000;
	}
	
	.main-navigation ul li ul li {
		height:auto;
	}
	
	.main-navigation ul li ul li a{
		background: #e6eefb;
		display: block;
		font-size: 14px;
		line-height: 2.181818182;
		padding: 2px 10px;
		width: 20em;
		white-space: normal;
		text-align:left;
		color: #000;
		font-weight:300;
	}
	
	.main-navigation li ul li a {
		background: #efefef;
		display: block;
		font-size: 14px;
		line-height: 2.181818182;
		padding: 2px 10px;
		width: 14em;
		white-space: normal;
		text-align:left;
		color: #743241;
		font-weight:bold;
	}
	
	.main-navigation li ul li.current-menu-item ul li a {
		background: #efefef;
		display: block;
		font-size: 14px;
		line-height: 2.181818182;
		padding: 2px 10px;
		width: 14em;
		white-space: normal;
		text-align:left;
		color: #9bb9ad;
		font-weight:bold;
	}
	
	
	.main-navigation li ul li a:hover,
	.main-navigation li ul li ul li a:hover {
		background: #f6f9fd !important;
		color: #F68E20 !important;
	}
	

}
/* Minimum width of 600 pixels. IPAD PORTRAIT */
@media screen and (min-width: 600px)  {
	
	.headfloat {
		position: fixed;
width: 100%;
top: 0;
z-index: 999;
	}
	
	.entry-content {
		margin-top: 113px;
	}
	
		#headerinfo {
	max-width: 1100px;
	margin: 0 auto;
	padding: 0px 15px;
}
	
	#social {
		margin-top: 50px;
		display:inline-block;
	}
	
	#social img {
		margin: 0 7px;
	}
	
	body {
	margin:0 auto;
    width: 100%;
	}
		
#content2 {
	width: 100%;
	float:left;
	clear:none;
}

#content {
	width: 100%;
	float:left;
	clear:none;
}
	
	.full-width .site-content{
		width:96%;}
	.widget-area {
		float: right;
		width: 100;
	}

.widget-area .front-widgets1 .textwidget li{
	list-style:none;
	float:left;
	min-height:300px;
	max-width: 268px;
	width:25%;
	margin:0 4%;
	}

	
	
}
/* Minimum width of 700 pixels. */
@media screen and (min-width: 700px) {
	
	
/*	.menu-primary-left-container{
		float:left;
		width:50%;
		}
	
	.menu-primary-right-container{
		float:left;
		width:50%;
	}*/
}

/* Minimum width of 800 pixels. */
@media screen and (min-width: 800px) {
	
	
#secondary_int {
	padding: 15px;
	width:22%;
	float:left;
	background: #28328c;
	border-radius:10px;
	margin: 25px 25px 0 -25px;
	position:inherit;
}
	
	.front-widgets1 li{
		width:28%;
		}
	
	.srp-widget-excerpt{
		display:inline;} 
		
		#supplementary.three .widget-area {
	float: left;
	margin-right: 3.7%;
	padding: 10px -30px 10px;
	width: 100%;
}

	
}
/* Minimum width of 810 pixels. */
@media screen and (min-width: 810px) {
	/*.main-navigation .menu-primary-right-container li{
		margin: 0 0 0 10%;
		}*/
	.site-header h1,.site-header h2 {
		text-align: left;
	}
	.site-header h1 {
		font-size: 26px;
		font-size: 1.857142857rem;
		line-height: 1.846153846;
		margin-bottom: 0;
		position:relative;
		float:left;
	}

	
	#menu-global-nav li{
		/*width:14.28%;*/
		margin:0 2% 0 0;
		}
	
		
}

/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {	

	
		.fivecol {
		width: 20% !important;
	}
	
	#headerinfo {
	max-width: 1100px;
	margin: 0 auto;
	padding: 0px;
}
	
	/* On scroll the nav primary uses this class. Make changes you want to see happen on scroll here */
.scrollhead.sticky {
position:fixed;	
 opacity: 0.75;
 filter: alpha(opacity=75); /* For IE8 and earlier */
 margin-top:0px !important;
  -webkit-transition: all 0.25s ease-in-out;
 -moz-transition: all 0.25s ease-in-out;
 -o-transition: all 0.25s ease-in-out;
 transition: all 0.25s ease-in-out;
}
/* On hover I wanted the nav to become more visible and I want it to have a smoother transition */
.scrollhead.sticky:hover {
 opacity: 0.95;
 filter: alpha(opacity=95); /* For IE8 and earlier */
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}

body {
	margin:0 auto;
    width:100%;
	}
	
	body.custom-background-empty {
		background-color: #fff;
	}
	body.custom-background-empty .site,
	body.custom-background-white .site {
		padding: 0;
		margin-top: 0;
		margin-bottom: 0;
		box-shadow: none;
	}
	
}