/* Enquiry forms ([grownlocal_form]): labels above full-width fields, problems in red. The theme
   styles the labels and fields themselves. */
.gl-enquiry {
	margin-bottom: 1.5rem;
	margin-top: 1.5rem;
}

.gl-enquiry__field {
	margin: 0 0 1rem;
}

.gl-enquiry__field label {
	display: block;
	margin-bottom: 0.4rem;
}

.gl-enquiry__field input,
.gl-enquiry__field textarea {
	box-sizing: border-box;
	max-width: 100%;
	width: 100%;
}

.gl-enquiry__field textarea {
	min-height: 9rem;
	resize: vertical;
}

.gl-enquiry__required,
.gl-enquiry__error {
	color: #8b343c;
}

.gl-enquiry__required {
	margin-left: 0.15em;
}

.gl-enquiry__error {
	display: block;
	font-size: 0.9rem;
	margin-top: 0.35rem;
}

.gl-enquiry__field.has-error input,
.gl-enquiry__field.has-error textarea {
	border-color: #8b343c;
}

.gl-enquiry__problem,
.gl-enquiry--sent {
	border-radius: 4px;
	padding: 1rem 1.25rem;
}

.gl-enquiry__problem {
	background-color: #ffdede;
	color: #8b343c;
	margin-bottom: 1.25rem;
}

.gl-enquiry--sent {
	background-color: #d0eac4;
	color: #154a28;
}

.gl-enquiry__problem p,
.gl-enquiry--sent p {
	margin: 0;
}

.gl-enquiry__note {
	margin: 0 0 1.25rem;
}

/* The field only bots fill in: out of sight, and out of reach of the keyboard (tabindex -1). */
.gl-enquiry__trap {
	height: 1px;
	left: -9999px;
	overflow: hidden;
	position: absolute;
	width: 1px;
}