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

Stylesheet: Forms Stylesheet

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


/*********************
GRAVITY FORMS LAYOUT
*********************/


div.ginput_complex,
.gform_wrapper ul.gform_fields {
	margin: 0 -10px;
	padding: 0;
	list-style: none;
	
	/* Add Flex Stuff */
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

div.ginput_complex::after,
ul.gform_fields::after {
  clear: both;
  content: " ";
  display: block;
}

div.ginput_complex > span, 
li.gfield {
	float: left;
	padding: 10px;
	width: 100%;
	display: block;
	margin: 0;
	
	/* Add Flex Stuff */
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;	
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

li.gfield input[type="text"], li.gfield input[type="email"], li.gfield input[type="url"], li.gfield input[type="password"], li.gfield input[type="search"], li.gfield input[type="number"], li.gfield input[type="tel"], li.gfield input[type="range"], li.gfield input[type="date"], li.gfield input[type="month"], li.gfield input[type="week"], li.gfield input[type="time"], li.gfield input[type="datetime"], li.gfield input[type="datetime-local"], li.gfield input[type="color"], li.gfield textarea {
	width: 100%;
}

li.gfield.col-1 {
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%;
}

li.gfield.col-2 {
	-ms-flex: 0 0 16.666666%;
	flex: 0 0 16.666666%;
	max-width: 16.666666%;
}

li.gfield.col-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}

li.gfield.gf_left_third, li.gfield.gf_middle_third, li.gfield.gf_right_third,
li.gfield.col-4 {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}

li.gfield.col-5 {
	-ms-flex: 0 0 41.666666%;
	flex: 0 0 41.666666%;
	max-width: 41.666666%;
}

div.ginput_complex.gf_name_has_2 span,
div.ginput_complex > span.ginput_left, div.ginput_complex > span.ginput_right,
li.gfield.gf_left_half, li.gfield.gf_right_half,
li.gfield.col-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}

li.gfield.col-7 {
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%;
}

li.gfield.col-8 {
	-ms-flex: 0 0 66.666666%;
	flex: 0 0 66.666666%;
	max-width: 66.666666%;
}

li.gfield.col-9 {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%;
}

li.gfield.col-10 {
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%;
}

li.gfield.col-11 {
	-ms-flex: 0 0 91.666666%;
	flex: 0 0 91.666666%;
	max-width: 91.666666%;
}

li.gfield.col-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

@media (max-width: 64em) {
	li.gfield,
	li.gfield.col-1,
	li.gfield.col-2,
	li.gfield.col-3,
	li.gfield.gf_left_third, li.gfield.gf_middle_third, li.gfield.gf_right_third,
	li.gfield.col-4,
	li.gfield.col-5,
	div.ginput_complex.gf_name_has_2 span,
	div.ginput_complex > span.ginput_left, div.ginput_complex > span.ginput_right,
	li.gfield.gf_left_half, li.gfield.gf_right_half,
	li.gfield.col-6,
	li.gfield.col-7,
	li.gfield.col-8,
	li.gfield.col-9,
	li.gfield.col-10,
	li.gfield.col-11,
	li.gfield.col-12 {
	  min-width: 50%;
	}
}


@media (max-width: 40em) {
	li.gfield,
	li.gfield.col-1,
	li.gfield.col-2,
	li.gfield.col-3,
	li.gfield.gf_left_third, li.gfield.gf_middle_third, li.gfield.gf_right_third,
	li.gfield.col-4,
	li.gfield.col-5,
	div.ginput_complex.gf_name_has_2 span,
	div.ginput_complex > span.ginput_left, div.ginput_complex > span.ginput_right,
	li.gfield.gf_left_half, li.gfield.gf_right_half,
	li.gfield.col-6,
	li.gfield.col-7,
	li.gfield.col-8,
	li.gfield.col-9,
	li.gfield.col-10,
	li.gfield.col-11,
	li.gfield.col-12 {
	  min-width: 100%;
	}
}

li.gfield.input-type-honeypot,
.hidden_label label {
	display: none;
}

/* Spinner */
.gform_ajax_spinner {
	margin-left: 20px;
	border: 4px solid rgba(255, 255, 255, 0.3);
	border-left: 4px solid #F7951E;
	animation: spinner 1.1s infinite linear;
	border-radius: 50%;
	width: 30px;
	height: 30px;
}
@keyframes spinner {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}


/* Error messages */
.validation_error, .validation_message {
	color: red;
}