/* Slate Form CSS */
/* Add .form_container to the beginning of rules to increase specificity when needed */

.form_container {
	font-size: 16px;
	line-height: 1.6;
}

.form_container div.form_question {
	margin: 0 0 8px 0;
	padding: 0 !important; /* !important to override Slate mobile styles */
}

#form_description {
	margin-bottom: 15px;
}

/* Spacing between first and last name fields when on same line */
.form_container div.form_question[style*="width: 50%"][data-export="sys:first"] {
	width: 50% !important;
	padding-right: 2px !important;
}
.form_container div.form_question[style*="width: 50%"][data-export="sys:last"] {
	width: 50% !important;
	padding-left: 2px !important;
}

.form_container label,
.form_container .form_label {
	margin-bottom: 0px;
}

.form_container div.form_page input[type=password],
.form_container div.form_page input[type=text],
.form_container div.form_page input[type=email],
.form_container div.form_page input[type=tel],
.form_container div.form_page input:not([type]),
.form_container div.form_page textarea {
	max-width: min(400px, 100%);
}

.form_container input,
.form_container textarea,
.form_container select {
	margin-bottom: 0;
	padding: 3px 5px;
	font-size: 16px;
	font-family: "source sans pro";
	border: 1px solid #777;
	border-radius: 0;
}

.form_container fieldset {

}

.form_container textarea {
	height: 85px;
}

.form_button_submit {
	background-color: #FFD200;
	color: #003a72;

	font-family: jubilat,serif;
	display: inline-block;
	position: relative;
	padding: 9px 20px 10px;
	font-weight: 500;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	transition: background-color .3s;
	border: none;
	height: auto;
	border-radius: 0;
	line-height: normal;
	letter-spacing: unset;
	text-transform: capitalize;
	white-space: normal;
	margin: 10px 0 0;

	cursor: pointer;
}
.form_button_submit:hover,
.form_button_submit:focus  {
	background-color: #FFE04D !important;
	color: #003a72 !important;
}

.dialog ul.action a:focus,
.form_container button:focus,
.dialog input[type=button]:focus,
.dialog input[type=submit]:focus,
.dialog ul.action a.default:focus,
.dialog button.default:focus,
.dialog input[type=button].default:focus,
.dialog input[type=submit].default:focus {
	background-color: #00254B !important;
	color: #fff !important;
}

