/*
 * WPForms output styled as the legacy Bootstrap form of /wedding-promo/
 * (WPForms' own CSS is disabled: WPForms > Settings > General > Include Form Styling = No styling).
 * Field columns come from each field's "CSS Classes" option (col-md-6 / col-md-12 + form-group form-group-sm).
 */
.text-about .wpforms-container { margin: 0; padding: 0; }
.text-about .wpforms-form { margin: 0; }

/* .wpforms-field-container behaves like the legacy .row wrappers */
.text-about .wpforms-field-container { margin-left: -15px; margin-right: -15px; }
.text-about .wpforms-field-container:before,
.text-about .wpforms-field-container:after { content: " "; display: table; }
.text-about .wpforms-field-container:after { clear: both; }

/* Legacy style.less: form .col-md-6:first-child { padding-right: 5px } / :last-child { padding-left: 5px } */
@media (min-width: 992px) {
	.text-about .wpforms-field.sc-first { padding-right: 5px; }
	.text-about .wpforms-field.sc-last { padding-left: 5px; }
}

/* Labels were not rendered on the legacy form (placeholders only); keep them for screen readers. */
.text-about .wpforms-field-label.wpforms-label-hide,
.text-about .wpforms-field-sublabel.wpforms-sublabel-hide,
.text-about .wpforms-screen-reader-element {
	position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
.text-about .wpforms-field-description:empty { display: none; }
.text-about .wpforms-hidden { display: none !important; }

/* Legacy: <br/><br/><div class="row text-center"><div class="col-md-12"><button class="btn btn-primary"> */
.text-about .wpforms-submit-container { clear: both; text-align: center; padding-top: 54px; }
.text-about .wpforms-submit-spinner { display: none; }

/* Validation messages (legacy relied on the browser's native "required" bubbles). */
.text-about em.wpforms-error,
.text-about label.wpforms-error { display: block; margin: 4px 0 0; color: #fff; font-size: 12px; font-style: normal; }
.text-about input.wpforms-error { border-color: #a94442; }
.text-about .wpforms-error-container,
.text-about .wpforms-error-noscript { color: #fff; text-align: center; margin-bottom: 10px; }

/* Confirmation (shown as an alert, then the page reloads - see the template). */
.text-about .wpforms-confirmation-container-full,
.text-about .wpforms-confirmation-container { color: #fff; text-align: center; padding: 20px 0; }