.elementor-1771 .elementor-element.elementor-element-7c5f62e8{padding:0px 0px 0px 0px;}.elementor-1771 .elementor-element.elementor-element-741db229{padding:0px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-c651975 *//* =================================================================
   BIRDIE BAY - Franchise Apply / Inquiry Form (No. 09)
   GRAVITY FORMS stylesheet

   Companion to birdie-bay-fr-apply.html. The original file is a
   hand-built static form; this file restyles the markup that
   Gravity Forms generates so a real GF form matches that design.

   IMPORTANT: enqueue this file AFTER Gravity Forms' own CSS. Many
   rules below match GF's default specificity and win by load order.

   This stylesheet applies to EVERY Gravity Form on the site (rules
   are scoped only to .gform_wrapper). No per-form CSS class needed.

   ----------------------------------------------------------------
   GRAVITY FORMS EDITOR SETUP
   ----------------------------------------------------------------
   FORM SETTINGS
     - Form Settings > "Required Field Indicator": Custom, text "REQ"
       (reproduces the small rust "REQ" tag from the design)

   FIELD WIDTHS (drag the width handle in the editor)
     - First name / Last name ............ Half
     - Email / Mobile .................... Half
     - City, state / Current profession . Half
     - Liquid capital / Net worth ....... Half
     - everything else .................. Full

   SECTION HEADERS (Standard Fields > Section)
     Add a Section field above each group. Put the heading in the
     section label and the helper sentence in its description, then
     set the section's "CSS Class Name" to one of:
         bb-sec-a   prints the "Section A / 03" badge
         bb-sec-b   prints the "Section B / 03" badge
         bb-sec-c   prints the "Section C / 03" badge
     If HTML is allowed in labels, wrap the accent word in <em></em>.

   RADIO FIELDS (Development size, Operate the first club?)
     No extra class needed: radio choices render as the chip strip
     automatically. GF has no per-choice sub-label, so the small
     "1 club / 5 yr" sub-text from the mock is not reproduced; fold
     it into the choice label if you want it.

   CONSENT CHECKBOX
     Use a single-choice Checkbox field and mark it Required.

   FINE PRINT (the privacy line under the form)
     Add an HTML field as the LAST field with CSS Class Name:
     bb-fr-fine and paste the legal sentence as its content.

   SUBMIT BUTTON
     Form Settings > Submit Button text, e.g. "Send inquiry".

   NOTE: tuned for the modern Gravity Forms theme (gravity-theme,
   GF 2.5+). A small legacy fallback is included at the bottom.
   ================================================================= */

/* ---------- SCOPE + DESIGN TOKENS ---------- */
.gform_wrapper {
  --fr-forest: #1f3d30;
  --fr-forest-deep: #13281f;
  --fr-forest-ink: #0c1d16;
  --fr-cream: #f3ecdc;
  --fr-cream-2: #ece3cf;
  --fr-bone: #faf5e8;
  --fr-ochre: #c9923e;
  --fr-ochre-soft: #e3b366;
  --fr-ink: #141a16;
  --fr-line: rgba(20,26,22,.14);
  --fr-rust: #a24a2a;

  font-family: "Inter", system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.55;
  color: var(--fr-ink);
  -webkit-font-smoothing: antialiased;
  width:100%;
}
.gform_wrapper *,
.gform_wrapper *::before,
.gform_wrapper *::after { box-sizing: border-box; }

/* ---------- OPTIONAL GF HEADING (if title/description enabled) ---------- */
/* The big "Start the conversation." headline normally lives outside the
   form in the page layout. If you let GF print its own heading, this keeps
   it on-brand. Otherwise output the form with title=false description=false. */
.gform_wrapper .gform_heading { margin: 0 0 28px; }
.gform_wrapper .gform_title {
  font-family: "Fraunces", serif; font-weight: 400;
  font-size: clamp(34px, 4vw, 56px); line-height: .98; letter-spacing: -.026em;
  margin: 0;
}
.gform_wrapper .gform_description {
  display: block; font-size: 16px; color: #3a4740; line-height: 1.65;
  margin-top: 14px; max-width: 56ch;
}

/* ---------- THE CARD (wraps all fields) ---------- */
.gform_wrapper .gform_body { margin: 0; }
.gform_wrapper .gform_fields {
  background: var(--fr-cream);
  border: 1px solid var(--fr-line);
  border-radius: 2px;
  padding: 36px 40px;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: 16px;
  row-gap: 18px;
  align-items: start;
  margin: 0;
  list-style: none;            /* legacy <ul> safety */
}

/* every field is a grid item; reset GF default margins */
.gform_wrapper .gfield { margin: 0; padding: 0; }

/* ---------- SECTION HEADERS ---------- */
.gform_wrapper .gsection {
  grid-column: 1 / -1;
  border: 0;
  padding: 0;
  margin: 4px 0 0;
}
/* groups B and C get a hairline + breathing room to read as new cards */
.gform_wrapper .bb-sec-b,
.gform_wrapper .bb-sec-c {
  margin-top: 14px;
  padding-top: 28px;
  border-top: 1px dotted var(--fr-line);
}
/* the floating mono badge */
.gform_wrapper [class*="bb-sec-"]::before {
  display: block;
  margin-bottom: 12px;
  font-family: "JetBrains Mono", monospace;
  font-size: 10px; letter-spacing: .2em; text-transform: uppercase;
  color: var(--fr-forest);
}
.gform_wrapper .bb-sec-a::before { content: "Section A / 03"; }
.gform_wrapper .bb-sec-b::before { content: "Section B / 03"; }
.gform_wrapper .bb-sec-c::before { content: "Section C / 03"; }

.gform_wrapper .gsection_title {
  font-family: "Fraunces", serif; font-weight: 500;
  font-size: 26px; line-height: 1.2; letter-spacing: -.01em;
  color: var(--fr-ink); margin: 0 0 6px;
}
.gform_wrapper .gsection_title em {
  font-style: italic; font-weight: 300; color: var(--fr-forest);
}
.gform_wrapper .gsection_description {
  font-family: "Inter", sans-serif; font-size: 13.5px; color: #4a544d;
  line-height: 1.55; margin: 0; padding: 0; max-width: 60ch;
}

/* ---------- LABELS / REQUIRED / DESCRIPTION (hint) ---------- */
.gform_wrapper .gfield_label {
  font-family: "JetBrains Mono", monospace;
  font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase;
  font-weight: 500; color: var(--fr-forest);
  display: block; margin: 0 0 6px;
}
.gform_wrapper .gfield_required {
  color: var(--fr-rust); font-size: 9px; opacity: .8;
  margin-left: 6px; text-transform: uppercase;
}
.gform_wrapper .gfield_description,
.gform_wrapper .gfield_description.validation_message {
  font-family: "Inter", sans-serif; font-size: 11px; color: #6b7571;
  line-height: 1.5; margin: 6px 0 0; padding: 0;
}

/* ---------- TEXT INPUTS / SELECT / TEXTAREA ---------- */
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="url"],
.gform_wrapper input[type="number"],
.gform_wrapper input[type="password"],
.gform_wrapper select,
.gform_wrapper textarea {
  font-family: "Inter", sans-serif; font-size: 15px; color: var(--fr-ink);
  background: var(--fr-bone);
  border: 1px solid rgba(20,26,22,.18);
  border-radius: 2px;
  padding: 13px 14px;
  width: 100%;
  outline: none;
  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
.gform_wrapper input[type="text"]:focus,
.gform_wrapper input[type="email"]:focus,
.gform_wrapper input[type="tel"]:focus,
.gform_wrapper input[type="url"]:focus,
.gform_wrapper input[type="number"]:focus,
.gform_wrapper input[type="password"]:focus,
.gform_wrapper select:focus,
.gform_wrapper textarea:focus {
  border-color: var(--fr-forest);
  box-shadow: 0 0 0 3px rgba(31,61,48,.12);
  background: #fffaee;
}
.gform_wrapper ::placeholder { color: #8a948f; font-style: italic; }

.gform_wrapper textarea {
  min-height: 110px; resize: vertical;
}

/* custom select arrow */
.gform_wrapper select {
  appearance: none; -webkit-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='none' stroke='%231f3d30' stroke-width='1.5' d='M1 1l4 4 4-4'/></svg>");
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 34px;
}

/* the GF container is just a passthrough here */
.gform_wrapper .ginput_container { margin: 0; }

/* ---------- RADIO STRIP (chips) ---------- */
.gform_wrapper .gfield_radio {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 8px;
}
.gform_wrapper .gfield_radio .gchoice { margin: 0; padding: 0; }

/* hide the native control but keep it focusable for keyboard users */
.gform_wrapper .gfield_radio .gfield-choice-input,
.gform_wrapper .gfield_radio input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 1px; height: 1px;
  pointer-events: none;
}
.gform_wrapper .gfield_radio .gchoice label {
  display: flex; align-items: center; justify-content: center; text-align: center;
  min-height: 100%;
  margin: 0; padding: 12px 10px;
  border: 1px solid rgba(20,26,22,.18); border-radius: 2px;
  background: var(--fr-bone); cursor: pointer;
  font-family: "JetBrains Mono", monospace;
  font-size: 11px; letter-spacing: .1em; text-transform: uppercase;
  color: var(--fr-ink);
  transition: all .15s ease;
}
.gform_wrapper .gfield_radio .gchoice label:hover { border-color: var(--fr-forest); }
.gform_wrapper .gfield_radio input:checked + label {
  background: var(--fr-forest); color: var(--fr-cream); border-color: var(--fr-forest);
}
.gform_wrapper .gfield_radio input:focus-visible + label {
  box-shadow: 0 0 0 3px rgba(31,61,48,.2);
}

/* ---------- CONSENT CHECKBOX ---------- */
.gform_wrapper .gfield_checkbox .gchoice {
  display: flex; gap: 10px; align-items: flex-start;
  margin: 0; padding: 14px;
  border: 1px solid rgba(20,26,22,.18); border-radius: 2px;
  background: var(--fr-bone);
}
.gform_wrapper .gfield_checkbox input[type="checkbox"] {
  margin-top: 3px; width: auto; flex: none;
  accent-color: var(--fr-forest);
}
.gform_wrapper .gfield_checkbox .gchoice label {
  font-family: "Inter", sans-serif; font-weight: 400;
  font-size: 13.5px; line-height: 1.45; letter-spacing: 0;
  text-transform: none; color: #3a4740; cursor: pointer; margin: 0;
}

/* ---------- FINE PRINT (HTML field, last in form) ---------- */
.gform_wrapper .bb-fr-fine,
.gform_wrapper .gfield.bb-fr-fine {
  grid-column: 1 / -1;
  margin: 6px 0 0;
  padding-top: 18px;
  border-top: 1px dotted var(--fr-line);
  font-family: "JetBrains Mono", monospace;
  font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase;
  color: #6b7571; line-height: 1.55; max-width: 60ch;
}

/* ---------- FOOTER + SUBMIT ---------- */
.gform_wrapper .gform_footer {
  margin: 28px 0 0;
  padding: 22px 28px;
  background: var(--fr-forest);
  border-radius: 2px;
  display: flex; justify-content: flex-end; align-items: center;
  gap: 20px; flex-wrap: wrap;
}
.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_footer button,
.gform_wrapper .gform_button {
  background: var(--fr-ochre); color: var(--fr-forest-ink);
  border: none; width: auto;
  padding: 16px 26px; border-radius: 999px; cursor: pointer;
  font-family: "Inter", sans-serif; font-weight: 500; font-size: 14px; letter-spacing: .02em;
  transition: background .15s ease, transform .15s ease;
}
.gform_wrapper .gform_footer input[type="submit"]:hover,
.gform_wrapper .gform_footer button:hover,
.gform_wrapper .gform_button:hover {
  background: var(--fr-ochre-soft); transform: translateY(-1px);
}
/* GF AJAX spinner sits next to the button */
.gform_wrapper .gform_ajax_spinner { margin-left: 12px; }

/* ---------- VALIDATION (mapped to the palette) ---------- */
.gform_wrapper .gform_validation_errors {
  background: #fdf3ef; border: 1px solid var(--fr-rust); border-radius: 2px;
  color: var(--fr-rust); padding: 16px 20px; margin: 0 0 20px; box-shadow: none;
}
.gform_wrapper .gform_validation_errors .gform_submission_error {
  font-family: "Fraunces", serif; font-weight: 500; font-size: 18px; color: var(--fr-rust);
}
.gform_wrapper .gfield_error input,
.gform_wrapper .gfield_error select,
.gform_wrapper .gfield_error textarea {
  border-color: var(--fr-rust);
}
.gform_wrapper .gfield_validation_message,
.gform_wrapper .gfield_error .gfield_validation_message {
  background: none; border: 0; padding: 4px 0 0; margin: 0;
  color: var(--fr-rust);
  font-family: "JetBrains Mono", monospace;
  font-size: 10.5px; letter-spacing: .06em; text-transform: uppercase;
}
/* GF likes to add a red left border / background to errored fields */
.gform_wrapper .gfield.gfield_error,
.gform_wrapper .gfield_error.gfield--type-choice {
  background: transparent; border: 0; padding: 0;
}

/* ---------- CONFIRMATION MESSAGE ---------- */
.gform_wrapper + .gform_confirmation_wrapper .gform_confirmation_message,
.gform_confirmation_wrapper .gform_confirmation_message {
  font-family: "Fraunces", serif; font-size: 22px; line-height: 1.3; color: var(--fr-forest);
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 700px) {
  .gform_wrapper .gform_fields { padding: 26px 22px; }
  .gform_wrapper .gform_footer { padding: 18px 20px; justify-content: stretch; }
  .gform_wrapper .gform_footer input[type="submit"],
  .gform_wrapper .gform_footer button,
  .gform_wrapper .gform_button { width: 100%; }
}
@media (max-width: 600px) {
  /* collapse the half-width grid even if GF has not already */
  .gform_wrapper .gform_fields > .gfield { grid-column: 1 / -1 !important; }
}

/* =================================================================
   LEGACY FALLBACK (only if the form is NOT using gravity-theme,
   i.e. the older <ul>/<li> float markup). Modern installs ignore
   this block. Half widths float instead of using the grid.
   ================================================================= */
.gform_wrapper:not(.gravity-theme) .gform_fields { display: block; }
.gform_wrapper:not(.gravity-theme) .gform_fields::after { content: ""; display: table; clear: both; }
.gform_wrapper:not(.gravity-theme) .gfield { margin-bottom: 18px; }
.gform_wrapper:not(.gravity-theme) .gfield.gf_left_half  { width: calc(50% - 8px); float: left;  clear: left; }
.gform_wrapper:not(.gravity-theme) .gfield.gf_right_half { width: calc(50% - 8px); float: right; clear: right; }
@media (max-width: 600px) {
  .gform_wrapper:not(.gravity-theme) .gfield.gf_left_half,
  .gform_wrapper:not(.gravity-theme) .gfield.gf_right_half { width: 100%; float: none; }
}/* End custom CSS */