/*
 * Convergence newsletter signup forms (Gravity Forms).
 * Footer form: CSS class "cv-signup cv-signup--footer" (dark footer, matches the old Mailchimp embed).
 * Popup form:  CSS class "cv-signup cv-signup--popup"  (light inputs on the teal popup panel).
 * Gravity Forms adds "_wrapper" to each class on the outer wrapper.
 */

/* Shared. Selectors start with "body" so they win over Gravity Forms' own stylesheet, which loads after this one. */
body .cv-signup_wrapper.gform_wrapper .gform_required_legend {
	display: none;
}
body .cv-signup_wrapper.gform_wrapper {
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
}
body .cv-signup_wrapper.gform_wrapper .gform_fields {
	row-gap: 14px;
	column-gap: 4%;
}
body .cv-signup_wrapper.gform_wrapper .gfield_label {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 4px;
	padding: 0;
}
body .cv-signup_wrapper.gform_wrapper .gfield_required {
	color: #e85c41;
}
body .cv-signup_wrapper.gform_wrapper input[type="text"],
body .cv-signup_wrapper.gform_wrapper input[type="email"] {
	font-family: inherit;
	font-size: 14px;
	line-height: 1.2;
	padding: 8px 10px;
	min-height: 34px;
	border-radius: 3px;
	box-shadow: none;
}
body .cv-signup_wrapper.gform_wrapper .gform_footer {
	margin: 12px 0 0;
	padding: 0;
}
body .cv-signup_wrapper.gform_wrapper .gform_footer input[type="submit"],
body .cv-signup_wrapper.gform_wrapper .gform_footer button {
	background-color: #E3BA3B;
	color: #fff;
	border: 0;
	border-radius: 4px;
	font-family: inherit;
	font-size: 15px;
	font-weight: 400;
	line-height: 32px;
	height: 32px;
	padding: 0 22px;
	cursor: pointer;
	transition: filter .15s ease;
}
body .cv-signup_wrapper.gform_wrapper .gform_footer input[type="submit"]:hover,
body .cv-signup_wrapper.gform_wrapper .gform_footer input[type="submit"]:focus {
	filter: brightness(0.92);
}
body .cv-signup_wrapper.gform_wrapper .gfield--type-turnstile .gfield_label {
	display: none;
}
body .cv-signup_wrapper.gform_wrapper .gfield_validation_message,
body .cv-signup_wrapper.gform_wrapper .validation_message {
	font-size: 13px;
	margin-top: 4px;
	padding: 6px 8px;
	border-radius: 3px;
}
body .cv-signup_wrapper.gform_wrapper .gform_validation_errors {
	margin: 0 0 12px;
	padding: 8px 12px;
	border-radius: 3px;
	box-shadow: none;
}
body .cv-signup_wrapper.gform_wrapper .gform_validation_errors h2 {
	font-size: 14px;
	margin: 0;
}
body .gform_confirmation_wrapper.cv-signup_wrapper .gform_confirmation_message {
	font-size: 15px;
}

/* Footer: dark inputs with white left and bottom borders, as the Mailchimp embed had */
body .cv-signup--footer_wrapper.gform_wrapper,
body .cv-signup--footer_wrapper.gform_wrapper .gfield_label,
body .gform_confirmation_wrapper.cv-signup--footer_wrapper {
	color: #fff;
	font-family: Roboto, Arial, sans-serif;
}
body .cv-signup--footer_wrapper.gform_wrapper input[type="text"],
body .cv-signup--footer_wrapper.gform_wrapper input[type="email"] {
	color: #fff;
	background-color: #373D42;
	border: 0;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-radius: 0;
}
body .cv-signup--footer_wrapper.gform_wrapper input:focus {
	outline: 1px solid #E3BA3B;
	outline-offset: 1px;
}
body .cv-signup--footer_wrapper.gform_wrapper .gfield_required {
	color: #fff;
}
body .cv-signup--footer_wrapper.gform_wrapper .gfield_validation_message,
body .cv-signup--footer_wrapper.gform_wrapper .validation_message {
	background: #373D42;
	color: #ffb4a6;
	border: 1px solid #ffb4a6;
}
body .cv-signup--footer_wrapper.gform_wrapper .gform_validation_errors {
	background: #373D42;
	border: 1px solid #ffb4a6;
}
body .cv-signup--footer_wrapper.gform_wrapper .gform_validation_errors h2 {
	color: #ffb4a6;
}
body .cv-signup--footer_wrapper.gform_wrapper .gfield_error input {
	border-left-color: #ffb4a6;
	border-bottom-color: #ffb4a6;
}

/* Popup: white inputs and dark labels on the teal panel */
body .cv-signup--popup_wrapper.gform_wrapper,
body .cv-signup--popup_wrapper.gform_wrapper .gfield_label {
	color: #000;
}
body .cv-signup--popup_wrapper.gform_wrapper input[type="text"],
body .cv-signup--popup_wrapper.gform_wrapper input[type="email"] {
	color: #000;
	background-color: #fff;
	border: 1px solid #abb0b2;
}
body .cv-signup--popup_wrapper.gform_wrapper .gfield_validation_message,
body .cv-signup--popup_wrapper.gform_wrapper .validation_message {
	background: #fff;
	color: #b3261e;
	border: 1px solid #b3261e;
}
body .cv-signup--popup_wrapper.gform_wrapper .gform_validation_errors {
	background: #fff;
	border: 1px solid #b3261e;
}
body .gform_confirmation_wrapper.cv-signup--popup_wrapper {
	color: #000;
}