/* User Styles
/	Designer: Steven Lindgren 
/	Framework: ZURB Foundation 5
/	Source: http://foundation.zurb.com/
*/	

/*************** Common ****************/
body				                  { color: #424242; padding: 0; margin: 0;  font-family: 'Poppins', sans-serif; }
.fullWidth                           { width: 100%; margin-left: auto; margin-right: auto; max-width: initial; }

#p2-bg								{background-color: #424242;}
.mb-20						        { margin: 0px 0px 20px 0px; }
.mb-40						        { margin: 0px 0px 40px 0px; }
.mb-60						        { margin: 0px 0px 60px 0px; }
.mb-80						        { margin: 0px 0px 80px 0px; }

.left					             	 { float: left; clear: right;}
.clear						           { margin-bottom: 0px; clear: both; }
.center                               { margin: 0px auto 0px auto; text-align:center; }
.height-expand-40             { height: 45px!important;}
.height-expand-50             { height: 58px!important;}

sup, sub                            { vertical-align: baseline; position: relative; top: -0.4em; }
sub 								   { top: 0.4em; }

.font-bold							{font-weight: 800;}







/*************** Large Screens ****************/
.logo-bar				             { width: 100%;  line-height: 50px;  margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; background-color:#FFFFFF; box-shadow:  1px 1px 3px #bdbdbd; }
.logo-bar a                         { text-decoration:none; color: #01183a; }
.logo-bar img                     { height: auto;}
.logo                                  { margin: 0px 0px 20px 0px; padding: 5px 0px 0px 0px;}



.intro 							       { width: 100%; height:auto; background:#e4f7fc; margin: 0px 0px 0px 0px; padding:35px 0px 0px 0px; text-align: center;}
.intro h1                            { font-size: 38px; font-weight: 700;  line-height:normal; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px;}    
.intro h2                            { font-size: 22px;  font-weight: 400;  line-height: 26px; margin: 0px 0px 30px 0px; padding:0px 0px 0px 0px;} 
.intro h3                            { font-size: 22px;  font-weight: 600; color: #34a5dd;  line-height: 26px; margin: 0px 0px 10px 0px; padding:0px 0px 0px 0px;} 
.intro span 					   { color:#ff7e00;}
.intro input                        {  border: 1px solid #34a5dd; -moz-border-radius: 10px; -webkit-border-radius:10px; border-radius: 10px; }
.intro label			            { font-size: 14px; margin:0px 0px 5px 0px; padding:0; font-weight:300; color: #343a40; }
.input-icon						   { background: url("../img/location-icon.png") no-repeat left ; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-origin: content-box;}
.intro-btm-img                  { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

.optin-wrap {
  margin: 20px 0px 30px 0px;
  padding: 0px 0px 0px 0px;
  border-radius: 8px;
  background: #ffffff;
  border: 1px solid #005c9e;
}
.optin-wrap p {
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 30px 0px;
  text-align: center;
  color: #000000;
}
.optin-top {
  background: #005c9e;
  text-align: center;
  font-weight: 500;
  color: #ffffff;
  display: block;
  padding: 5px 20px 5px 20px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}

.intro-alt 							 { width: 100%; height: 663px; background: url("../img/main-bg-lg.jpg") no-repeat; background-position: center top; background-size: cover; margin: 0px 0px 0px 0px; padding:35px 0px 20px 0px; text-align: center;}
.intro-alt h1                      { font-size: 38px; font-weight: 700;  line-height: 35px; margin: 0px 0px 20px 0px; padding:0px 0px 0px 0px;}    


.reg-box			                { margin: 0px 0px 0px 0px; padding:20px; color:#ffffff; background:#ffffff; border-radius: 10px; text-align: left; }
.reg-box h1			              { font-size: 30px; color: #424242; font-weight:100; margin: 0px 0px 10px 0px; padding:0px 0px 0px 0px; }    
.reg-box form		             { margin:20px 0px 0px 0px; padding:0px;}
.reg-box label			         { font-size: 14px; margin:0px 0px 5px 0px; padding:0; font-weight:300; color: #343a40; }
.reg-box input                   {  border: 1px solid #34a5dd; -moz-border-radius: 10px; -webkit-border-radius:10px; border-radius: 10px; text-align: left;}
.reg-box a			               { color:#3eaeff; text-decoration: none; }
.opt-in					              { font-size: 12px; line-height:18px; color:#424242; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; }
.opt-in	a				             { color:#424242; text-decoration: underline;}
.reg-wrap-optin {
  color: #000000;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 10px 0px;
  font-size: 12px;
  text-align: left;
}


.overlay-bg 					  { width: 100%; min-height:1349px; background: url("../img/overlay-bg.jpg") no-repeat; background-position: center top; background-size: contain; margin: 0px 0px 0px 0px; padding:85px 0px 20px 0px; text-align: center;}

.midpath-box                 { padding:0px; margin:0px 0px 0px 0px; border-radius: 5px; background: #ffffff; box-shadow: 0px 2px 2px 1px #6e9b9d; }
.midpath-box p              { font-size: 20px; color:#2b2b2b; font-weight: 600;  margin: 20px 0px 30px 0px; padding:0px 20px 0px 20px; line-height: 28px; text-align: center;}
.midbath-box-hdr           { padding:5px 0px 5px 0px; margin:-2px 0px 0px 0px!important; border-top-left-radius: 5px; border-top-right-radius: 5px;background: #ff7e00; text-align: center; color: #ffffff; font-size: 15px;}

.footer						          { width: 100%;  background: #ffffff; margin: 0px 0px 0px 0px; padding: 40px 0px 40px 0px; text-align: center;}
.footer	p					         { color: #424242; font-weight: 300; font-size:12px; line-height: 18px; }
.footer a					         { color: #424242; text-decoration:none; }



/*************** Medium Screens ****************/
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
.logo-bar				            { width: 100%;  margin: 0px 0px 0px 0px; padding:0px 5px 0px 5px; background-color:#FFFFFF; }


.footer						          { width: 100%;  background: #ffffff; margin: 0px 0px 0px 0px; padding: 40px 0px 40px 0px; text-align: center;}
.footer	p					         { color: #424242; font-weight: 300; font-size:12px; line-height: 18px; }
.footer a					         { color: #424242; text-decoration:none; }

}










/*************** Small Screens ****************/
@media only screen and (max-width: 40em) {  /* max-width 640px, mobile-only styles, use when QAing mobile issues */
.logo-bar				            { width: 100%;  margin: 0px 0px 0px 0px; padding:0px 5px 0px 5px; background-color:#FFFFFF; }
.logo-bar img				      { height: 34px; }
.logo                                  { margin: 7px 0px 0px 0px; padding: 7px 0px 0px 0px;}


.intro 							       { width: 100%; height: auto; background:#e4f7fc;  margin: 0px 0px 0px 0px; padding:25px 0px 0px 0px; text-align: center;}
.intro h1                            { font-size: 24px; font-weight: 700;  line-height: 26px; margin: 0px 0px 10px 0px; padding:0px 0px 0px 0px;}    
.intro h2                            { font-size: 18px;  font-weight: 400;  line-height: 26px; margin: 0px 0px 20px 0px; padding:0px 0px 0px 0px;} 
.intro span 					   { color:#ff7e00;}
.intro input                        {  border: 1px solid #34a5dd; -moz-border-radius: 10px; -webkit-border-radius:10px; border-radius: 10px; }
.input-icon						   { background: url("../img/location-icon.png") no-repeat left ; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-origin: content-box;}
	
.intro-alt 							 { width: 100%; height: auto; background: url("../img/main-bg-lg.jpg") no-repeat; background-position: center top; background-size: cover; margin: 0px 0px 0px 0px; padding:35px 0px 340px 0px; text-align: center;}
.intro-alt h1                      { font-size: 24px; font-weight: 700;  line-height: 26px; margin: 0px 0px 20px 0px; padding:0px 0px 0px 0px;}    	
	
.reg-box			                { margin: 0px 0px 0px 0px; padding:20px; color:#ffffff; background:#ffffff; border-radius: 10px; text-align: left; }
.reg-box h1			              { font-size: 22px; color: #424242; font-weight:100; margin: 0px 0px 10px 0px; padding:0px 0px 0px 0px; }    
.reg-box label			         { font-size: 14px; margin:0px 0px 5px 0px; padding:0; font-weight:300; color: #343a40; }
.reg-box input                   {  border: 1px solid #34a5dd; -moz-border-radius: 10px; -webkit-border-radius:10px; border-radius: 10px; text-align: left;}
.reg-box a			               { color:#3eaeff; text-decoration: none; }
.opt-in					              { font-size: 12px; line-height:18px; color:#424242; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; }
.opt-in	a				             { color:#424242; text-decoration: underline;}
	

.midpath-box                 { padding:0px; margin:0px 0px 0px 0px; border-radius: 5px; background: #ffffff;  }
.midpath-box p              { font-size: 16px; color:#2b2b2b; font-weight: 600;  margin: 20px 0px 30px 0px; padding:0px 20px 0px 20px; line-height: 28px; text-align: center;}
.midbath-box-hdr           { padding:5px 0px 5px 0px; margin:-2px 0px 0px 0px!important; border-top-left-radius: 5px; border-top-right-radius: 5px;background: #ff7e00; text-align: center; color: #ffffff; font-size: 15px;}
	
.overlay-bg 					  { width: 100%; min-height:1349px; background: url("../img/overlay-bg-small.gif") no-repeat; background-position: center top; background-size: contain; margin: 0px 0px 0px 0px; padding:35px 0px 20px 0px; text-align: center;}	
	
	
.footer						          { width: 100%;  background: #ffffff; margin: 0px 0px 0px 0px; padding: 40px 0px 40px 0px; text-align: center;}
.footer	p					         { color: #424242; font-weight: 300; font-size:12px; line-height: 18px; }
.footer a					         { color: #424242; text-decoration:none; }
}