/* Site forms — wrapper, honeypot and the response message box.
   Field styling itself lives in style.css under .pxl-contact-form. */

.site-form-wrap .form-hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.form-field {
	position: relative;
}

.site-form .form-response {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	border: 2px solid #00a0d2;
}

.site-form .form-response[aria-hidden="true"] {
	display: none;
}

.site-form.is-sent .form-response {
	border-color: #46b450;
}

.site-form.is-invalid .form-response {
	border-color: #ffb900;
}

.site-form.is-failed .form-response {
	border-color: #dc3232;
}

.form-error {
	color: #dc3232;
	font-size: 1em;
	font-weight: normal;
	display: block;
}