/*
 * Vintage Wine Co. — Forminator Default Theme Override
 *
 * Applies one consistent visual system to every Forminator custom form using
 * the Default design. This file is intended to load from the active theme
 * after Forminator's own frontend styles.
 *
 * The doubled :is() selectors deliberately add more specificity than
 * Forminator's generated per-form selectors, including selectors containing
 * a form ID. The fake IDs do not need to exist in the document.
 */

/* ============================================================
   DESIGN TOKENS
   ============================================================ */

:root {
	--vwc-form-font: "Work Sans", sans-serif;
	--vwc-form-text: #1f2024;
	--vwc-form-heading: #5d622f;
	--vwc-form-label: #5d622f;
	--vwc-form-muted: #8f945e;
	--vwc-form-field: #f4f1e8;
	--vwc-form-field-active: #e9e4d3;
	--vwc-form-page: #fffff7;
	--vwc-form-error: #ff6165;
	--vwc-form-white: #ffffff;
	--vwc-form-focus-ring: rgba(143, 148, 94, 0.28);
	--vwc-form-field-height: 48px;
	--vwc-form-control-size: 24px;
	--vwc-form-radius: 0;
	--vwc-form-pill-radius: 999px;
	--vwc-form-transition: 180ms ease;
}

/* ============================================================
   FORM RESET AND SPACING
   ============================================================ */

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	font-family: var(--vwc-form-font) !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	color: var(--vwc-form-text) !important;
	background: transparent !important;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default),
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) *,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) *::before,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) *::after {
	box-sizing: border-box;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-row {
	margin-bottom: 30px !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-row:last-child {
	margin-bottom: 0 !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

/* ============================================================
   TITLES, LABELS AND DESCRIPTIONS
   ============================================================ */

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-title {
	margin: 0 0 0 !important;
	font-family: var(--font-family-heading) !important;
	font-size: var( --font-size-h5) !important;
	font-weight: var(--font-weight-regular) !important;
	line-height: var(--line-height-h5) !important;
	letter-spacing: 0 !important;
	color: var(--color-heading) !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-subtitle {
	margin: 0!important;
	font-family: var(--vwc-form-font) !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	color: var(--vwc-form-muted) !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-label,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field > label:not(.forminator-checkbox):not(.forminator-radio) {
	display: block !important;
	margin: 0 0 5px !important;
	padding: 0 !important;
	font-family: var(--vwc-form-font) !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	line-height: 24px !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	color: var(--vwc-form-label) !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-required {
	color: #8F945E !important;
	font-weight: 400!important;
}



html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-description,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-description p {
	margin: 0 0 10px !important;
	font-family: var(--vwc-form-font) !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	line-height: 18px !important;
	/*text-transform: uppercase !important;*/
	color: var(--vwc-form-muted) !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-description:last-child,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-description p:last-child {
	margin-bottom: 0 !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-description a {
	color: var(--vwc-form-label) !important;
	text-decoration: underline !important;
	text-underline-offset: 3px;
}

/* Optional helper class for the compact uppercase help text shown in Figma. */
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .vwc-form-help,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .vwc-form-help .forminator-description {
	font-size: 12px !important;
	line-height: 16px !important;
	text-transform: uppercase !important;
}


	
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field > label.forminator-label:has(+ .forminator-description) {
	margin-bottom: 0 !important;
}



/* ============================================================
   TEXT INPUTS, EMAIL, NUMBER, PHONE AND TEXTAREA
   ============================================================ */

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-input,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-textarea,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) input[type="text"],
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) input[type="email"],
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) input[type="number"],
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) input[type="password"],
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) input[type="search"],
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) input[type="tel"],
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) input[type="url"],
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) textarea {
	width: 100% !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 11px 20px !important;
	border: 1px solid transparent !important;
	border-radius: var(--vwc-form-radius) !important;
	outline: 0 !important;
	box-shadow: none !important;
	font-family: var(--vwc-form-font) !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 24px !important;
	letter-spacing: 0 !important;
	color: var(--vwc-form-text) !important;
	background: var(--vwc-form-field) !important;
	background-image: none !important;
	transition: border-color var(--vwc-form-transition), background-color var(--vwc-form-transition), box-shadow var(--vwc-form-transition) !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-input,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="reset"]) {
	min-height: var(--vwc-form-field-height) !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-textarea,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) textarea {
	min-height: 140px !important;
	resize: vertical !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-input:hover,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-textarea:hover {
	border-color: transparent !important;
	box-shadow: none !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-input:focus,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-textarea:focus,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-input:focus-visible,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-textarea:focus-visible {
	border-color: var(--vwc-form-muted) !important;
	box-shadow: none !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) ::placeholder {
	color: var(--vwc-form-muted) !important;
	opacity: 1 !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) :disabled {
	cursor: not-allowed !important;
	opacity: 0.62 !important;
}

/* Prefix and suffix fields. */
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-input-with-prefix {
	min-height: var(--vwc-form-field-height) !important;
	padding: 0 20px !important;
	border: 1px solid transparent !important;
	background: var(--vwc-form-field) !important;
	align-items: center !important;
	flex-wrap: nowrap !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-input-with-prefix:focus-within {
	border-color: var(--vwc-form-muted) !important;
	box-shadow: none !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-input-with-prefix input {
	min-height: calc(var(--vwc-form-field-height) - 2px) !important;
	padding: 0 !important;
	border: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-prefix,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-suffix {
	font-family: var(--vwc-form-font) !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	line-height: 24px !important;
	color: var(--vwc-form-text) !important;
}

/* Password reveal control. */
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-password-toggle {
	color: var(--vwc-form-muted) !important;
	background: transparent !important;
	box-shadow: none !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-password-toggle:hover,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-password-toggle:focus-visible {
	color: var(--vwc-form-label) !important;
	background: var(--vwc-form-field-active) !important;
}

/* ============================================================
   SELECT / SELECT2
   ============================================================ */

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) select.forminator-select2:not(.forminator-screen-reader-only):not(.select2-hidden-accessible) {
	width: 100% !important;
	min-height: var(--vwc-form-field-height) !important;
	font-family: var(--vwc-form-font) !important;
	font-size: 16px !important;
	color: var(--vwc-form-text) !important;
}

/*
 * Select2 keeps the original <select> in the DOM for accessibility.
 * Once Select2 initialises, Forminator adds .forminator-screen-reader-only
 * and/or Select2 adds .select2-hidden-accessible.
 *
 * Do NOT leave our normal width:100% form-control styling on that hidden
 * element. On iOS/WebKit an absolutely positioned 100%-wide hidden select
 * can resolve against the viewport while retaining its static container
 * offset, increasing document.scrollWidth by exactly that offset.
 */
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) select.forminator-select2.forminator-screen-reader-only,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) select.forminator-select2.select2-hidden-accessible {
	position: absolute !important;
	width: 1px !important;
	min-width: 1px !important;
	max-width: 1px !important;
	height: 1px !important;
	min-height: 1px !important;
	max-height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-select,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .select2-container {
	width: 100% !important;
	font-family: var(--vwc-form-font) !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .select2-selection,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .select2-selection--single,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .select2-selection--multiple {
	width: 100% !important;
	min-height: var(--vwc-form-field-height) !important;
	padding: 0 48px 0 20px !important;
	border: 1px solid transparent !important;
	border-radius: var(--vwc-form-radius) !important;
	outline: 0 !important;
	box-shadow: none !important;
	background: var(--vwc-form-field) !important;
	transition: border-color var(--vwc-form-transition), box-shadow var(--vwc-form-transition) !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .select2-container--focus .select2-selection,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .select2-container--open .select2-selection {
	border-color: var(--vwc-form-muted) !important;
	box-shadow: none !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .select2-selection__rendered {
	min-height: calc(var(--vwc-form-field-height) - 2px) !important;
	padding: 11px 0 !important;
	font-family: var(--vwc-form-font) !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 24px !important;
	color: var(--vwc-form-text) !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .select2-selection__placeholder {
	color: var(--vwc-form-muted) !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .select2-selection__arrow {
	width: 48px !important;
	height: 100% !important;
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
}

/* ============================================================
   FORMINATOR — SELECT2 FONT AWESOME ARROW
   ============================================================ */

/* Hide Select2's original <b> arrow */
html body
:is(#vwc-forminator-global, .forminator-ui)
:is(#vwc-forminator-global-override, .forminator-custom-form)
:is([data-design="default"], .forminator-design--default)
.select2-selection__arrow b {
	display: none !important;
}

/* Font Awesome chevron */
html body
:is(#vwc-forminator-global, .forminator-ui)
:is(#vwc-forminator-global-override, .forminator-custom-form)
:is([data-design="default"], .forminator-design--default)
.select2-selection__arrow::before {
	content: "\f078" !important;

	display: block !important;
	width: auto !important;
	height: auto !important;

	position: absolute !important;
	top: 50% !important;
	left: 50% !important;

	margin: 0 !important;
	border: 0 !important;

	font: var(--fa-font-regular) !important;
	font-size: 16px !important;
	line-height: 1 !important;

	color: var(--vwc-form-muted, #8f945e) !important;

	text-rendering: auto !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;

	transform: translate(-50%, -50%) !important;
}

/* Change to an upward chevron while the dropdown is open */
html body
:is(#vwc-forminator-global, .forminator-ui)
:is(#vwc-forminator-global-override, .forminator-custom-form)
:is([data-design="default"], .forminator-design--default)
.select2-container--open
.select2-selection__arrow::before {
	content: "\f077" !important;
}

/* ============================================================
   FORMINATOR — SELECT2 DROPDOWN
   ============================================================ */

/* ============================================================
	  FORMINATOR — DROPDOWN PANEL
	  ============================================================ */
   
   /* Shared dropdown styles */
   html body :is(#vwc-forminator-dropdown, .forminator-select-dropdown-container--open):is(#vwc-forminator-dropdown-override, .forminator-select-dropdown-container--open) .forminator-select-dropdown {
	   margin: 0 !important;
   
	   border: 1px solid var(--vwc-form-muted, #8f945e) !important;
	   border-radius: 0 !important;
	   box-shadow: none !important;
   
	   background: var(--vwc-form-field, #f4f1e8) !important;
   }
   
   /*
	* Opens below the field.
	* Remove the dropdown's top border and overlap by 1px.
	*/
   html body :is(#vwc-forminator-dropdown, .forminator-select-dropdown-container--open):is(#vwc-forminator-dropdown-override, .forminator-select-dropdown-container--open) .forminator-select-dropdown.forminator-select-dropdown--below {
	   margin-top: -1px !important;
   
	
	   border-right: 1px solid var(--vwc-form-muted, #8f945e) !important;
	   border-bottom: 1px solid var(--vwc-form-muted, #8f945e) !important;
	   border-left: 1px solid var(--vwc-form-muted, #8f945e) !important;
   }
   
   /*
	* Opens above the field.
	* Remove the dropdown's bottom border and overlap by 1px.
	*/
   html body :is(#vwc-forminator-dropdown, .forminator-select-dropdown-container--open):is(#vwc-forminator-dropdown-override, .forminator-select-dropdown-container--open) .forminator-select-dropdown.forminator-select-dropdown--above {
	   margin-top: 0 !important;
	   margin-bottom: -1px !important;
   
	   border-top: 1px solid var(--vwc-form-muted, #8f945e) !important;
	   border-right: 1px solid var(--vwc-form-muted, #8f945e) !important;
	   border-bottom: 0 !important;
	   border-left: 1px solid var(--vwc-form-muted, #8f945e) !important;
   }



html body :is(#vwc-forminator-dropdown, .forminator-select-dropdown-container--open):is(#vwc-forminator-dropdown-override, .forminator-select-dropdown-container--open) .select2-results__options {
	max-height: 280px !important;
	padding: 0 !important;
	font-family: var(--vwc-form-font, "Work Sans", sans-serif) !important;
}

html body :is(#vwc-forminator-dropdown, .forminator-select-dropdown-container--open):is(#vwc-forminator-dropdown-override, .forminator-select-dropdown-container--open) .select2-results__option {
	min-height: 30px !important;
	padding: 5px 20px !important;
	font-family: var(--vwc-form-font, "Work Sans", sans-serif) !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 20px !important;
	color: var(--vwc-form-text, #1f2024) !important;
	background: var(--vwc-form-field, #f4f1e8) !important;
}


html body :is(#vwc-forminator-dropdown, .forminator-select-dropdown-container--open):is(#vwc-forminator-dropdown-override, .forminator-select-dropdown-container--open) .select2-results__option--highlighted,
html body :is(#vwc-forminator-dropdown, .forminator-select-dropdown-container--open):is(#vwc-forminator-dropdown-override, .forminator-select-dropdown-container--open) .select2-results__option[aria-selected="true"] {
	color: var(--vwc-form-text, #1f2024) !important;
	background: var(--vwc-form-field-active, #e9e4d3) !important;
}

/* ============================================================
   CHECKBOXES, CONSENT AND RADIO BUTTONS
   ============================================================ */

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-checkbox,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-radio {
	min-height: var(--vwc-form-control-size) !important;
	margin: 0 0 !important;
	align-items: center !important;
	gap: 10px !important;
	font-family: var(--vwc-form-font) !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 24px !important;
	color: var(--vwc-form-muted) !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-checkbox-inline,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-radio-inline {
	margin: 0 22px 10px 0 !important;
	vertical-align: top !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-checkbox-box,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-radio-bullet {
	width: var(--vwc-form-control-size) !important;
	height: var(--vwc-form-control-size) !important;
	min-width: var(--vwc-form-control-size) !important;
	flex: 0 0 var(--vwc-form-control-size) !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	background: var(--vwc-form-field) !important;
	transition: background-color var(--vwc-form-transition), box-shadow var(--vwc-form-transition) !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-checkbox-box::before {
	content: "" !important;
	width: 12px !important;
	height: 12px !important;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	color: transparent !important;
	background: var(--vwc-form-muted) !important;
	transform: translate(-50%, -50%) !important;
	transition: opacity var(--vwc-form-transition) !important;
}

/*
 * Radios use the complete 24px square as their selected state.
 * There is no smaller inset marker.
 */
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-radio-bullet::before {
	content: none !important;
	display: none !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-radio input:checked + .forminator-radio-bullet {
	background: var(--vwc-form-muted) !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-checkbox input:focus-visible + .forminator-checkbox-box,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-radio input:focus-visible + .forminator-radio-bullet {
	outline: 2px solid var(--vwc-form-label) !important;
	outline-offset: 3px !important;
	box-shadow: none !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-checkbox-label,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-checkbox__label,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-radio-label {
	margin: 0 !important;
	font-family: var(--vwc-form-font) !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 24px !important;
	color: var(--vwc-form-muted) !important;
	/*text-transform: uppercase;*/
	
	
}


html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-checkbox__label.forminator-consent__label {

	padding:0 0 0 10px;
}






html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-checkbox-box ~ span,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-radio-bullet ~ span {
	margin-left: 0 !important;
}

/* ============================================================
   FILE UPLOADS
   ============================================================ */

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-file-upload {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 12px 16px !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-input-file,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-input-file-required {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-button-upload {
	width: auto !important;
	min-width: 148px !important;
	min-height: var(--vwc-form-field-height) !important;
	margin: 0 !important;
	padding: 10px 28px !important;
	border: 1px solid var(--vwc-form-muted) !important;
	border-radius: var(--vwc-form-pill-radius) !important;
	box-shadow: none !important;
	font-family: var(--vwc-form-font) !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	line-height: 24px !important;
	color: var(--vwc-form-muted) !important;
	background: transparent !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-button-upload:hover {
	color: var(--vwc-form-page) !important;
	background: var(--vwc-form-muted) !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-file-upload > span,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-file-upload .forminator-file-name {
	font-family: var(--vwc-form-font) !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 24px !important;
	color: var(--vwc-form-muted) !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-multi-upload,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-drag-and-drop,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-upload-area {
	width: 100% !important;
	min-height: 96px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 20px !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	text-align: center !important;
	background: var(--vwc-form-field) !important;
	transition: background-color var(--vwc-form-transition), box-shadow var(--vwc-form-transition) !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-multi-upload:hover,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-multi-upload.forminator-dragover,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-drag-and-drop:hover,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-upload-area:hover {
	background: var(--vwc-form-field-active) !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-multi-upload-message,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-multi-upload-message p,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-drag-and-drop p {
	margin: 0 !important;
	font-family: var(--vwc-form-font) !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	line-height: 24px !important;
	color: var(--vwc-form-label) !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-button-delete {
	min-width: 0 !important;
min-height: 36px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: var(--vwc-form-pill-radius) !important;
box-shadow: none !important;
color: var(--vwc-form-label) !important;
background: transparent !important;
top: 1px !important;
position: relative;
left: -18px;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-button-delete:hover {
	opacity: 0.7;
}


html body .forminator-ui.forminator-custom-form[data-design=default] .forminator-button-delete {
	font-size: 16px;
}


html body .forminator-ui .forminator-icon-close:before {
	font-family:"Font Awesome 7 Pro"!important;
	content: "\f057"!important;
}


/* ============================================================
   DATE AND TIME FIELDS
   ============================================================ */

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-date,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-time {
	position: relative !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-date .forminator-input,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-time .forminator-input {
	padding-right: 48px !important;
	border-color: transparent !important;
	box-shadow: none !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-icon-calendar,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-icon-clock {
	color: var(--vwc-form-muted) !important;
}


/* Firefox */
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-date input.forminator-input[type="number"],
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-time input.forminator-input[type="number"] {
	-moz-appearance: textfield !important;
	appearance: textfield !important;
}

/* Chrome, Safari and Edge */
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-date input.forminator-input[type="number"]::-webkit-inner-spin-button,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-date input.forminator-input[type="number"]::-webkit-outer-spin-button,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-time input.forminator-input[type="number"]::-webkit-inner-spin-button,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-time input.forminator-input[type="number"]::-webkit-outer-spin-button {
	margin: 0 !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}


/* ============================================================
   FORMINATOR — DATEPICKER POPUP
   ============================================================ */

/*
 * jQuery UI appends #ui-datepicker-div directly to <body>.
 * Keep it hidden until jQuery explicitly opens it.
 */
html body #ui-datepicker-div {
	display: none !important;
	position: absolute !important;
	z-index: 999999 !important;

	box-sizing: border-box !important;

	width: min(270px, calc(100vw - 10px)) !important;
	max-width: calc(100vw - 10px) !important;
	min-width: 0 !important;

	margin: -1px 0 0 !important;
	padding: 16px 20px 18px !important;

	border: 1px solid var(--vwc-form-muted, #8f945e) !important;
	border-radius: 0 !important;
	box-shadow: none !important;

	font-family: var(--vwc-form-font, "Work Sans", sans-serif) !important;
	color: var(--vwc-form-text, #1f2024) !important;
	background: var(--vwc-form-field, #f4f1e8) !important;
}

/*
 * Remove Forminator's decorative popup arrow.
 */
html body .ui-datepicker.forminator-calendar--default::before {
	display: none !important;
}

/*
 * jQuery UI opens the popup using an inline display property.
 */
html body #ui-datepicker-div[style*="display: block"],
html body #ui-datepicker-div[style*="display:block"] {
	display: block !important;
}

/*
 * Keep padding and borders inside declared dimensions.
 */
html body #ui-datepicker-div *,
html body #ui-datepicker-div *::before,
html body #ui-datepicker-div *::after {
	box-sizing: border-box !important;
}


/* ============================================================
   DATEPICKER HEADER
   ============================================================ */

html body #ui-datepicker-div .ui-datepicker-header {
	display: grid !important;
	grid-template-columns: 20px minmax(0, 1fr) 20px !important;
	grid-template-rows: 24px !important;
	align-items: center !important;
	column-gap: 8px !important;

	position: relative !important;

	width: 100% !important;
	max-width: 224px !important;
	min-height: 24px !important;

	margin: 0 !important;
	padding: 0 !important;

	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;

	background: transparent !important;
}


/* ============================================================
   PREVIOUS / NEXT CONTROLS
   ============================================================ */

html body #ui-datepicker-div .ui-datepicker-prev,
html body #ui-datepicker-div .ui-datepicker-next {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;

	position: static !important;
	inset: auto !important;

	width: 20px !important;
	height: 20px !important;

	margin: 0 !important;
	padding: 0 !important;

	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	outline: 0 !important;

	color: var(--vwc-form-text, #1f2024) !important;
	background: transparent !important;

	cursor: pointer !important;
	transform: none !important;
}

html body #ui-datepicker-div .ui-datepicker-prev {
	grid-column: 1 !important;
	grid-row: 1 !important;
	justify-self: start !important;
}

html body #ui-datepicker-div .ui-datepicker-next {
	grid-column: 3 !important;
	grid-row: 1 !important;
	justify-self: end !important;
}

html body #ui-datepicker-div .ui-datepicker-prev:hover,
html body #ui-datepicker-div .ui-datepicker-prev:focus,
html body #ui-datepicker-div .ui-datepicker-next:hover,
html body #ui-datepicker-div .ui-datepicker-next:focus {
	border: 0 !important;
	box-shadow: none !important;
	outline: 0 !important;

	color: var(--vwc-form-label, #5d622f) !important;
	background: transparent !important;
}

/*
 * Hide jQuery UI's internal text/image arrow.
 */
html body #ui-datepicker-div .ui-datepicker-prev .ui-icon,
html body #ui-datepicker-div .ui-datepicker-next .ui-icon {
	display: none !important;
}

/*
 * Font Awesome 7 Pro navigation arrows.
 *
 * The ID-level selector overrides Forminator's forced
 * forminator-icons-font declaration.
 */
html body #ui-datepicker-div.ui-datepicker.forminator-calendar--default .ui-datepicker-header .ui-corner-all.ui-datepicker-prev::before,
html body #ui-datepicker-div.ui-datepicker.forminator-calendar--default .ui-datepicker-header .ui-corner-all.ui-datepicker-next::before {
	display: inline-block !important;

	font-family: "Font Awesome 7 Pro" !important;
	font-style: normal !important;
	font-weight: 400 !important;
	font-variant: normal !important;
	font-size: 20px !important;
	line-height: 1 !important;

	color: currentColor !important;

	text-transform: none !important;
	letter-spacing: normal !important;
	text-rendering: auto !important;

	-webkit-font-feature-settings: normal !important;
	font-feature-settings: normal !important;
	-webkit-font-variant-ligatures: normal !important;
	font-variant-ligatures: normal !important;

	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
}

html body #ui-datepicker-div.ui-datepicker.forminator-calendar--default .ui-datepicker-header .ui-corner-all.ui-datepicker-prev::before {
	content: "\f053" !important;
}

html body #ui-datepicker-div.ui-datepicker.forminator-calendar--default .ui-datepicker-header .ui-corner-all.ui-datepicker-next::before {
	content: "\f054" !important;
}


/* ============================================================
   MONTH / YEAR TITLE
   ============================================================ */

html body #ui-datepicker-div .ui-datepicker-title {
	--vwc-datepicker-month-width: 82px;
	--vwc-datepicker-year-width: 66px;
	--vwc-datepicker-select-gap: 4px;
	--vwc-datepicker-arrow-width: 20px;

	position: relative !important;

	display: flex !important;
	align-items: center !important;
	gap: var(--vwc-datepicker-select-gap) !important;

	grid-column: 2 !important;
	grid-row: 1 !important;
	justify-self: center !important;

	width: max-content !important;
	height: 24px !important;

	margin: 0 !important;
	padding: 0 !important;

	font-family: var(--vwc-form-font, "Work Sans", sans-serif) !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 20px !important;

	color: var(--vwc-form-text, #1f2024) !important;
}
/* ============================================================
   MONTH / YEAR TITLE
   ============================================================ */

html body #ui-datepicker-div .ui-datepicker-title {
	position: relative !important;

	display: grid !important;
	grid-template-columns: max-content 20px max-content 20px !important;
	grid-template-rows: 24px !important;
	align-items: center !important;
	column-gap: 15px !important;

	grid-column: 2 !important;
	grid-row: 1 !important;
	justify-self: center !important;

	width: max-content !important;
	height: 24px !important;

	margin: 0 !important;
	padding: 0 !important;

	font-family: var(--vwc-form-font, "Work Sans", sans-serif) !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 20px !important;

	color: var(--vwc-form-text, #1f2024) !important;
}


/*
 * Size each native select to its currently selected value.
 *
 * Each select spans its text column and arrow column, so the
 * Font Awesome arrow remains within the clickable select area.
 */
html body #ui-datepicker-div .ui-datepicker-month,
html body #ui-datepicker-div .ui-datepicker-year {
	position: relative !important;
	z-index: 1 !important;

	display: block !important;

	field-sizing: content !important;

	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
	height: 24px !important;

	margin: 0 !important;
	padding: 0 22px 0 0 !important;

	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	outline: 0 !important;

	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;

	font-family: var(--vwc-form-font, "Work Sans", sans-serif) !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 20px !important;
	text-align: left !important;

	color: var(--vwc-form-text, #1f2024) !important;
	background: transparent !important;
	background-image: none !important;

	cursor: pointer !important;
}

/*
 * Month select covers its label and adjacent arrow.
 */
html body #ui-datepicker-div .ui-datepicker-month {
	grid-column: 1 / 3 !important;
	grid-row: 1 !important;
}

/*
 * Year select covers its label and adjacent arrow.
 */
html body #ui-datepicker-div .ui-datepicker-year {
	grid-column: 3 / 5 !important;
	grid-row: 1 !important;
}


/* ============================================================
   MONTH / YEAR FONT AWESOME ARROWS
   ============================================================ */

html body #ui-datepicker-div .ui-datepicker-title::before,
html body #ui-datepicker-div .ui-datepicker-title::after {
	content: "\f078" !important;

	position: relative !important;
	z-index: 2 !important;

	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;

	width: 20px !important;
	height: 20px !important;

	font: var(--fa-font-regular) !important;
	font-size: 14px !important;
	line-height: 1 !important;

	color: var(--vwc-form-text, #1f2024) !important;

	pointer-events: none !important;

	transform: none !important;

	text-rendering: auto !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
	font-weight: 600!important;
}

/* Month arrow */
html body #ui-datepicker-div .ui-datepicker-title::before {
	grid-column: 2 !important;
	grid-row: 1 !important;
	justify-self: center !important;
}

/* Year arrow */
html body #ui-datepicker-div .ui-datepicker-title::after {
	grid-column: 4 !important;
	grid-row: 1 !important;
	justify-self: center !important;
}


/* ============================================================
   MONTH / YEAR INTERACTION STATES
   ============================================================ */

html body #ui-datepicker-div .ui-datepicker-month:hover,
html body #ui-datepicker-div .ui-datepicker-month:focus,
html body #ui-datepicker-div .ui-datepicker-year:hover,
html body #ui-datepicker-div .ui-datepicker-year:focus {
	border: 0 !important;
	box-shadow: none !important;
	outline: 0 !important;

	color: var(--vwc-form-label, #5d622f) !important;
	background: transparent !important;
}

/* ============================================================
   DATEPICKER TABLE
   ============================================================ */

html body #ui-datepicker-div table.ui-datepicker-calendar {
	width: 100% !important;
	max-width: 224px !important;

	margin: 0 !important;

	border-collapse: separate !important;
	border-spacing: 0 4px !important;
	table-layout: fixed !important;
}


/* ============================================================
   WEEKDAY HEADINGS
   ============================================================ */

html body #ui-datepicker-div thead th {
	width: 32px !important;
	height: 32px !important;
	min-width: 32px !important;
	max-width: 32px !important;

	padding: 0 !important;

	border: 0 !important;

	font-family: var(--vwc-form-font, "Work Sans", sans-serif) !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	line-height: 16px !important;
	text-align: center !important;

	color: var(--vwc-form-text, #1f2024) !important;
	background: transparent !important;
}

/*
 * Replace Forminator's single-letter headings with
 * the three-letter labels from the design.
 */
html body #ui-datepicker-div thead th > span {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;

	width: 32px !important;
	height: 32px !important;

	font-size: 0 !important;
	line-height: 0 !important;
}

html body #ui-datepicker-div thead th > span::after {
	font-family: var(--vwc-form-font, "Work Sans", sans-serif) !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	line-height: 16px !important;

	color: var(--vwc-form-text, #1f2024) !important;
}

html body #ui-datepicker-div thead span[title="Monday"]::after {
	content: "Mon" !important;
}

html body #ui-datepicker-div thead span[title="Tuesday"]::after {
	content: "Tue" !important;
}

html body #ui-datepicker-div thead span[title="Wednesday"]::after {
	content: "Wed" !important;
}

html body #ui-datepicker-div thead span[title="Thursday"]::after {
	content: "Thu" !important;
}

html body #ui-datepicker-div thead span[title="Friday"]::after {
	content: "Fri" !important;
}

html body #ui-datepicker-div thead span[title="Saturday"]::after {
	content: "Sat" !important;
}

html body #ui-datepicker-div thead span[title="Sunday"]::after {
	content: "Sun" !important;
}


/* ============================================================
   DATE CELLS
   ============================================================ */

html body #ui-datepicker-div tbody td {
	width: 32px !important;
	height: 32px !important;
	min-width: 32px !important;
	max-width: 32px !important;

	padding: 0 !important;

	border: 0 !important;
	background: transparent !important;
}

html body #ui-datepicker-div tbody td a,
html body #ui-datepicker-div tbody td span {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;

	width: 32px !important;
	max-width: 32px !important;
	height: 32px !important;

	margin: 0 !important;
	padding: 0 !important;

	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	outline: 0 !important;

	font-family: var(--vwc-form-font, "Work Sans", sans-serif) !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	line-height: 16px !important;
	text-align: center !important;
	text-decoration: none !important;

	color: var(--vwc-form-text, #1f2024) !important;
	background: transparent !important;
}

/*
 * Hovered and selected date.
 */
html body #ui-datepicker-div tbody td a:hover,
html body #ui-datepicker-div tbody td a:focus,
html body #ui-datepicker-div .ui-datepicker-current-day a,
html body #ui-datepicker-div .ui-datepicker-current-day a:hover,
html body #ui-datepicker-div .ui-datepicker-current-day a:focus {
	border: 0 !important;
	box-shadow: none !important;
	outline: 0 !important;

	color: var(--vwc-form-text, #1f2024) !important;
	background: var(--vwc-form-field-active, #e9e4d3) !important;
}

/*
 * Today's date remains unfilled unless it is selected.
 */
html body #ui-datepicker-div .ui-datepicker-today:not(.ui-datepicker-current-day) a {
	color: var(--vwc-form-label, #5d622f) !important;
	background: transparent !important;
}

/*
 * Empty dates outside the current month.
 */
html body #ui-datepicker-div .ui-datepicker-other-month {
	visibility: hidden !important;
}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 767px) {



	html body #ui-datepicker-div .ui-datepicker-header,
	html body #ui-datepicker-div table.ui-datepicker-calendar {
		margin-right: auto !important;
		margin-left: auto !important;
	}

}



html body .forminator-ui.forminator-custom-form[data-design=default] .forminator-field-signature .forminator-signature .forminator-signature--placeholder {
	color:var(--color-text)!important;
	padding: 6px 15px !important;
}

html body .forminator-ui.forminator-custom-form[data-design=default] .forminator-field-signature .forminator-signature {
	width: 100%;
	max-width: 100%;
	cursor: crosshair;
	overflow: hidden;
	display: inline-block;
	position: relative;
	margin: 0;
	
	border-width: 1px;
	border-radius: 0;
	border-style: solid;
	border-color:var(--vwc-form-muted);
	border:0;
	background: var(--vwc-form-field) !important;
	-webkit-transition: .2s ease;
	transition: .2s ease;
}


html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-row.forminator-hidden {
	margin-bottom: 0 !important;
}


/* ============================================================
   VALIDATION AND RESPONSE MESSAGES
   ============================================================ */

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field.forminator-has_error > .forminator-label,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field.forminator-has_error .forminator-label,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-has_error > .forminator-label,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-has_error .forminator-label,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field:has([aria-invalid="true"]) > .forminator-label {
	color: var(--vwc-form-label) !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-has_error .forminator-required,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field:has([aria-invalid="true"]) .forminator-required {
	color: var(--vwc-form-error) !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-has_error .forminator-input,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-has_error .forminator-textarea,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-has_error .select2-selection,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-has_error .forminator-input-with-prefix {
	border-color: var(--vwc-form-error) !important;
	box-shadow: none !important;
}

html body .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default .select2-search input {
	padding: 9px;
	border-style: solid;
	border-radius: 0;
	background: transparent;
	border-color: var(--vwc-form-muted) !important;
}


html body .forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default .select2-search {
	margin: 5px 0 9px;
	padding: 0 20px;
}


html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-error-message {
	display: none !important;
	margin: 5px 0 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	font-family: var(--vwc-form-font) !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	line-height: 16px !important;
	text-transform: uppercase !important;
	color: var(--vwc-form-error) !important;
	background: transparent !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-has_error .forminator-error-message {
	display: block !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-response-message {
	margin: 0 0 24px !important;
	padding: 16px 20px !important;
	border: 1px solid var(--vwc-form-muted) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	font-family: var(--vwc-form-font) !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 24px !important;
	color: var(--vwc-form-label) !important;
	background: var(--vwc-form-field-active) !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-response-message.forminator-error,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-response-message[aria-live="assertive"] {
	border-color: var(--vwc-form-error) !important;
	color: var(--vwc-form-error) !important;
	background: #fff1f1 !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-response-message p {
	margin: 0 !important;
	font: inherit !important;
	color: inherit !important;
}

/* ============================================================
   BUTTONS AND PAGINATION
   Matches the theme's current primary button exactly.
   ============================================================ */

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-button,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) button.forminator-button-submit,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) input[type="button"],
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) input[type="reset"],
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) input[type="submit"] {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.5rem !important;
	width: auto !important;
	min-width: 0 !important;
	min-height: var(--button-height, 3rem) !important;
	margin: 0 !important;
	padding: 0 var(--button-padding-inline, 1.5rem) !important;
	border: var(--button-border-width, 1px) solid var(--color-border, #8f945e) !important;
	border-radius: var(--button-border-radius, 999px) !important;
	outline: 0 !important;
	box-shadow: none !important;
	font-family: var(--font-family-body, "Work Sans", system-ui, sans-serif) !important;
	font-size: 1rem !important;
	font-style: normal !important;
	font-weight: var(--font-weight-semibold, 600) !important;
	line-height: 1.5 !important;
	text-align: center !important;
	text-decoration: none !important;
	color: var(--color-text, #8f945e) !important;
	background: transparent !important;
	background-image: none !important;
	cursor: pointer !important;
	transition:
		color 180ms ease,
		border-color 180ms ease,
		background-color 180ms ease !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-button:hover,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) button.forminator-button-submit:hover,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) input[type="button"]:hover,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) input[type="reset"]:hover,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) input[type="submit"]:hover {
	border-color: var(--color-heading, #5d622f) !important;
	color: var(--color-heading, #5d622f) !important;
	background: transparent !important;
	box-shadow: none !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-button:active,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-button:focus,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-button:focus-visible,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) button.forminator-button-submit:active,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) button.forminator-button-submit:focus,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) button.forminator-button-submit:focus-visible {
	box-shadow: none !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-button:focus-visible,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) button.forminator-button-submit:focus-visible,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) input[type="button"]:focus-visible,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) input[type="reset"]:focus-visible,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) input[type="submit"]:focus-visible {
	outline: 2px solid var(--color-focus, #5d622f) !important;
	outline-offset: 3px !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-pagination-footer {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 10px !important;
}

/* ============================================================
   DIVIDERS, REPEATERS, SLIDERS AND RATINGS
   ============================================================ */

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-section {
	   width: 100% !important;
	   max-width: 100% !important;
	   flex: 0 0 100% !important;
	   margin: 40px 0 8px !important;
  }
  
  
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) > .forminator-row:nth-child(1 of .forminator-row) .forminator-field-section {
  margin-top: 0 !important;
}
   
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-section > .forminator-field {
   margin: 0 !important;
   padding: 0 !important;
   border: 0 !important;
   background: transparent !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-section .forminator-title {
   display: block !important;
   margin: 0 !important;
   padding: 0 !important;
   font-family: var( --font-family-heading) !important;
   font-size: var(--font-size-h5) !important;
   font-weight: var(--font-weight-regular) !important;
   line-height: var(--line-height-h5) !important;
   letter-spacing: 0 !important;
   text-transform: none !important;
   color: var(--color-heading) !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-section .forminator-subtitle {
   display: block !important;
   margin: 6px 0 0 !important;
   padding: 0 !important;
   font-family: var(--vwc-form-font, "Work Sans", sans-serif) !important;
   font-size: 16px !important;
   font-weight: 400 !important;
   line-height: 24px !important;
   letter-spacing: 0 !important;
   text-transform: none !important;
   color: var(--vwc-form-muted, #8f945e) !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-section .forminator-title + .forminator-subtitle {
   margin-top: 6px !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-section .forminator-border {
   display: block !important;
   width: 100% !important;
   height: 0 !important;
   margin: 5px 0 0 !important;
   padding: 0 !important;
   border: 0 !important;
   border-top: 1px solid var(--color-text) !important;
   background: transparent !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-border {
	margin: 5px 0 10px 0 !important;
	border-top: 1px solid var(--color-text) !important;
	background: transparent !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-repeater-field {
	padding: 24px !important;
	border: 1px solid var(--vwc-form-muted) !important;
	border-radius: 0 !important;
	background: var(--vwc-form-field) !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-slider .forminator-slide {
	border: 1px solid var(--vwc-form-muted) !important;
	background: var(--vwc-form-field) !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-slider .ui-slider-range,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-slider .ui-slider-handle {
	background: var(--vwc-form-muted) !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-rating-item {
	color: var(--vwc-form-muted) !important;
}




/* ============================================================
   FORMINATOR — REPEATER GROUP FIELD
   ============================================================ */

/* Remove Forminator's default repeater panel styling */
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-group .forminator-repeater-field {
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
}

/* Each repeated entry: fields on the left, actions on the right */
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-group .forminator-grouped-fields {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	align-items: end !important;
	column-gap: 10px !important;
	row-gap: 0 !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}



/* ============================================================
   FORMINATOR — REPEATER DYNAMIC COLUMN COUNT
   ============================================================ */

/*
 * A repeater containing only one field should use the complete
 * available field area rather than occupying the first track of
 * the standard three-column repeater layout.
 *
 * The existing three-column rule remains unchanged for repeaters
 * containing three fields.
 */
html body
:is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default)
.forminator-field-group
.forminator-grouped-fields
> .forminator-row:not(.forminator-action-buttons):has(> .forminator-col:only-child) {
	grid-template-columns: minmax(0, 1fr) !important;
}



/* Add vertical separation between repeated entries */
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-group .forminator-grouped-fields + .forminator-grouped-fields {
	margin-top: 20px !important;
}

/* Main field row */
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-group .forminator-grouped-fields > .forminator-row:not(.forminator-action-buttons) {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.75fr) !important;
	gap: 10px !important;
	grid-column: 1 !important;
	width: 100% !important;
	margin: 0 !important;
}

/* Remove Forminator's column widths and padding inside the repeater */
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-group .forminator-grouped-fields > .forminator-row:not(.forminator-action-buttons) > .forminator-col {
	width: auto !important;
	max-width: none !important;
	min-width: 0 !important;
	flex: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Action-button row */
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-group .forminator-action-buttons {
	display: block !important;
	grid-column: 2 !important;
	align-self: end !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1 !important;
}

/* Remove the action row's internal grid sizing */
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-group .forminator-action-buttons > .forminator-col {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	flex-direction: row-reverse;
}

/* Circular add/remove controls */
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-group .forminator-repeater-action-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 48px !important;
	width: 48px !important;
	height: 48px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid var(--vwc-form-muted, #8f945e) !important;
	border-radius: 50% !important;
	box-shadow: none !important;
	outline: 0 !important;
	color: var(--vwc-form-muted, #8f945e) !important;
	background: transparent !important;
	cursor: pointer !important;
}

/* Button hover */
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-group .forminator-repeater-action-icon:hover {
	border-color: var(--vwc-form-label, #5d622f) !important;
	box-shadow: none !important;
	color: var(--vwc-form-label, #5d622f) !important;
	background: transparent !important;
}

/* Accessible keyboard focus without a shadow */
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-group .forminator-repeater-action-icon:focus-visible {
	outline: 1px solid currentColor !important;
	outline-offset: 3px !important;
	box-shadow: none !important;
}

/* Hide Forminator's original icon glyphs */
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-group .forminator-repeater-action-icon > [class*="forminator-icon-"] {
	display: none !important;
}

/* Font Awesome Plus */
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-group .forminator-repeater-add::before {
	content: "\f067" !important;
	display: block !important;
	font: var(--fa-font-regular) !important;
	font-size: 24px !important;
	line-height: 1 !important;
	color: currentColor !important;
	text-rendering: auto !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
}

/* Font Awesome Minus */
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-group .forminator-repeater-remove::before {
	content: "\f068" !important;
	display: block !important;
	font: var(--fa-font-regular) !important;
	font-size: 24px !important;
	line-height: 1 !important;
	color: currentColor !important;
	text-rendering: auto !important;
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
}



/* Keep first-row remove button space, but hide and disable it */
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-group .forminator-all-group-copies > .forminator-grouped-fields:first-child .forminator-repeater-remove {
	display: inline-flex !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
	cursor: default !important;
}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 782px) {
	
	
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-section {
		margin: 50px 0 25px !important;
	}
	
	
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-row {
		margin-bottom: 20px !important;
	}

	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-button,
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) button.forminator-button-submit {
		width: auto !important;
		margin: 0 !important;
	}
	
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-group .forminator-grouped-fields {
		grid-template-columns: minmax(0, 1fr) !important;
		row-gap: 10px !important;
	}
	
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-group .forminator-grouped-fields > .forminator-row:not(.forminator-action-buttons) {
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 25px !important;
	}
	
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-group .forminator-action-buttons {
		grid-column: 1 !important;
	}
	
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-group .forminator-action-buttons > .forminator-col {
		justify-content: flex-end !important;
	}


	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-button-upload {
		width: auto !important;
	}

	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-checkbox-inline,
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-radio-inline {
		margin-right: 16px !important;
	}
	
	
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-group .forminator-action-buttons > .forminator-col {
		
	}
	
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-group .forminator-all-group-copies > .forminator-grouped-fields:first-child .forminator-repeater-remove {
		display: none !important;
	}
	
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-group .forminator-action-buttons > .forminator-col {
		justify-content: flex-start !important;
	}
	
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-group .forminator-repeater-action-icon {
		flex: 0 0 24px !important;
		width: 24px !important;
		height: 24px !important;
		min-width: 24px !important;
		min-height: 24px !important;
	}
	
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-group .forminator-repeater-add::before,
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-group .forminator-repeater-remove::before {
		font-size: 14px !important;
	}
	
	
	
}

@media (prefers-reduced-motion: reduce) {
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) *,
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) *::before,
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) *::after {
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}
}

/* ============================================================
   REQUESTED FIELD-STATE REFINEMENTS
   Final safeguard against Forminator form-ID declarations.
   ============================================================ */

/* No control receives a box shadow in any interaction state. */
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default)
:is(
	.forminator-input,
	.forminator-textarea,
	.forminator-input-with-prefix,
	.select2-selection,
	.forminator-checkbox-box,
	.forminator-radio-bullet,
	.forminator-button,
	.forminator-button-upload,
	.forminator-button-delete,
	.forminator-multi-upload,
	.forminator-drag-and-drop,
	.forminator-upload-area
),
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default)
:is(
	.forminator-input,
	.forminator-textarea,
	.forminator-input-with-prefix,
	.select2-selection,
	.forminator-checkbox-box,
	.forminator-radio-bullet,
	.forminator-button,
	.forminator-button-upload,
	.forminator-button-delete,
	.forminator-multi-upload,
	.forminator-drag-and-drop,
	.forminator-upload-area
):is(:hover, :focus, :focus-visible, :active) {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

/* Standard fields remain borderless until active/focused. */
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default)
:is(.forminator-input, .forminator-textarea, .forminator-input-with-prefix, .select2-selection) {
	border-color: transparent !important;
}

html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default)
:is(.forminator-input, .forminator-textarea):is(:focus, :focus-visible, :active),
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default)
.forminator-input-with-prefix:focus-within,
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default)
.select2-container:is(.select2-container--focus, .select2-container--open) .select2-selection {
	border-color: var(--vwc-form-muted) !important;
}

/* Validation takes priority over the normal focus border. */
html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default)
.forminator-has_error :is(.forminator-input, .forminator-textarea, .forminator-input-with-prefix, .select2-selection) {
	border-color: var(--vwc-form-error) !important;
}


.forminator-ui.forminator-custom-form[data-design=default] select.forminator-select2+.forminator-select .selection span[role=combobox].select2-selection--multiple .select2-selection__arrow [class*=forminator-icon-]:before, .forminator-ui.forminator-custom-form[data-design=default] select.forminator-select2+.forminator-select .selection span[role=combobox].select2-selection--single .select2-selection__arrow [class*=forminator-icon-]:before {
	display: block;
	color: var( --color-text)!important;
}





.forminator-ui.forminator-custom-form[data-design=default] .forminator-input-with-icon [class*=forminator-icon-] {
	display: block;
	pointer-events: none;
	-webkit-transition: .2s ease;
	transition: .2s ease;
	position: absolute;
	top: 50%;
	left: auto!important;
	right:15px!important;
	font-size: 16px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}


html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-uploaded-file--delete .forminator-icon-close::before {
	content: "\f057" !important;
	font-family: "Font Awesome 7 Pro"!important;
	display: inline-block !important;

	font: var(--fa-font-regular) !important;
	font-size: 24px !important;
	line-height: 1 !important;

	color: var(--vwc-form-label, #5d622f) !important;

	text-rendering: auto !important;
	text-transform: none !important;
	letter-spacing: normal !important;

	-webkit-font-feature-settings: normal !important;
	font-feature-settings: normal !important;

	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
}


/* ============================================================
   FORMINATOR — FONT AWESOME 7 PRO CHEVRON ICONS
   ============================================================ */

html body .forminator-ui .forminator-icon-chevron-down::before,
html body .forminator-ui .forminator-icon-chevron-up::before,
html body .forminator-ui .forminator-icon-chevron-left::before,
html body .forminator-ui .forminator-icon-chevron-right::before {
	display: inline-block !important;

	font: var(--fa-font-regular) !important;
	font-size: 16px !important;
	line-height: 1 !important;

	text-rendering: auto !important;
	text-transform: none !important;
	letter-spacing: normal !important;

	-webkit-font-feature-settings: normal !important;
	font-feature-settings: normal !important;

	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
}

html body .forminator-ui .forminator-icon-chevron-down::before {
	content: "\f078" !important;
}

html body .forminator-ui .forminator-icon-chevron-up::before {
	content: "\f077" !important;
}

html body .forminator-ui .forminator-icon-chevron-left::before {
	content: "\f053" !important;
}

html body .forminator-ui .forminator-icon-chevron-right::before {
	content: "\f054" !important;
}


/* ============================================================
   FORMINATOR — FONT AWESOME 7 PRO CALENDAR ICON
   ============================================================ */

html body .forminator-ui .forminator-icon-calendar::before {
	content: "\f133" !important;

	display: inline-block !important;

	font: var(--fa-font-regular) !important;
	font-size: 16px !important;
	line-height: 1 !important;

	color: var(--vwc-form-muted, #8f945e) !important;

	text-rendering: auto !important;
	text-transform: none !important;
	letter-spacing: normal !important;

	-webkit-font-feature-settings: normal !important;
	font-feature-settings: normal !important;

	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
}




	.forminator-ui.forminator-custom-form[data-design=default]:not(.forminator-size--small) .forminator-timepicker .forminator-row {
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-start!important;
	}



html body .forminator-multi-upload-message span.forminator-icon-upload {
	display: none!important;
}

	
	
/* ============================================================
	   FORMINATOR — ERROR LABEL COLOUR
	   Extra :is() adds a third ID-level specificity boost.
	   ============================================================ */
	
	html body
	:is(#vwc-forminator-global, .forminator-ui)
	:is(#vwc-forminator-global-override, .forminator-custom-form)
	:is([data-design="default"], .forminator-design--default)
	.forminator-field
	:is(#vwc-forminator-field-error, .forminator-has_error)
	> label.forminator-label {
		color: var(--vwc-form-error, #ff6165) !important;
	}
	
	/* Required asterisk */
	html body
	:is(#vwc-forminator-global, .forminator-ui)
	:is(#vwc-forminator-global-override, .forminator-custom-form)
	:is([data-design="default"], .forminator-design--default)
	.forminator-field
	:is(#vwc-forminator-field-error, .forminator-has_error)
	> label.forminator-label
	> .forminator-required {
		color: var(--vwc-form-error, #ff6165) !important;
	}
	
	
	
	/* ============================================================
	   FORMINATOR — KEEP DATE FIELD ACTIVE WHILE CALENDAR IS OPEN
	   ============================================================ */
	
	/*
	 * Keep the date input border active while the calendar is open.
	 */
	html body
	:is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default)
	.forminator-field.vwc-datepicker-open:not(.forminator-has_error)
	.forminator-input.forminator-datepicker {
		border-color: var(--vwc-form-muted, #8f945e) !important;
		box-shadow: none !important;
	}
	
	
	/*
	 * Keep the calendar icon in its active colour.
	 */
	html body
	:is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default)
	.forminator-field.vwc-datepicker-open:not(.forminator-has_error)
	.forminator-icon-calendar {
		color: var(--vwc-form-muted, #8f945e) !important;
	}
	
	
	/*
	 * Preserve the red validation state when an errored
	 * date field also has the calendar open.
	 */
	html body
	:is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default)
	.forminator-field.vwc-datepicker-open.forminator-has_error
	.forminator-input.forminator-datepicker {
		border-color: var(--vwc-form-error, #ff6165) !important;
		box-shadow: none !important;
	}
	
	
	/* ============================================================
	   FORMINATOR DATEPICKER — FONT AWESOME NAVIGATION ARROWS
	   ============================================================ */
	
	html body
	#ui-datepicker-div.ui-datepicker.forminator-calendar--default
	.ui-datepicker-header
	.ui-corner-all.ui-datepicker-prev::before,
	html body
	#ui-datepicker-div.ui-datepicker.forminator-calendar--default
	.ui-datepicker-header
	.ui-corner-all.ui-datepicker-next::before {
		display: inline-block !important;
	
		font-family: "Font Awesome 7 Pro" !important;
		font-style: normal !important;
		font-weight: 600 !important;
		font-variant: normal !important;
	
		font-size: 14px !important;
		line-height: 1 !important;
	
		color: var(--vwc-form-text, #1f2024) !important;
	
		text-transform: none !important;
		letter-spacing: normal !important;
		text-rendering: auto !important;
	
		-webkit-font-feature-settings: normal !important;
		font-feature-settings: normal !important;
		-webkit-font-variant-ligatures: normal !important;
		font-variant-ligatures: normal !important;
	
		-webkit-font-smoothing: antialiased !important;
		-moz-osx-font-smoothing: grayscale !important;
	}
	
	/* Previous arrow */
	html body
	#ui-datepicker-div.ui-datepicker.forminator-calendar--default
	.ui-datepicker-header
	.ui-corner-all.ui-datepicker-prev::before {
		content: "\f053" !important;
	}
	
	/* Next arrow */
	html body
	#ui-datepicker-div.ui-datepicker.forminator-calendar--default
	.ui-datepicker-header
	.ui-corner-all.ui-datepicker-next::before {
		content: "\f054" !important;
	}
	
	/* Hide jQuery UI's internal arrow element */
	html body
	#ui-datepicker-div.ui-datepicker.forminator-calendar--default
	.ui-datepicker-header
	.ui-datepicker-prev
	.ui-icon,
	html body
	#ui-datepicker-div.ui-datepicker.forminator-calendar--default
	.ui-datepicker-header
	.ui-datepicker-next
	.ui-icon {
		display: none !important;
	}
	
	
	
	
	
	
	/* ============================================================
	   FORMINATOR — SIGNATURE RESET ICON
	   ============================================================ */
	
	/*
	 * Use the complete signature field as the positioning context.
	 */
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-signature {
		position: relative !important;
		overflow: visible !important;
	}
	
	/*
	 * Move Forminator's toolbar over the signature canvas rather
	 * than leaving it underneath the canvas.
	 */
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-signature [id$="_toolbar"] {
		position: absolute !important;
		top: 19px !important;
		right: 16px !important;
		left: auto !important;
		bottom: auto !important;
		z-index: 10 !important;
	
		display: block !important;
		float: none !important;
	
		width: 24px !important;
		height: 24px !important;
	
		margin: 0 !important;
		padding: 0 !important;
	
		overflow: visible !important;
	
		border: 0 !important;
		background: transparent !important;
	}
	
	/*
	 * Keep Forminator's original image as the clickable control,
	 * but make the supplied SVG invisible.
	 */
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-signature [id$="_resetbutton"] {
		position: absolute !important;
		inset: 0 !important;
		z-index: 2 !important;
	
		display: block !important;
		float: none !important;
	
		width: 24px !important;
		height: 24px !important;
	
		margin: 0 !important;
		padding: 0 !important;
	
		border: 0 !important;
		box-shadow: none !important;
	
		opacity: 0 !important;
		cursor: pointer !important;
	}
	
	/*
	 * Font Awesome 7 Pro reset icon.
	 */
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-signature [id$="_toolbar"]::before {
		content: "\f01e" !important;
	
		position: absolute !important;
		inset: 0 !important;
		z-index: 1 !important;
	
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
	
		width: 24px !important;
		height: 24px !important;
	
		font: var(--fa-font-regular) !important;
		font-size: 20px !important;
		line-height: 1 !important;
	
		color: var(--vwc-form-muted, #8f945e) !important;
	
		pointer-events: none !important;
	
		text-rendering: auto !important;
		-webkit-font-smoothing: antialiased !important;
		-moz-osx-font-smoothing: grayscale !important;
	}
	
	/*
	 * Hover state.
	 */
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-signature [id$="_toolbar"]:has([id$="_resetbutton"]:hover)::before {
		color: var(--vwc-form-label, #5d622f) !important;
	}
	
	/*
	 * The status element must not affect the positioned toolbar.
	 */
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-signature [id$="_status"] {
		display: none !important;
	}
	
	
	
	
	/* ============================================================
	   FORMINATOR — SIGNATURE FIELD BORDER
	   ============================================================ */
	
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-signature {
		box-sizing: border-box !important;
		border: 1px solid transparent !important;
		outline: 0 !important;
		box-shadow: none !important;
		background: var(--vwc-form-field, #f4f1e8) !important;
	}
	
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field:is(.forminator-is_active, :focus-within) .forminator-signature {
		border-color: var(--vwc-form-muted, #8f945e) !important;
		outline: 0 !important;
		box-shadow: none !important;
	}
	
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-signature [id$="_Container"],
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-signature .forminator-signature--container,
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-signature .forminator-signature-canvas {
		border: 0 !important;
		outline: 0 !important;
		box-shadow: none !important;
		background: transparent !important;
	}
	
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field.forminator-has_error .forminator-signature {
		border-color: var(--vwc-form-error, #ff6165) !important;
		outline: 0 !important;
		box-shadow: none !important;
	}
	
	
	/* ============================================================
	   FORMINATOR — DESKTOP GRID
	   5px padding per column = 10px between fields
	   ============================================================ */
	
	@media (min-width: 783px) {
	
		html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default):not(.forminator-size--small)[data-grid="open"] .forminator-row,
		html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default):not(.forminator-size--small)[data-grid="open"] .forminator-row-inside {
			display: flex !important;
			flex-wrap: wrap !important;
	
			margin-right: -5px !important;
			margin-left: -5px !important;
		}
	
		html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default):not(.forminator-size--small)[data-grid="open"] .forminator-col {
			min-width: 0 !important;
	
			margin-bottom: 0 !important;
			padding-right: 5px !important;
			padding-left: 5px !important;
	
			box-sizing: border-box !important;
		}
	
		html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default):not(.forminator-size--small)[data-grid="open"] .forminator-col-md-3 {
			width: 25% !important;
			max-width: 25% !important;
			flex: 0 0 25% !important;
		}
	
		html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default):not(.forminator-size--small)[data-grid="open"] .forminator-col-md-4 {
			width: 33.33333333% !important;
			max-width: 33.33333333% !important;
			flex: 0 0 33.33333333% !important;
		}
	
		html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default):not(.forminator-size--small)[data-grid="open"] .forminator-col-md-6 {
			width: 50% !important;
			max-width: 50% !important;
			flex: 0 0 50% !important;
		}
	
		html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default):not(.forminator-size--small)[data-grid="open"] .forminator-col-md-12 {
			width: 100% !important;
			max-width: 100% !important;
			flex: 0 0 100% !important;
		}
	
	}
	
	/* ============================================================
	   FORMINATOR — CURRENCY FIELD
	   ============================================================ */
	
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-currency .forminator-input-with-suffix {
		position: relative !important;
		display: block !important;
	}
	
	/* Remove Forminator's AUD suffix */
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-currency .forminator-suffix {
		display: none !important;
	}
	
	/* Font Awesome dollar-sign prefix */
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-currency .forminator-input-with-suffix::before {
		content: "\f155" !important;
		position: absolute !important;
		top: 50% !important;
		left: 18px !important;
		z-index: 2 !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 16px !important;
		height: 20px !important;
		font: var(--fa-font-regular) !important;
		font-size: 16px !important;
		line-height: 1 !important;
		color: var(--vwc-form-muted, #8f945e) !important;
	
		pointer-events: none !important;
	
		transform: translateY(-50%) !important;
	
		text-rendering: auto !important;
		-webkit-font-smoothing: antialiased !important;
		-moz-osx-font-smoothing: grayscale !important;
	}
	
	/* Make room for the prefix icon */
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-currency input.forminator-currency {
		padding-left: 40px !important;
		padding-right: 20px !important;
	}
	
	/* Remove native number-field arrows */
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-currency input.forminator-currency[type="number"] {
		-moz-appearance: textfield !important;
		appearance: textfield !important;
	}
	
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-currency input.forminator-currency[type="number"]::-webkit-inner-spin-button,
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-currency input.forminator-currency[type="number"]::-webkit-outer-spin-button {
		margin: 0 !important;
		-webkit-appearance: none !important;
		appearance: none !important;
	}
	
	/* Active state */
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-currency .forminator-field.forminator-is_active .forminator-input-with-suffix::before {
		color: var(--vwc-form-label, #5d622f) !important;
	}
	
	/* Error state */
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field-currency .forminator-field.forminator-has_error .forminator-input-with-suffix::before {
		color: var(--vwc-form-error, #ff6165) !important;
	}
	
	
	
/* ============================================================
	   FORMINATOR — PREVENT HORIZONTAL PAGE OVERFLOW
	   ============================================================ */
	
	/*
	 * Contain Forminator layout overflow without clipping the
	 * body-appended datepicker or Select2 dropdowns.
	 */
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}
	
	/*
	 * Ensure all grid rows remain constrained to the form width.
	 */
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-row,
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-row-inside {
		box-sizing: border-box !important;
		max-width: calc(100% + 10px) !important;
		min-width: 0 !important;
	}
	
	/*
	 * Allow every Forminator column to shrink within its row.
	 */
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-col {
		box-sizing: border-box !important;
		min-width: 0 !important;
	}
	
	/*
	 * Constrain common field wrappers.
	 */
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-field,
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-input-with-prefix,
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-input-with-suffix,
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-input-with-icon {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}
	

	
	
/* ============================================================
	   FORMINATOR — MOBILE HORIZONTAL OVERFLOW FIX
	   ============================================================ */
	
@media (max-width: 782px) {

	/* Keep Forminator rows inside the viewport */
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-row,
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-row-inside {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	/* Allow all columns to shrink correctly */
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-col {
		max-width: 100% !important;
		min-width: 0 !important;
	}

	/*
	 * Forminator writes fixed pixel widths directly onto the
	 * signature canvas and its generated container.
	 */
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-signature,
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-signature [id$="_Container"],
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-signature .forminator-signature--container,
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-signature .forminator-signature-canvas {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	/* Override the inline toolbar width without moving the reset icon */
	html body :is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default) .forminator-signature [id$="_toolbar"] {
		width: 24px !important;
		max-width: 24px !important;
		min-width: 24px !important;
	}

}

/* ============================================================
   FORMINATOR — FINAL HORIZONTAL OVERFLOW SAFEGUARD
   ============================================================ */

/*
 * Forminator can append or position UI outside the form itself
 * (Select2, phone UI, datepicker, etc.). Clip viewport overflow
 * at the root without turning html/body into a scroll container.
 *
 * Unlike overflow:hidden, overflow:clip does not establish a
 * scrolling box, so sticky positioning remains tied to the viewport.
 */
html:has(.forminator-ui.forminator-custom-form) {
	overflow-x: clip !important;
}

/*
 * Keep the actual Forminator grid inside the available width.
 * Current Forminator markup uses .forminator-col-6 / -12 etc.,
 * not the Bootstrap-style .forminator-col-md-* classes.
 */
html body .forminator-ui.forminator-custom-form[data-grid="open"] .forminator-row,
html body .forminator-ui.forminator-custom-form[data-grid="open"] .forminator-row-inside {
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
}

/*
 * All Forminator columns must be allowed to shrink.
 */
html body .forminator-ui.forminator-custom-form[data-grid="open"] .forminator-col {
	box-sizing: border-box !important;
	min-width: 0 !important;
	max-width: 100%;
}

/*
 * Desktop: replace Forminator's negative-margin gutter system with
 * a native 10px gap using the classes Forminator actually outputs.
 */
@media (min-width: 783px) {

	html body .forminator-ui.forminator-custom-form[data-grid="open"] .forminator-row,
	html body .forminator-ui.forminator-custom-form[data-grid="open"] .forminator-row-inside {
		display: flex !important;
		flex-wrap: wrap !important;
		column-gap: 10px !important;
		row-gap: 0 !important;
	}
	
	
	
	
	html body .forminator-ui.forminator-custom-form[data-grid="open"] .forminator-row-inside {
		column-gap: 0 !important;
	}

	html body .forminator-ui.forminator-custom-form[data-grid="open"] .forminator-col {
		margin-right: 0 !important;
		margin-left: 0 !important;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	html body .forminator-ui.forminator-custom-form[data-grid="open"] .forminator-col-3 {
		width: calc(((100% + 10px) / 12 * 3) - 10px) !important;
		max-width: calc(((100% + 10px) / 12 * 3) - 10px) !important;
		flex: 0 0 calc(((100% + 10px) / 12 * 3) - 10px) !important;
	}

	html body .forminator-ui.forminator-custom-form[data-grid="open"] .forminator-col-4 {
		width: calc(((100% + 10px) / 12 * 4) - 10px) !important;
		max-width: calc(((100% + 10px) / 12 * 4) - 10px) !important;
		flex: 0 0 calc(((100% + 10px) / 12 * 4) - 10px) !important;
	}

	html body .forminator-ui.forminator-custom-form[data-grid="open"] .forminator-col-6 {
		width: calc(((100% + 10px) / 12 * 6) - 10px) !important;
		max-width: calc(((100% + 10px) / 12 * 6) - 10px) !important;
		flex: 0 0 calc(((100% + 10px) / 12 * 6) - 10px) !important;
	}

	html body .forminator-ui.forminator-custom-form[data-grid="open"] .forminator-col-12 {
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 100% !important;
	}
}

/*
 * Mobile rows never exceed their form wrapper.
 */
@media (max-width: 782px) {
	html body .forminator-ui.forminator-custom-form[data-grid="open"] .forminator-row,
	html body .forminator-ui.forminator-custom-form[data-grid="open"] .forminator-row-inside,
	html body .forminator-ui.forminator-custom-form[data-grid="open"] .forminator-col {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
}

/* ============================================================
   FORMINATOR — SELECT2 VALIDATION BORDER
   ============================================================ */

/*
 * Select2 replaces the original <select> with a generated visible control.
 * Forminator validation may mark the original hidden <select> rather than
 * placing .forminator-has_error on an ancestor of the generated Select2 UI.
 *
 * Mirror that validation state onto the visible Select2 selection so required
 * select fields use the same error-coloured border as text/email/phone fields.
 */
html body
:is(#vwc-forminator-global, .forminator-ui)
:is(#vwc-forminator-global-override, .forminator-custom-form)
:is([data-design="default"], .forminator-design--default)
.forminator-field.forminator-has_error
select.forminator-select2 + .forminator-select
span[role="combobox"].select2-selection,

html body
:is(#vwc-forminator-global, .forminator-ui)
:is(#vwc-forminator-global-override, .forminator-custom-form)
:is([data-design="default"], .forminator-design--default)
.forminator-field:has(.forminator-error-message:not(:empty))
select.forminator-select2 + .forminator-select
span[role="combobox"].select2-selection,

html body
:is(#vwc-forminator-global, .forminator-ui)
:is(#vwc-forminator-global-override, .forminator-custom-form)
:is([data-design="default"], .forminator-design--default)
select.forminator-select2[aria-invalid="true"] + .forminator-select
span[role="combobox"].select2-selection,

html body
:is(#vwc-forminator-global, .forminator-ui)
:is(#vwc-forminator-global-override, .forminator-custom-form)
:is([data-design="default"], .forminator-design--default)
select.forminator-select2.forminator-error + .forminator-select
span[role="combobox"].select2-selection {
	border-color: var(--vwc-form-error, #ff6165) !important;
	box-shadow: none !important;
}

/* ============================================================
   FORMINATOR — SELECT2 ERROR MUST OVERRIDE FOCUS/OPEN STATE
   ============================================================ */

/*
 * The normal Select2 focus/open selector is more specific than the generic
 * .forminator-has_error selector. After a failed submit Select2 remains
 * focused, so the normal muted focus border was winning until the user
 * clicked elsewhere.
 *
 * Explicitly give an invalid focused/open Select2 the error border so
 * validation always takes priority immediately on submit.
 */
html body
:is(#vwc-forminator-global, .forminator-ui)
:is(#vwc-forminator-global-override, .forminator-custom-form)
:is([data-design="default"], .forminator-design--default)
.forminator-field.forminator-has_error
.select2-container:is(.select2-container--focus, .select2-container--open)
.select2-selection,

html body
:is(#vwc-forminator-global, .forminator-ui)
:is(#vwc-forminator-global-override, .forminator-custom-form)
:is([data-design="default"], .forminator-design--default)
.forminator-field:has(select.forminator-select2[aria-invalid="true"])
.select2-container:is(.select2-container--focus, .select2-container--open)
.select2-selection,

html body
:is(#vwc-forminator-global, .forminator-ui)
:is(#vwc-forminator-global-override, .forminator-custom-form)
:is([data-design="default"], .forminator-design--default)
.forminator-field:has(.forminator-error-message:not(:empty))
.select2-container:is(.select2-container--focus, .select2-container--open)
.select2-selection {
	border-color: var(--vwc-form-error, #ff6165) !important;
	box-shadow: none !important;
}

/* ============================================================
   FORMINATOR — SELECT2 SYNCHRONISED ERROR STATE
   ============================================================ */

html body
:is(#vwc-forminator-global, .forminator-ui)
:is(#vwc-forminator-global-override, .forminator-custom-form)
:is([data-design="default"], .forminator-design--default)
.select2-selection.vwc-select2-has-error {
	border-color: var(--vwc-form-error, #ff6165) !important;
	box-shadow: none !important;
}


/* ============================================================
   FORMINATOR — INLINE RADIO GROUPS
   ============================================================ */

/*
 * Important:
 * Keep the three Forminator :is() specificity boosters chained
 * on the SAME element. Do not put whitespace between them.
 *
 * Layout:
 *   Short question *    [ YES ] [ NO ]
 *
 * If the question + grouped options no longer fit on one line,
 * the complete .vwc-radio-options wrapper moves underneath.
 */


/* Radio group layout */
html body
:is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default)
.forminator-field[role="radiogroup"] {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	column-gap: 20px !important;
	row-gap: 10px !important;

	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
}


/*
 * Override the global:
 *
 * .forminator-label {
 *     display: block !important;
 *     margin: 0 0 5px !important;
 * }
 *
 * Keep the question at its natural width, capped at the available
 * field width. This prevents the label shrinking simply to keep the
 * radio options beside it.
 */
html body
:is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default)
.forminator-field[role="radiogroup"] > .forminator-label {
	display: inline-block !important;

	width: max-content !important;
	max-width: 100% !important;
	min-width: 0 !important;

	flex: 0 0 auto !important;

	margin: 0 !important;
	padding: 0 !important;

	white-space: normal !important;
}


/*
 * Wrapper inserted around the radio choices.
 * Treat YES / NO as one indivisible flex item so they always
 * remain together if they need to move to the next line.
 */
html body
:is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default)
.forminator-field[role="radiogroup"] > .vwc-radio-options {
	display: inline-flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center !important;

	column-gap: 20px !important;
	row-gap: 0 !important;

	width: max-content !important;
	max-width: 100% !important;
	min-width: max-content !important;

	flex: 0 0 auto !important;

	margin: 0 !important;
	padding: 0 !important;
}


/*
 * Override Forminator's normal .forminator-radio-inline margins.
 * Spacing inside this group is controlled exclusively by the
 * .vwc-radio-options gap above.
 */
html body
:is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default)
.forminator-field[role="radiogroup"] > .vwc-radio-options > .forminator-radio {
	display: inline-flex !important;
	align-items: center !important;

	width: auto !important;
	max-width: none !important;
	min-width: 0 !important;

	flex: 0 0 auto !important;

	margin: 0 !important;
}


/*
 * If Forminator adds an error message as a direct child of the
 * radiogroup, keep it on its own full-width row.
 */
html body
:is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default)
.forminator-field[role="radiogroup"] > .forminator-error-message {
	width: 100% !important;
	max-width: 100% !important;
	flex: 0 0 100% !important;
	margin-top: 0 !important;
}

/* ============================================================
   FORMINATOR — CUSTOM NUMBER FIELD STEPPER
   ============================================================ */

/*
 * Standard Forminator number fields receive a JavaScript-added
 * .vwc-number-stepper-field class. Date, time and currency fields
 * are deliberately excluded by the helper script because those
 * controls already have their own custom UI in this stylesheet.
 */
html body
:is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default)
.forminator-field.vwc-number-stepper-field {
	position: relative !important;
}

/*
 * Remove the native browser spinner and reserve the same 48px
 * control area used by the custom Select2 arrow.
 */
html body
:is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default)
.forminator-field.vwc-number-stepper-field
input.vwc-number-stepper-input[type="number"] {
	-moz-appearance: textfield !important;
	appearance: textfield !important;
	padding-right: 52px !important;
}

html body
:is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default)
.forminator-field.vwc-number-stepper-field
input.vwc-number-stepper-input[type="number"]::-webkit-inner-spin-button,
html body
:is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default)
.forminator-field.vwc-number-stepper-field
input.vwc-number-stepper-input[type="number"]::-webkit-outer-spin-button {
	margin: 0 !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}

/*
 * The controls are appended to the field rather than wrapping the
 * input. This keeps Forminator's original input/error-message DOM
 * relationship intact. The helper script synchronises the top/height
 * of this control with the actual input.
 */
html body
:is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default)
.forminator-field.vwc-number-stepper-field
.vwc-number-stepper-controls {
	position: absolute !important;
	right: 0 !important;
	z-index: 5 !important;

	display: grid !important;
	grid-template-columns: 48px !important;
	grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) !important;

	width: 48px !important;
	height: var(--vwc-form-field-height, 48px);

	margin: 0 !important;
	padding: 0 !important;

	pointer-events: auto !important;
}

/*
 * Real buttons preserve mouse/touch/keyboard interaction and allow
 * the JavaScript helper to use the input's native stepUp()/stepDown().
 */
html body
:is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default)
.forminator-field.vwc-number-stepper-field
.vwc-number-stepper-button {
	-webkit-appearance: none !important;
	appearance: none !important;

	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;

	width: 48px !important;
	min-width: 48px !important;
	max-width: 48px !important;
	height: 100% !important;
	min-height: 0 !important;

	margin: 0 !important;
	padding: 0 !important;

	border: 0 !important;
	border-radius: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;

	font-size: 0 !important;
	line-height: 1 !important;

	color: var(--vwc-form-muted, #8f945e) !important;
	background: transparent !important;
	background-image: none !important;

	cursor: pointer !important;
	transition: color var(--vwc-form-transition, 180ms ease) !important;
}

/* Font Awesome 7 Pro chevrons. */
html body
:is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default)
.forminator-field.vwc-number-stepper-field
.vwc-number-stepper-button::before {
	display: inline-block !important;

	font: var(--fa-font-regular) !important;
	font-size: 16px !important;
	line-height: 1 !important;

	color: currentColor !important;

	text-rendering: auto !important;
	text-transform: none !important;
	letter-spacing: normal !important;

	-webkit-font-feature-settings: normal !important;
	font-feature-settings: normal !important;

	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
}

html body
:is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default)
.forminator-field.vwc-number-stepper-field
.vwc-number-stepper-button--up::before {
	content: "\f077" !important;
	position: relative;
	top:6px;
}

html body
:is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default)
.forminator-field.vwc-number-stepper-field
.vwc-number-stepper-button--down::before {
	content: "\f078" !important;
	position: relative;
	bottom:6px;
}

html body
:is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default)
.forminator-field.vwc-number-stepper-field
.vwc-number-stepper-button:hover {
	color: var(--vwc-form-label, #5d622f) !important;
	background: transparent !important;
	box-shadow: none !important;
}

html body
:is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default)
.forminator-field.vwc-number-stepper-field
.vwc-number-stepper-button:focus-visible {
	outline: 1px solid currentColor !important;
	outline-offset: -4px !important;
	color: var(--vwc-form-label, #5d622f) !important;
	box-shadow: none !important;
}

html body
:is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default)
.forminator-field.vwc-number-stepper-field
.vwc-number-stepper-button:disabled {
	opacity: 0.35 !important;
	color: var(--vwc-form-muted, #8f945e) !important;
	cursor: not-allowed !important;
}

/*
 * Keep the standard active/error border behaviour when focus is on
 * one of the custom stepper buttons rather than directly on the input.
 */
html body
:is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default)
.forminator-field.vwc-number-stepper-field:not(.forminator-has_error):focus-within
input.vwc-number-stepper-input[type="number"] {
	border-color: var(--vwc-form-muted, #8f945e) !important;
	box-shadow: none !important;
}

html body
:is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default)
.forminator-field.vwc-number-stepper-field.forminator-has_error
input.vwc-number-stepper-input[type="number"] {
	border-color: var(--vwc-form-error, #ff6165) !important;
	box-shadow: none !important;
}

html body
:is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default)
.forminator-field.vwc-number-stepper-field.forminator-has_error
.vwc-number-stepper-button:not(:disabled) {
	color: var(--vwc-form-error, #ff6165) !important;
}


/* ============================================================
   FORMINATOR — ALIGN SIDE-BY-SIDE CONTROLS WITH DESCRIPTIONS
   ============================================================ */

/*
 * On desktop, when a multi-column Forminator row contains descriptive
 * text in one field, stretch all fields in that row and push their
 * actual controls to the bottom. Labels/descriptions remain at the top,
 * while the input/select baselines line up with their neighbours.
 *
 * This is intentionally limited to rows that:
 *   1. contain at least two columns; and
 *   2. contain at least one .forminator-description.
 *
 * Mobile keeps Forminator's normal stacked document flow.
 */
@media (min-width: 783px) {

	html body
	:is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default)
	:is(.forminator-row, .forminator-row-inside):has(> .forminator-col + .forminator-col):has(.forminator-description)
	> .forminator-col {
		display: flex !important;
		align-items: stretch !important;
	}

	html body
	:is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default)
	:is(.forminator-row, .forminator-row-inside):has(> .forminator-col + .forminator-col):has(.forminator-description)
	> .forminator-col
	> .forminator-field:not([role="radiogroup"]) {
		display: flex !important;
		flex-direction: column !important;

		width: 100% !important;
		height: 100% !important;
		min-height: 100% !important;
	}

	/*
	 * Push the visible field control to the bottom of its stretched
	 * field. The list covers Forminator's standard direct-child
	 * control wrappers without disturbing labels, descriptions or
	 * validation messages.
	 */
	html body
	:is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default)
	:is(.forminator-row, .forminator-row-inside):has(> .forminator-col + .forminator-col):has(.forminator-description)
	> .forminator-col
	> .forminator-field:not([role="radiogroup"])
	> :is(
		.forminator-input,
		.forminator-textarea,
		.forminator-select,
		.forminator-input-with-prefix,
		.forminator-input-with-suffix,
		.forminator-input-with-icon,
		.forminator-timepicker,
		.forminator-file-upload,
		.forminator-multi-upload,
		.forminator-drag-and-drop,
		.forminator-upload-area,
		.forminator-signature
	) {
		margin-top: auto !important;
	}

}

/* ============================================================
   FORMINATOR — COMPOUND NAME FIELD INTERNAL GRID
   ============================================================ */

/*
 * Forminator's top-level grid currently uses classes such as
 * .forminator-col-6, while compound Name fields still use the
 * Bootstrap-style .forminator-col-md-* classes internally.
 *
 * The final VWC grid safeguard removes Forminator's native gutter
 * sizing, so explicitly restore the internal Name field column
 * widths using the same 10px gap system as the main form grid.
 */
@media (min-width: 783px) {

	html body
	:is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default)
	.forminator-field-name
	> .forminator-row[data-multiple="true"] {
		display: flex !important;
		flex-wrap: nowrap !important;
		column-gap: 20px !important;
		row-gap: 0 !important;
	}
	
	html body
	:is(#vwc-forminator-global, .forminator-ui):is(#vwc-forminator-global-override, .forminator-custom-form):is([data-design="default"], .forminator-design--default)
	.forminator-field-name
	> .forminator-row[data-multiple="true"]
	> .forminator-col-md-6 {
		width: calc(50% - 10px) !important;
		max-width: calc(50% - 10px) !important;
		min-width: 0 !important;
		flex: 0 0 calc(50% - 10px) !important;
	
		margin-right: 0 !important;
		margin-left: 0 !important;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
}