@charset "utf-8";
/**
 * Styling form elements sucks :(
 *
 */


/* All forms */
input,
textarea,
select {
	width: 100%;
	padding: 0.75em 1em;
	font: inherit; 	
}

input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
	width: auto;	
}



/* just for newsletter signup form in footer? */
form.ghostFields {
	margin: 0;	
}
.ghostFields input:not(.button) {
	padding-left: 0;
	padding-right: 0;
	border: 0;
	background-color: transparent;
	color: inherit;
	border-bottom: 1px solid #d8d8d8;
}
.hideLabels label {
	position: absolute;
	left: -9999em;	
}

@media (min-width: 30em) {
	/* Footer newsletter form starts to have name fields side-by-side */
	#field_7_1 {
		float: left;
		width: 50%;
		padding-right: 10px;
	}
	#field_7_2 {
		float: right;
		width: 50%;
		padding-left: 10px;
	}
	#field_7_3 {
		clear: both;
	}
}









/* Specific rules for Gravity forms */

/* fields list */
.gform_fields {
	list-style: none;
	margin: 0;
	padding: 0;	
}


.gfield {
	padding: 10px 0;	
}

/* honeypot fields */
.gform_validation_container {
	position: absolute;
	left: -9999em;
}

/* submit / continue buttons */
.gform_footer {
	padding-top: 20px;
}

/* Specific rules for Woocommerce forms */