/******************************************************************
Site Name:
Author:

Stylesheet: Submission and Error Styles for Gravity Forms

******************************************************************/

// 
// ERRORS
//

//li.gfield.gfield_error,
//li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
//	background-color: #FFDFE0;
//	margin-bottom: 6px !important;
//	padding: 6px 6px 4px 6px !important;
//	border-top: 1px solid #C89797;
//	border-bottom: 1px solid #C89797;
//}

li.gfield.gfield_creditcard_warning {
	margin-bottom: 6px !important;
	padding: 6px 6px 4px 6px !important;
	border: 1px dashed $color__alert-red;
}

li.gfield.gfield_creditcard_warning div.gfield_creditcard_warning_message {
	font-size: 1em;
	font-family: $font__sans;
	padding: 10px 20px 10px 45px;
	min-height: 25px;
	background-image: url("#{$plugins-path}gravityforms/images/stopbanner.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: $color__alert-red;
	border-bottom: 1px solid darken($color__alert-red, 20%);
	color: #FFF;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	line-height: 1.3em;
	letter-spacing: 0.2pt;
}

li.gfield + li.gfield.gfield_creditcard_warning {
	margin-top: 14px !important;
}

.gfield_error {
	//.gfield_label {
	//	color: $color__alert-red;
	//}

	input[type="text"],
	input[type="url"],
	input[type="email"],
	input[type="tel"],
	input[type="number"],
	input[type="password"],
	textarea,
	input,
	.select2-container .select2-selection {
		border: 1px solid $color__alert-red;

		&:focus {
			border: 1px solid $color__alert-red;
		}
	}

	.gform_fileupload_multifile .gform_drop_area {
		border: 2px dotted $color__alert-red;
	}
}

//li.gfield.gfield_error.gfield_contains_required {
//	margin-top: 12px;
//	margin-bottom: 12px !important;
//	padding-left: 10px !important;
//}

//li.gfield.gfield_error.gfield_contains_required label.gfield_label,
//li.gfield.gfield_error.gfield_contains_required div.ginput_container  {
//	margin-top: 12px;
//}

div.validation_error {
	@include alert;
	font-weight: bold;
	margin-bottom: 1.6em;
	border-top-color: $color__alert-red;

	&:before {
		content: "\f071"; // exclamation-triangle
		color: $color__alert-red;
	}
}

div.gf_page_steps + div.validation_error {
	margin-top: 16px;
}

//div.gfield_description.validation_error {
//	color: $color__alert-red;
//	font-weight: bold;
//	font-size: 0.85em;
//	letter-spacing: normal;
//	line-height: 1.2em;
//	margin-bottom: 16px;
//}

div.gfield_description.validation_message {
	color: $color__alert-red;
}

//li.gfield_error .ginput_complex.ginput_container label,
//li.gfield_error ul.gfield_checkbox,
//li.gfield_error ul.gfield_radio {
//	color: $color__alert-red;
//}

//.top_label .gfield_description.validation_message,
//.gfield_description.validation_message {
//	padding: 10px 0 !important;
//}

//.ginput_container + .gfield_description.validation_message {
//	margin-top: 6px;
//}

//.gfield_description + .gform_wrapper .gfield_description.validation_message {
//	margin-top: 6px;
//}

.ginput_container.ginput_list + .gfield_description.validation_message {
	margin-top: 0;
}

// 
// AJAX FORMS
//

.gform_ajax_spinner {
	padding-left: 10px;
}

// 
// CAPTCHA
//

.gfield_captcha_input_container {
	padding-top: 3px;
}

.simple_captcha_small input {
	width: 100px;
}

.simple_captcha_medium input {
	width: 150px;
}

.simple_captcha_large input {
	width: 200px;
}

.gform_wrapper .left_label .simple_captcha_small,
.right_label .simple_captcha_small,
.left_label .simple_captcha_medium,
.right_label .simple_captcha_medium,
.left_label .simple_captcha_large,
.right_label .simple_captcha_large {
	margin-left: 32%;
}

.gfield_captcha_container img.gfield_captcha {
	border: none !important;
	background: none !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

// 
// MATH CHALLENGE
//

.math_small input {
	width: 69px;
}

.math_medium input {
	width: 90px;
}

.math_large input {
	width: 108px;
}

.left_label .math_small,
.right_label .math_small,
.left_label .math_medium,
.right_label .math_medium,
.left_label .math_large,
.right_label .math_large {
	margin-left: 32%;
}

// 
// HIDDEN FIELDS
//

input[type="hidden"],
input.gform_hidden,
.gform_hidden,
.gf_hidden {
	display: none !important;
	max-height: 1px !important;
	overflow: hidden;
}

.ginput_full br,
.ginput_left br,
.ginput_right br {
	display: none !important;
}

// 
// HIDE HONEYPOT
//

.gform_validation_container,
.gform_wrapper .gform_validation_container,
body .gform_wrapper li.gform_validation_container,
body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container,
body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container {
	display: none !important;
	position: absolute !important;
	left: -9000px;
}
