/* Light styling that inherits fonts and colors from your theme. */
.mls-signup,
.mls-unsubscribe {
	max-width: 480px;
}
.mls-form .mls-field {
	margin: 0 0 14px;
}
.mls-form label {
	display: block;
	font-weight: 600;
	margin-bottom: 4px;
}
.mls-form .mls-optional {
	font-weight: 400;
	opacity: 0.7;
}
.mls-form input[type="text"],
.mls-form input[type="email"] {
	width: 100%;
	box-sizing: border-box;
	padding: 10px 12px;
	font-size: 16px; /* 16px stops iPhones from zooming in on focus */
}
.mls-form .mls-consent label {
	display: flex;
	gap: 8px;
	align-items: flex-start;
	font-weight: 400;
	font-size: 0.9em;
}
.mls-form .mls-consent input {
	margin-top: 4px;
}
.mls-submit button {
	padding: 10px 22px;
	font-size: 16px;
	cursor: pointer;
}
.mls-hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.mls-notice {
	padding: 10px 14px;
	border-radius: 4px;
	border-left: 4px solid;
}
.mls-notice--success {
	background: #e7f5ea;
	border-color: #1e7a35;
	color: #0b3d18;
}
.mls-notice--error {
	background: #fbeaea;
	border-color: #b32d2e;
	color: #5c1010;
}