/**
 * Site-wide custom styles for the Musak SMDT child theme.
 *
 * Loaded on every front-end page after sass/style.min.css (see musak_child_scripts() in functions.php).
 * Keep rules scoped to a specific element so they don't affect other parts of the site.
 */

/*
 * Footer newsletter sign-up: show validation errors in red.
 * ActiveCampaign's script gives error messages the Bootstrap .help-block class, which is grey.
 */
#newsletter-signup ._error-inner,
#newsletter-signup ._form_error {
	color: #a94442;
}

#newsletter-signup .form-control._has_error,
#newsletter-signup .form-control._has_error:focus {
	border-color: #a94442;
}

#newsletter-signup .form-control._has_error:focus {
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(169, 68, 66, 0.4);
}

/*
 * Gravity Forms (2.5+) validation summary: "There was a problem with your submission..."
 * It is output as an <h2>, so it picked up the theme's large heading size.
 */
.gform_wrapper .gform_validation_errors .gform_submission_error {
	font-size: 1em;
	font-weight: 700;
	line-height: 1.5;
	margin: 0;
	color: #a94442;
}

.gform_wrapper .gform_validation_errors .gform_submission_error .gform-icon {
	font-size: 1.2em;
	vertical-align: -0.15em;
	margin-right: 4px;
}