/*
 * Small WordPress-only styles that Tailwind can't generate:
 * Contact Form 7 newsletter form (matches newsletter.html).
 */
#newsletter .wpcf7 { min-width: 0; }
#newsletter .wpcf7-form { display: flex; flex-wrap: wrap; gap: 10px; min-width: 0; }
#newsletter .wpcf7-form .hidden-fields-container { display: none; }
#newsletter .wpcf7-form-control-wrap { display: block; flex: 1 1 200px; min-width: 0; }
#newsletter #sub-email {
	width: 100%; min-width: 0; border: 1px solid #3A3A3A; border-radius: 0.25rem;
	background: #242424; padding: 14px; font-size: 15px; color: #fff;
}
#newsletter #sub-email::placeholder { color: #8A8A8A; }
#newsletter #subscribe-btn {
	border-radius: 0.25rem; background: #FBFAF9; padding: 14px 22px;
	font-size: 15px; font-weight: 600; color: var(--color-ink); cursor: pointer;
}
@media (hover: hover) { #newsletter #subscribe-btn:hover { background: var(--color-brand-light); } }
#newsletter .wpcf7-spinner { align-self: center; margin: 0; }
#newsletter .wpcf7-not-valid-tip { margin-top: 6px; font-size: 13px; color: var(--color-brand-light); }
#newsletter .wpcf7 form .wpcf7-response-output {
	flex-basis: 100%; margin: 0; padding: 0; border: 0; font-size: 14px; color: #CFCFCF;
}
#newsletter .wpcf7 form.sent .wpcf7-response-output { color: #fff; font-weight: 600; }