/* Gravity Forms  */
/* 8/2014 -jp
 * We are setting global styles for forms now; we don't need specific styles for one type
 * of form. We can do some overrides of the plugin's styling though
.gform_wrapper { display: block !important; }

*/
.gform_description { line-height: 1.5em; padding: 10px 0 0 0;}
.gform_wrapper li,
.gform_wrapper form li { margin-bottom: 25px; margin-left: 0;
    &:before {
	display: none !important;
    }
}

h2.gsection_title {
	line-height: 1.5em;
	}

.gform_wrapper .gfield_label {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 1em !important;
	font-weight: bold !important;
}
.gform_wrapper .ginput_left label, .gform_wrapper .ginput_right label {
	padding: 0;
	font-size: 1em !important;
	font-weight: normal !important;
}
.gform_wrapper input, .gform_wrapper textarea{
	padding-left: 5px;
	font-size: 1em;
	font-weight: normal;
}
/* After-submission notice messages
 */
.gform_confirmation_message ,
.gform_validation_error div.validation_error.validation_error
{
	border-radius: 3px;
	padding: 1.5em;
	margin: 1.3em 0;
}

/* This is the confirmation message after a form is submitted */
.gform_confirmation_message {
	background: hsl(90, 100%, 91%);
	border: 1px solid hsl(90, 79%, 32%);
	color: hsl(90.5, 79%, 15%);
	font-weight: 600;
}

/* Error message when fields are missed, etc */
/* This is a bit overqualified so it overrides gform's style */
.gform_validation_error div.validation_error.validation_error {
	background: hsl(0, 91%, 91%);
	border-width: 1px;
	h2 {
		color: inherit;
	}
}

.gform_next_button ,
.gform_previous_button
{
	background: var( --colorGarnet );
	color: white;
	padding: .5em .8em;
	border-radius: 2px;
	cursor: pointer;
	border: none;
}
.gform_previous_button {
	background: var( --colorGray );
}

/* this hides the "other" text input in select lists until the "other" radio option is clicked */
input.gchoice_other_control[type="text"] {
	display: none;
	margin-left: 1.5em;
}
input[type="radio"][value="gf_other_choice"]:checked ~ input.gchoice_other_control[type="text"] {
	display: block;
}