/* front page specific styles/overrides */

h1, h1.title, h1.title a {text-align: center;}

/* content */
#top-callouts {padding:0;display:flex; flex-wrap: wrap;}
#top-callouts .innerbox.item1 {width:50%; display:flex; justify-content: flex-end; background: #e03d3e;}
#top-callouts .innerbox.item2 {width:50%; display:flex; justify-content: flex-start; background: #3b62a3;}
#top-callouts .innerbox .element {width: calc(664px + 2vw); display:flex; justify-content: flex-start; }
#top-callouts .innerbox.item1 .leftside {width:55%; display:flex; justify-content: flex-start; align-items: flex-end;}
#top-callouts .innerbox.item1 .rightside {width:45%; display:flex; justify-content: flex-start; align-self: center; flex-wrap: wrap;}
#top-callouts .innerbox.item2 .leftside {width:55%; display:flex; justify-content: flex-start; align-items: flex-end; order:2;}
#top-callouts .innerbox.item2 .rightside {width:45%; display:flex; justify-content: flex-end; align-self: center; order:1; flex-wrap: wrap; }
#top-callouts .innerbox span.title {font-size: calc(14px + 3.0vw); color: #ffffff; font-family: "Oswald"; display: block; text-align:center; text-transform: uppercase; line-height:1em;}
#top-callouts .innerbox a.button.more-link {font-size:1.2em; font-weight:bold; background-color: transparent; border: 1px solid white; margin-top:30px;line-height:1em; width:80%; padding:0; height:60px; display:flex; justify-content:center; align-items:center;}
#top-callouts .innerbox.item1 a.button.more-link:hover {background-color: #ff5a5a; border-color: #ff5a5a;}
#top-callouts .innerbox.item2 a.button.more-link:hover {background-color: #6e95d3; border-color: #6e95d3;}

#header4 {padding: 20px 0 10px; }
#wysiwyg_widgets_widget-14 {width: 100%; max-width:1024px;}
#wysiwyg_widgets_widget-14 img {float: left; margin-right: 25px;}
#wysiwyg_widgets_widget-14 h2 {font-size: calc(14pt + .85vw); font-weight: bold; margin-bottom: 0; margin-top: 12px; line-height: 1.2em;}
#wysiwyg_widgets_widget-14 p {margin-top: 5px; font-size: 1.3em;}
#wysiwyg_widgets_widget-14 p:nth-child(1) {margin:0;}


#footer1 {background: #303030;}

/* complete form override */
#wysiwyg_widgets_widget-3 {width:48%; margin-right:4%;}
#wysiwyg_widgets_widget-3 h2 {font-size: calc(12px + 1.3vw); color:#ffffff; font-family: "Oswald"; text-transform: uppercase;margin: 8px 0 21px;}
#wysiwyg_widgets_widget-3 .form-item input.wpcf7-text {font-family: "Oswald"; border: 2px solid #303030; border-radius: 0;}
#wysiwyg_widgets_widget-3 .form-item input.wpcf7-text:focus {border-color: #000000; color: #000000;}
#wysiwyg_widgets_widget-3 .wpcf7-form-control-wrap.hasfocus:before {color: #000000;}
#wysiwyg_widgets_widget-3 .form-item textarea.wpcf7-textarea {font-family: "Oswald"; border: 2px solid #303030; height: 5.8em;}
#wysiwyg_widgets_widget-3 .form-item textarea.wpcf7-textarea:focus {border-color: #000000; color: #000000;}
#wysiwyg_widgets_widget-3 .form-item input.wpcf7-submit {float:right; margin-right: 2px;}
#wysiwyg_widgets_widget-3 form .form-item:nth-child(7) {height:52px;} /* this is needed due to floating the submit button above. this holds the container open for the confirmation message. */
#wysiwyg_widgets_widget-3 div.form-item {margin-bottom:18px;}
#wysiwyg_widgets_widget-3 .form-item input {padding-top:15px; padding-bottom:13px;}
#wysiwyg_widgets_widget-3 .wpcf7-form-control-wrap:before {top:18px;}
#wysiwyg_widgets_widget-3 .wpcf7-form-control-wrap.message:before {top:14px;}

#wysiwyg_widgets_widget-3 .form-item input.wpcf7-text, 
#wysiwyg_widgets_widget-3 .form-item input.wpcf7-email, 
#wysiwyg_widgets_widget-3 .form-item textarea.wpcf7-textarea {font-size: 20px;}

#wysiwyg_widgets_widget-4 {width:48%; color: #ff6464; font-family: "Open Sans"; font-style: italic; font-weight: bold;}
#wysiwyg_widgets_widget-4 h2 {display:none;}
#wysiwyg_widgets_widget-4 img {display: block; margin: 0 auto;}




@media only screen and (max-width: 1024px) {
	#wysiwyg_widgets_widget-3 h2 {font-size: 1.8em;}
}

@media only screen and (max-width:900px) {
	#top-callouts .innerbox.item1 {width:100%; display:flex; justify-content: center;}
	#top-callouts .innerbox.item2 {width:100%; display:flex; justify-content: center;}
	#top-callouts .innerbox span.title {font-size: calc(28px + 5.0vw);}
}

@media only screen and (max-width:768px) {
	#wysiwyg_widgets_widget-14 img {float: none; margin: 0 0 10px 0;}
	#wysiwyg_widgets_widget-14 h2 {text-align: center}
	#wysiwyg_widgets_widget-14 p {text-align: center}
}

@media only screen and (max-width:680px) {
	#wysiwyg_widgets_widget-3 {width:100%; margin-right:0;}
	#wysiwyg_widgets_widget-4 {width:100%; }
}


@media only screen and (max-width:540px) {
	#top-callouts .innerbox span.title {font-size: calc(28px + 3.0vw);}
	#top-callouts .innerbox a.button.more-link {font-size: calc(14px + .8vw); font-weight: normal; width: 90%; margin-top: 15px; height: 40px; padding-top: 2px;}

	#wysiwyg_widgets_widget-14 h2 a {display: block; width: 100%;}
	
}