@charset "UTF-8";
/* CSS Document 
Added by Dwayne Burtin 4/16/2019 
To be used with ad landing pages
*/

#mobile-header, #menuButton, nav, #breadcrumbs, #pageName {
	display: none;
}
		#wrapperContent{padding-bottom:none; margin-bottom:none;}
		.adIntroCopy h1{font-weight:900; font-size:225%; text-transform:uppercase; font-family: Arial Black, Arial Bold, sans-serif;}
		a.button {background: #0d5fb5; padding: 10px 15px; color:#fff; font-weight:bold; text-transform:uppercase;}
		a.button:hover{text-decoration:none; color:#fc0;}
		#leftContent{padding-top:none; margin-top:-35px;}
		
		.three-column-text {margin-top:20px; margin-bottom:20px;}
		.three-column-text:before { content: ""; display: table; clear: both;}
		.three-column-text:after { content: ""; display: table; clear: both;}
		.three-column-text .feature-text {width:30%; float:left; margin-left:5%; }
		.three-column-text .feature-text:first-of-type {margin-left:0;}
		
		.three-column-stat-block-ad, .four-column-stat-block-ad {
		padding:2.5% 2.5%;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#01426a+0,0d5fb5+100 */
background: rgb(1,66,106); /* Old browsers */
background: -moz-linear-gradient(left, rgba(1,66,106,1) 0%, rgba(13,95,181,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(1,66,106,1) 0%,rgba(13,95,181,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(1,66,106,1) 0%,rgba(13,95,181,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01426a', endColorstr='#0d5fb5',GradientType=1 ); /* IE6-9 */
}
		.three-column-stat-block-ad .stat{float:left; margin-left:5%; width:28.3%; text-align:center; line-height:120%;}
		.four-column-stat-block-ad .stat{float:left; margin-left:5%; width:20%; text-align:center; line-height:120%;}
		.four-column-stat-block-ad .stat:first-of-type{margin-left:0%;}
		.three-column-stat-block-ad .stat:first-of-type{margin-left:2.5%;}
		.three-column-stat-block-ad .stat .stat-text, .four-column-stat-block-ad .stat .stat-text {color:#fff; font-size:11pt; line-height:120%;}
		.three-column-stat-block-ad .stat .stat-number, .four-column-stat-block-ad .stat .stat-number {color:#fc0; font-size:30pt; line-height:120%;}
		
		.adBanner {width:100%; height:52.5vw; max-height:552px; background:black url('https://via.placeholder.com/1151x768.png?text=   1st+Image') no-repeat;  background-size: contain; background-position: right;  transition: background 0.5s linear;}
		
		.ou-form #status_345a6359-7d4a-461b-a108-4f2b1d499f53.alert.alert-success:after {content: ""; display: table; clear: both; }
		.ou-form #status_345a6359-7d4a-461b-a108-4f2b1d499f53.alert.alert-success{margin-bottom:10%;}

		.adBanner:after {content: ""; display: table; clear: both; }
		
		.ou-form#status_345a6359-7d4a-461b-a108-4f2b1d499f53.alert.alert-success:after {content: ""; display: table; clear: both; }
		
		.formBackground { background: url('https://via.placeholder.com/1151x768.png?text=   2nd+Image') no-repeat;  background-size: contain; background-position: right;}
		 
		
		.right-point {width:45.1%; position:relative; z-index:10;}
		.bottom-vortex{display:none;}
		
		.adIntroCopy {width:35%; margin-top:-53%; margin-left:2.5%; position:relative; z-index:11;}
		.infoForm { content: ""; display: table; clear: both;}
		.infoForm {display:none;}
		
		ul#responsive {list-style:none !important; width:100%; padding:0; margin: 40px 0;}
		ul#responsive li {width:45%; /* display:inline-block;*/ list-style:none;}
		ul#responsive li img{width:100%;}
		ul#responsive li h3 {background-color:rgba(0, 51, 102, 0.7); color:#fff; padding-left:15px; padding-right:15px; margin-top:-38px; position:relative; z-index:2; text-font-weight:bold;}
		
		div.ou-form form div{margin: 0 0 12px 0 !important; padding:0 !important; }
		div.ou-form form div input {width:100%;}
		div.ou-form form button {margin-bottom: 20px;}
		
		.pixel {background:#153252; margin:0; padding:0; height:1px; overflow:hidden}
		
		
		/*.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #428bca;*/
		
		.lSSlideOuter .lSPager.lSpg > li {margin:0 5px}
		
		
		.seeAnIssue {background:#f2f2f2; width:96%; padding:2%;}
		
		/* responsive */
		
		@media only screen and (max-width: 1075px) {
			
		} 
		
		
		@media only screen and (max-width: 800px) {
			.right-point {display:none;}
			.bottom-vortex{display:block;  padding-top: 45vw; clear:both; width:100%;}
			.adBanner{background-size: 100%; /* padding-bottom:75vw;*/ background-color:#ffc30b; background-position:center top; max-height:none; height:auto;}
			.adIntroCopy {width:95%; margin-top: -30vw; display:block}
		
			div.ou-form form div input {width:95%;}
		}
		
		
		
		@media only screen and (max-width: 700px) {
			.three-column-text .feature-text {float:none; margin:0; width:100%; clear:both;}
			.four-column-stat-block-ad {padding:0;}
			.four-column-stat-block-ad .stat:first-of-type{margin:5%;}
			.four-column-stat-block-ad .stat {width:40%; margin:5%; min-height:175px;} 
			
			.three-column-stat-block-ad {padding:0;}
			.three-column-stat-block-ad .stat:first-of-type{margin:7% 15%;}
			.three-column-stat-block-ad .stat {width:70%; margin:7% 15%; min-height:175px;} 
			.three-column-stat-block-ad .stat .stat-text {color:#fff; font-size:17pt; line-height:120%;}
		.three-column-stat-block-ad .stat .stat-number{color:#fc0; font-size:50pt; line-height:120%;}
			
		}