/* Fluent Forms on MOCA365 coloured bands (magenta newsletter band on home +
   /governance-wheel). Scoped to the magenta band so forms on light pages
   (demo/partner/contact) are untouched. */

.has-magenta-gradient-background .fluentform .ff-el-input--label label,
.has-magenta-gradient-background .fluentform label {
	color: #ffffff;
}

.has-magenta-gradient-background .fluentform .ff-el-form-control {
	background: #ffffff;
	color: #2b2b33;
	border: 1px solid rgba(255, 255, 255, 0.55);
	border-radius: 10px;
}
.has-magenta-gradient-background .fluentform .ff-el-form-control::placeholder {
	color: #8a8f9e;
}
.has-magenta-gradient-background .fluentform .ff-el-form-control:focus {
	border-color: #ffffff;
	box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
	outline: none;
}

/* consent checkbox label + the privacy/policy links inside it */
.has-magenta-gradient-background .fluentform .ff-el-form-check-label,
.has-magenta-gradient-background .fluentform .ff-el-form-check label {
	color: #ffffff;
}
.has-magenta-gradient-background .fluentform a {
	color: #ffffff;
	text-decoration: underline;
}

/* required asterisk + validation errors -> light so they read on magenta */
.has-magenta-gradient-background .fluentform .ff-el-is-required > label::after {
	color: #ffe2f1;
}
.has-magenta-gradient-background .fluentform .error,
.has-magenta-gradient-background .fluentform .text-danger,
.has-magenta-gradient-background .fluentform .ff-el-is-error .text-danger {
	color: #ffe2f1 !important;
}

/* submit button: the form's magenta button vanishes on a magenta band -> white */
.has-magenta-gradient-background .fluentform .ff-btn-submit {
	background: #ffffff !important;
	background-image: none !important;
	color: #a13876 !important;
	border: 0 !important;
	font-weight: 700;
	border-radius: 9999px;
}
.has-magenta-gradient-background .fluentform .ff-btn-submit:hover {
	background: #f7e6f0 !important;
}

/* success message after subscribe */
.has-magenta-gradient-background .fluentform .ff-message-success,
.has-magenta-gradient-background .ff-message-success {
	color: #ffffff;
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 10px;
	padding: 1rem;
}