.community-section-footer .background-layer {
  background-color: #005baa !important;
}

.community-section-footer .bs-footer {
  background-color: #005baa !important;
}

/*
  Drive to Success 2026 — extracted theme color reference
  Source: https://www.rsvpme.africa/DriveToSuccess2026
  Extracted by inspecting computed styles on the live page.

  IMPORTANT: Zoho Backstage's Website Designer has no site-wide custom
  CSS field, so this file will NOT apply automatically. It is a reference
  palette only — use the hex values below when picking colors in:
    Design > Website > Edit Website > (Themes tab, or each section's
    own style/color settings, where available).
  If you want these variables live on the page, you'd need to inject
  this CSS yourself outside Backstage (e.g. via a browser extension),
  which will only affect your own browser, not what visitors see.
*/

:root {
  /* Brand accent colors */
  --color-primary-blue: #005baa;   /* active nav tab bg, headings accent (e.g. "Networking Opportunity" H3), links */
  --color-cta-lime: #b7d033;       /* primary "Register Now" button background */
  --color-secondary-blue: #005baa; /* ticket card header background (e.g. "Golf Player RSVP") */
  --color-accent-orange: #f04e23;  /* sponsor banner background band */
  --color-nav-navy: #1121d1;       /* inactive nav link text, secondary dark text */

  /* Neutrals */
  --color-white: #ffffff;          /* page background, text on dark/overlay surfaces */
  --color-black: #000000;          /* default body text, button label text */
  --color-section-bg-light: #f7f8f9; /* light gray section background */
  --color-hero-overlay: #22272a;   /* dark tint layer over the hero golf photo */
  --color-overlay-darker: #1121d1; /* darker UI surface, e.g. "Add to Calendar" control */
  --color-text-muted: #767676;     /* secondary/muted paragraph text */
  --color-border-light: #eeeeee;   /* hairline dividers */
  --color-border-medium: #dadde1;  /* slightly stronger dividers/borders */
  --color-countdown-border: #ffffff; /* countdown timer box border (on dark hero) */
}

/*
  Where each color shows up on the page, for reference:

  Header nav bar:
    - Active tab ("Home") background: var(--color-primary-blue), text: white
    - Inactive tabs (Program/RSVP/Contact Us): var(--color-nav-navy) text, transparent bg

  Hero section:
    - Background: golf photo image + var(--color-hero-overlay) dark tint
    - Title "Drive to Success 2026": white text
    - Countdown box: 1px solid var(--color-countdown-border)
    - "Register Now" button: background var(--color-cta-lime), black text

  Body sections:
    - Section background: white, or var(--color-section-bg-light) for alternating sections
    - Section heading ("Networking Opportunity..."): var(--color-primary-blue)
    - Paragraph text: black, with var(--color-text-muted) for secondary lines

  Sponsor band:
    - Background: var(--color-accent-orange), white text

  Ticket / RSVP cards:
    - Card header background: var(--color-secondary-blue)
*/