/**
 * Footer newsletter sign-up (Klaviyo).
 *
 * The input/button sizing already comes from `.newsletter form input` and
 * `.newsletter form .uk-button` in johnsontile.css — this file only covers the
 * wrapper, the status message and the honeypot.
 */

.newsletter form .jt-newsletter-fields {
	display: flex;
	align-items: center;
	width: 100%;
}

.jt-newsletter-message {
	margin: 10px 0 0;
	min-height: 1em;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
}

.jt-newsletter-message.is-error {
	color: #e74111;
}

.jt-newsletter-form.is-loading .uk-button {
	opacity: 0.6;
}

/* Honeypot: off-screen for people, visible to bots that fill every field. */
.jt-newsletter-hp {
	position: absolute !important;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}