/* 
Theme Name: WHY OFP 
Author: WOW MKTG 
Author URI: http://wowmktg.com/ 
Description: This is theme for OFP, designed and developed by WOW MKTG 
Version: 1.0 
License: GNU General Public License v2 or later 
License URI: http://www.gnu.org/licenses/gpl-2.0.html 
*/

html{
	background: #3d86c6;
	background-size: cover;
}
body{
	background: transparent;
	padding: 50px 0;
	font-family: proxima-nova, sans-serif;
}
#form{
	overflow: hidden;
}
.wrapper{
	background: #fff;
	padding   : 0px;
	color     : #044f96;
}
.wrapper .title{
	background: #009fae;
	position  : relative;
	width     : calc( 100% + 280px);
	left      : -140px;	
}
.wrapper .title img{
	width: 480px;
}
.wrapper .title:before{
	content: " ";
	position: absolute;
	width: 50vw;
	height: 5px;
	background: #009fae;
	top: 50%;
	left: -50vw;
}
.wrapper .title:after{
	content: " ";
	position: absolute;
	width: 50vw;
	height: 5px;
	background: #044f96;
	top: 50%;
	right: -50vw;
}
.logo{
	margin-bottom: 40px;
	width: 75%;
}
p.lead{
	font-size: 1.45em;
}
.datetime{
	margin-top    : 40px;
	border-top    : 1px solid #044f96;
	border-bottom : 1px solid #044f96;
	padding       : 10px 0 5px 0;
	font-weight   : bold;
	text-transform: uppercase;
	margin-bottom : 30px;	
}
.datetime .dt--date{
	font-size  : 1.7em;
	line-height: 1em;
}
.datetime .dt--date sup{
	font-size: .575em;
}
.datetime .dt--time{
	font-size  : 2.2em;
	line-height: 1em;
}
.address{
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.2em;
}

h2{
	color: #0054a3;
	font-weight: bold;
	margin-top: 40px;
}

.gform_body, .gform_footer{
	text-align: center;
}

.gform_wrapper label.gfield_label, .gform_wrapper legend.gfield_label{
	font-weight: 300 !important;
}
input[type=text]{
	background: #f1f6fb;
	padding: 6px 10px;
	border-radius: 3px;
	border: none;
	text-align: center;
}
.btn{
	background: #0054a3;
	color: #fff;
	border-radius: 5px;
	text-transform: uppercase;
	padding: 10px 30px;
	font-weight: bold;
}

.inner{
	padding: 40px;
}
.gform_wrapper{
	padding: 20px 60px;
}
.gform_wrapper ul.gform_fields li.gfield{
	padding-right: 0px !important;
}
@media screen and (max-width: 767px){
	.wrapper{
		padding: 0px;
	}
	.wrapper .title{
		width     : calc( 100% + 40px);
		left      : -20px;	
	}
	p.lead{
		font-size: 1.3em;
	}
	.datetime .dt--date{
		font-size: 1.6em;
	}
	.inner{
		padding: 0px;
	}
	.gform_wrapper{
		padding: 20px;
	}
}