/* -----------------------------------------------------------------------------------------------------
File Author:	Ryan Marincovich (ryan@bicycletheory.com)
Date Created:   2014.11.05
Client:         Horizon Pool Supply - Horizon Pool Supply (v2)
File Purpose:	User style sheet
Revisions:
-------------------------------------------------------------------------------------------------------- 
CONTENTS
	- Forms
*/

/* ==>  Text ---------------------------------------------------------------------------------------- */

/* ----- 14px ----- */
.form-box fieldset p {
	font-size: 14px; font-size: 1.4rem; 
	line-height: 22px; line-height: 2.2rem;
}

/* ==>  Forms ---------------------------------------------------------------------------------------- */
.form-box {
	width: 100%;
	padding: 0 25%;
	float: left;
}
.form-box div[class^=form-row] { 
	width: 100%;
	padding: 10px 10% 5px; 
}
.form-box div.check-row {
	width: 100%;
	padding: 0 10%;
}
.form-box div.check-row  label { 
	padding: 5px 0 0;
	float: left; 
}
.form-box div[class^=form-row] > label {
	width: auto;
	padding: 8px 20px 0 5px;
	text-align: left;
}
.form-box div[class^=form-row] p.field-link { 
	padding-top: 8px; 
	float: right; 
}
.form-box div[class^=form-row] div.field {
	width: 100%;
	padding: 5px 0;
	float: left;
}
.form-box input[type=text], 
.form-box input[type=password], 
.form-box input[type=email] { 
	width: 100%;
	padding: 4px 1%; 
}
.form-box .links {
	padding: 15px 0;
	text-align: center;
	clear: both;
}
.form-box .links span { padding: 0 10px; }
div[class^=form-row] label.divider { clear: left; }
input[type=text].post-divider, 
select.post-divider, 
input[type=email].post-divider, 
input[type=tel].post-divider, 
div[class^=form-row] label.divider { margin: 10px 0 0; }
@media only screen and (max-width : 800px) {
	.form-box { 
		width: 100%;
		padding: 0 10%; 
	}
}
@media only screen and (max-width : 600px) {
	.form-box div[class^=form-row] > label { padding: 8px 0 0 4%; }
}
@media only screen and (max-width : 500px) {
	.form-box { 
		width: 100%;
		padding: 0; 
	}
	.form-wrapper input[type=submit].flex {
		font-size: 14px; font-size: 1.4rem; 
		line-height: 16px; line-height: 1.6rem;
	}
}