/*
 * Gravity Forms (Orbital theme) matched to the site. GF prints each form's
 * color variables in an inline <style> with an ID selector, so the variables
 * below need !important to win. The submit button is styled like .button.
 */
.gform-theme--orbital {
	--gf-color-primary: var(--swatch--active) !important;
	--gf-color-primary-rgb: 234, 173, 12 !important; /* #eaad0c, --swatch--active */
	--gf-color-primary-contrast: var(--swatch--dark) !important;
	--gf-color-primary-darker: var(--swatch--hover) !important;
	--gf-color-primary-lighter: var(--swatch--hover) !important;
	--gf-ctrl-border-color: var(--_theme---misc--accent) !important;
	--gf-radius: 0 !important;
	--gf-font-family-base: var(--_typography---fonts--body-font) !important;
	/* GF's default is 14px; iOS zooms the page when a field under 16px gets focus. */
	--gf-ctrl-font-size: 16px !important;
}

.gform_wrapper.gform-theme .gform_footer input[type="submit"].gform_button,
.gform_wrapper.gform-theme .gform_footer button.gform_button {
	/* The size of .button too: GF's own button size (14px text, 38px high) won without !important (Tomas's QA, 2026-10-29). */
	height: auto !important;
	min-height: 0 !important;
	padding: var(--_spacing---space--2) var(--_spacing---space--6) !important;
	border: 1px solid var(--_theme---button--border);
	border-radius: var(--radius--main);
	background-color: var(--_theme---button--background);
	color: var(--_theme---button--text);
	font-family: var(--_typography---fonts--body-font);
	font-size: var(--space--1rem) !important;
	line-height: var(--_text-styles---line-height) !important;
	font-weight: 700 !important;
	letter-spacing: .5px !important;
	text-transform: uppercase !important; /* GF's reset wins otherwise */
	transition: all .25s;
}
.gform_wrapper.gform-theme .gform_footer input[type="submit"].gform_button:hover,
.gform_wrapper.gform-theme .gform_footer button.gform_button:hover {
	border-color: var(--_theme---button--border-hover);
	background-color: var(--swatch--hover);
	color: var(--_theme---button--text-hover);
	transform: translate(0, -3px);
	box-shadow: 0 10px 40px #0003;
}
