/* 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;
}

/* Make text opt-in yes/no question all on one line */
div.form_question.form_radio[data-export="sys:field:text_opt_in"] * {
    display: inline-block; /* Set everything to inline-block */
}
div.form_question.form_radio[data-export="sys:field:text_opt_in"] .form_response {
    margin-left: 15px; /* Spacing */
}

.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;
	margin: 10px 0 0;
}
.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;
}