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



/*************** ALL PAGES ****************/

body		                 { }	

.main-bg 					{ background: url(../img/main-bg-7.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}	

#hiddenquestion             {  background: #f7f7f7; margin:0px 0px 20px 0px; padding: 10px; } 
#hiddenquestion2             {  background: #f7f7f7; margin:0px 0px 20px 0px; padding: 10px; } 
#hiddenquestion3             {  background: #f7f7f7; margin:0px 0px 20px 0px; padding: 10px; }
#hiddenquestion4             {  background: #f7f7f7; margin:0px 0px 20px 0px; padding: 10px; }
#hiddenquestion5             {  background: #f7f7f7; margin:0px 0px 20px 0px; padding: 10px; }

.clear						{ margin-bottom: 0px; clear: both; }
.center                     { margin: 0px auto 0px auto; text-align:center;}


.optin-wrap                  { border: 1px solid #27c30d; margin: 0 15px 15px 15px; padding: 0px 0px 0px 0px; background: #ffffff; -moz-border-radius: 3px; -webkit-border-radius:3px; border-radius: 3px; }
.optin-wrap p                { margin: 0px 0px 0px 0px; padding: 10px 0px 30px 0px; text-align: center; color:#757575; }
.optin-top                   { background-color:#27c30d; text-align: center; font-weight: 500; color: #ffffff; display: block; padding: 5px 20px 5px 20px;}
.opt-in 				     { font-size: 11px!important; line-height:16px; color:#757575; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px;}	
.opt-in	a					 { color:#27c30d; }	


/*************** Large Screens ****************/
.branding-bar				{ width: 100%; height:auto; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; background-color:#FFFFFF; }

.top-left				    { padding:50px 0px 0px 0px; margin:0px 0px 0px 0px; }
.top-left h1				{ color: #FFF;  font-size: 40px; line-height: 42px; font-weight:400; letter-spacing:-1px; padding: 0px; margin: 0px 0px 30px 0px; text-transform: uppercase;  }
.top-left h2				{ color: #FFF;  font-size: 28px; line-height: 28px; font-weight:400; letter-spacing:-0.2px; padding: 0px; margin: 0px 0px 25px 0px;  }
.top-left p				    { padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; color:#FFF; font-size:16px; font-weight:400; line-height:18px;}
.top-left span              { color: #27c30d;}

.reg-box					{ background: #ffffff; margin: 50px 0px 0px 0px; padding:0px 0px 0px 0px; color:#4f4f4f; -moz-border-radius: 15px 15px 15px 15px; -webkit-border-radius:15px 15px 15px 15px; border-radius: 15px 15px 15px 15px;  }
.reg-box-top				{ background:#fff0a6; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px;  border: 3px solid #ffffff; -moz-border-radius: 15px 15px 15px 15px; -webkit-border-radius:15px 15px 15px 15px; border-radius: 15px 15px 0px 0px;}
.reg-box-top h1		        { color:#2e2e2e; font-size:28px; font-weight:400; padding: 10px 0px 0px 0px; margin:0px 0px 0px 0px; text-align: center; } 
.reg-box-top h2		        { color:#2e2e2e; font-size:22px; font-weight:200; padding: 0px 0px 0px 0px; margin:0px 0px 20px 0px; text-align: center; } 
.reg-box h3			        { color:#e8565d;  font-size: 16px; font-weight:300; padding: 0px 0px 0px 0px; margin: 6px 0px 6px 0px; text-transform:uppercase;  }
.reg-box form				{ margin:0px; padding:20px; font-size: 14px;}
.reg-box label				{ font-size: 14px; margin:0px 0px 0px 0px; padding:0; font-weight:600; }
.reg-box input              { border: 1px solid #b7b7b7; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px;}
.reg-box select             {  -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px!important;} 
.reg-box-question           { font-size: 15px; margin:5px 0px 5px 0px; padding:0; font-weight:100;}
.opt-in						{ font-size: 11px; line-height:18px; color:#303030; margin: 10px 0px 10px 0px;}
.opt-in	a					{ color:#27c30d; }
.reg-box span               { font-size:11px;}

.lowerinfo			        { width: 100%; padding:40px 0px 40px 0px; margin:60px 0px 0px 0px; background-color:#ffffff; }
.lowerinfo h1		        { color: #2e2e2e;  font-size: 45px; font-weight:400; padding: 0px; margin: 0px 0px 0px 20px; text-align: center; }
.lowerinfo-box              { padding: 30px; margin: 0px 0px 0px 0px; height:auto;}
.lowerinfo-box h2		    { color: #2e2e2e;  font-size: 20px; font-weight:500; padding: 0px; margin: 10px 0px 0px 0px; text-align: center;}
.lowerinfo-box p			{ padding: 0px 0px 0px 0px; color: #2e2e2e; font-size:14px; font-weight:100; line-height: 22px; text-align: center;}
.lowerinfo-box img		    { margin: 0px 0px 0px 0px; text-align:center; }
.lowerinfo sup              { position: relative; top: -1px; font-size:14px; vertical-align: super; font-weight:100; letter-spacing:0px; }

.top-info-box				 { width: 100%;  padding:30px; margin:50px 0px 360px 0px; text-align: center; background:rgba(255,255,255, 0.6); -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px;} 
.top-info-box h3		     { color: #2e2e2e;  font-size:24px; line-height: 27px; font-weight:500; padding: 0px; margin: 10px 0px 10px 0px; letter-spacing: normal; }
.top-info-box p		         { color: #2e2e2e;  font-size:22px; line-height: 25px; font-weight:600; padding: 0px; margin: 0px 0px 30px 0px; }
.top-info-box, .button2      { font-size:16px!important; line-height: 25px; font-weight:600; }

.footer						{ width: 100%;  background: #2e2e2e; margin: 0px 0px 0px 0px; padding: 55px 0px 55px 0px; bottom:0; }
.footer	p					{ color:#aaaaaa; font-weight: 300; font-size:12px; line-height: 18px; }
.footer a					{ color: #aaaaaa;; text-decoration:none; }







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

.top-left				    { padding:10px 0px 0px 0px; margin:0px 0px 0px 0px; }
.top-left h1				{ color: #FFF;  font-size: 30px; line-height: 28px; font-weight:400; letter-spacing:-1px; padding: 0px; margin: 0px 0px 30px 0px;  }
.top-left h2				{ color: #FFF;  font-size: 20px; line-height: 25px; font-weight:300; letter-spacing:0px; padding: 0px; margin: 10px 0px 15px 0px;  }
.top-left p				    { padding:0px 0px 0px 0px; margin:0px 0px 20px 0px; color:#FFF; font-size:15px; font-weight:100; line-height:15px;  }
.top-left span              { color: #27c30d;}

.reg-box					{ background: #ffffff; margin: 0px 0px 20px 0px; padding:0px 0px 0px 0px; color:#4f4f4f; -moz-border-radius: 15px 15px 15px 15px; -webkit-border-radius:15px 15px 15px 15px; border-radius: 15px 15px 15px 15px;  }
.reg-box-top				{ background:#fff0a6; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px;  border: 3px solid #ffffff; -moz-border-radius: 15px 15px 15px 15px; -webkit-border-radius:15px 15px 15px 15px; border-radius: 15px 15px 0px 0px;}
.reg-box-top h1		        { color:#2e2e2e; font-size:22px; font-weight:400; padding: 10px 0px 0px 0px; margin:0px 0px 0px 0px; text-align: center; line-height: 25px; } 
.reg-box-top h2		        { color:#2e2e2e; font-size:18px; font-weight:400; padding: 0px 0px 0px 0px; margin:0px 0px 20px 0px; text-align: center; } 
.reg-box h3			        { color:#e8565d;  font-size: 16px; font-weight:300; padding: 0px 0px 0px 0px; margin: 6px 0px 6px 0px; text-transform:uppercase;  }
.reg-box form				{ margin:0px; padding:20px; font-size: 14px;}
.reg-box label				{ font-size: 14px; margin:0px 0px 0px 0px; padding:0; font-weight:600; }
.reg-box input              { border: 1px solid #b7b7b7; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px;}
.reg-box select             {  -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px!important;}
.reg-box-question           { font-size: 15px; margin:5px 0px 5px 0px; padding:0; font-weight:100;}
.opt-in						{ font-size: 11px; line-height:18px; color:#303030; margin: 10px 0px 10px 0px;}
.opt-in	a					{ color:#27c30d; }
	
.lowerinfo			        { width: 100%; padding:30px 0px 30px 0px; margin:0px 0px 0px 0px; background-color:#ffffff; }
.lowerinfo h1		        { color: #2e2e2e;  font-size: 25px; font-weight:400; padding: 0px; margin: 0px 0px 0px 10px; }
.lowerinfo-box              { padding: 5px; margin: 0px 0px 0px 0px; }
.lowerinfo-box h2		    { color: #2e2e2e;  font-size: 20px; font-weight:500; padding: 0px; margin: 10px 0px 0px 0px; }
.lowerinfo-box p			{ padding: 0px 0px 0px 0px; color: #2e2e2e; font-size:14px; font-weight:100; line-height: 22px; }
.lowerinfo-box img		    { margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:center; }
.lowerinfo sup              { position: relative; top: -1px; font-size:14px; vertical-align: super; font-weight:100; letter-spacing:0px; }

.top-info-box				 { width: 100%;  padding:30px; margin:20px 0px 40px 0px; text-align: center; background:rgba(255,255,255, 0.6); -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px;} 
.top-info-box h3		     { color: #2e2e2e;  font-size:24px; line-height: 27px; font-weight:500; padding: 0px; margin: 10px 0px 10px 0px; letter-spacing: normal; }
.top-info-box p		         { color: #2e2e2e;  font-size:22px; line-height: 25px; font-weight:600; padding: 0px; margin: 0px 0px 30px 0px; }
.top-info-box, .button      { font-size:14px!important; line-height: 17px; font-weight:600;   padding-top: 1rem; padding-right: 1rem!important; padding-bottom: 1.0625rem; padding-left: 1rem!important;}
	
.footer						{ width: 100%;  background: #2e2e2e; margin: 0px 0px 0px 0px; padding: 55px 0px 55px 0px; }
.footer	p					{ color:#aaaaaa; font-weight: 300; font-size:12px; line-height: 18px; }
.footer a					{ color: #aaaaaa; text-decoration:none; }
}