/**
 * Shared Salvation Army Boundless Vancouver Gravity Forms skin.
 *
 * This stylesheet owns form controls and feedback across SAV frontend Gravity
 * Forms. Layout components may position a form, but must not restyle Gravity
 * Forms internals. Add `sav-gf-skin--legacy` to a form's custom CSS class when
 * a deliberately bespoke legacy embed needs to opt out of this shared skin.
 *
 * SAV's historic root font size makes 1rem compute to 10px on some templates.
 * Form typography therefore uses explicit pixels so labels, choices, inputs,
 * and buttons remain readable in every Beaver Builder/Themer context.
 */

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) {
	--sav-gf-navy: #222d61;
	--sav-gf-red: #ed1b2b;
	--sav-gf-red-dark: #c81020;
	--sav-gf-red-deeper: #a90d1c;
	--sav-gf-error: #b10d1c;
	--sav-gf-ink: #111111;
	--sav-gf-muted: #5a5a5a;
	--sav-gf-border: #767676;
	--sav-gf-choice-border: #667085;

	/*
	 * Gravity Forms Orbital injects a form-ID custom-property block in the
	 * document body. The limited !important declarations below override only
	 * those generated tokens; all element styling still uses the normal cascade.
	 */
	--gf-color-primary: var(--sav-gf-red) !important;
	--gf-color-primary-rgb: 237, 27, 43 !important;
	--gf-color-primary-contrast: #ffffff !important;
	--gf-color-primary-contrast-rgb: 255, 255, 255 !important;
	--gf-color-primary-darker: var(--sav-gf-red-dark) !important;
	--gf-color-primary-lighter: #f24f5c !important;
	--gf-color-in-ctrl-primary: var(--sav-gf-navy) !important;
	--gf-color-in-ctrl-primary-rgb: 34, 45, 97 !important;
	--gf-font-family-base: "Proxima Nova", Arial, sans-serif !important;
	--gf-font-size-primary: 16px !important;
	--gf-font-size-secondary: 16px !important;
	--gf-font-size-tertiary: 14px !important;
	--gf-ctrl-size: 48px !important;
	--gf-ctrl-choice-size: 20px !important;
	--gf-ctrl-label-color-primary: var(--sav-gf-navy) !important;
	--gf-ctrl-label-color-secondary: var(--sav-gf-ink) !important;
	--gf-ctrl-btn-bg-color-primary: transparent !important;
	--gf-ctrl-btn-bg-color-hover-primary: var(--sav-gf-red-dark) !important;
	--gf-ctrl-btn-bg-color-focus-primary: var(--sav-gf-red-dark) !important;
	--gf-ctrl-btn-border-color-primary: var(--sav-gf-red-dark) !important;
	--gf-ctrl-btn-border-color-hover-primary: var(--sav-gf-red-dark) !important;
	--gf-ctrl-btn-border-color-focus-primary: var(--sav-gf-red-dark) !important;
	--gf-ctrl-btn-border-width-primary: 2px !important;
	--gf-ctrl-btn-color-primary: var(--sav-gf-red-dark) !important;
	--gf-ctrl-btn-color-hover-primary: #ffffff !important;
	--gf-ctrl-btn-color-focus-primary: #ffffff !important;
	--gf-ctrl-btn-font-size: 16px !important;
	--gf-ctrl-btn-font-weight: 700 !important;
	--gf-ctrl-btn-padding-x: 24px !important;
	--gf-ctrl-btn-radius: 6px !important;
	--gf-ctrl-btn-size: 48px !important;

	font-family: "Proxima Nova", Arial, sans-serif;
	margin: 0;
	max-width: none;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) *,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) *::before,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) *::after {
	box-sizing: border-box;
}

/* Form titles follow SAV's current sans-serif headings, not legacy Palatino. */
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_title {
	color: var(--sav-gf-navy);
	font-family: "Proxima Nova", Arial, sans-serif;
	font-size: 32px;
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 32px;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_fields {
	display: grid;
	gap: 24px;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gfield_label,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gfield_label_before_complex {
	color: var(--sav-gf-navy);
	font-family: "Proxima Nova", Arial, sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
}

/*
 * Orbital renders fieldset legends as flex containers. That turns the required
 * span into a separate flex item and can strand the asterisk on its own line.
 * Normal inline layout lets the non-breaking space injected by the SAV render
 * filter bind the marker to the final label word at every responsive width.
 */
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) fieldset > legend.gfield_label {
	display: block !important;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .ginput_complex label,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gfield_header_item,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_fileupload_rules {
	color: var(--sav-gf-navy);
	font-family: "Proxima Nova", Arial, sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.45;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gfield_required,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gfield_required_asterisk {
	color: var(--sav-gf-red-dark);
	display: inline !important;
	font-size: 16px;
	font-weight: 700;
	white-space: nowrap;
}

/*
 * Individual required fields retain their visible asterisks. The redundant
 * legend is hidden for every SAV Gravity Form, including deliberate legacy
 * skins, so sitewide form instructions remain concise and consistent.
 */
.gform_wrapper .gform_required_legend {
	display: none;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gfield_description,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .ginput_counter,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .charleft {
	color: var(--sav-gf-muted);
	font-family: "Proxima Nova", Arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .ginput_container input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="hidden"]):not([type="file"]),
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .ginput_container select,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .ginput_container textarea {
	background: #ffffff;
	border: 1px solid var(--sav-gf-border);
	border-radius: 0;
	box-shadow: none;
	color: var(--sav-gf-ink);
	font-family: "Proxima Nova", Arial, sans-serif;
	font-size: 16px;
	line-height: 1.4;
	min-height: 48px;
	padding: 11px 14px;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .ginput_container textarea {
	min-height: 132px;
	resize: vertical;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) input::placeholder,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) textarea::placeholder {
	color: var(--sav-gf-muted);
	opacity: 1;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .ginput_container input:not([type="checkbox"]):not([type="radio"]):focus,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .ginput_container select:focus,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .ginput_container textarea:focus {
	border-color: var(--sav-gf-navy);
	box-shadow: none;
	outline: 3px solid var(--sav-gf-navy);
	outline-offset: 2px;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gfield_checkbox,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gfield_radio {
	display: grid;
	gap: 12px;
	margin-top: 10px;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gchoice {
	align-items: flex-start;
	display: flex;
	gap: 12px;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gchoice input[type="checkbox"],
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gchoice input[type="radio"] {
	appearance: none;
	background: #ffffff;
	border: 2px solid var(--sav-gf-choice-border);
	box-shadow: none;
	cursor: pointer;
	display: grid;
	flex: 0 0 20px;
	height: 20px;
	/*
	 * SAV's legacy Gravity Forms bundle adds a higher-specificity 6px/1px
	 * choice margin. Pin this one inherited reset so the control aligns with
	 * the first 16px label line, including long acknowledgement labels.
	 */
	margin: 1px 0 0 !important;
	min-height: 20px;
	place-content: center;
	transition: background-color 0.15s linear, border-color 0.15s linear;
	width: 20px;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gchoice input[type="checkbox"] {
	border-radius: 4px;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gchoice input[type="radio"] {
	border-radius: 50%;
}

/* Draw deterministic SAV check/radio marks instead of browser-native glyphs. */
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gchoice input[type="checkbox"]::before {
	border: solid #ffffff;
	border-width: 0 2px 2px 0;
	content: "";
	height: 10px;
	transform: rotate(45deg) scale(0);
	transform-origin: center;
	transition: transform 0.12s ease-out;
	width: 5px;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gchoice input[type="radio"]::before {
	background: #ffffff;
	border-radius: 50%;
	content: "";
	height: 8px;
	transform: scale(0);
	transition: transform 0.12s ease-out;
	width: 8px;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gchoice input[type="checkbox"]:checked,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gchoice input[type="radio"]:checked {
	/* Gravity Forms Orbital emits later checked-state colours. */
	background: var(--sav-gf-red-dark) !important;
	border-color: var(--sav-gf-red-dark) !important;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gchoice input[type="checkbox"]:checked::before,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gchoice input[type="radio"]:checked::before {
	transform: rotate(45deg) scale(1) !important;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gchoice input[type="radio"]:checked::before {
	transform: scale(1) !important;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gchoice input[type="checkbox"]:hover,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gchoice input[type="radio"]:hover {
	border-color: var(--sav-gf-red-dark);
}

/* Pointer focus stays visually quiet; keyboard focus remains explicit below. */
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gchoice input[type="checkbox"]:focus,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gchoice input[type="radio"]:focus {
	box-shadow: none;
	outline: none;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gchoice input[type="checkbox"]:focus-visible,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gchoice input[type="radio"]:focus-visible {
	outline: 3px solid var(--sav-gf-navy);
	outline-offset: 3px;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gchoice input[type="checkbox"]:disabled,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gchoice input[type="radio"]:disabled {
	cursor: not-allowed;
	opacity: 0.55;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gchoice label,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform-field-label--type-inline {
	color: var(--sav-gf-ink);
	font-family: "Proxima Nova", Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	margin: 0;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gfield_error .ginput_container input:not([type="checkbox"]):not([type="radio"]),
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gfield_error .ginput_container select,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gfield_error .ginput_container textarea {
	border-color: var(--sav-gf-red);
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_validation_errors {
	background: #fff4f5;
	border: 2px solid var(--sav-gf-red-dark);
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 24px;
	padding: 16px 20px;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_validation_errors > h2 {
	color: var(--sav-gf-error);
	font-family: "Proxima Nova", Arial, sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.45;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gfield_validation_message,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .validation_message {
	background: transparent;
	border: 0;
	color: var(--sav-gf-error);
	font-family: "Proxima Nova", Arial, sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.45;
	margin-top: 8px;
	padding: 0;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_footer,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_page_footer {
	margin: 30px 0 0;
	padding: 0;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_footer input[type="submit"],
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_page_footer input[type="submit"],
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_page_footer input[type="button"],
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_footer button,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_page_footer button,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_button {
	align-items: center;
	appearance: none;
	background: transparent;
	border: 2px solid var(--sav-gf-red);
	border-radius: 6px;
	box-shadow: none;
	color: var(--sav-gf-red-dark);
	cursor: pointer;
	display: inline-flex;
	font-family: "Proxima Nova", Arial, sans-serif;
	font-size: 16px;
	font-weight: 700;
	justify-content: center;
	line-height: 1.2;
	min-height: 48px;
	padding: 12px 24px;
	text-transform: none;
	transition: background-color 0.2s linear, border-color 0.2s linear, color 0.2s linear;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_footer input[type="submit"]:hover,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_page_footer input[type="submit"]:hover,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_page_footer input[type="button"]:hover,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_footer button:hover,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_page_footer button:hover,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_button:hover {
	background: var(--sav-gf-red-dark);
	border-color: var(--sav-gf-red-dark);
	color: #ffffff;
}

/* Do not retain a browser outline after pointer activation. */
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_footer input[type="submit"]:focus:not(:focus-visible),
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_page_footer input[type="submit"]:focus:not(:focus-visible),
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_page_footer input[type="button"]:focus:not(:focus-visible),
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_footer button:focus:not(:focus-visible),
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_page_footer button:focus:not(:focus-visible),
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_button:focus:not(:focus-visible) {
	box-shadow: none;
	outline: none;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_footer input[type="submit"]:focus-visible,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_page_footer input[type="submit"]:focus-visible,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_page_footer input[type="button"]:focus-visible,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_footer button:focus-visible,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_page_footer button:focus-visible,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_button:focus-visible {
	background: var(--sav-gf-red-dark);
	border-color: var(--sav-gf-red-dark);
	color: #ffffff;
	outline: 3px solid var(--sav-gf-navy);
	outline-offset: 3px;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_footer input[type="submit"]:active,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_page_footer input[type="submit"]:active,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_page_footer input[type="button"]:active,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_footer button:active,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_page_footer button:active,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_button:active {
	background: var(--sav-gf-red-deeper);
	border-color: var(--sav-gf-red-deeper);
	color: #ffffff;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_footer input[type="submit"]:disabled,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_page_footer input[type="submit"]:disabled,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_page_footer input[type="button"]:disabled,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_footer button:disabled,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_page_footer button:disabled,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_button:disabled,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_button[aria-disabled="true"] {
	cursor: not-allowed;
	opacity: 0.55;
}

/*
 * Back-to-School structured child rows. The package marker deliberately
 * scopes this card treatment to the one form whose List field represents
 * children; other SAV List fields retain Gravity Forms' standard layout.
 */
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) form.sav-package-back-to-school-registration-2026 .gfield--type-list > .gfield_label {
	font-size: 18px;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) form.sav-package-back-to-school-registration-2026 .gfield_list_header {
	border: 0;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) form.sav-package-back-to-school-registration-2026 .gfield_list_groups {
	counter-reset: sav-child-row;
	display: grid;
	gap: 18px;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) form.sav-package-back-to-school-registration-2026 .gfield_list_group {
	background: #f7f7f7;
	border: 1px solid #d6d6d6;
	display: grid;
	gap: 18px 16px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 0;
	padding: 22px;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) form.sav-package-back-to-school-registration-2026 .gfield_list_group::before {
	color: var(--sav-gf-navy);
	content: "Child " counter(sav-child-row);
	counter-increment: sav-child-row;
	font-family: "Proxima Nova", Arial, sans-serif;
	font-size: 18px;
	font-weight: 700;
	grid-column: 1 / -1;
	line-height: 1.3;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) form.sav-package-back-to-school-registration-2026 .gfield_list_group_item {
	margin: 0;
	min-width: 0;
	padding: 0;
	width: auto;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) form.sav-package-back-to-school-registration-2026 .gfield_list_group_item::before {
	color: var(--sav-gf-navy);
	content: attr(data-label);
	display: block;
	font-family: "Proxima Nova", Arial, sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 7px;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) form.sav-package-back-to-school-registration-2026 .gfield_list_group_item input,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) form.sav-package-back-to-school-registration-2026 .gfield_list_group_item select {
	width: 100%;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) form.sav-package-back-to-school-registration-2026 .gfield_list_icons {
	/*
	 * Orbital defaults list controls to 16px icon-only buttons. Reset its
	 * custom properties at the package boundary so the semantic button text is
	 * visible without changing unrelated List fields elsewhere on the site.
	 */
	--gf-field-list-btn-font-size: 15px;
	--gf-field-list-btn-size: auto;

	align-items: center;
	display: flex;
	gap: 12px;
	grid-column: 1 / -1;
	justify-content: flex-start;
	margin: 0;
	padding: 0;
	text-align: left;
	width: auto;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) form.sav-package-back-to-school-registration-2026 .gfield_list_group:not(:last-child) .add_list_item,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) form.sav-package-back-to-school-registration-2026 .add_list_item.gfield_icon_disabled {
	display: none;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) form.sav-package-back-to-school-registration-2026 .add_list_item,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) form.sav-package-back-to-school-registration-2026 .delete_list_item {
	appearance: none;
	/* Gravity Forms loads its icon-button reset after the SAV skin. */
	align-items: center !important;
	background: #ffffff !important;
	border: 2px solid var(--sav-gf-red-dark) !important;
	border-radius: 5px !important;
	box-shadow: none;
	color: var(--sav-gf-red-dark) !important;
	cursor: pointer;
	display: inline-flex !important;
	font-family: "Proxima Nova", Arial, sans-serif;
	font-size: 15px !important;
	font-weight: 700;
	height: auto !important;
	justify-content: flex-start !important;
	line-height: 1.2;
	min-height: 42px !important;
	opacity: 1;
	padding: 10px !important;
	text-align: left !important;
	width: auto !important;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) form.sav-package-back-to-school-registration-2026 .add_list_item::before,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) form.sav-package-back-to-school-registration-2026 .delete_list_item::before {
	content: none !important;
	display: none !important;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) form.sav-package-back-to-school-registration-2026 .delete_list_item {
	border-color: var(--sav-gf-navy) !important;
	color: var(--sav-gf-navy) !important;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) form.sav-package-back-to-school-registration-2026 .add_list_item:hover,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) form.sav-package-back-to-school-registration-2026 .add_list_item:focus-visible {
	background: var(--sav-gf-red-dark) !important;
	color: #ffffff !important;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) form.sav-package-back-to-school-registration-2026 .delete_list_item:hover,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) form.sav-package-back-to-school-registration-2026 .delete_list_item:focus-visible {
	background: var(--sav-gf-navy) !important;
	color: #ffffff !important;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) form.sav-package-back-to-school-registration-2026 .add_list_item:focus:not(:focus-visible),
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) form.sav-package-back-to-school-registration-2026 .delete_list_item:focus:not(:focus-visible) {
	box-shadow: none;
	outline: none;
}

.gform_wrapper:not([class*="sav-gf-skin--legacy"]) form.sav-package-back-to-school-registration-2026 .add_list_item:focus-visible,
.gform_wrapper:not([class*="sav-gf-skin--legacy"]) form.sav-package-back-to-school-registration-2026 .delete_list_item:focus-visible {
	outline: 3px solid var(--sav-gf-navy);
	outline-offset: 3px;
}

.gform_confirmation_wrapper:not([class*="sav-gf-skin--legacy"]) {
	border-left: 4px solid var(--sav-gf-navy, #222d61);
	color: var(--sav-gf-ink, #111111);
	font-family: "Proxima Nova", Arial, sans-serif;
	font-size: 18px;
	line-height: 1.6;
	padding: 16px 20px;
}

@media (max-width: 600px) {
	.gform_wrapper:not([class*="sav-gf-skin--legacy"]) form.sav-package-back-to-school-registration-2026 .gfield_list_group {
		grid-template-columns: minmax(0, 1fr);
		padding: 18px;
	}

	.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_footer,
	.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_page_footer {
		display: grid;
	}

	.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_footer input[type="submit"],
	.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_page_footer input[type="submit"],
	.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_page_footer input[type="button"],
	.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_footer button,
	.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_page_footer button,
	.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_button {
		width: 100%;
	}
}

/*
 * Gravity Forms' 12-column foundation grid cannot resolve below its eleven
 * 24px column gaps. Preserve the plugin's column-span contract while removing
 * only horizontal gaps at the narrowest viewport, keeping full-span fields
 * inside the available form width.
 */
@media (max-width: 340px) {
	.gform_wrapper:not([class*="sav-gf-skin--legacy"]) form.sav-package-back-to-school-registration-2026 .gform_fields {
		column-gap: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gchoice input[type="checkbox"],
	.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gchoice input[type="radio"],
	.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gchoice input[type="checkbox"]::before,
	.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gchoice input[type="radio"]::before,
	.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_footer input[type="submit"],
	.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_page_footer input[type="submit"],
	.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_page_footer input[type="button"],
	.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_footer button,
	.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_page_footer button,
	.gform_wrapper:not([class*="sav-gf-skin--legacy"]) .gform_button {
		transition: none;
	}
}