/*
Gravity Forms with the form CSS class "tob-form" (Figma Enquire 1162:5277).
Orbital sets its --gf-* variables on #gform_wrapper_N; redefining them on
.gform_body / .gform_footer inside the wrapper overrides them by
inheritance, without an ID-specificity fight.
*/
.tob-form_wrapper .gform_body,
.tob-form_wrapper .gform_footer {
	--gf-color-primary: #006767;
	--gf-color-primary-rgb: 0, 103, 103;
	--gf-ctrl-font-family: 'Montserrat', sans-serif;
	--gf-ctrl-font-size: 16px;
	--gf-ctrl-line-height: 24px;
	--gf-ctrl-color: #131313;
	--gf-ctrl-placeholder-color: #9CA3AF;
	--gf-ctrl-bg-color: #FFFFFF;
	--gf-ctrl-border-color: #D1D5DB;
	--gf-ctrl-border-color-hover: #9CA3AF;
	--gf-ctrl-border-color-focus: #006767;
	--gf-ctrl-border-width: 1px;
	--gf-ctrl-radius: 8px;
	--gf-ctrl-size: 48px;
	--gf-ctrl-padding-x: 16px;
	--gf-ctrl-shadow: none;
	--gf-ctrl-outline-width-focus: 0;
	--gf-ctrl-textarea-height: 110px;
	--gf-ctrl-label-font-family-primary: 'Work Sans', sans-serif;
	--gf-ctrl-label-font-size-primary: 12px;
	--gf-ctrl-label-font-weight-primary: 500;
	--gf-ctrl-label-line-height-primary: 16px;
	--gf-ctrl-label-letter-spacing-primary: 0.06px;
	--gf-ctrl-label-color-primary: #4B5563;
	--gf-ctrl-label-color-req: #DC2626;
	--gf-ctrl-label-font-family-secondary: 'Montserrat', sans-serif;
	--gf-ctrl-label-font-size-secondary: 16px;
	--gf-ctrl-label-font-weight-secondary: 400;
	--gf-ctrl-label-line-height-secondary: 24px;
	--gf-ctrl-label-color-secondary: #131313;
	--gf-ctrl-choice-size: 20px;
	--gf-ctrl-choice-check-color: #006767;
	--gf-form-gap-x: 24px;
	--gf-form-gap-y: 24px;
	--gf-field-choice-gap: 10px;
	--gf-form-footer-margin-y-start: 24px;
	--gf-ctrl-btn-font-family: 'Montserrat', sans-serif;
	--gf-ctrl-btn-radius: 99999px;
}
/*
Salient's form theme options (salient-dynamic-styles.css) style every
input / label site-wide: body .gform_wrapper .top_label .gfield_label
(0,3,1) and .container-wrap / body input[type="text"] (0,2,0). These
exceed them for tob-form forms only, per property in conflict.
*/
body .tob-form_wrapper.gform_wrapper .top_label .gfield_label {
	font-family: 'Work Sans', sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: 500;
	letter-spacing: 0.06px;
	color: #4B5563;
}
.tob-form_wrapper.gform-theme--framework .gfield input[type="text"],
.tob-form_wrapper.gform-theme--framework .gfield input[type="email"],
.tob-form_wrapper.gform-theme--framework .gfield input[type="tel"],
.tob-form_wrapper.gform-theme--framework .gfield select,
.tob-form_wrapper.gform-theme--framework .gfield textarea {
	height: 48px;
	padding-left: 16px;
	padding-right: 16px;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.08px;
	color: #131313;
	background-color: #FFFFFF;
	border: 1px solid #D1D5DB;
	border-radius: 8px;
}
.tob-form_wrapper.gform-theme--framework .gfield select {
	padding-top: 11px;
	padding-bottom: 11px;
	padding-right: 44px; /* room for Orbital's chevron */
}
/* Placeholder option still selected: grey like the input placeholders. */
.tob-form_wrapper.gform-theme--framework .gfield select:has(option.gf_placeholder:checked) {
	color: #9CA3AF;
}
.tob-form_wrapper.gform-theme--framework .gfield textarea {
	height: 110px;
	min-height: 110px;
	padding-top: 12px;
	padding-bottom: 12px;
}
/* Focused control: 2px Teal 800 border (Figma), no glow. */
.tob-form_wrapper.gform-theme--framework .gfield input[type="text"]:focus,
.tob-form_wrapper.gform-theme--framework .gfield input[type="email"]:focus,
.tob-form_wrapper.gform-theme--framework .gfield input[type="tel"]:focus,
.tob-form_wrapper.gform-theme--framework .gfield select:focus,
.tob-form_wrapper.gform-theme--framework .gfield textarea:focus {
	padding-left: 15px;
	border: 2px solid #006767;
	box-shadow: none;
	outline: 0;
}
.tob-form_wrapper.gform-theme--framework .gfield_label {
	margin-bottom: 6px;
}
/* Consent: Yes / No side by side, 24px apart, 10px under the label. */
.tob-form_wrapper.gform-theme--framework .tob-consent .gfield_radio {
	display: flex;
	flex-direction: row; /* Orbital stacks choices in a column */
	flex-wrap: wrap;
	gap: 24px;
	margin-top: 4px;
}
.tob-form_wrapper.gform-theme--framework .tob-consent .gchoice {
	align-items: center;
}
.tob-form_wrapper.gform-theme--framework .gfield--type-choice input[type="radio"] {
	border-color: #9CA3AF;
}
.tob-form_wrapper.gform-theme--framework .gfield--type-choice input[type="radio"]:checked {
	border-color: #006767;
}
/* Submit (a <button> in GF 2.9): the site's outline pill. Exceeds Orbital's
   .gform-theme--framework.gform-theme.gform_wrapper .button (0,4,0). */
.tob-form_wrapper.gform-theme--framework.gform_wrapper .gform_footer .gform_button.button {
	min-height: 0;
	padding: 10px 18px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	letter-spacing: 0.07px;
	color: #006767;
	background-color: transparent;
	border: 2px solid #006767;
	border-radius: 99999px;
	box-shadow: none;
	transition: background-color 0.2s ease, color 0.2s ease;
}
/* Beats Salient's body[data-button-style="rounded"] .container-wrap button[type="submit"] 16px !important. */
body[data-button-style] .container-wrap .tob-form_wrapper.gform_wrapper .gform_footer button.gform_button[type="submit"] {
	padding: 10px 18px !important;
}
.tob-form_wrapper.gform-theme--framework.gform_wrapper .gform_footer .gform_button.button:hover,
.tob-form_wrapper.gform-theme--framework.gform_wrapper .gform_footer .gform_button.button:focus-visible {
	color: #FFFAF5;
	background-color: #006767;
}
.tob-form_wrapper .gform_required_legend {
	display: none;
}

/* Form 56px under the page intro (Figma Enquire). */
.tob-enquire .tob-form_wrapper.gform_wrapper {
	margin-top: 56px;
}

@media only screen and (max-width: 690px) {
	.tob-form_wrapper .gform_body {
		--gf-field-gap-y: 20px;
	}
}
