/*
Theme Name: Revoution Health
Theme URI: http://www.eitrlounge.com
Version: 1.0
Author: 425 Design
Author URI: http://www.425design.com
*/

body {
	background: #3b444c;
}

#landing {
    position: relative;
    margin: 15px auto 0 auto;
    width: 970px;
    min-height: 670px;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 0 15px #092542;
    box-sizing: border-box;
    border: 5px solid #fff;
}
.android #landing {
    min-height: 1220px;
}

#landing_left {
    position: absolute;
    bottom: 150px;
    left: 20px;
    background: url(/wp-content/themes/elephantintheroom/images/landing-left-bg.png) no-repeat left top;
    width: 588px;
    min-height: 330px;
    border-radius: 0;
    box-sizing: border-box;
    padding: 20px;
}

.android #landing_left {
    bottom: 190px;
    min-height: 450px;
}

	#landing_offer {
	    position: relative;
	    margin-top: -70px;
	    left: 0;
	    background: url(/wp-content/themes/elephantintheroom/images/bg-lower-landing.png) no-repeat top center;
	    box-sizing: border-box;
	    padding: 10px 0 20px;
	    width: 500px;
	    text-align: center;
	}

			/*
			#starburst {
			  position: relative;
			  right: 20px;
			  float: left;
			}
				
				#landing_offer_headline {
				  position: relative;
				  top: 0;
				  left: 0;
				  width: 480px;
				  font: bold 38px/33px Arial, sans-serif;
				  color: #1f1f1f;
				  text-shadow: 0 2px #fff;
				  margin-top: 27px;
				  margin-bottom: 10px;
				  line-height: 37px;
				}
			*/
	
	.android #landing_offer {
	    margin-top: -30px;
	}
/*
		.android #landing_offer img {
		    width: 100%;
		    height: auto;
		    top: 32px;
		    position: relative;
		}
*/
	#landing_details:after {
	    content: "";
	    display: block;
	    clear: both;
	}
		#landing_details img {
		    float: left;
		    margin-left: 10px;
		}
		
		#landing_details img:nth-child(2) {
		    margin-left: -56px;
		}
	
	#landing_locations {
	    width: 610px;
	    position: absolute;
	    bottom: 0;
	    max-height: 50px;
	    background: #2b537a;
	    border-radius: 5px 5px 0 0;
	    left: -10px;
	    color: #fff;
	    box-sizing: border-box;
	    padding: 0 15px 5px;
	    font-size: 12px;
	    display: flex;
	}

	#landing_locations:after {
	    content: "";
	    display: block;
	    clear: both;
	}
		#landing_locations p {
		    float: left;
		    margin-right: 40px;
		}
			#landing_locations span {
			    font-weight: bold;
			    display: block;
			    margin-top: 5px;
			}







#landing_right {
    position: absolute;
    top: 0;
    right: 25px;
    width: 310px;
}

	#landing-brand {
	    display: block;
	    background: url(/wp-content/themes/elephantintheroom/images/landing-logo.png) no-repeat center;
	    width: 296px;
	    height: 149px;
	}
	
	
	#landing_form {
	    width: 310px;
	    height: 210px;
	    background: #2e3740;
	    border-radius: 5px;
	    box-sizing: border-box;
	    padding: 1px 20px 20px;
	    margin: 10px auto 15px;
	    position: relative;
	}
		#landing_form h2 {
		    font-size: 18px;
		    color: #fff;
		    font-family: 'Open Sans', 'open-sans',sans-serif;
		    font-weight: 300;
		    text-align: center;
		    line-height: 24px;
		}
		
			#landing_form h2 span {
			    font-weight: 700;
			    font-size: 21px;
			}
		
/*
		.gform_wrapper {
		  position: absolute;
		  top: 25px;
		  left: 25px;
		  background: url(/wp-content/themes/elephantintheroom/images/bg-form-landing.png) no-repeat center top;
		  width: 341px;
		  height: 322px;
		  box-sizing: border-box;
		}
*/
		
		.gform_wrapper .top_label .gfield_label {
			display: none;
		}
		
		.gform_body {
		  position: absolute;
		  top: 63px;
		  left: 23px;
		}
		
		.gform_wrapper .gform_footer {
			position: absolute;
			top: 250px;
			left: 23px;
			padding: 0;
		}
		
		#landing_form form label {
		    display: none;
		}
		
		body .gform_wrapper label.gfield_label + div.ginput_container {
			margin: 9px 0 0 0;
		}
				
		#landing .gform_fields {
		  padding: 0 !important;
		  margin: 0;
		}
		
		#landing_form .gform_fields li {
		  list-style: none;
		  margin: 10px 0;
		}
		
		.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
		    border-radius: 3px;
		    border: 1px solid #ccc;
		    line-height: 25px;
		    font: normal 16px/25px Arial, sans-serif;
		    color: #999;
		    height: 30px;
		    box-shadow: 0px 3px 3px rgba(0,0,0,.2);
		    padding-left: 7px;
		    width: 80% !important;
		}
		
		.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large {
		    border-radius: 3px;
		    border: 1px solid #ccc;
		    line-height: 25px;
		    font: normal 16px/25px Arial, sans-serif;
		    color: #999;
		    height: 30px;
		    box-shadow: 0px 3px 3px rgba(0,0,0,.2);
		    padding-left: 7px;
		    max-width: 100% !important;
		    width: 255px !important;
		}
		
		.gform_wrapper .gform_footer {
		    position: absolute;
		    top: 257px;
		    right: 23px;
		    padding: 0;
		}
		
		.gform_wrapper .gform_footer input[type="submit"] {
		    border: 1px solid #635951;
		    border-radius: 0 5px 5px 0;
		    background-color: #685f58;
		    color: #fff;
		    width: 45px;
		    height: 33px;
		    text-shadow: 0 2px rgba(0,0,0,.6);
		    font-size: 20px;
		    font-weight: 700;
		    font-family: 'proxima-nova','proxima nova',sans-serif;
		    box-shadow: 0 0 7px #000;
		    position: absolute;
		    top: -111px;
		    right: 0;
		}
		.android #gform_submit_button_7 {
		    position: relative;
		    top: -114px;
		    left: 230px;
		}


		
		.gform_validation_error .gform_body li {
		  max-height: 43px;
		}
		
		.gform_validation_error .gform_body {
		    position: relative;
		    top: 0;
		    left: 0;
	        margin-top: -30px;
		}
		
		.gfield_description.validation_message,  .instruction.validation_message {
		  color: #fff;
		}
		
		.validation_error {
		  top: -27px;
		  text-align: center;
		  width: 70%;
		  margin: 0 auto -27px;
		  position: relative;
		  font-weight: 600;
		  line-height: 12px;
		  color: #e90000;
		}
		
		.gform_wrapper div.validation_error {
		    color: #fff !important;
		    font-size: 1.2em;
		    font-weight: 700;
		    margin: -30px auto;
		    border: none !important;
		    padding: 7px 5px !important;
		    clear: both;
		    width: 100% !important;
		    text-shadow: 0 0 3px #000;
		    background-color: red;
		    display: block;
		    position: relative;
		}
			.page-template-page-landing .gform_wrapper li.gfield.gfield_error, 
			.page-template-page-landing .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
			    background-color: transparent;
			    margin-bottom: .375em!important;
			    padding: 0;
			    border: none;
			}
			.page-template-page-landing .gfield_description.validation_message {
			    color: #fff;
			}
			.page-template-page-landing .gform_wrapper li.gfield_error input[type=email], 
			.page-template-page-landing .gform_wrapper li.gfield_error input[type=number], 
			.page-template-page-landing .gform_wrapper li.gfield_error input[type=password], 
			.page-template-page-landing .gform_wrapper li.gfield_error input[type=tel], 
			.page-template-page-landing .gform_wrapper li.gfield_error input[type=text], 
			.page-template-page-landing .gform_wrapper li.gfield_error input[type=url], 
			.page-template-page-landing .gform_wrapper li.gfield_error textarea {
			    border: 2px solid #e90000;
		        margin-top: 5px;
			}
			.page-template-page-landing .gform_wrapper .gfield_description+.gform_wrapper .gfield_description.validation_message, 
			.page-template-page-landing .gform_wrapper .ginput_container+.gfield_description.validation_message {
			    margin-top: -52px;
			    height: 52px;
			}
			.gform_wrapper .instruction{
				display: none !important;
			}
			.gform_validation_error input[type=submit] {
 		        margin-top: 18px !important;
			}
			
		
	#landing_promo {
		position: absolute;
		top: 430px;
		left: 40px;
		background: url(/wp-content/themes/elephantintheroom/images/landing_bg_promo.png) no-repeat center top;
		width: 488px;
		height: 90px;
		max-height: 90px;
		text-transform: uppercase;
	}
	
	#landing_promo p {
		position: absolute;
		top: 0;
		left: 300px;
		font: bold 34px/30px Arial, sans-serif;
		color: #295b8f;
	}
	
	#seen-on {
	    position: absolute;
	    right: 15px;
	    top: 30px;
	}
	
	
#landing-testimonial{
  position: absolute;
  bottom: 0;
  border-radius: 0 0 15px 15px;
  background: #2e3740;
  width: 100%;
  height: 150px;
  display: block;
  box-sizing: border-box;
  padding: 20px;
}


/*
	*	Individual Page Styles
*/

.page-id-4724 #landing_offer_headline {
  font: bold 37px/33px Arial, sans-serif;
  margin-top: 10px;
}

.page-id-4714 #landing_offer_headline{
	margin-top: 10px;
}
.show-mobile{display: none;}

/*** RESPONSIVE ***/
@media screen and (max-width: 600px){
	.show-mobile{display: block}
	
	#landing{
		width: 100%;
		background-position: center 150px !important;
		min-height: 1180px;
	}
	
	#landing_left {
	    position: absolute;
	    bottom: 190px;
	    left: 0;
	    background: rgba(255,255,255,0.9);
	    width: 100%;
	    min-height: 320px;
	    border-radius: 6px 6px 0 0;
	    box-sizing: border-box;
	    padding: 20px;
	}
#landing_offer.show-desktop {
    position: relative;
    margin-top: -70px;
    left: 0;
    background: url(/wp-content/themes/elephantintheroom/images/bg-lower-landing.png) no-repeat top center;
    box-sizing: border-box;
    padding: 10px 0 20px;
    width: 500px;
    text-align: center;
    display: none;
}

#landing_offer.show-mobile {
    position: relative;
    margin-top: 0px;
    left: 0;
    top: 0;
    background: url(/wp-content/themes/elephantintheroom/images/bg-lower-landing.png) no-repeat top center;
    box-sizing: border-box;
    padding: 10px 0 20px;
    width: 100%;
    text-align: center;
    display: block;
}
		
		#landing_offer img {
		    width: 100%;
		    height: auto;
		}
#landing_details {
    margin-top: 0;
}
		#landing_details img,  #landing_details img:nth-child(2) {
		    width: 100%;
		    float: none;
		    margin: 5px auto;
		    margin-left: auto !important;
		}
		
	#landing_locations {
	    width: 100%;
	    position: relative;
	    bottom: -20px;
	    max-height: 100%;
	    background: #2b537a;
	    border-radius: 5px 5px 0 0;
	    left: auto;
	    color: #fff;
	    box-sizing: border-box;
	    padding: 10px 15px 5px;
	    font-size: 12px;
	    margin: 0 auto;
	    text-align: center;
	    flex-direction: column;
	}
	#landing_locations p {
	    float: none;
	    margin-right: 0;
	}
	
	#landing_right {
	    position: relative;
	    top: 0;
	    right: 0;
	    width: 100%;
	    text-align: center;
	    box-sizing: border-box;
	    padding: 0 10px;
	}
#landing_form {
    width: 100%;
    height: auto;
    margin: 0px auto 15px;
}
	    	.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large{
		    	width: 235px !important;
	    	}
	    	.gform_body {
			    position: relative;
			    top: 0;
			    left: 0;
			}
			.gform_wrapper .gform_footer input[type="submit"] {
			    top: -79px;
		    }
form[id^=gform_] .gform_footer input[type=submit] {
    top: -114px;
    position: relative;
    left: 80%;
}
	    
		#promo_code img {
		    width: 100%;
		}
		
	#landing-testimonial {
	    position: absolute;
	    bottom: 0;
	    border-radius: 0 0 15px 15px;
	    background: #2e3740;
	    width: 100%;
	    height: 190px;
	    display: block;
	    box-sizing: border-box;
	    padding: 20px;
	}
		#landing-testimonial img {
		    width: 100%;
		}
		
		#landing-testimonial p {
		    margin: 0 auto;
		}
		
		#seen-on {
		    position: relative;
		    right: auto;
		    top: 30px;
		}
		
	#promo_code {
	    display: none;
	}
	
}