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



/* =Media queries
-------------------------------------------------------------- */
/* Minimum width of 300 pixels. */
@media screen and (min-width: 300px) {
	
	.single-podcast h1.entry-title {
		display:none !important;
	}
	
	.single-podcast h1.entry-title {
		display:none !important;
	}
	
	.upb_row_bg {
		background-position: center center !important;
	}
	
	.headright {
		text-align: center;
		margin:25px 0 15px;
	}
	
		.headright i {
		padding:0 15px;
		font-size: 24px;
		color: #0076a3;
	}
	
	ul.dropdown-menu {
		list-style-type: none;
	}
	
	ul.dropdown-menu li {
		margin:5px;
	}
	
	ul.dropdown-menu li a {
		text-decoration: none;
		border-bottom: 1px solid #ccc;
		padding: 5px 20px 5px;
	}
	
	ul.dropdown-menu li.last a {
		border-bottom: 0px;
	}
	
	.btn-primary {
		border-radius: 4px !important;
		background-color: #0076a3;
		color: #ffffff;
		font-size: 17px;
		padding: 10px 45px 10px 30px;
	}
	
	.btn-primary:hover {
		background-color: #24336a;
	}
	
	.arrowed:after {
		font-size: 16px;
		font-family: FontAwesome;
		color: #ffffff;
		content: "\f078";
		position: absolute;
		padding-left: 7px;
		top:9px;
	}
	
	.wp-video {
		width: 100% !important;
	}
	
	.mejs-video {
		height: 600px !important;
	}
	
	.homequote h2 {
		color: #ffffff;
		font-style: italic;
		font-size: 24px;
		line-height: 28px;
	}
	
	.footertext p,
	.footertext a {
		color: #1c2d3f;
		text-decoration: none;
		font-size: 15px;
	}
	
	.homethree h2 {
		color: #0076a3;
		font-size: 30px;
		font-weight: 400;
	}
	
	.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-content2 {
		float:left;
		width: 100%;
	}

#secondary h3,
#secondary2 h3 {
	text-align:left;
}

	h3,
	h3.widget-title {
		color: #fff;
		font-family: 'Poppins', sans-serif;
		font-size: 18px;
		font-weight:bold;
		text-align:left;
		padding-top:5px;
		padding-bottom:0px;
	}
	
	.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:136px;
	margin:0 auto;
	width:100%;
	background: #fff;
	position:relative;
	z-index:9;
		}
		
.site-header h1 a{
	background-image: url("images/logo2x.jpg");
	background-size: 300px 84px;
	background-repeat:no-repeat;
	text-indent:-999em;
	min-width:300px;
	min-height:84px;
	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;}
	.entry-header .entry-title {
		font-size:24px;font-weight:600;margin:20px 0 0 0; color: #000;
	}
	#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) {
	
	.podcastgrid .vc_gitem-zone {
		background-size: 400px !important;
	}
	
		.homequote h2 {
		padding: 0 80px;
	}
	
	.footerlogos2 img {
    padding: 0px 0 0 10px;
    max-width: 75px;
    text-align: right;
}

.footerlogos2 {
    float: right;
}
	
	.homeintro {
		padding: 0 60px;
	}
	
		.headright {
		float: right;
		top:70px;
		position: relative;
		margin:0px;
	}
	
	.headright i {
		padding:0 0 0 15px;
		font-size: 24px;
		color: #0076a3;
	}
	
	.site-header h1 a{
	background-image: url("images/logo2x.jpg");
	background-size: 350px 97px;
	background-repeat:no-repeat;
	text-indent:-999em;
	display:block;
	min-width:350px;
	min-height:97px;
	z-index:100;
		position:relative;
		margin:20px 0px 0 0px;
		
	}
	
	#rev_slider_1_1_wrapper {
	display:inherit !important;
}

.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;
	}

	
	h3,
	h3.widget-title {
		font-family: 'Poppins', sans-serif;
		color: #000;		
		font-size:18px;
		font-weight:300;
		text-align:left;
		padding:5px 10px;
	}
	
	h3.widget-title2 {
		color: #fff;
		font-size: 17px;
		font-weight:700;
		text-transform:uppercase;
	}
	
	.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:58px;
		float:right;
		height: 44px;
		width: 66%;
		margin-left: 0px;
		}
	
.menu-globalnav-container {
	background: transparent;
	float:right;
	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: 0 0 0px 27px;
	position: relative;
	text-decoration: none;
	line-height:44px;
	font-weight: 500;
	font-family: 'Poppins', sans-serif;
	white-space: pre;
}

	.main-navigation li a:hover {
		background: transparent;
		color: #0076a3;
		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: #0076a3;
	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: #24336a;
		display: block;
		font-size: 13px;
		line-height: 2.181818182;
		padding: 2px 10px;
		width: 15em;
		white-space: normal;
		text-align:left;
		color: #ffffff;
		font-weight:300;
		left:18px;
	}
	
	.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: #24336a !important;
		color: #0076a3 !important;
	}
	

}
/* Minimum width of 600 pixels. IPAD PORTRAIT */
@media screen and (min-width: 600px)  {
	
		#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;
}

	
	.social {
		float:right;
		width: auto;
		text-align:none;
		margin: 10px 0 0 0;
		clear:right;
	}
	
	.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) {	
	
		.upb_row_bg {
		background-position: 100% 30% !important;
	}

		.headright {
		top:30px;
	}
	
		.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;
	}
	
}
