/**
 * Gravity Forms — Golf With Grace (Avada Child)
 * Contact form styling (design reference)
 */

@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap");

:root {
	--gwg-gform-field-gap: 24px;
	--gwg-gform-label-gap: 10px;
	--gwg-gform-input-bg: #f8f2f3;
	--gwg-gform-input-inactive: #665257;
	--gwg-gform-input-active: #190006;
	--gwg-gform-cta-bg: #190006;
	--gwg-gform-cta-text: #ffffff;
	--gwg-gform-label-size: 14px;
	--gwg-gform-input-size: 16px;
	--gwg-gform-input-radius: 8px;
	--gwg-gform-error-color: #e74c3c;
	--gwg-gform-success-color: #27ae60;
	--gwg-gform-complex-label-gap: 6px;
	--gwg-gform-checkbox-check: #800020;
	--gwg-gform-checkbox-min-height: 52px;
}

/* -------------------------------------------------------------------------
   Wrapper & typography
   ------------------------------------------------------------------------- */

.gform_wrapper,
.gform_wrapper form,
.gform_wrapper .gform_body,
.gform_wrapper .gform_fields,
.gform_wrapper .gfield,
.gform_wrapper .gform_footer {
	font-family: "Plus Jakarta Sans", sans-serif !important;
}

.gform_wrapper {
	--gf-ctrl-choice-check-color: var(--gwg-gform-checkbox-check) !important;
	--gf-ctrl-checkbox-check-color: var(--gwg-gform-checkbox-check) !important;
	margin-bottom: 0 !important;
}

.gform_wrapper ul.gform_fields {
	padding: 0 !important;
	list-style-type: none !important;
	margin: 0 !important;
}

.gform_wrapper form li,
.gform_wrapper li {
	list-style: none !important;
	margin-left: 0 !important;
}

/* -------------------------------------------------------------------------
   Field spacing
   ------------------------------------------------------------------------- */

.gform_wrapper ul li.gfield,
.gform_wrapper .gfield {
	padding: 0 !important;
}

/* -------------------------------------------------------------------------
   Labels
   ------------------------------------------------------------------------- */

.gform_wrapper .gfield_label,
.gform_wrapper .gform-field-label,
.gform_wrapper legend.gfield_label {
	display: block !important;
	font-family: "Plus Jakarta Sans", sans-serif !important;
	font-size: var(--gwg-gform-label-size) !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;
	color: var(--gwg-gform-input-active) !important;
	margin: 0 0 var(--gwg-gform-label-gap) 0 !important;
	padding: 0 !important;
}

.gform_wrapper .top_label .gfield_label,
body.fusion-body .gform_wrapper .top_label .gfield_label {
	margin-bottom: var(--gwg-gform-label-gap) !important;
}

.gform_wrapper .gfield_required,
.gform_wrapper .gfield_required .gfield_required_text {
	color: var(--gwg-gform-error-color) !important;
}

.gform_wrapper .gfield_description,
.gform_wrapper .gform-field-description {
	font-family: "Plus Jakarta Sans", sans-serif !important;
	font-size: 12px !important;
	color: var(--gwg-gform-input-inactive) !important;
}

/* Complex fields (e.g. Name first/last) */
.gform_wrapper legend.gfield_label.gfield_label_before_complex,
.gform_wrapper .gfield_label.gfield_label_before_complex {
	margin-bottom: var(--gwg-gform-complex-label-gap) !important;
}

/* -------------------------------------------------------------------------
   Checkboxes
   ------------------------------------------------------------------------- */

.gform_wrapper .gchoice {
	min-height: var(--gwg-gform-checkbox-min-height) !important;
}

.gform_wrapper .gchoice .gform-field-label--type-inline,
.gform_wrapper .gchoice label.gform-field-label {
	display: none !important;
}

.gform_wrapper .gchoice .gfield-choice-input:checked,
.gform_wrapper .gfield-choice-input:checked,
.gform_wrapper .gchoice .gfield-choice-input:checked + label,
.gform_wrapper .gfield-choice-input:checked + label {
	color: var(--gwg-gform-checkbox-check) !important;
}

.gform_wrapper .gchoice .gfield-choice-input:checked::before,
.gform_wrapper .gfield-choice-input:checked::before,
.gform_wrapper .gchoice .gfield-choice-input:checked + label::before,
.gform_wrapper .gfield-choice-input:checked + label::before {
	color: var(--gwg-gform-checkbox-check) !important;
	border-color: var(--gwg-gform-checkbox-check) !important;
}

/* -------------------------------------------------------------------------
   Inputs, textarea & select
   ------------------------------------------------------------------------- */

.gform_wrapper .gfield input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
.gform_wrapper .gfield select,
.gform_wrapper .gfield textarea,
body.fusion-body .gform_wrapper .gfield input.large,
body.fusion-body .gform_wrapper .gfield select.large,
body.fusion-body .gform_wrapper .gfield textarea.textarea,
body.fusion-body .gform_wrapper .ginput_complex input,
body.fusion-body .gform_wrapper .ginput_complex select,
.gform_wrapper .ginput_container input,
.gform_wrapper .ginput_container select,
.gform_wrapper .ginput_container textarea {
	width: 100% !important;
	box-sizing: border-box !important;
	font-family: "Plus Jakarta Sans", sans-serif !important;
	font-size: var(--gwg-gform-input-size) !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	color: var(--gwg-gform-input-active) !important;
	background-color: var(--gwg-gform-input-bg) !important;
	border: none !important;
	border-radius: var(--gwg-gform-input-radius) !important;
	box-shadow: none !important;
	padding: 14px 16px !important;
	margin: 0 !important;
	min-height: auto !important;
	height: auto !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}

.gform_wrapper .gfield textarea,
body.fusion-body .gform_wrapper .gfield textarea.textarea {
	min-height: 160px !important;
	resize: vertical !important;
}

.gform_wrapper .gfield input::placeholder,
.gform_wrapper .gfield textarea::placeholder,
.gform_wrapper .gfield select::placeholder,
.gform_wrapper .ginput_container input::placeholder,
.gform_wrapper .ginput_container textarea::placeholder {
	color: var(--gwg-gform-input-inactive) !important;
	opacity: 1 !important;
}

.gform_wrapper .gfield input::-webkit-input-placeholder,
.gform_wrapper .gfield textarea::-webkit-input-placeholder {
	color: var(--gwg-gform-input-inactive) !important;
	opacity: 1 !important;
}

.gform_wrapper .gfield input:focus,
.gform_wrapper .gfield select:focus,
.gform_wrapper .gfield textarea:focus,
body.fusion-body .gform_wrapper .gfield input:focus,
body.fusion-body .gform_wrapper .gfield select:focus,
body.fusion-body .gform_wrapper .gfield textarea:focus {
	outline: none !important;
	border: none !important;
	box-shadow: none !important;
	color: var(--gwg-gform-input-active) !important;
	background-color: var(--gwg-gform-input-bg) !important;
}

.gform_wrapper .gfield .gravity-select-parent select,
.gform_wrapper .gfield select {
	padding-top: 14px !important;
	padding-bottom: 14px !important;
	height: auto !important;
}

.gform_wrapper .top_label input.large,
.gform_wrapper .top_label select.large,
.gform_wrapper .top_label textarea.textarea {
	width: 100% !important;
}

/* Character counter (message field) */
.gform_wrapper .ginput_counter,
.gform_wrapper .gfield_counter,
.gform_wrapper .charleft {
	font-family: "Plus Jakarta Sans", sans-serif !important;
	font-size: 12px !important;
	color: var(--gwg-gform-input-inactive) !important;
}

/* -------------------------------------------------------------------------
   Submit button (full-width CTA)
   ------------------------------------------------------------------------- */

.gform_wrapper .gform_footer,
.gform_wrapper .gform_page_footer {
	margin: var(--gwg-gform-field-gap) 0 0 0 !important;
	padding: 0 !important;
}


.gform_wrapper .gform_button,
.gform_wrapper .button,
.gform_wrapper input[type="submit"],
.gform_wrapper .gform_page_footer input[type="submit"],
body.fusion-body .gform_wrapper .gform_button {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	font-family: "Plus Jakarta Sans", sans-serif !important;
	font-size: var(--gwg-gform-input-size) !important;
	font-weight: 700 !important;
	line-height: 1.5 !important;
	text-align: center !important;
	color: var(--gwg-gform-cta-text) !important;
	background-color: var(--gwg-gform-cta-bg) !important;
	background-image: none !important;
	border: none !important;
	border-radius: var(--gwg-gform-input-radius) !important;
	box-shadow: none !important;
	padding: 16px 24px !important;
	margin: 0 !important;
	cursor: pointer !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	top: auto !important;
	position: relative !important;
}

.gform_wrapper .gform_button:hover,
.gform_wrapper .button:hover,
.gform_wrapper input[type="submit"]:hover,
body.fusion-body .gform_wrapper .gform_button:hover {
	color: var(--gwg-gform-cta-text) !important;
	background-color: var(--gwg-gform-cta-bg) !important;
	background-image: none !important;
	border: none !important;
	box-shadow: none !important;
	opacity: 0.92 !important;
}

.gform_wrapper .gform_button:focus,
.gform_wrapper .button:focus,
.gform_wrapper input[type="submit"]:focus,
body.fusion-body .gform_wrapper .gform_button:focus {
	outline: none !important;
	color: var(--gwg-gform-cta-text) !important;
	background-color: var(--gwg-gform-cta-bg) !important;
	border: none !important;
	box-shadow: none !important;
}

.gform_wrapper .gform_button:active,
.gform_wrapper .button:active,
.gform_wrapper input[type="submit"]:active {
	top: auto !important;
}

.gform_wrapper .gform_button::before,
.gform_wrapper .gform_button::after,
.gform_wrapper .button::before,
.gform_wrapper .button::after,
.gform_wrapper input[type="submit"]::before,
.gform_wrapper input[type="submit"]::after {
	display: none !important;
	content: none !important;
}


/* -------------------------------------------------------------------------
   Validation & messages
   ------------------------------------------------------------------------- */

.gform_wrapper .gfield_error .gfield_label,
.gform_wrapper .gfield_error .gform-field-label {
	color: var(--gwg-gform-error-color) !important;
}

.gform_wrapper .gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
.gform_wrapper .gfield_error select,
.gform_wrapper .gfield_error textarea {
	border: 1px solid var(--gwg-gform-error-color) !important;
}

.gform_wrapper .validation_message,
.gform_wrapper .gfield_validation_message {
	font-family: "Plus Jakarta Sans", sans-serif !important;
	color: var(--gwg-gform-error-color) !important;
}

.gform_wrapper .gform_confirmation_message {
	font-family: "Plus Jakarta Sans", sans-serif !important;
	color: var(--gwg-gform-success-color) !important;
}

/* -------------------------------------------------------------------------
   Multi-page forms
   ------------------------------------------------------------------------- */

.gform_wrapper .gform_page_footer {
	margin-top: var(--gwg-gform-field-gap) !important;
}
