.elementor-kit-9{--e-global-color-primary:#002244;--e-global-color-secondary:#A67D34;--e-global-color-text:#202020;--e-global-color-accent:#E6E6E6;--e-global-color-4e4f9e5:#FFFFFF;--e-global-color-b1d47bc:#2D496A;--e-global-color-b4e1405:#707070;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-size:5rem;--e-global-typography-primary-font-weight:900;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-size:3rem;--e-global-typography-secondary-font-weight:bold;--e-global-typography-text-font-family:"calibri";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:normal;--e-global-typography-text-line-height:1.5em;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-size:1.6rem;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:uppercase;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-kit-9 h3{color:var( --e-global-color-primary );font-family:"Montserrat", Sans-serif;font-size:2.6rem;}.elementor-kit-9 label{color:var( --e-global-color-primary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-9 input:not([type="button"]):not([type="submit"]),.elementor-kit-9 textarea,.elementor-kit-9 .elementor-field-textual{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );background-color:var( --e-global-color-accent );box-shadow:0px 5px 5px 0px rgba(0, 0, 0, 0.2) inset;border-radius:5px 5px 5px 5px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1104px){.elementor-kit-9{--e-global-typography-primary-font-size:4rem;--e-global-typography-secondary-font-size:3.5rem;--e-global-typography-accent-font-size:2.25rem;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-9 label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-9 input:not([type="button"]):not([type="submit"]),.elementor-kit-9 textarea,.elementor-kit-9 .elementor-field-textual{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:599px){.elementor-kit-9{--e-global-typography-primary-font-size:3rem;--e-global-typography-secondary-font-size:3rem;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-9 label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-9 input:not([type="button"]):not([type="submit"]),.elementor-kit-9 textarea,.elementor-kit-9 .elementor-field-textual{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap'); body:not(.global-announcement-active) .global-announcement-bar { display: none !important; } html, body { overflow-x: hidden; max-width: 100%; } /* ============================================================ DIAMOND HAWK — CORPORATE GOLF PACK FORM (#38) Portable version. Works for BOTH the Elementor Gravity Forms widget (Rates & Passes) and the [gravityform] shortcode (WooCommerce product page). Place in: Appearance > Customize > Additional CSS, or child theme style.css. Do NOT paste inline per page. PASTE THE ENTIRE FILE, TOP TO BOTTOM — delete the old block fully first rather than pasting over it. ARROW — Aug 2026, REVISED All custom appearance/background-image suppression on the itself or its arrow. .ginput_container_select::after is deliberately NOT in this list — leave it alone, that's where GF's own built-in arrow lives. ---------------------------------------------------------- */ #gform_wrapper_38 .ginput_container_address::after, #gform_wrapper_38 .ginput_complex::after, #gform_wrapper_38 .gfield::after, #gform_wrapper_38 .address_city::after, #gform_wrapper_38 .ginput_container_address::before, #gform_wrapper_38 .ginput_complex::before { content: none !important; display: none !important; } /* ---------------------------------------------------------- 5. UNIFORM INPUT FIELDS ---------------------------------------------------------- */ #gform_wrapper_38 input[type="text"], #gform_wrapper_38 input[type="email"], #gform_wrapper_38 input[type="tel"], #gform_wrapper_38 input[type="number"], #gform_wrapper_38 input[type="date"], #gform_wrapper_38 select, #gform_wrapper_38 textarea { width: 100% !important; height: 48px !important; padding: 0 16px !important; font-size: 15px !important; font-family: Montserrat, sans-serif !important; color: #707070 !important; background-color: #E8E8E8 !important; border: none !important; border-radius: 4px !important; box-sizing: border-box !important; } #gform_wrapper_38, #gform_38 { max-width: 736px !important; width: 100% !important; } /* 5b. Placeholder text — same gray as everything else. opacity:1 overrides Firefox's default 54% placeholder fade. */ #gform_wrapper_38 ::placeholder { color: #707070 !important; opacity: 1 !important; } /* 5c. Extra right padding on and its real native dropdown panel, just a rendering path where padding reaches the icon. Layout pinned explicitly (display/direction/justify) rather than trusting the browser's default flex behavior. Fully wrapped in @supports — unsupported browsers keep today's flush-edge arrow, untouched. */ @supports (appearance: base-select) { #gform_wrapper_38 select, #gform_wrapper_38 ::picker(select) { appearance: base-select; } #gform_wrapper_38 select { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; } /* Chevron icon — swaps the browser's default marker for the original thin-stroke chevron shape via the dedicated icon slot. The ITSELF has been removed. Gravity Forms' own built-in select styling renders as shipped — same on the widget and the shortcode, no per-placement class needed. ARROW SPACING — Aug 2026, PROGRESSIVE ENHANCEMENT (v2) Section 5d opts into `appearance: base-select` (Chrome/Edge 135+) so padding can finally reach the icon, with layout pinned explicitly (display/direction/justify) rather than trusting the browser's default flex behavior. Fully wrapped in @supports — unsupported browsers keep today's flush-edge native arrow. CHEVRON ICON — Aug 2026 ::picker-icon's content is the original thin-stroke chevron SVG, recolored to #707070, align-self: center to fix vertical position. CONSENT BOX — Aug 2026, ROOT CAUSE #1 The fixed-height/scrolling/bordered box lives on a SECOND wrapper one level deeper than the original CSS assumed: .gfield_consent_description_text, nested inside the outer .gfield_consent_description. Fixed — no more scrollbar. CONSENT BOX COLUMNS — Aug 2026, ROOT CAUSE #2 Putting column-count:2 on BOTH the outer and inner wrapper at once created a NESTED multicol context — the outer splits into 2 columns, and since its one child (the inner div) is ALSO a 2-column multicol container, the browser can fragment that as 2x2 = 4 visible columns. Fixed by splitting Section 8 into two separate rules: the OUTER .gfield_consent_description is now explicitly forced back to columns:auto/column-count:1 (a plain box, just clearing GF's height/border/scroll), and ONLY the INNER .gfield_consent_description_text gets column-count:2. TEXT COLOR — Aug 2026 All visible form text (labels, descriptions, input values, placeholders, consent fine print, file-upload button) is now #707070, font Montserrat throughout. Exception: the submit button keeps white text on its colored background — that's a CTA contrast choice, not body copy, so it was left as-is. ============================================================ */ /* ---------------------------------------------------------- 0. FORCE MONTSERRAT — GLOBAL ---------------------------------------------------------- */ #gform_wrapper_37, #gform_wrapper_37 * { font-family: Montserrat, sans-serif !important; } /* ---------------------------------------------------------- 1. HEADING / LEGEND ---------------------------------------------------------- */ #gform_wrapper_37 .gform_required_legend, #gform_wrapper_37 .gfield_required_legend { display: none !important; } /* If #37 is ever rendered by shortcode, also set title="false" description="false" so the H3 never renders. */ #gform_wrapper_37 .gform_title, #gform_wrapper_37 .gform_description { display: none !important; } /* ---------------------------------------------------------- 2. LABELS, DESCRIPTIONS & REQUIRED ASTERISKS ---------------------------------------------------------- */ #gform_wrapper_37 .gfield_label, #gform_wrapper_37 legend.gfield_label, #gform_wrapper_37 .gform-field-label, #gform_wrapper_37 .ginput_complex label { color: #707070 !important; font-weight: 600 !important; font-size: 14px !important; line-height: 19px !important; display: block !important; margin-bottom: 8px !important; } #gform_wrapper_37 .gfield_required, #gform_wrapper_37 .gfield_required_asterisk, #gform_wrapper_37 .gfield_required_text, #gform_wrapper_37 .gfield_required .gfield_required_text { color: #707070 !important; font-weight: 600 !important; } #gform_wrapper_37 .gfield_description, #gform_wrapper_37 .gform-field-description, #gform_wrapper_37 .instruction { color: #707070 !important; font-size: 12px !important; font-weight: 400 !important; line-height: 19px !important; } /* Radio / checkbox sizing — widget value 15px. The consent checkbox is deliberately 27px, set in section 8. */ #gform_wrapper_37 input[type="radio"], #gform_wrapper_37 .gfield--type-checkbox input[type="checkbox"] { width: 15px !important; height: 15px !important; min-width: 15px !important; } /* ---------------------------------------------------------- 3. BORDERS / SHADOWS / FOCUS — GLOBAL RESET ---------------------------------------------------------- */ #gform_wrapper_37 input:not([type="checkbox"]):not([type="radio"]), #gform_wrapper_37 textarea, #gform_wrapper_37 select { box-shadow: none !important; -webkit-box-shadow: none !important; border: none !important; outline: none !important; } #gform_wrapper_37 .gfield, #gform_wrapper_37 .ginput_container, #gform_wrapper_37 .ginput_complex, #gform_wrapper_37 .gsection, #gform_wrapper_37 .gform_heading, #gform_wrapper_37 fieldset, #gform_wrapper_37 legend { border: none !important; box-shadow: none !important; } /* ---------------------------------------------------------- 4. SELECT — STRAY PSEUDO-ELEMENT CLEANUP ONLY No appearance/background-image rules remain here. This block only removes decorative ::before/::after pseudo-elements that some themes add to address/name compound-field containers — it never touches the only. On legacy native rendering this only shifts the selected TEXT (harmless — just a bit more inset than other fields); on browsers that support 5d below, this same padding also becomes the icon's breathing room from the edge, since the select becomes a real flex box. */ #gform_wrapper_37 select { padding-right: 40px !important; } /* 5d. Progressive enhancement — still the real native and its dropdown panel stay fully native; only the icon's own content is replaced. align-self pins it vertically centered in the row. */ #gform_wrapper_37 ::picker-icon { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23707070' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M1 2 6 7 11 2'/%3E%3C/svg%3E") !important; width: 12px !important; height: 8px !important; align-self: center !important; margin-inline-start: auto !important; margin-right: -15px !important; margin-top: -24px !important; flex-shrink: 0 !important; } /* State field confirmed as #input_37_43 via live DOM — targeting it directly rather than guessing at a container class, so this is guaranteed to match regardless of what wraps it. */ #input_37_43::picker-icon { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23707070' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M1 2 6 7 11 2'/%3E%3C/svg%3E") !important; width: 12px !important; height: 8px !important; align-self: center !important; margin-inline-start: auto !important; margin-right: -15px !important; margin-top: -24px !important; flex-shrink: 0 !important; } /* Open dropdown panel background — matches closed-field gray */ #gform_wrapper_37 ::picker(select) { background-color: #E8E8E8 !important; } } /* ---------------------------------------------------------- 6. SPECIFIC FIELD OVERRIDES ---------------------------------------------------------- */ /* Total — read-only */ #input_37_11, #gform_wrapper_37 input[readonly] { background-color: #E8E8E8 !important; color: #707070 !important; cursor: default !important; width: 100% !important; } /* Date of Birth */ #input_37_7 { text-transform: uppercase; width: 100% !important; } #input_37_7::placeholder { text-transform: uppercase !important; } #field_37_7 .ginput_container_date img.ui-datepicker-trigger, #field_37_7 .gform-datepicker-icon, #field_37_7 .gform-datepicker-toggle, #datepicker_toggle_input_37_7 { display: none !important; } #field_37_7 .ginput_container_date, #field_37_7 .datepicker_with_icon { width: 100% !important; } /* ---------------------------------------------------------- 7. FILE UPLOAD Native input with a styled button. No JS. ---------------------------------------------------------- */ #field_37_50 { display: flex !important; flex-direction: column !important; } #field_37_50 .gfield_label { order: 0 !important; } #field_37_50 #gfield_upload_rules_37_50 { order: 1 !important; display: none !important; } #field_37_50 .gfield_description { order: 2 !important; margin-bottom: 8px !important; } #field_37_50 .ginput_container_fileupload { order: 3 !important; } #field_37_50 .ginput_container_fileupload { background: none !important; border: none !important; padding: 0 !important; height: auto !important; } #input_37_50 { width: 100% !important; height: auto !important; display: block !important; background: none !important; border: none !important; padding: 0 !important; font-size: 13px !important; color: #707070 !important; cursor: pointer !important; } #input_37_50::file-.elementor-kit-9-button { background-color: #efefef !important; border: 1px solid #c0c0c0 !important; border-radius: 3px !important; padding: 4px 10px !important; font-size: 13px !important; cursor: pointer !important; color: #707070 !important; line-height: 1.4 !important; margin-right: 10px !important; } /* ---------------------------------------------------------- 8. CONSENT / TERMS — TWO COLUMNS, NO SCROLL Split into two separate declarations on purpose: 8a targets the OUTER .gfield_consent_description / #gfield_consent_description_37_12 — a plain reset, NO column properties here. 8b targets the INNER .gfield_consent_description_text — this is the only element that gets column-count:2. Putting columns on both at once nested two multicol contexts and produced 4 visible columns instead of 2. ---------------------------------------------------------- */ #field_37_12 { width: 100% !important; max-width: 100% !important; padding: 5px 0 !important; margin: 0 !important; } /* 8a. OUTER wrapper — plain box, explicitly NOT multicol */ #gform_wrapper_37 .gfield_consent_description, #field_37_12 .gfield_consent_description, #field_37_12 #gfield_consent_description_37_12 { height: auto !important; max-height: none !important; min-height: 0 !important; overflow: visible !important; overflow-y: visible !important; border: none !important; background: none !important; box-shadow: none !important; outline: none !important; resize: none !important; columns: auto !important; column-count: 1 !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; padding: 0 !important; margin: 0 !important; } /* 8b. INNER text wrapper — the actual 2-column layout lives here */ #gform_wrapper_37 .gfield_consent_description_text, #field_37_12 .gfield_consent_description_text { height: auto !important; max-height: none !important; min-height: 0 !important; overflow: visible !important; overflow-y: visible !important; border: none !important; background: none !important; box-shadow: none !important; outline: none !important; resize: none !important; columns: 2 auto !important; column-count: 2 !important; column-width: auto !important; column-gap: 40px !important; column-fill: balance !important; color: #707070 !important; font-size: 12px !important; line-height: 16px !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; padding: 0 !important; margin: 0 !important; } /* Remove leading
that misaligns the two columns */ #gfield_consent_description_37_12 > br:first-child, #gfield_consent_description_37_12 .gfield_consent_description_text > br:first-child { display: none !important; } #field_37_12 .ginput_container_consent { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 5px !important; width: 100% !important; line-height: 20px; margin-top: 22px !important; margin-bottom: 10px !important; border: none !important; box-shadow: none !important; } #field_37_12 .gfield_consent_label { margin-top: 1px !important; color: #707070 !important; font-size: 14px !important; font-weight: 600 !important; } #field_37_12 .gfield_consent_label::before, #field_37_12 label::before { content: none !important; display: none !important; } /* Custom checkbox */ #input_37_12_1 { appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; background-image: none !important; background-color: #E8E8E8 !important; border: 1px solid #aaaaaa !important; border-radius: 3px !important; box-shadow: none !important; -webkit-box-shadow: none !important; width: 27px !important; height: 27px !important; min-width: 27px !important; cursor: pointer !important; flex-shrink: 0 !important; margin-top: 0 !important; position: relative !important; } /* Custom checkmark */ #input_37_12_1:checked::after { content: '' !important; position: absolute !important; left: 7px !important; top: 4px !important; width: 7px !important; height: 13px !important; border: solid #002244 !important; border-width: 0 2px 2px 0 !important; transform: rotate(45deg) !important; } /* Kill duplicate native/theme checkmark on checked state */ #input_37_12_1:checked { appearance: none !important; -webkit-appearance: none !important; background-image: none !important; background-color: #E8E8E8 !important; } #input_37_12_1:checked::before { content: none !important; display: none !important; } /* ---------------------------------------------------------- 9. FIELD SPACING ---------------------------------------------------------- */ #gform_wrapper_37 .gfield { margin-bottom: 12px !important; } #gform_wrapper_37 .gfield--type-name .ginput_complex span.name_first { margin-bottom: 12px !important; } /* ---------------------------------------------------------- 10. FOOTER & SUBMIT BUTTON Intentionally NOT #707070 — white text on the brand color is a CTA contrast choice, kept separate from body/fine-print text. ---------------------------------------------------------- */ #gform_wrapper_37 .gform-footer, #gform_wrapper_37 .gform_footer { display: block !important; margin: 0 !important; padding: 0 !important; text-align: left !important; } #gform_wrapper_37 .gform-footer input[type="submit"], #gform_wrapper_37 .gform_footer input[type="submit"] { margin: 27px 0 0 !important; width: auto !important; } html body #gform_wrapper_37 #gform_submit_button_37.gform_button { background-color: #A67D34 !important; color: #ffffff !important; border: none !important; border-radius: 5px !important; width: 240px !important; padding: 16px 0 16px 0 !important; margin: 27px 0 0 !important; font-weight: 700 !important; font-size: 20px !important; letter-spacing: 2px !important; cursor: pointer !important; text-transform: uppercase !important; white-space: nowrap !important; transition: background-color 0.2s ease !important; } html body #gform_wrapper_37 #gform_submit_button_37.gform_button:hover, html body #gform_wrapper_37 #gform_submit_button_37.gform_button:focus { background-color: #002244 !important; color: #ffffff !important; } /* ---------------------------------------------------------- 11. DATEPICKER Renders outside #gform_wrapper_37, so section 0 can't reach it — it needs its own font rule. Sitewide by necessity, not scoped to #37. Text color intentionally left as browser/theme default here — say the word if you want the calendar popup recolored too. ---------------------------------------------------------- */ .ui-datepicker, .ui-datepicker * { font-family: Montserrat, sans-serif !important; } .gravity-theme .ui-datepicker .ui-datepicker-header select, .ui-datepicker .ui-datepicker-title select.ui-datepicker-month, .ui-datepicker .ui-datepicker-title select.ui-datepicker-year, .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { font-size: 22px !important; font-weight: 600 !important; padding: 2px 4px; height: auto; accent-color: #002244 !important; } .ui-datepicker th span { font-size: 18px; font-weight: 600; } .ui-datepicker td a, .ui-datepicker td span { font-size: 18px; text-align: center; } .ui-datepicker td a.ui-state-default, .ui-datepicker td span.ui-state-default { font-size: 18px !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 2em !important; height: 2em !important; } /* ---------------------------------------------------------- 12. MOBILE — max-width: 767px ---------------------------------------------------------- */ @media (max-width: 767px) { /* All gfields full width */ #gform_wrapper_37 .gfield, #gform_wrapper_37 .gfield--width-half, #gform_wrapper_37 .gfield--width-third { width: 100% !important; box-sizing: border-box !important; } /* Kill GF legacy column classes */ #gform_wrapper_37 .gf_left_half, #gform_wrapper_37 .gf_right_half, #gform_wrapper_37 .gf_left_third, #gform_wrapper_37 .gf_middle_third, #gform_wrapper_37 .gf_right_third { width: 100% !important; float: none !important; clear: both !important; } /* Complex field wrapper stacks vertically */ #gform_wrapper_37 .ginput_complex { width: 100% !important; display: flex !important; flex-direction: column !important; gap: 8px !important; } /* All spans inside complex fields */ #gform_wrapper_37 .ginput_complex > span, #gform_wrapper_37 .gfield--type-name .ginput_complex span.name_first, #gform_wrapper_37 .gfield--type-name .ginput_complex span.name_last, #gform_wrapper_37 .gfield--type-address .ginput_complex span, #gform_wrapper_37 .ginput_complex .ginput_full, #gform_wrapper_37 .ginput_complex span.address_line_1, #gform_wrapper_37 .ginput_complex span.address_line_2, #gform_wrapper_37 .ginput_complex span.address_zip { width: 100% !important; float: none !important; display: block !important; clear: both !important; } /* All inputs/selects inside complex fields */ #gform_wrapper_37 .ginput_complex input, #gform_wrapper_37 .ginput_complex select { width: 100% !important; box-sizing: border-box !important; } /* Consent — single column on mobile (inner wrapper only) */ #field_37_12 .gfield_consent_description_text { columns: 1 auto !important; column-count: 1 !important; } }/* End custom CSS */