/* ===== POPUP MAKER: ensure hidden by default ===== */
.pum-overlay {
    display: none !important;
    position: fixed !important;
}
.pum-overlay.pum-active {
    display: block !important;
}

/* ===== NEWSLETTER POPUP ===== */
.seccc-popup-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.6);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}
.seccc-popup-overlay.visible {
    opacity: 1;
    visibility: visible;
}
.seccc-popup {
    background: #fff;
    border-radius: 4px;
    padding: 3em 2.5em;
    max-width: 480px;
    width: 90%;
    text-align: center;
    position: relative;
    box-shadow: 0 20px 60px rgba(0,0,0,0.3);
}
.seccc-popup__close {
    position: absolute;
    top: 12px;
    right: 16px;
    background: none;
    border: none;
    font-size: 24px;
    color: #999;
    cursor: pointer;
    line-height: 1;
}
.seccc-popup__close:hover { color: #333; }
.seccc-popup__title {
    font-family: 'Playfair Display', serif;
    font-size: 32px;
    font-weight: 700;
    color: #2d2d2d;
    margin-bottom: 0.3em;
}
.seccc-popup__title span {
    color: #588e76;
}
.seccc-popup__desc {
    font-size: 16px;
    color: #666;
    margin-bottom: 1.5em;
    line-height: 1.5;
}
.seccc-popup__fields {
    display: flex;
    gap: 0.75em;
    margin-bottom: 1em;
}
.seccc-popup__fields input {
    flex: 1;
    padding: 0.85em 1em;
    border: 1px solid #ddd;
    border-radius: 2px;
    font-size: 15px;
    background: #f8f8f8;
    font-family: inherit;
}
.seccc-popup__fields input:focus {
    outline: none;
    border-color: #588e76;
}
.seccc-popup__submit {
    width: 100%;
    padding: 1em;
    background: #588e76;
    color: #fff;
    border: none;
    border-radius: 2px;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Playfair Display', serif;
    cursor: pointer;
    transition: background 0.2s;
    margin-bottom: 1em;
}
.seccc-popup__submit:hover { background: #4a7a65; }
.seccc-popup__skip {
    display: inline-block;
    padding: 0.7em 2em;
    background: #2d2d2d;
    color: #fff;
    border: none;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s;
}
.seccc-popup__skip:hover { background: #444; }

/* ===== SCROLL TO TOP BUTTON ===== */
.seccc-scroll-top {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    width: 44px;
    height: 44px;
    background: #588e76;
    color: #fff;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    font-size: 20px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s, background 0.2s;
    z-index: 999;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
.seccc-scroll-top.visible {
    opacity: 1;
    visibility: visible;
}
.seccc-scroll-top:hover {
    background: #4a7a65;
}

/* ===== Hide Bricks shape dividers (squiggly lines) ===== */
.bricks-shape-divider {
    display: none !important;
}


/* ===== Hide add-listing links (legacy) ===== */
#brx-header nav a[href*="/add-listing"],
a[href*="/add-listing"] {
    display: none !important;
}

/* ===== Hide GeoDirectory remnants on Explore page ===== */
body.page-id-1054 .geodir-map-wrap,
body.page-id-1054 .geodir-category-list-in,
body.page-id-1054 .geodir-listings,
body.page-id-1054 .geodir-loop-container,
body.page-id-1054 .geodir-map-cat-checkbox,
body.page-id-1054 [class*="geodir-map"],
body.page-id-1054 .geodir-search-container {
    display: none !important;
}

/* ===== Fix Bricks mobile menu showing unstyled below footer ===== */
body > .bricks-mobile-menu-wrapper:not(.active) {
    position: fixed;
    transform: translateX(-100%);
    visibility: hidden;
}

/* ===== Elfsight branding hide ===== */
.elfsight-app-1efb6ad3-dd59-4d5b-ad70-9e99cf6d50d8 + a,
a[href*="elfsight.com"] {
    display: none !important;
}

/* ===== GLOBAL POLISH (Northalsted-inspired) ===== */
:root {
    --seccc-green: #588e76;
    --seccc-green-dark: #3d6854;
    --seccc-green-light: #8bc4a6;
    --seccc-green-muted: #dceee4;
    --seccc-dark: #1a1a1a;
    --seccc-dark-mid: #2d2d2d;
    --seccc-text: #1a1a1a;
    --seccc-text-secondary: #5a5a5a;
    --seccc-cream: #f4f3f0;
    --seccc-cream-dark: #e8e7e3;
    --seccc-border: #d0d0d0;
    --seccc-radius: 2px;
    --seccc-shadow: none;
    --seccc-shadow-hover: 0 4px 16px rgba(0,0,0,0.12);
}

/* Smooth scroll */
html { scroll-behavior: smooth !important; }

/* DM Sans font import */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap');

/* Base typography upgrade */
#brx-content {
    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
    -webkit-font-smoothing: antialiased !important;
}

/* ===== BRAND ACCENT STRIP — top of page ===== */
#seccc-accent-strip {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: #1a1a1a;
    z-index: 100000;
    pointer-events: none;
}

/* ===== ROTATING HERO TEXT ===== */
.seccc-typewriter-wrapper {
    display: inline;
}
.seccc-typewriter-word {
    color: var(--seccc-green-light);
    font-style: italic;
    display: inline-block;
    width: 280px;
    text-align: left;
    vertical-align: baseline;
    transition: opacity 0.5s ease, transform 0.5s ease;
}
.seccc-typewriter-word.seccc-fade-out {
    opacity: 0;
    transform: translateY(-12px);
}
.seccc-typewriter-word.seccc-fade-in {
    opacity: 0;
    transform: translateY(12px);
}

/* ===== STAY CONNECTED — two-column strip below hero ===== */
#seccc-get-connected {
    background: #fff;
    padding: 2.5em 2em;
    position: relative;
    z-index: 10;
    border-bottom: 1px solid #eee;
}
#seccc-get-connected .seccc-gc-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1100px;
    margin: 0 auto;
    gap: 2em;
}
/* Left: heading + subtitle */
#seccc-get-connected .seccc-gc-left {
    flex-shrink: 0;
}
#seccc-get-connected h3 {
    color: var(--seccc-green);
    font-size: 2em;
    font-weight: 800;
    margin: 0 0 0.15em;
    letter-spacing: -0.02em;
    font-style: italic;
    line-height: 1.1;
}
/* Marker-style highlight under "Connected" — Northalsted inspired */
@keyframes seccc-marker-draw {
    0%   { clip-path: inset(0 100% 0 0); }
    30%  { clip-path: inset(0 0 0 0); }
    70%  { clip-path: inset(0 0 0 0); }
    71%  { clip-path: inset(0 0 0 100%); }
    72%  { clip-path: inset(0 100% 0 0); }
    100% { clip-path: inset(0 100% 0 0); }
}
#seccc-get-connected .seccc-highlight {
    position: relative;
    display: inline-block;
    color: var(--seccc-green-dark);
    padding-bottom: 6px;
}
#seccc-get-connected .seccc-highlight::after {
    content: "";
    position: absolute;
    bottom: 2px;
    left: -4px;
    right: -4px;
    height: 14px;
    background: var(--seccc-green-light);
    border-radius: 8px 3px 6px 4px;
    transform: rotate(-1deg) skewX(-3deg);
    opacity: 0.55;
    z-index: -1;
    animation: seccc-marker-draw 4s ease-in-out infinite;
}
#seccc-get-connected p {
    color: #666;
    font-size: 0.95em;
    margin: 0;
    line-height: 1.4;
}
/* Right: form */
#seccc-get-connected .seccc-gc-right {
    flex: 1;
    max-width: 500px;
}
#seccc-get-connected .seccc-gc-fields {
    display: flex;
    gap: 0.5em;
    margin-bottom: 0.5em;
}
#seccc-get-connected input[type="text"],
#seccc-get-connected input[type="email"] {
    flex: 1;
    padding: 12px 16px;
    border: 2px solid #d0d0d0;
    border-radius: 2px;
    background: #f0f0f0;
    color: #333;
    font-size: 15px;
    outline: none;
    transition: border-color 0.2s, background 0.2s;
}
#seccc-get-connected input::placeholder {
    color: #999;
}
#seccc-get-connected input:focus {
    background: #e8e8e8;
}
#seccc-get-connected button {
    width: 100%;
    padding: 14px 28px;
    border: 2px solid var(--seccc-dark);
    border-radius: 2px;
    background: var(--seccc-dark);
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.2s, transform 0.2s;
    letter-spacing: 0.5px;
    text-align: center;
}
#seccc-get-connected button:hover {
    background: #333;
    transform: translateY(-1px);
}
@media (max-width: 767px) {
    #seccc-get-connected .seccc-gc-inner {
        flex-direction: column;
        text-align: center;
    }
    #seccc-get-connected .seccc-gc-right { max-width: 100%; }
    #seccc-get-connected .seccc-gc-fields { flex-direction: column; }
}

/* Floating engagement button: use a plugin (e.g. Starter Templates Chat, Tidio, or Crisp) */


/* ===== EVENT CARDS — aligned layout ===== */
/* Target Bricks event loop items */
#brxe-pfscio .brxe-block,
#brxe-xqbmse .brxe-block {
    margin-bottom: 0.5em !important;
}
/* Event loop row: date badge + text side by side, aligned */
#brxe-gsmgez {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 1.5em !important;
}
/* Date badge circle — fixed size for alignment */
#brxe-gsmgez .brxe-div:first-child,
#brxe-vchgbt {
    flex-shrink: 0 !important;
    width: 90px !important;
    height: 90px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    text-align: center !important;
}
/* Title + description column */
#brxe-gsmgez .brxe-block:last-child,
#brxe-sbqgbp {
    flex: 1 !important;
    min-width: 0 !important;
}
/* The Events Calendar plugin list view */
.tribe-events .tribe-events-calendar-list__event-row {
    display: flex !important;
    align-items: center !important;
    gap: 1.5em !important;
    padding: 1em !important;
    margin-bottom: 0.8em !important;
    border-radius: 2px !important;
    background: rgba(255,255,255,0.08) !important;
}
.tribe-events .tribe-events-calendar-list__event-date-tag {
    flex-shrink: 0 !important;
    width: 70px !important;
    min-width: 70px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}
.tribe-events .tribe-events-calendar-list__event-date-tag-month {
    font-size: 0.75em !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-weight: 700 !important;
}
.tribe-events .tribe-events-calendar-list__event-date-tag-daynum {
    font-size: 1.8em !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

/* ===== SCROLL ENTRANCE ANIMATIONS ===== */
.seccc-reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),
                transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
.seccc-reveal.seccc-visible {
    opacity: 1;
    transform: translateY(0);
}
/* Stagger children */
.seccc-reveal-child {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}
.seccc-visible .seccc-reveal-child {
    opacity: 1;
    transform: translateY(0);
}
.seccc-visible .seccc-reveal-child:nth-child(1) { transition-delay: 0.05s; }
.seccc-visible .seccc-reveal-child:nth-child(2) { transition-delay: 0.12s; }
.seccc-visible .seccc-reveal-child:nth-child(3) { transition-delay: 0.19s; }
.seccc-visible .seccc-reveal-child:nth-child(4) { transition-delay: 0.26s; }
.seccc-visible .seccc-reveal-child:nth-child(5) { transition-delay: 0.33s; }

/* ===== HERO HEADING — white text on dark hero backgrounds (Home + Chamber) ===== */
#brxe-807013,
#brxe-s1_heading {
    color: #fff !important;
}

/* ===== HOME HERO — background set in Bricks, overlay for readability ===== */
#hero {
    background-size: cover !important;
    background-color: rgba(0, 0, 0, 0.4) !important;
    background-blend-mode: multiply !important;
}

/* ===== HERO SECTIONS — cinematic (exclude FAQ & Benefits pages which have their own hero styles) ===== */
body:not(.seccc-v3-page) #brx-content > .brxe-section:first-child {
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    overflow: hidden !important;
    padding-top: 100px !important;
}
/* Homepage: tall hero (header + hero + Stay Connected = full viewport) */
body.home #brx-content > .brxe-section:first-child {
    min-height: calc(100vh - 160px) !important;
}
/* Inner pages: shorter hero */
body:not(.home):not(.seccc-v3-page) #brx-content > .brxe-section:first-child {
    min-height: 45vh !important;
}
/* Hero text — force white on ALL hero first-sections site-wide */
#brx-content > .brxe-section:first-child .brxe-heading,
#brx-content > .brxe-section:first-child .brxe-text,
#brx-content > .brxe-section:first-child h1,
#brx-content > .brxe-section:first-child h2,
#brx-content > .brxe-section:first-child p,
#brx-content > .brxe-section:first-child em,
#brx-content > .brxe-section:first-child span,
#brx-content > .brxe-section:first-child .brxe-container .brxe-text,
#brx-content > .brxe-section:first-child .brxe-container .brxe-heading,
#brx-content > .brxe-section:first-child [style*="color"] ,
.seccc-page-hero h1,
.seccc-page-hero h2,
.seccc-page-hero p,
.seccc-page-hero .brxe-heading,
.seccc-page-hero .brxe-text {
    color: #fff !important;
    text-shadow: 0 2px 20px rgba(0,0,0,0.3) !important;
}

/* ===== CARD EFFECTS — Northalsted style ===== */
/* Cards with backgrounds get hover lift */
.brxe-block[style*="background"],
#brxe-yhslhf, #brxe-benzom, #brxe-dppewf {
    border-radius: var(--seccc-radius) !important;
    box-shadow: var(--seccc-shadow) !important;
    overflow: hidden !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
#brxe-yhslhf:hover, #brxe-benzom:hover, #brxe-dppewf:hover {
    transform: translateY(-4px) !important;
    box-shadow: var(--seccc-shadow-hover) !important;
}

/* ===== IMAGE HOVER ZOOM ===== */
.brxe-image {
    overflow: hidden !important;
    border-radius: var(--seccc-radius) !important;
}
.brxe-image img {
    transition: transform 0.5s ease !important;
}
.brxe-image:hover img {
    transform: scale(1.04) !important;
}

/* ===== SCROLL PROGRESS BAR ===== */
#seccc-scroll-progress {
    position: fixed;
    top: 4px;
    left: 0;
    height: 3px;
    background: var(--seccc-green);
    z-index: 99999;
    transition: width 0.1s linear;
    pointer-events: none;
}

/* ===== TRANSLUCENT FIXED HEADER — site-wide ===== */
#brx-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
    background: rgba(255, 255, 255, 0.55) !important;
    backdrop-filter: blur(16px) saturate(1.4) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.4) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    box-shadow: none !important;
}
#brx-header > section,
#brxe-3188fa {
    background: transparent !important;
    border-bottom: none !important;
    box-shadow: none !important;
    z-index: 9999 !important;
}

/* Nav link contrast on translucent header */
#brx-header nav a,
#brx-header .bricks-nav-menu a {
    color: #1a1a1a !important;
    text-shadow: none !important;
    font-weight: 500 !important;
}
#brx-header nav a:hover,
#brx-header .bricks-nav-menu a:hover {
    color: var(--seccc-green) !important;
}
#brx-header .brxe-text,
#brxe-sqjsls {
    color: #1a1a1a !important;
}

/* ===== HEADER LAYOUT — logo+title left, nav center, CTA right ===== */
#brxe-8ede3c {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 0.6em !important;
    width: 100% !important;
}
/* Logo + site title stay left */
#brxe-ccb902 {
    flex-shrink: 0 !important;
}
#brxe-sqjsls {
    flex-shrink: 0 !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    max-width: 160px !important;
}
/* Nav pushes to fill middle */
#brxe-f85362 {
    font-size: 13px !important;
    margin-left: auto !important;
}
/* Space out nav items */
#brxe-f85362 .bricks-nav-menu > li {
    margin: 0 6px !important;
}
#brxe-f85362 .bricks-nav-menu > li > a,
#brxe-f85362 .bricks-nav-menu > li > .brx-submenu-toggle > a {
    padding: 10px 10px !important;
    letter-spacing: 0.2px !important;
}
/* Become a Member button — far right, pill style */
#brxe-hdr_cta_btn {
    visibility: visible !important;
    display: inline-block !important;
    background: var(--seccc-green) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    padding: 10px 22px !important;
    border-radius: 2px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    transition: background 0.2s, transform 0.2s, box-shadow 0.2s !important;
    box-shadow: none !important;
    letter-spacing: 0.3px !important;
    background: var(--seccc-dark) !important;
    border: 2px solid var(--seccc-dark) !important;
}
#brxe-hdr_cta_btn:hover {
    background: #333 !important;
    border-color: #333 !important;
    transform: translateY(-1px) !important;
    box-shadow: var(--seccc-shadow-hover) !important;
}
@media (max-width: 849px) {
    #brxe-hdr_cta_btn {
        display: none !important;
    }
    /* Hide desktop nav list but keep the wrapper so hamburger stays visible */
    #brxe-f85362 .bricks-nav-menu {
        display: none !important;
    }
    .bricks-mobile-menu-toggle {
        display: flex !important;
    }
}
@media (max-width: 768px) {
    #brxe-hdr_cta_btn {
        display: inline-flex !important;
        font-size: 12px !important;
        padding: 6px 14px !important;
    }
}

/* ===== EXPLORE PAGE — map layout ===== */
body.page-id-1054 article {
    max-width: 1200px;
    margin: 0 auto;
    padding: 3rem 2rem 3rem;
}
body.page-id-1054 article > h1 {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-size: 42px !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}
/* Hero banner via JS-injected div */
.seccc-explore-hero {
    background: linear-gradient(rgba(26,26,26,0.6), rgba(26,26,26,0.6)),
                url('/wp-content/uploads/2020/11/cropped-MuralDay_106-scaled-1.jpg') center 35% / cover no-repeat;
    padding: 120px 5% 60px;
    margin-bottom: 2rem;
}
.seccc-explore-hero h1 {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-size: clamp(32px, 5vw, 52px) !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin: 0 0 0.3em 0 !important;
    max-width: 1200px;
}
.seccc-explore-hero .seccc-explore-hero__kicker {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #8bc4a6;
    margin-bottom: 0.5em;
}
.seccc-explore-hero .seccc-explore-hero__desc {
    font-size: 17px;
    color: rgba(255,255,255,0.85);
    max-width: 600px;
    line-height: 1.6;
}
/* --- Explore map: business name label markers --- */
.seccc-map-label {
    background: none !important;
    border: none !important;
    white-space: nowrap;
}
.seccc-map-label__text {
    display: inline-block;
    background: #588e76;
    color: #fff;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 11px;
    font-weight: 600;
    padding: 4px 8px;
    border-radius: 3px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.25);
    white-space: nowrap;
    line-height: 1.3;
    cursor: pointer;
    position: relative;
}
.seccc-map-label__text::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 10px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #588e76;
}

/* --- SECCC Directory: Controls bar --- */
.seccc-directory__controls {
    background: #fff;
    border-bottom: 1px solid #e8e4de;
    padding: 0.8em 2em;
    display: flex;
    align-items: center;
    gap: 1.5em;
}
.seccc-directory__view-toggle { display: flex; }
.seccc-directory__view-btn {
    padding: 0.5em 1.2em;
    font-size: 12px;
    font-weight: 600;
    font-family: 'Inter', sans-serif;
    border: 1px solid #e8e4de;
    background: #fff;
    color: #555;
    cursor: pointer;
    transition: all 0.15s;
}
.seccc-directory__view-btn:first-child { border-radius: 4px 0 0 4px; }
.seccc-directory__view-btn:last-child { border-radius: 0 4px 4px 0; border-left: none; }
.seccc-directory__view-btn--active {
    background: var(--seccc-dark, #2d2d2d);
    color: #fff;
    border-color: var(--seccc-dark, #2d2d2d);
}

/* Search with icon */
.seccc-directory__search-wrap {
    flex: 2;
    position: relative;
    min-width: 200px;
}
.seccc-directory__search-icon {
    position: absolute;
    left: 0.7em;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    color: #bbb;
}
.seccc-directory__search {
    width: 100%;
    padding: 0.6em 1em 0.6em 2.4em;
    border: 1px solid #e8e4de;
    border-radius: 4px;
    font-size: 13px;
    font-family: 'Inter', sans-serif;
    outline: none;
    color: var(--seccc-dark, #2d2d2d);
}
.seccc-directory__search:focus {
    border-color: var(--seccc-green, #588e76);
}

/* Category dropdown */
.seccc-directory__category-select {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    padding: 0.5em 2em 0.5em 0.8em;
    border: 1px solid #e8e4de;
    border-radius: 4px;
    background: #fff;
    color: var(--seccc-dark, #2d2d2d);
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.7em center;
    min-width: 160px;
    max-width: 200px;
    outline: none;
    flex-shrink: 0;
}
.seccc-directory__category-select:focus {
    border-color: var(--seccc-green, #588e76);
}

/* --- SECCC Directory: Split layout --- */
.seccc-directory__split {
    display: flex;
    height: calc(100vh - 180px);
    min-height: 500px;
    gap: 0;
}
.seccc-directory__list-panel {
    width: 380px;
    flex-shrink: 0;
    overflow-y: auto;
    border-right: 1px solid #e8e4de;
    background: #fff;
    display: flex;
    flex-direction: column;
}
.seccc-directory__list-header {
    padding: 1em 1.2em;
    border-bottom: 1px solid #e8e4de;
    font-size: 12px;
    color: #999;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 5;
}
.seccc-directory__list-header strong {
    color: var(--seccc-dark, #2d2d2d);
}
.seccc-directory__list {
    flex: 1;
    overflow-y: auto;
}

/* List items — dot + info */
.seccc-directory__list-item {
    padding: 1em 1.2em;
    border-bottom: 1px solid rgba(0,0,0,0.04);
    cursor: pointer;
    transition: background 0.15s;
    display: flex;
    gap: 1em;
}
.seccc-directory__list-item:hover {
    background: #e8f0eb;
}
.seccc-directory__list-item--active {
    background: #e8f0eb;
    border-left: 3px solid var(--seccc-green, #588e76);
}
.seccc-directory__list-item--featured {
    border-left: 3px solid var(--seccc-green, #588e76);
}
.seccc-directory__list-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: 5px;
}
.seccc-directory__list-info { flex: 1; }
.seccc-directory__list-name {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 2px;
    color: var(--seccc-dark, #2d2d2d);
}
.seccc-directory__list-cat {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--seccc-green, #588e76);
}
.seccc-directory__list-addr {
    font-size: 12px;
    color: #999;
    margin-top: 2px;
}
.seccc-directory__list-desc {
    font-size: 12px;
    color: #999;
    margin-top: 4px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Map panel */
.seccc-directory__map-panel {
    flex: 1;
    position: relative;
}
.seccc-directory__map {
    width: 100%;
    height: 100%;
}

/* Map dot markers */
.seccc-map-dot {
    background: none !important;
    border: none !important;
}
.seccc-map-dot__circle {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    transition: transform 0.2s;
}
.seccc-map-dot__circle:hover {
    transform: scale(1.4);
}

/* Map legend */
.seccc-directory__legend {
    background: #fff;
    border-radius: 4px;
    padding: 10px 14px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 12px;
    line-height: 1.4;
    max-height: 260px;
    overflow-y: auto;
}
.seccc-directory__legend-title {
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #666;
    margin-bottom: 6px;
    padding-bottom: 4px;
    border-bottom: 1px solid #e8e4de;
}
.seccc-directory__legend-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 3px 0;
}
.seccc-directory__legend-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}
.seccc-directory__legend-label {
    color: #333;
    white-space: nowrap;
}

/* Map popup */
.seccc-map-popup-wrap .leaflet-popup-content-wrapper {
    border-radius: 8px;
    padding: 0;
    box-shadow: 0 8px 32px rgba(0,0,0,0.15);
}
.seccc-map-popup-wrap .leaflet-popup-content { margin: 0; }
.seccc-map-popup { padding: 1em 1.2em; }
.seccc-map-popup__cat {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--seccc-green, #588e76);
    margin-bottom: 4px;
}
.seccc-map-popup__name {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 2px;
    color: var(--seccc-dark, #2d2d2d);
}
.seccc-map-popup__addr { font-size: 12px; color: #999; }
.seccc-map-popup__link {
    display: inline-block;
    margin-top: 8px;
    font-size: 12px;
    font-weight: 600;
    color: var(--seccc-green, #588e76);
    text-decoration: none;
}
.seccc-map-popup__link:hover { text-decoration: underline; }

/* Directory view */
.seccc-directory--directory-view .seccc-directory__map-panel { display: none; }
.seccc-directory--directory-view .seccc-directory__list-panel { width: 100%; border-right: none; }
.seccc-directory--directory-view .seccc-directory__split { height: auto; }
.seccc-directory--directory-view .seccc-directory__list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 0;
}
.seccc-directory--directory-view .seccc-directory__list-item {
    border: 1px solid #e8e4de;
}

.seccc-directory__empty {
    padding: 2em;
    text-align: center;
    color: #888;
    font-size: 14px;
}

/* Pagination */
.seccc-directory__pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5em;
    padding: 1.2em 1em;
    border-top: 1px solid #e8e4de;
    background: #fff;
}
.seccc-directory__page-btn {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 600;
    padding: 0.5em 1em;
    border: 1px solid #e8e4de;
    border-radius: 4px;
    background: #fff;
    color: #555;
    cursor: pointer;
    transition: all 0.15s;
}
.seccc-directory__page-btn:hover:not(:disabled) {
    border-color: var(--seccc-dark, #2d2d2d);
    color: var(--seccc-dark, #2d2d2d);
}
.seccc-directory__page-btn:disabled {
    opacity: 0.4;
    cursor: default;
}
.seccc-directory__page-nums {
    display: flex;
    gap: 4px;
}
.seccc-directory__page-num {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 600;
    width: 34px;
    height: 34px;
    border: 1px solid #e8e4de;
    border-radius: 4px;
    background: #fff;
    color: #555;
    cursor: pointer;
    transition: all 0.15s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.seccc-directory__page-num:hover {
    border-color: var(--seccc-dark, #2d2d2d);
}
.seccc-directory__page-num--active {
    background: var(--seccc-dark, #2d2d2d);
    border-color: var(--seccc-dark, #2d2d2d);
    color: #fff;
}

/* --- SECCC Directory: mobile --- */
@media (max-width: 768px) {
    .seccc-directory__controls {
        padding: 0.6em 1em;
        flex-wrap: wrap;
        gap: 0.6em;
    }
    .seccc-directory__view-toggle {
        width: 100%;
    }
    .seccc-directory__view-btn {
        flex: 1;
        text-align: center;
    }
    .seccc-directory__search-wrap {
        width: 100%;
        min-width: unset;
    }
    .seccc-directory__category-select {
        width: 100%;
        max-width: none;
    }
    .seccc-directory__split {
        flex-direction: column;
        height: auto;
    }
    .seccc-directory__map-panel {
        width: 100%;
        min-height: 400px;
        height: 65vh;
        order: 1;
    }
    .seccc-directory__map {
        min-height: 400px;
        height: 100%;
    }
    .seccc-directory__list-panel {
        width: 100%;
        max-height: none;
        border-right: none;
        border-top: 1px solid #e8e4de;
        order: 2;
        overflow: visible;
    }
    .seccc-directory__list {
        max-height: none;
        overflow-y: visible;
    }
}

/* ===== NDC PAGE (542) — restyle orange buttons + service cards ===== */
body.page-id-542 .brxe-text-basic div.button {
    background: #588e76 !important;
    border-radius: 2px !important;
    color: #fff !important;
    padding: 0.7em 2em !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    cursor: pointer !important;
    transition: background 0.2s !important;
    margin: 1em auto 0 !important;
    text-align: center !important;
    max-width: 200px !important;
}
body.page-id-542 #brxe-nd_s5g .brxe-block .brxe-text-basic {
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}
body.page-id-542 .brxe-text-basic div.button:hover {
    background: #4a7a65 !important;
}
/* Service cards — green top border, clean layout */
body.page-id-542 #brxe-nd_s5g .brxe-block {
    border-top: 4px solid #588e76 !important;
    border: 1px solid #e8e8e8 !important;
    border-top: 4px solid #588e76 !important;
    border-radius: 2px !important;
    padding: 2em !important;
}
body.page-id-542 #brxe-nd_s5g .brxe-block h3,
body.page-id-542 #brxe-nd_s5g .brxe-block h4 {
    font-family: 'Playfair Display', serif !important;
    color: #2d2d2d !important;
}
/* Replace ACF images with appropriate photos */
body.page-id-542 #brxe-nd_s5g .brxe-block img {
    width: 100% !important;
    height: 180px !important;
    object-fit: cover !important;
    border-radius: 2px !important;
    margin-bottom: 1em !important;
    display: block !important;
}
#brxe-nd_srv1t img { content: url('/wp-content/uploads/2025/01/BACP-Logo-2020-Horiz-Full.png') !important; object-fit: contain !important; background: #fff; padding: 3em 2em !important; height: 180px !important; }
#brxe-nd_srv2t img { content: url('/wp-content/uploads/2020/11/cropped-FacadeGoogle.jpg') !important; }
#brxe-nd_srv3t img { content: url('/wp-content/uploads/2020/11/cropped-Buddy-Prep-Team-scaled-1.jpg') !important; }
#brxe-nd_srv4t img { content: url('/wp-content/uploads/2025/01/hispanic-business-women.jpg') !important; }
#brxe-nd_srv5t img { content: url('/wp-content/uploads/2025/01/Male-black-entrepreneur-makes-deal-remotely-shows-financial-graphics-or-discuss-diagrams-on-interactive-whiteboard-to-female-business-partner-via-video-call-present-own-project-on-online-conference.png') !important; }
#brxe-nd_srv6t img { content: url('/wp-content/uploads/2020/11/cropped-MuralDay_106-scaled-1.jpg') !important; }

/* ===== FUNDING PAGE (132) — hero dark overlay via gradient ===== */
#brxe-sa_hero {
    background: linear-gradient(rgba(26,26,26,0.75), rgba(26,26,26,0.75)),
                url("/wp-content/uploads/2020/11/cropped-Culture-is-Power-4.jpg") center 35% / cover no-repeat !important;
}
#brxe-sa_hero::after,
#brxe-sa_hero::before {
    content: none !important;
    display: none !important;
}
#brxe-sa_hero {
    padding-top: 120px !important;
    min-height: 380px !important;
}

/* ===== FUNDING PAGE (132) — hero text white ===== */
#brxe-sa_hero .brxe-container .brxe-text-basic,
#brxe-sa_hero .brxe-container .brxe-heading,
#brxe-sa_hero_k,
#brxe-sa_hero_h1,
#brxe-sa_hero_desc {
    color: #fff !important;
}
#brxe-sa_hero_desc {
    color: rgba(255,255,255,0.85) !important;
}
#brxe-sa_hero_k {
    color: #8bc4a6 !important;
}
/* CTA section text white */
body.page-id-132 #brxe-sa_cta .brxe-heading,
body.page-id-132 #brx-content #brxe-sa_cta_h2,
body.page-id-132 #brxe-sa_cta .brxe-text-basic,
body.page-id-132 #brx-content #brxe-sa_cta_sub {
    color: #fff !important;
}
body.page-id-132 #brx-content #brxe-sa_cta_k {
    color: #8bc4a6 !important;
}

/* ===== INNER PAGES — left-align hero text ===== */
body.page-id-80 #brx-content > .brxe-section:first-child,
body.page-id-132 #brx-content > .brxe-section:first-child,
body.page-id-257 #brx-content > .brxe-section:first-child,
body.page-id-1065 #brx-content > .brxe-section:first-child,
body.page-id-831 #brx-content > .brxe-section:first-child {
    text-align: left !important;
}
body.page-id-831 #brx-content > .brxe-section:first-child #brxe-dcckjx {
    color: #2d2d2d !important;
    text-shadow: none !important;
}
body.page-id-831 #brx-content > .brxe-section:first-child h3.brxe-heading {
    color: #588e76 !important;
    text-shadow: none !important;
}
body.page-id-80 #brx-content > .brxe-section:first-child .brxe-container,
body.page-id-132 #brx-content > .brxe-section:first-child .brxe-container,
body.page-id-257 #brx-content > .brxe-section:first-child .brxe-container,
body.page-id-1065 #brx-content > .brxe-section:first-child .brxe-container,
body.page-id-831 #brx-content > .brxe-section:first-child .brxe-container {
    align-items: flex-start !important;
    text-align: left !important;
}
body.page-id-80 #brx-content > .brxe-section:first-child .brxe-heading,
body.page-id-132 #brx-content > .brxe-section:first-child .brxe-heading,
body.page-id-257 #brx-content > .brxe-section:first-child .brxe-heading,
body.page-id-1065 #brx-content > .brxe-section:first-child .brxe-heading,
body.page-id-831 #brx-content > .brxe-section:first-child .brxe-heading,
body.page-id-80 #brx-content > .brxe-section:first-child .brxe-text-basic,
body.page-id-132 #brx-content > .brxe-section:first-child .brxe-text-basic,
body.page-id-257 #brx-content > .brxe-section:first-child .brxe-text-basic,
body.page-id-1065 #brx-content > .brxe-section:first-child .brxe-text-basic,
body.page-id-831 #brx-content > .brxe-section:first-child .brxe-text-basic {
    text-align: left !important;
}

/* ===== HIDE AUTO-ADDED DIRECTORY NAV ITEMS ===== */
#brx-header nav a[href*="/add-listing"],
#brx-header nav a[href*="/search/"],
#brx-header nav a[href*="/terms-and-conditions"],
#brx-header nav a[href*="/location/"],
#brx-header nav a[href*="/gd-archive"],
#brx-header nav a[href*="/gd-details"] {
    display: none !important;
}
/* Also hide their parent li elements */
#brx-header nav li:has(a[href*="/add-listing"]),
#brx-header nav li:has(a[href*="/search/"]),
#brx-header nav li:has(a[href*="/terms-and-conditions"]),
#brx-header nav li:has(a[href*="/location/"]),
#brx-header nav li:has(a[href*="/gd-archive"]),
#brx-header nav li:has(a[href*="/gd-details"]) {
    display: none !important;
}

/* ===== FAQ PAGE — all-breakpoint styles ===== */
body.page-id-237 #brxe-faq_hero {
    background-color: #588e76 !important;
    padding: 10em 1.5em 4em !important;
    position: relative !important;
    overflow: hidden !important;
    background-position: center 20% !important;
    background-size: cover !important;
}
body.page-id-237 #brxe-faq_hero::before {
    content: '?' !important;
    position: absolute !important;
    right: 8% !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-family: 'Playfair Display', serif !important;
    font-size: 400px !important;
    font-weight: 700 !important;
    color: rgba(255,255,255,0.04) !important;
    line-height: 1 !important;
    pointer-events: none !important;
    z-index: 1 !important;
}
body.page-id-237 #brxe-faq_hero_wrap {
    max-width: 1060px !important;
    margin: 0 auto !important;
    position: relative !important;
    z-index: 2 !important;
}
body.page-id-237 #brxe-faq_hero_kicker {
    color: rgba(255,255,255,0.6) !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    font-style: italic !important;
    margin-bottom: 1.5em !important;
    max-width: 450px !important;
}
body.page-id-237 #brxe-faq_hero_heading {
    color: #ffffff !important;
    font-size: 36px !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
    font-family: 'Playfair Display', serif !important;
    max-width: 600px !important;
    text-shadow: none !important;
}
@media (min-width: 768px) {
    body.page-id-237 #brxe-faq_hero_heading { font-size: 52px !important; }
}
body.page-id-237 #brxe-faq_intro {
    background-color: #faf9f6 !important;
    padding: 3em 1.5em 3em !important;
}
body.page-id-237 #brxe-faq_intro_wrap {
    max-width: 800px !important;
    margin: 0 auto !important;
    text-align: center !important;
}
body.page-id-237 #brxe-faq_intro_heading {
    color: #2d2d2d !important;
    font-size: 34px !important;
    font-family: 'Playfair Display', serif !important;
    text-align: center !important;
    margin-bottom: 1em !important;
}
body.page-id-237 #brxe-faq_intro_text {
    color: #666666 !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
    text-align: center !important;
}
body.page-id-237 #brxe-faq_acc_sec {
    background-color: #ffffff !important;
    padding: 3em 1.5em 4em !important;
}
body.page-id-237 #brxe-faq_acc_wrap {
    max-width: 800px !important;
    margin: 0 auto !important;
}
body.page-id-237 [id^="brxe-faq_q"] .brxe-heading {
    color: #2d2d2d !important;
    font-size: 20px !important;
    font-family: 'Playfair Display', serif !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    margin-bottom: 0 !important;
    cursor: pointer !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}
body.page-id-237 [id^="brxe-faq_q"] .brxe-heading::after {
    content: '+' !important;
    font-size: 22px !important;
    font-weight: 300 !important;
    color: #588e76 !important;
    flex-shrink: 0 !important;
    margin-left: 1em !important;
    transition: transform 0.3s ease !important;
}
body.page-id-237 [id^="brxe-faq_q"].faq-open .brxe-heading::after {
    content: '\2212' !important;
    transform: rotate(180deg) !important;
}
body.page-id-237 [id^="brxe-faq_q"] .brxe-text-basic {
    color: #666666 !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    max-width: 650px !important;
    max-height: 0 !important;
    overflow: hidden !important;
    transition: max-height 0.35s ease, padding 0.35s ease !important;
    padding-top: 0 !important;
}
body.page-id-237 [id^="brxe-faq_q"].faq-open .brxe-text-basic {
    max-height: 1000px !important;
    padding-top: 0.8em !important;
}
body.page-id-237 #brxe-faq_q1 {
    border-top: 1px solid #eee !important;
    border-bottom: 1px solid #eee !important;
    padding: 1.5em 0 !important;
}
body.page-id-237 #brxe-faq_q2,
body.page-id-237 #brxe-faq_q3,
body.page-id-237 #brxe-faq_q4 {
    border-bottom: 1px solid #eee !important;
    padding: 1.5em 0 !important;
}
body.page-id-237 #brxe-faq_cta {
    background-color: #2d2d2d !important;
    padding: 4em 1.5em !important;
    text-align: center !important;
}
body.page-id-237 #brxe-faq_cta_wrap {
    max-width: 600px !important;
    margin: 0 auto !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}
body.page-id-237 #brxe-faq_cta_h {
    color: #ffffff !important;
    font-size: 30px !important;
    font-family: 'Playfair Display', serif !important;
    margin-bottom: 0.5em !important;
}
body.page-id-237 #brxe-faq_cta_p {
    color: rgba(255,255,255,0.5) !important;
    font-size: 15px !important;
    margin-bottom: 2em !important;
}
body.page-id-237 #brxe-faq_cta_btns {
    display: flex !important;
    flex-direction: row !important;
    gap: 1em !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
}
body.page-id-237 #brxe-faq_btn_contact {
    background-color: var(--seccc-dark) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    padding: 10px 22px !important;
    border-radius: 2px !important;
    border: 2px solid var(--seccc-dark) !important;
    transition: all 0.25s !important;
}
body.page-id-237 #brxe-faq_btn_contact:hover {
    background: #333 !important;
    transform: translateY(-1px) !important;
}
body.page-id-237 #brxe-faq_btn_benefits {
    background-color: transparent !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    padding: 10px 22px !important;
    border: 2px solid rgba(255,255,255,0.3) !important;
    border-radius: 2px !important;
    transition: all 0.25s !important;
}
body.page-id-237 #brxe-faq_btn_benefits:hover {
    background: rgba(255,255,255,0.1) !important;
    border-color: #fff !important;
}
/* Remove extra margins/padding on FAQ page sections and containers */
body.page-id-237 #brx-content {
    gap: 0 !important;
    row-gap: 0 !important;
}
body.page-id-237 .brxe-section {
    margin: 0 !important;
    gap: 0 !important;
}
body.page-id-237 .brxe-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
body.page-id-237 .brxe-heading {
    margin-bottom: 0.6em !important;
}
body.page-id-237 .brxe-text-basic {
    margin-bottom: 0 !important;
}
body.page-id-237 .brxe-div {
    margin: 0 !important;
}

/* ===== STANDARDIZE ALL BUTTONS (exclude FAQ, Benefits & V3-rebuilt pages) ===== */
body:not(.seccc-v3-page) .brxe-button,
body:not(.seccc-v3-page) .bricks-button {
    background: var(--seccc-dark) !important;
    color: #fff !important;
    border: 2px solid var(--seccc-dark) !important;
    border-radius: 2px !important;
    transition: background 0.2s, transform 0.2s !important;
    font-weight: 600 !important;
}
body:not(.seccc-v3-page) .brxe-button:hover,
body:not(.seccc-v3-page) .bricks-button:hover {
    background: #333 !important;
    color: #fff !important;
    transform: translateY(-1px) !important;
}

/* ===== CHAMBER PAGE — hero left-align ===== */
body.post-80 #brxe-s1_overlay,
body.page-id-80 #brxe-s1_overlay {
    align-self: flex-start !important;
}
body.post-80 #brxe-s1_container,
body.page-id-80 #brxe-s1_container {
    align-items: flex-start !important;
}

/* ===== BENEFITS HERO OVERLAY ===== */
body.post-257 #brx-content > .brxe-section:first-child {
    position: relative;
}
body.post-257 #brx-content > .brxe-section:first-child::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.45);
    pointer-events: none;
    z-index: 0;
}
body.post-257 #brx-content > .brxe-section:first-child > * {
    position: relative;
    z-index: 1;
}

/* ===== UPCOMING EVENTS HEADING — white on colored bg ===== */
#brxe-events_heading {
    color: #ffffff !important;
    text-align: center !important;
    font-size: 1.8em !important;
    font-weight: 700 !important;
    margin-bottom: 1em !important;
}

/* ===== FOOTER: Target actual Bricks element IDs ===== */

/* Remove any bg image, solid dark only */
#brxe-ft_wrap {
    background-image: none !important;
    background-color: #2d2d2d !important;
}

/* Main footer: everything on ONE row — About | Explore | Resources | Subscribe */
#brxe-ft_main {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 2.5em !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 3em 2em !important;
    align-items: flex-start !important;
}
@media (max-width: 767px) {
    #brxe-ft_main {
        flex-direction: column !important;
        flex-wrap: wrap !important;
    }
}

/* Break the nav column into separate visual columns */
#brxe-ft_col_nav {
    display: contents !important;
}

/* 4 equal columns: About | Explore | Resources | Subscribe */
#brxe-ft_col_about {
    flex: 1 1 0 !important;
    min-width: 0 !important;
}
#brxe-ft_nav_explore {
    flex: 1 1 0 !important;
    min-width: 0 !important;
}
#brxe-ft_nav_info {
    flex: 1 1 0 !important;
    min-width: 0 !important;
}
/* Each nav column stacks its links vertically */
#brxe-ft_nav_explore,
#brxe-ft_nav_info {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.3em !important;
}

/* Footer link sizing — compact */
#brxe-ft_nav_explore .brxe-text-link,
#brxe-ft_nav_info .brxe-text-link {
    font-size: 14px !important;
    line-height: 1.4 !important;
    color: #ddd !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Footer section headings */
#brxe-ft_nav_explore_h,
#brxe-ft_nav_info_h,
#brxe-ft_sub_heading {
    color: #8bc4a6 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    letter-spacing: 1px !important;
    margin-bottom: 0.5em !important;
}

/* About column compact */
#brxe-ft_col_about {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.3em !important;
}
#brxe-ft_tagline,
#brxe-ft_contact_phone,
#brxe-ft_contact_email {
    font-size: 14px !important;
    line-height: 1.4 !important;
}

/* Subscribe column heading — match Explore/Resources style */
#brxe-ft_sub_desc {
    font-size: 14px !important;
    color: #bbb !important;
    line-height: 1.5 !important;
    margin-bottom: 1em !important;
}

/* Subscribe form — Northalsted style */
#mc_embed_signup {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}
#mc_embed_signup h2 { display: none !important; }
#mc_embed_signup .indicates-required { display: none !important; }
#mc_embed_signup .mc-field-group label { display: none !important; }
#mc_embed_signup .mc-field-group {
    padding-bottom: 0 !important;
    margin-bottom: 0.5em !important;
}
/* Name + Email side by side via CSS Grid */
#mc_embed_signup #mc_embed_signup_scroll {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0.5em !important;
}
#mc_embed_signup .mc-field-group {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
/* Join button and other elements span full width */
#mc_embed_signup #mc_embed_signup_scroll > .clear,
#mc_embed_signup #mc_embed_signup_scroll > #mce-responses,
#mc_embed_signup #mc_embed_signup_scroll > div[aria-hidden] {
    grid-column: 1 / -1 !important;
}
#mc_embed_signup #mce-responses {
    display: none !important;
}
#mc_embed_signup .indicates-required {
    display: none !important;
}
#mc_embed_signup .mc-field-group input[type="text"],
#mc_embed_signup .mc-field-group input[type="email"],
#mc_embed_signup .mc-field-group input.text,
#mc_embed_signup .mc-field-group input.email {
    background: #f0f0f0 !important;
    border: 2px solid #d0d0d0 !important;
    color: #333 !important;
    padding: 14px 16px !important;
    border-radius: 2px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    font-size: 15px !important;
    min-width: 0 !important;
}
#mc_embed_signup .mc-field-group input::placeholder { color: #999 !important; }
#mc_embed_signup .mc-field-group input:focus {
    background: #e8e8e8 !important;
    outline: none !important;
}
/* Join button — full width, green */
#mc_embed_signup .clear {
    flex: 1 1 100% !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}
#mc_embed_signup .button,
#mc_embed_signup input.button,
#mc_embed_signup #mc-embedded-subscribe,
input#mc-embedded-subscribe,
#brxe-ft_sub_form input[type="submit"],
#brxe-ft_col_subscribe input[type="submit"] {
    background-color: var(--seccc-dark) !important;
    background: var(--seccc-dark) !important;
    color: #fff !important;
    font-weight: 700 !important;
    border: 2px solid var(--seccc-dark) !important;
    padding: 14px 16px !important;
    border-radius: 2px !important;
    width: 100% !important;
    font-size: 16px !important;
    cursor: pointer !important;
    margin-top: 0 !important;
    text-align: center !important;
    transition: background 0.2s !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}
#mc_embed_signup .button:hover,
#mc_embed_signup input.button:hover,
input#mc-embedded-subscribe:hover,
#brxe-ft_sub_form input[type="submit"]:hover {
    background-color: #4a7a65 !important;
    background: #4a7a65 !important;
}

/* ===== DEV CORP CARD — left align + logo ===== */
#brxe-dppewf {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
}
#brxe-dc_logo img {
    filter: brightness(0) invert(1) !important;
    width: 60px !important;
    height: 60px !important;
    object-fit: contain !important;
}
#brxe-kbqrvw,
#brxe-nqcjql,
#brxe-slxtdx {
    text-align: left !important;
}

/* ===== COMPACT — tighten spacing site-wide (exclude FAQ, Benefits & V3-rebuilt pages) ===== */
body:not(.seccc-v3-page) .brxe-section {
    padding-top: 2.5em !important;
    padding-bottom: 2.5em !important;
}
body:not(.seccc-v3-page) .brxe-section:first-child {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
body:not(.seccc-v3-page) .brxe-container {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
}
body:not(.seccc-v3-page) .brxe-heading {
    margin-bottom: 0.5em !important;
}
body:not(.seccc-v3-page) .brxe-text-basic {
    margin-bottom: 0.8em !important;
}
body:not(.seccc-v3-page) .brxe-text-basic:last-child {
    margin-bottom: 0 !important;
}

/* ===== V3 REBUILT PAGES — Page-specific accent colors ===== */

/* All V3 pages — button base styling */
body.page-id-449 #brx-content .brxe-button,
body.page-id-498 #brx-content .brxe-button,
body.page-id-513 #brx-content .brxe-button,
body.page-id-132 #brx-content .brxe-button,
body.page-id-631 #brx-content .brxe-button,
body.page-id-542 #brx-content .brxe-button {
    border-radius: 2px !important;
    font-weight: 600 !important;
    transition: background 0.2s, transform 0.2s !important;
    color: #fff !important;
}
body.page-id-449 #brx-content .brxe-button:hover,
body.page-id-498 #brx-content .brxe-button:hover,
body.page-id-513 #brx-content .brxe-button:hover,
body.page-id-132 #brx-content .brxe-button:hover,
body.page-id-631 #brx-content .brxe-button:hover,
body.page-id-542 #brx-content .brxe-button:hover {
    transform: translateY(-1px) !important;
}

/* Facade Grants (449) + RFP (498) — Purple */
body.page-id-449 #brx-content .brxe-button,
body.page-id-498 #brx-content .brxe-button {
    background: #7B5EA7 !important;
    border-color: #7B5EA7 !important;
}
body.page-id-449 #brx-content .brxe-button:hover,
body.page-id-498 #brx-content .brxe-button:hover {
    background: #6A4F91 !important;
    border-color: #6A4F91 !important;
}

/* Non-Profit (513) — Sky Blue */
body.page-id-513 #brx-content .brxe-button {
    background: #4A90D9 !important;
    border-color: #4A90D9 !important;
}
body.page-id-513 #brx-content .brxe-button:hover {
    background: #3A7BC8 !important;
    border-color: #3A7BC8 !important;
}

/* SSA (132) + NDC (542) — Green */
body.page-id-132 #brx-content .brxe-button,
body.page-id-542 #brx-content .brxe-button {
    background: #588e76 !important;
    border-color: #588e76 !important;
}
body.page-id-132 #brx-content .brxe-button:hover,
body.page-id-542 #brx-content .brxe-button:hover {
    background: #4a7a65 !important;
    border-color: #4a7a65 !important;
}

/* Funding (631) — Magenta */
body.page-id-631 #brx-content .brxe-button {
    background: #C2185B !important;
    border-color: #C2185B !important;
}
body.page-id-631 #brx-content .brxe-button:hover {
    background: #AD1457 !important;
    border-color: #AD1457 !important;
}

/* Outline buttons (on dark CTA sections) — all pages */
body.page-id-449 #brx-content .brxe-section[style*="2d2d2d"] .brxe-button:last-child,
body.page-id-498 #brx-content .brxe-section[style*="2d2d2d"] .brxe-button:last-child,
body.page-id-513 #brx-content .brxe-section[style*="2d2d2d"] .brxe-button:last-child,
body.page-id-132 #brx-content .brxe-section[style*="2d2d2d"] .brxe-button:last-child,
body.page-id-631 #brx-content .brxe-section[style*="2d2d2d"] .brxe-button:last-child,
body.page-id-542 #brx-content .brxe-section[style*="2d2d2d"] .brxe-button:last-child {
    background: transparent !important;
    border: 2px solid rgba(255,255,255,0.4) !important;
    color: #fff !important;
}
body.page-id-449 #brx-content .brxe-section[style*="2d2d2d"] .brxe-button:last-child:hover,
body.page-id-498 #brx-content .brxe-section[style*="2d2d2d"] .brxe-button:last-child:hover,
body.page-id-513 #brx-content .brxe-section[style*="2d2d2d"] .brxe-button:last-child:hover,
body.page-id-132 #brx-content .brxe-section[style*="2d2d2d"] .brxe-button:last-child:hover,
body.page-id-631 #brx-content .brxe-section[style*="2d2d2d"] .brxe-button:last-child:hover,
body.page-id-542 #brx-content .brxe-section[style*="2d2d2d"] .brxe-button:last-child:hover {
    background: rgba(255,255,255,0.1) !important;
    border-color: #fff !important;
}

/* V3 rebuilt pages — consistent layout overrides */
body.page-id-449 .brxe-section,
body.page-id-498 .brxe-section,
body.page-id-513 .brxe-section,
body.page-id-132 .brxe-section,
body.page-id-631 .brxe-section,
body.page-id-542 .brxe-section {
    padding-left: 1.5em !important;
    padding-right: 1.5em !important;
}

/* V3 rebuilt pages — clean heading typography */
body.page-id-449 .brxe-heading,
body.page-id-498 .brxe-heading,
body.page-id-513 .brxe-heading,
body.page-id-132 .brxe-heading,
body.page-id-631 .brxe-heading,
body.page-id-542 .brxe-heading {
    font-family: 'Playfair Display', Georgia, serif !important;
    line-height: 1.2 !important;
}

/* V3 rebuilt pages — FIX INVISIBLE HEADINGS (override Bricks default #f5f5f5) */
body.page-id-449 #brx-content .brxe-heading,
body.page-id-498 #brx-content .brxe-heading,
body.page-id-513 #brx-content .brxe-heading,
body.page-id-132 #brx-content .brxe-heading,
body.page-id-631 #brx-content .brxe-heading,
body.page-id-542 #brx-content .brxe-heading {
    color: #2d2d2d !important;
}
/* H2/H3 inside ACF rich text (rendered as raw HTML in text-basic elements) */
body.page-id-449 #brx-content .brxe-text-basic h2,
body.page-id-449 #brx-content .brxe-text-basic h3,
body.page-id-498 #brx-content .brxe-text-basic h2,
body.page-id-498 #brx-content .brxe-text-basic h3,
body.page-id-513 #brx-content .brxe-text-basic h2,
body.page-id-513 #brx-content .brxe-text-basic h3,
body.page-id-132 #brx-content .brxe-text-basic h2,
body.page-id-132 #brx-content .brxe-text-basic h3,
body.page-id-631 #brx-content .brxe-text-basic h2,
body.page-id-631 #brx-content .brxe-text-basic h3,
body.page-id-542 #brx-content .brxe-text-basic h2,
body.page-id-542 #brx-content .brxe-text-basic h3 {
    color: #2d2d2d !important;
}
/* Hero H1 — keep accent colors per page */
body.page-id-449 #brx-content .brxe-section:first-child .brxe-heading,
body.page-id-498 #brx-content .brxe-section:first-child .brxe-heading {
    color: #7B5EA7 !important;
}
body.page-id-513 #brx-content .brxe-section:first-child .brxe-heading {
    color: #4A90D9 !important;
}
body.page-id-132 #brx-content .brxe-section:first-child .brxe-heading,
body.page-id-542 #brx-content .brxe-section:first-child .brxe-heading {
    color: #588e76 !important;
}
body.page-id-631 #brx-content .brxe-section:first-child .brxe-heading {
    color: #C2185B !important;
}
/* CTA dark sections — white headings + subtitles (high specificity to override heading fix) */
body #brx-content #brxe-fg_s6s .brxe-heading,
body #brx-content #brxe-rp_s4 .brxe-heading,
body #brx-content #brxe-np_s6 .brxe-heading,
body #brx-content #brxe-sa_s5 .brxe-heading,
body #brx-content #brxe-fn_s5 .brxe-heading,
body #brx-content #brxe-nd_s7 .brxe-heading {
    color: #fff !important;
}
body #brx-content #brxe-fg_s6s .brxe-text-basic,
body #brx-content #brxe-rp_s4 .brxe-text-basic,
body #brx-content #brxe-np_s6 .brxe-text-basic,
body #brx-content #brxe-sa_s5 .brxe-text-basic,
body #brx-content #brxe-fn_s5 .brxe-text-basic,
body #brx-content #brxe-nd_s7 .brxe-text-basic {
    color: rgba(255,255,255,0.85) !important;
}
/* Fix bricks-lazy-hidden on CTA sections — ensure bg always renders */
#brxe-fg_s6s, #brxe-rp_s4, #brxe-np_s6,
#brxe-sa_s5, #brxe-fn_s5, #brxe-nd_s7 {
    background-color: #2d2d2d !important;
}
/* CTA button wrappers — center buttons with spacing */
#brxe-fn_s5bw, #brxe-np_s6btns, #brxe-rp_s4btns,
#brxe-fg_s6s .brxe-container > .brxe-block,
#brxe-sa_s5 .brxe-container > .brxe-block {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 1.5em !important;
    width: 100% !important;
    flex-wrap: wrap !important;
}
/* Separator/dividers — match page accent color */
body.page-id-449 #brx-content hr,
body.page-id-498 #brx-content hr { border-color: #7B5EA7 !important; }
body.page-id-513 #brx-content hr { border-color: #4A90D9 !important; }
body.page-id-132 #brx-content hr,
body.page-id-542 #brx-content hr { border-color: #588e76 !important; }
body.page-id-631 #brx-content hr { border-color: #C2185B !important; }

/* V3 rebuilt pages — body text */
body.page-id-449 .brxe-text-basic,
body.page-id-498 .brxe-text-basic,
body.page-id-513 .brxe-text-basic,
body.page-id-132 .brxe-text-basic,
body.page-id-631 .brxe-text-basic,
body.page-id-542 .brxe-text-basic {
    line-height: 1.7 !important;
    color: #444 !important;
}

/* ===== SSA COMPLIANCE: Meetings + Documents ===== */
.seccc-ssa-meetings {
    margin-top: 1.5em;
    display: flex;
    flex-direction: column;
    gap: 0;
}
.seccc-ssa-meeting-row {
    display: flex;
    gap: 1.5em;
    padding: 1em 0;
    border-bottom: 1px solid #e8e4de;
    align-items: flex-start;
}
.seccc-ssa-meeting-row:last-child {
    border-bottom: none;
}
.seccc-ssa-meeting-date {
    font-weight: 700;
    font-size: 15px;
    color: #2d2d2d;
    min-width: 160px;
    flex-shrink: 0;
}
.seccc-ssa-meeting-detail {
    flex: 1;
}
.seccc-ssa-meeting-meta {
    font-size: 14px;
    color: #666;
    margin-bottom: 0.4em;
}
.seccc-ssa-meeting-links {
    display: flex;
    gap: 0.8em;
    flex-wrap: wrap;
}
.seccc-ssa-doc-link {
    display: inline-block;
    padding: 0.3em 0.8em;
    font-size: 13px;
    font-weight: 600;
    color: #588e76;
    border: 1px solid #588e76;
    border-radius: 2px;
    text-decoration: none;
    transition: background 0.2s, color 0.2s;
}
.seccc-ssa-doc-link:hover {
    background: #588e76;
    color: #fff;
}
.seccc-ssa-pending {
    font-size: 13px;
    color: #999;
    font-style: italic;
}
.seccc-ssa-docs-heading {
    font-family: 'Playfair Display', serif;
    font-size: 22px;
    font-weight: 700;
    color: #2d2d2d;
    margin: 2em 0 1em;
}
.seccc-ssa-docs-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1em;
}
.seccc-ssa-doc-card {
    display: flex;
    gap: 1em;
    align-items: center;
    padding: 1em 1.2em;
    border: 1px solid #e8e4de;
    border-radius: 2px;
    text-decoration: none;
    transition: border-color 0.2s, box-shadow 0.2s;
    background: #fff;
}
.seccc-ssa-doc-card:hover {
    border-color: #588e76;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.seccc-ssa-doc-icon {
    font-size: 28px;
    flex-shrink: 0;
}
.seccc-ssa-doc-label {
    font-weight: 600;
    font-size: 15px;
    color: #2d2d2d;
}
.seccc-ssa-doc-filename {
    font-size: 12px;
    color: #999;
    margin-top: 0.2em;
}
@media (max-width: 767px) {
    .seccc-ssa-meeting-row {
        flex-direction: column;
        gap: 0.3em;
    }
    .seccc-ssa-meeting-date {
        min-width: unset;
    }
    .seccc-ssa-docs-grid {
        grid-template-columns: 1fr;
    }
}

/* Benefits + Membership pages — force visible heading colors */
body.page-id-257 #brx-content #brxe-b_apply .brxe-heading,
body.page-id-257 #brx-content #brxe-b_apply .brxe-text-basic {
    color: #2d2d2d !important;
}
body.page-id-257 #brx-content #brxe-b_apply .brxe-text-basic {
    color: #555 !important;
}

/* Membership form styling — override Bricks default purple focus */
.brxe-form input,
.brxe-form textarea,
.brxe-form select {
    border: 2px solid #d0d0d0 !important;
    border-radius: 2px !important;
    padding: 12px 16px !important;
    font-size: 15px !important;
    transition: border-color 0.2s !important;
    outline: none !important;
    background: #fafafa !important;
}
.brxe-form input:focus,
.brxe-form textarea:focus,
.brxe-form select:focus {
    border-color: #588e76 !important;
    box-shadow: 0 0 0 3px rgba(88, 142, 118, 0.15) !important;
    background: #fff !important;
}
.brxe-form label {
    font-weight: 600 !important;
    font-size: 14px !important;
    color: #333 !important;
    margin-bottom: 6px !important;
}
.brxe-form .form-group {
    margin-bottom: 20px !important;
}
.brxe-form .submit-button-wrapper .bricks-button,
.brxe-form button[type="submit"] {
    background: var(--seccc-dark) !important;
    border: 2px solid var(--seccc-dark) !important;
    border-radius: 2px !important;
    padding: 14px 40px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #fff !important;
    cursor: pointer !important;
    transition: background 0.2s !important;
    width: 100% !important;
}
.brxe-form .submit-button-wrapper .bricks-button:hover,
.brxe-form button[type="submit"]:hover {
    background: #333 !important;
}

/* V3 rebuilt pages — gap reset */
body.page-id-449 #brx-content,
body.page-id-498 #brx-content,
body.page-id-513 #brx-content,
body.page-id-132 #brx-content,
body.page-id-631 #brx-content,
body.page-id-542 #brx-content {
    gap: 0 !important;
    row-gap: 0 !important;
}

/* ===== THE EVENTS CALENDAR — match site style ===== */
.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date,
.tribe-events .tribe-events-c-top-bar__today-button,
.tribe-events .tribe-events-calendar-list__event-date-tag-datetime {
    color: #588e76 !important;
}
.tribe-events .tribe-events-c-view-selector__button--active,
.tribe-events .tribe-events-c-top-bar__today-button:hover {
    color: #4a7a65 !important;
}
.tribe-events .tribe-events-calendar-month__day-cell--selected {
    background-color: #588e76 !important;
}
.tribe-common .tribe-common-c-btn-border,
.tribe-common a.tribe-common-c-btn-border {
    border-color: #588e76 !important;
    color: #588e76 !important;
}
.tribe-common .tribe-common-c-btn-border:hover {
    background-color: #588e76 !important;
    color: #fff !important;
}
.tribe-events .tribe-events-c-subscribe-dropdown__button {
    background: #588e76 !important;
    color: #fff !important;
}

/* ===== MOBILE RESPONSIVE — COMPREHENSIVE FIX ===== */
@media (max-width: 767px) {
    /* --- Header: mobile layout --- */
    #brxe-8ede3c {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 0.5em 0 !important;
    }
    /* Logo */
    #brxe-ccb902 {
        max-width: 40px !important;
        flex-shrink: 0 !important;
    }
    /* Site title */
    #brxe-sqjsls {
        flex: 1 !important;
        min-width: 0 !important;
    }
    /* Nav element: only show hamburger */
    #brxe-f85362 {
        display: block !important;
        flex-shrink: 0 !important;
    }
    #brxe-f85362 > nav.bricks-nav-menu-wrapper {
        display: none !important;
    }
    .bricks-mobile-menu-toggle {
        display: flex !important;
        background: none !important;
        border: none !important;
        padding: 8px !important;
        cursor: pointer !important;
    }
    .bricks-mobile-menu-toggle span {
        display: block !important;
        width: 22px !important;
        height: 2px !important;
        background: #2d2d2d !important;
        margin: 4px 0 !important;
    }
    /* CTA button: hide on mobile */
    #brxe-hdr_cta_btn {
        display: none !important;
    }
    /* Reduce header height */
    #brx-header .brxe-section {
        padding-top: 0.5em !important;
        padding-bottom: 0.5em !important;
    }
    /* Site title smaller */
    #brxe-sqjsls {
        font-size: 11px !important;
        max-width: 120px !important;
    }

    /* --- Scroll reveal: disable on mobile (content appears immediately) --- */
    .seccc-reveal {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
    .seccc-reveal-child {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }

    /* --- Typewriter: auto width on mobile --- */
    .seccc-typewriter-word {
        width: auto !important;
        max-width: 100% !important;
    }
    #brxe-807013 {
        white-space: normal !important;
        font-size: 28px !important;
    }

    /* --- Hero sections: reduce height --- */
    body:not(.seccc-v3-page) #brx-content > .brxe-section:first-child {
        min-height: 45vh !important;
    }

    /* --- Global: stack all row containers on mobile --- */
    .brxe-container,
    .brxe-block,
    .brxe-div {
        max-width: 100% !important;
    }

    /* --- All Bricks sections: reduce padding --- */
    .brxe-section {
        padding-left: 1.2em !important;
        padding-right: 1.2em !important;
    }

    /* --- Large headings: scale down --- */
    #brx-content h1 { font-size: 28px !important; line-height: 1.15 !important; }
    #brx-content h2 { font-size: 24px !important; line-height: 1.2 !important; }

    /* --- Event cards: date circle left, text right, proper alignment --- */
    #brxe-gsmgez {
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 0.8em !important;
    }
    #brxe-gsmgez .brxe-div:first-child,
    #brxe-vchgbt {
        width: 60px !important;
        height: 60px !important;
        flex-shrink: 0 !important;
    }
    #brxe-gsmgez .brxe-block:last-child,
    #brxe-sbqgbp {
        flex: 1 !important;
        min-width: 0 !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }

    /* --- Footer: already has mobile fix, just ensure subscribe is full width --- */
    #brxe-ft_main {
        gap: 1.5em !important;
        padding: 2em 1.2em !important;
    }

    /* ===== PAGE-SPECIFIC MOBILE FIXES ===== */

    /* --- HOME PAGE --- */
    body.home .brxe-container[style*="row"],
    body.home .brxe-div[style*="row"] {
        flex-direction: column !important;
    }

    /* Opportunity images: prevent overflow on mobile */
    .page-id-756 .brxe-image img,
    #brxe-mbtalz img {
        max-width: 100% !important;
        height: auto !important;
    }
    body.home .brxe-image img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* --- CHAMBER PAGE (ID 80) --- */
    body.page-id-80 [id^="brxe-s4_p"] {
        flex-direction: column !important;
    }
    body.page-id-80 #brxe-s4_p1_num,
    body.page-id-80 #brxe-s4_p2_num,
    body.page-id-80 #brxe-s4_p3_num,
    body.page-id-80 #brxe-s4_p4_num {
        font-size: 36px !important;
    }

    /* --- CHAMBER BENEFITS (ID 257) --- */
    body.page-id-257 #brxe-b_intro_img {
        height: 250px !important;
    }

    /* --- FAQ (ID 237) --- */
    body.page-id-237 #brxe-faq_intro_heading {
        font-size: 24px !important;
    }
    body.page-id-237 #brxe-faq_cta_h {
        font-size: 24px !important;
    }
    body.page-id-237 #brxe-faq_cta_btns {
        flex-direction: column !important;
        align-items: center !important;
    }

    /* --- SSA FACADE GRANTS (ID 449) --- */
    body.page-id-449 #brxe-fg_s1h {
        font-size: 28px !important;
    }
    body.page-id-449 .brxe-section {
        padding-top: 2.5em !important;
        padding-bottom: 2.5em !important;
    }

    /* --- FUNDING (ID 631) --- */
    body.page-id-631 #brxe-fn_s2l,
    body.page-id-631 #brxe-fn_s2r {
        min-width: 0 !important;
        width: 100% !important;
    }

    /* --- NDC (ID 542) --- */
    body.page-id-542 [id^="brxe-nd_s"][id$="c"] {
        width: 100% !important;
        max-width: 100% !important;
    }
    body.page-id-542 #brxe-nd_s5g {
        width: 100% !important;
    }

    /* --- NON-PROFIT (ID 513) --- */
    body.page-id-513 [id^="brxe-np_s"][id$="c"] {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* --- SPOTLIGHT (ID 831) --- */
    body.page-id-831 .brxe-container[style*="repeat(3"],
    body.page-id-831 .brxe-container[style*="repeat(4"] {
        grid-template-columns: 1fr !important;
    }

    /* --- MEMBERSHIP APPLICATION (ID 1022) --- */
    body.page-id-1022 .brxe-section {
        padding-top: 2.5em !important;
        padding-bottom: 2.5em !important;
    }

    /* --- PROGRAMS PAGE (ID 1026) --- */
    body.page-id-1026 #brxe-prog_hero {
        min-height: 50vh !important;
    }
    body.page-id-1026 #brxe-prog_stat_1_num,
    body.page-id-1026 #brxe-prog_stat_2_num,
    body.page-id-1026 #brxe-prog_stat_3_num,
    body.page-id-1026 #brxe-prog_stat_4_num {
        font-size: 32px !important;
    }
}

/* ===== MOBILE: Force column stacking on all V3 rebuilt pages ===== */
@media (max-width: 991px) {
    /* Stack all row-direction containers */
    .seccc-v3-page .brxe-container,
    .seccc-v3-page .brxe-div,
    .seccc-v3-page .brxe-block {
        flex-direction: column !important;
    }
    /* Override fixed widths to 100% */
    .seccc-v3-page .brxe-container > .brxe-div,
    .seccc-v3-page .brxe-container > .brxe-block {
        width: 100% !important;
        max-width: 100% !important;
    }
    /* Grid columns to single column */
    .seccc-v3-page .brxe-container[style*="grid-template-columns"] {
        grid-template-columns: 1fr !important;
    }
    /* Spotlight grids */
    body.page-id-831 .brxe-container {
        grid-template-columns: 1fr !important;
    }
}

/* ============================================================
   PROGRAMS PAGE (1026) — Full Design System Alignment
   Matches SECCC-Style-Guide.html: sharp corners, strong borders,
   structured hierarchy, civic authority aesthetic.
   ============================================================ */

/* --- Hero: community image with dark overlay --- */
body.page-id-1026 #brxe-prog_hero {
    background: linear-gradient(rgba(26,26,26,0.72), rgba(26,26,26,0.72)),
                url("/wp-content/uploads/2020/11/cropped-MaxNKayla.jpg") center 25% / cover no-repeat !important;
    padding: 180px 5% 80px !important;
    border-bottom: 4px solid var(--seccc-green) !important;
    min-height: 500px !important;
}
#brxe-prog_hero_kicker {
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 3px !important;
    color: var(--seccc-green-light) !important;
    margin-bottom: 12px !important;
}
#brxe-prog_hero_h1 {
    font-family: 'Playfair Display', serif !important;
    font-size: 52px !important;
    font-weight: 800 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.5px !important;
    color: #fff !important;
}
#brxe-prog_hero_sub {
    font-size: 17px !important;
    color: #8a8a8a !important;
    max-width: 600px !important;
    margin-top: 12px !important;
    line-height: 1.6 !important;
}
/* Hero CTA: btn--primary (dark-on-white for contrast against dark bg) */
#brxe-prog_hero_btn {
    background: #fff !important;
    color: var(--seccc-dark) !important;
    border: 2px solid #fff !important;
    border-radius: 2px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 12px 28px !important;
    letter-spacing: 0.2px !important;
    text-transform: none !important;
    transition: all 0.15s ease !important;
}
#brxe-prog_hero_btn:hover {
    background: var(--seccc-cream) !important;
    border-color: var(--seccc-cream) !important;
}

/* --- Intro section: cream bg, structured layout --- */
body.page-id-1026 #brxe-prog_intro {
    background: var(--seccc-cream) !important;
    padding: 80px 0 !important;
}
#brxe-prog_intro_h2 {
    font-family: 'Playfair Display', serif !important;
    font-size: 36px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    color: var(--seccc-dark) !important;
}
#brxe-prog_intro_p1,
#brxe-prog_intro_p2 {
    font-size: 15px !important;
    line-height: 1.7 !important;
    color: #5a5a5a !important;
}
#brxe-prog_intro_quote {
    font-family: 'Playfair Display', serif !important;
    font-size: 17px !important;
    font-style: italic !important;
    color: var(--seccc-dark) !important;
    border-left: 4px solid var(--seccc-green) !important;
    padding-left: 20px !important;
    margin-top: 24px !important;
}

/* --- Stat cards: card--stat pattern (left green border) --- */
#brxe-prog_intro_right {
    background: #fff !important;
    border: 1px solid #d0d0d0 !important;
    border-radius: 2px !important;
    padding: 32px !important;
}
[id^="brxe-prog_stat_"][id$="_num"] {
    font-family: 'Playfair Display', serif !important;
    font-size: 40px !important;
    font-weight: 800 !important;
    color: var(--seccc-dark) !important;
    line-height: 1 !important;
}
[id^="brxe-prog_stat_"][id$="_label"] {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #5a5a5a !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-top: 4px !important;
}
/* Stat dividers */
#brxe-prog_stat_1,
#brxe-prog_stat_2,
#brxe-prog_stat_3 {
    border-bottom: 1px solid #e8e7e3 !important;
    padding-bottom: 20px !important;
    margin-bottom: 20px !important;
}
#brxe-prog_stat_4 {
    padding-bottom: 0 !important;
}
/* Green accent on stat numbers */
[id^="brxe-prog_stat_"][id$="_num"]::before {
    display: none !important;
}

/* --- Programs & Initiatives section: white bg, crisp structure --- */
body.page-id-1026 #brxe-prog_section {
    background: #fff !important;
    padding: 80px 0 96px !important;
}
/* Section label badge */
#brxe-prog_sec_tag {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    color: var(--seccc-green) !important;
    background: var(--seccc-green-muted) !important;
    padding: 6px 16px !important;
    border-radius: 2px !important;
}
#brxe-prog_sec_h2 {
    font-family: 'Playfair Display', serif !important;
    font-size: 38px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    color: var(--seccc-dark) !important;
    margin-top: 16px !important;
}
#brxe-prog_sec_desc {
    font-size: 15px !important;
    color: #5a5a5a !important;
    line-height: 1.6 !important;
    max-width: 700px !important;
}
/* Sub-headings: "Active Programs" / "In Development" */
#brxe-prog_active_label,
#brxe-prog_soon_label {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    color: #8a8a8a !important;
    border-bottom: 2px solid var(--seccc-dark) !important;
    padding-bottom: 12px !important;
    margin-bottom: 24px !important;
    margin-top: 48px !important;
}

/* --- Active program cards: card--feature (green top border) --- */
#brxe-prog_grid_active {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
}
#brxe-prog_c_phoenix,
#brxe-prog_c_xsite,
#brxe-prog_c_nbdc,
#brxe-prog_c_rhythm,
#brxe-prog_c_quarterly,
#brxe-prog_c_commission {
    background: #fff !important;
    border: 1px solid #d0d0d0 !important;
    border-top: 4px solid var(--seccc-green) !important;
    border-radius: 0 !important;
    padding: 32px !important;
    display: flex !important;
    flex-direction: column !important;
    transition: box-shadow 0.2s ease !important;
}
#brxe-prog_c_phoenix:hover,
#brxe-prog_c_xsite:hover,
#brxe-prog_c_nbdc:hover,
#brxe-prog_c_rhythm:hover,
#brxe-prog_c_quarterly:hover,
#brxe-prog_c_commission:hover {
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
}
/* Card tags (Incubator, Public Art, etc.) */
[id$="_tag"][id^="brxe-prog_c_"] {
    display: inline-block !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    color: var(--seccc-green) !important;
    background: var(--seccc-green-muted) !important;
    padding: 4px 12px !important;
    border-radius: 2px !important;
    margin-bottom: 16px !important;
    width: fit-content !important;
}
/* Card headings */
[id$="_h3"][id^="brxe-prog_c_"] {
    font-family: 'Playfair Display', serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: var(--seccc-dark) !important;
    margin-bottom: 12px !important;
    line-height: 1.2 !important;
}
/* Card body text */
[id$="_p"][id^="brxe-prog_c_"] {
    font-size: 14px !important;
    line-height: 1.7 !important;
    color: #5a5a5a !important;
    flex: 1 !important;
}
/* Card links */
[id$="_link"][id^="brxe-prog_c_"] {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--seccc-green) !important;
    margin-top: 16px !important;
    cursor: pointer !important;
    transition: color 0.15s !important;
}
[id$="_link"][id^="brxe-prog_c_"]:hover {
    color: var(--seccc-green-dark) !important;
}

/* --- "In Development" cards: dashed border, muted aesthetic --- */
#brxe-prog_grid_soon {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
}
#brxe-prog_c_cloud,
#brxe-prog_c_lime,
#brxe-prog_c_park {
    background: var(--seccc-cream) !important;
    border: 2px dashed #d0d0d0 !important;
    border-radius: 0 !important;
    padding: 32px !important;
    display: flex !important;
    flex-direction: column !important;
}
/* Coming Soon tags — muted */
#brxe-prog_c_cloud_tag,
#brxe-prog_c_lime_tag,
#brxe-prog_c_park_tag {
    display: inline-block !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    color: #8a8a8a !important;
    background: #e8e7e3 !important;
    padding: 4px 12px !important;
    border-radius: 2px !important;
    margin-bottom: 16px !important;
    width: fit-content !important;
}
#brxe-prog_c_cloud_h3,
#brxe-prog_c_lime_h3,
#brxe-prog_c_park_h3 {
    font-family: 'Playfair Display', serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: var(--seccc-dark) !important;
    margin-bottom: 12px !important;
}
#brxe-prog_c_cloud_p,
#brxe-prog_c_lime_p,
#brxe-prog_c_park_p {
    font-size: 14px !important;
    line-height: 1.7 !important;
    color: #8a8a8a !important;
    flex: 1 !important;
}
#brxe-prog_c_cloud_link,
#brxe-prog_c_lime_link,
#brxe-prog_c_park_link {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #8a8a8a !important;
    margin-top: 16px !important;
}

/* --- Explore section: dark bg, structured layout --- */
body.page-id-1026 #brxe-prog_explore {
    background: var(--seccc-dark) !important;
    padding: 80px 0 !important;
    border-top: 4px solid var(--seccc-green) !important;
}
#brxe-prog_explore_tag {
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    color: var(--seccc-green-light) !important;
    background: rgba(139,196,166,0.12) !important;
    padding: 6px 16px !important;
    border-radius: 2px !important;
}
#brxe-prog_explore_h2 {
    font-family: 'Playfair Display', serif !important;
    font-size: 36px !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin-top: 16px !important;
}
#brxe-prog_explore_p {
    font-size: 15px !important;
    color: rgba(255,255,255,0.6) !important;
    line-height: 1.6 !important;
}
/* Explore CTA: btn--outline on dark bg */
#brxe-prog_explore_btn {
    background: transparent !important;
    color: #fff !important;
    border: 2px solid #fff !important;
    border-radius: 2px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 10px 24px !important;
    transition: all 0.15s ease !important;
}
#brxe-prog_explore_btn:hover {
    background: #fff !important;
    color: var(--seccc-dark) !important;
}
/* Trail cards */
#brxe-prog_trail_flavor,
#brxe-prog_trail_culture,
#brxe-prog_trail_shop {
    background: rgba(255,255,255,0.04) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 2px !important;
    padding: 24px !important;
    margin-bottom: 12px !important;
    transition: background 0.15s !important;
}
#brxe-prog_trail_flavor:hover,
#brxe-prog_trail_culture:hover,
#brxe-prog_trail_shop:hover {
    background: rgba(255,255,255,0.08) !important;
}
#brxe-prog_trail_flavor_h4,
#brxe-prog_trail_culture_h4,
#brxe-prog_trail_shop_h4 {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin-bottom: 6px !important;
}
#brxe-prog_trail_flavor_p,
#brxe-prog_trail_culture_p,
#brxe-prog_trail_shop_p {
    font-size: 13px !important;
    color: rgba(255,255,255,0.5) !important;
    line-height: 1.5 !important;
}

/* --- CTA section: green bg, white text --- */
body.page-id-1026 #brxe-prog_cta {
    background: var(--seccc-green) !important;
    padding: 80px 0 !important;
    text-align: center !important;
}
#brxe-prog_cta_h2 {
    font-family: 'Playfair Display', serif !important;
    font-size: 38px !important;
    font-weight: 700 !important;
    color: #fff !important;
    line-height: 1.15 !important;
}
#brxe-prog_cta_p {
    font-size: 16px !important;
    color: rgba(255,255,255,0.85) !important;
    line-height: 1.6 !important;
    max-width: 600px !important;
    margin: 12px auto 0 !important;
}
#brxe-prog_cta_btns {
    display: flex !important;
    gap: 12px !important;
    justify-content: center !important;
    margin-top: 32px !important;
}
/* CTA primary btn: white on green */
#brxe-prog_cta_btn1 {
    background: #fff !important;
    color: var(--seccc-green) !important;
    border: 2px solid #fff !important;
    border-radius: 2px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 12px 28px !important;
    transition: all 0.15s ease !important;
}
#brxe-prog_cta_btn1:hover {
    background: var(--seccc-cream) !important;
    border-color: var(--seccc-cream) !important;
}
/* CTA outline btn */
#brxe-prog_cta_btn2 {
    background: transparent !important;
    color: #fff !important;
    border: 2px solid rgba(255,255,255,0.5) !important;
    border-radius: 2px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 12px 28px !important;
    transition: all 0.15s ease !important;
}
#brxe-prog_cta_btn2:hover {
    background: rgba(255,255,255,0.1) !important;
    border-color: #fff !important;
}

/* ===== MOBILE: Programs page Bricks-level grid fixes ===== */
@media (max-width: 767px) {
    /* Programs page: stack intro columns */
    #brxe-prog_intro_wrap {
        flex-direction: column !important;
    }
    #brxe-prog_intro_left,
    #brxe-prog_intro_right {
        width: 100% !important;
    }
    /* Programs grid: single column */
    #brxe-prog_grid_active,
    #brxe-prog_grid_soon {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 1.2em !important;
    }
    /* Explore section: stack */
    #brxe-prog_explore_wrap {
        flex-direction: column !important;
    }
    #brxe-prog_explore_left,
    #brxe-prog_explore_right {
        width: 100% !important;
    }
    /* CTA buttons: stack */
    #brxe-prog_cta_btns {
        flex-direction: column !important;
        align-items: center !important;
    }
    /* Trail cards */
    #brxe-prog_explore_right {
        flex-direction: column !important;
    }
}

/* ===== TABLET: Programs page ===== */
@media (min-width: 768px) and (max-width: 991px) {
    body.page-id-1026 #brxe-prog_grid_active,
    body.page-id-1026 #brxe-prog_grid_soon,
    body #brx-content #brxe-prog_grid_active,
    body #brx-content #brxe-prog_grid_soon {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1.5em !important;
    }
    body.page-id-1026 #brxe-prog_intro_wrap {
        flex-direction: column !important;
    }
    body.page-id-1026 #brxe-prog_intro_left,
    body.page-id-1026 #brxe-prog_intro_right {
        width: 100% !important;
    }
}

/* ===== TABLET: Header overflow prevention ===== */
@media (max-width: 991px) {
    #brx-header,
    #brx-header > section,
    #brxe-3188fa {
        overflow-x: hidden !important;
    }
}

/* ===== REDUCED MOTION ===== */
@media (prefers-reduced-motion: reduce) {
    .seccc-reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
    .seccc-reveal-child { opacity: 1 !important; transform: none !important; transition: none !important; }
    .brxe-image img { transition: none !important; }
    .brxe-block, .brxe-div { transition: none !important; }
    html { scroll-behavior: auto !important; }
}

/* ===== HEADER SCROLL SHADOW ===== */
#brx-header {
    transition: box-shadow 0.3s ease, background 0.3s ease !important;
}
#brx-header.seccc-scrolled {
    box-shadow: 0 2px 16px rgba(0,0,0,0.12) !important;
}

/* ===== SECTION HEADINGS — Northalsted style (exclude FAQ & Benefits) ===== */
body:not(.seccc-v3-page) .brxe-section .brxe-heading:first-child,
body:not(.seccc-v3-page) .brxe-container > .brxe-heading:first-child {
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
    line-height: 1.15 !important;
}

/* ===== Explore page hero — ensure background + text on mobile ===== */
#brxe-ex_hero {
    position: relative !important;
    background: url('/wp-content/uploads/2020/11/cropped-MuralDay_106-scaled-1.jpg') center 35% / cover no-repeat !important;
    min-height: 220px;
}
#brxe-ex_hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(rgba(26,26,26,0.6), rgba(26,26,26,0.6));
    z-index: 0;
}
#brxe-ex_hero > * {
    position: relative;
    z-index: 1;
}
#brxe-ex_hero_kicker {
    color: #8bc4a6 !important;
}
#brxe-ex_hero_h1 {
    color: #fff !important;
}
#brxe-ex_hero_desc {
    color: rgba(255,255,255,0.85) !important;
}
@media (max-width: 768px) {
    #brxe-ex_hero {
        padding: 80px 5% 40px !important;
    }
    #brxe-ex_hero_h1 {
        font-size: 32px !important;
    }
    #brxe-ex_hero_desc {
        font-size: 15px !important;
    }
}

/* ===== News page (1066) hero — force bg + overlay + white text ===== */
#brxe-nw_001 {
    background: url('/wp-content/uploads/2020/11/cropped-Culture-is-Power-4.jpg') center / cover no-repeat !important;
    position: relative !important;
}
#brxe-nw_001::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(rgba(26,26,26,0.55), rgba(26,26,26,0.55));
    z-index: 0;
}
#brxe-nw_001 > * {
    position: relative;
    z-index: 1;
}
body.page-id-1066 #brx-content > .brxe-section:first-child .brxe-heading,
body.page-id-1066 #brx-content > .brxe-section:first-child .brxe-text-basic {
    color: #fff !important;
}

/* ===== Chamber page (80) hero — fix text styling ===== */
body.page-id-80 #brx-content > .brxe-section:first-child .brxe-heading,
body.page-id-80 #brx-content > .brxe-section:first-child .brxe-text-basic,
body.page-id-80 #brx-content > .brxe-section:first-child h1,
body.page-id-80 #brx-content > .brxe-section:first-child h2,
body.page-id-80 #brx-content > .brxe-section:first-child p,
body.page-id-80 #brx-content > .brxe-section:first-child em,
body.page-id-80 #brx-content > .brxe-section:first-child span {
    color: #fff !important;
    background: none !important;
    background-color: transparent !important;
    -webkit-text-fill-color: #fff !important;
}

/* ===== Sitewide hero fix — ensure all page heroes show bg on mobile ===== */
@media (max-width: 768px) {
    #brx-content > .brxe-section:first-child {
        background-size: cover !important;
        background-position: center !important;
        min-height: 200px;
        padding: 80px 5% 40px !important;
    }
    #brx-content > .brxe-section:first-child .brxe-heading {
        font-size: clamp(26px, 7vw, 36px) !important;
    }
    #brx-content > .brxe-section:first-child .brxe-text-basic {
        font-size: 15px !important;
    }
}

/* ===== Footer mobile — stack columns properly ===== */
@media (max-width: 768px) {
    #brx-footer,
    #brxe-ft_wrap {
        background-color: #2d2d2d !important;
    }
    #brxe-ft_main {
        flex-direction: column !important;
        flex-wrap: wrap !important;
        gap: 2em !important;
        padding: 2em 1.5em !important;
    }
    /* Override display:contents on mobile so it stacks properly */
    #brxe-ft_col_nav {
        display: flex !important;
        flex-direction: row !important;
        gap: 2em !important;
        width: 100% !important;
    }
    #brxe-ft_col_about,
    #brxe-ft_col_subscribe {
        flex: none !important;
        width: 100% !important;
        min-width: unset !important;
    }
    #brxe-ft_nav_explore,
    #brxe-ft_nav_info {
        flex: 1 !important;
        min-width: 0 !important;
    }
    #brxe-ft_col_about {
        text-align: center;
    }
    #brxe-ft_col_about img {
        margin: 0 auto 1em !important;
        display: block;
    }
    #brxe-ft_social_row {
        justify-content: center !important;
    }
    #brxe-ft_col_subscribe {
        border-top: 1px solid rgba(255,255,255,0.1);
        padding-top: 1.5em;
    }
    #brxe-ft_col_subscribe .seccc-gc-fields,
    #brxe-ft_col_subscribe .mc-field-group {
        flex-direction: column !important;
    }
    #brxe-ft_col_subscribe input[type="text"],
    #brxe-ft_col_subscribe input[type="email"] {
        width: 100% !important;
    }
    /* Ensure all footer text is visible on dark bg */
    #brxe-ft_main,
    #brxe-ft_main * {
        color: #ccc;
    }
    #brxe-ft_main a {
        color: #8bc4a6 !important;
    }
    #brxe-ft_main .brxe-heading,
    #brxe-ft_nav_explore_h,
    #brxe-ft_nav_info_h,
    #brxe-ft_sub_heading {
        color: #8bc4a6 !important;
    }
}

/* ===== Homepage colored cards — white text on mobile ===== */
#brxe-ldjzxi .brxe-block .brxe-heading,
#brxe-ldjzxi .brxe-block .brxe-text-basic,
#brxe-ldjzxi .brxe-block .eyebrow,
#brxe-ldjzxi .brxe-block .body_column {
    color: #fff !important;
}
#brxe-ldjzxi .brxe-block .brxe-button,
#brxe-ldjzxi .brxe-block a.bricks-button {
    color: #fff !important;
    border-color: #fff !important;
    background: transparent !important;
}

/* Footer spacing — clean and tight */
#brx-footer .brxe-section {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
#brx-footer .brxe-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
#brxe-ft_wrap {
    padding: 0 !important;
    margin: 0 !important;
}

/* Homepage spotlight video placeholder */
#brxe-qhyqqx { overflow: hidden; border-radius: 2px; }

/* Membership Application (1022) - Benefits box */
body.page-id-1022 #brxe-ma_benefits_box { background: #f8f9fa; border-radius: 2px; padding: 24px; margin-top: 20px; border: 2px solid #e0e0e0; }
body.page-id-1022 #brxe-ma_benefits_box ul { padding-left: 20px; margin: 12px 0 16px; }
body.page-id-1022 #brxe-ma_benefits_box li { margin-bottom: 6px; color: #555; font-size: 14px; }

/* Facade page (449) - embedded application form */
body.page-id-449 #brxe-fg_s7form { background: #fff; padding: 80px 5% 80px; }
body.page-id-449 #brxe-fg_s7form .brxe-heading { color: #7B5EA7 !important; text-align: center; margin-bottom: 32px; }
body.page-id-449 #brxe-fg_s7form iframe { border-radius: 2px; box-shadow: none; border: 2px solid #e0e0e0; }

/* ===== GLOBAL FIXES — Bricks default overrides ===== */

/* Fix global heading defaults — override Bricks red-orange H1 and invisible H2/H3 */
#brx-content h1, #brx-content h2, #brx-content h3, #brx-content h4 {
    color: #2d2d2d;
}

/* Fix Bricks global purple border default */
:where(#brx-content) * {
    border-color: #e0e0e0;
}

/* Fix oversized Bricks body text default */
#brx-content {
    font-size: 16px;
    line-height: 1.6;
}

/* ===== DROPDOWN NAV — clean white style ===== */
#brx-header .sub-menu {
    background: #fff !important;
    border: 2px solid #e0e0e0 !important;
    border-radius: 2px !important;
    box-shadow: none !important;
    padding: 8px 0 !important;
    min-width: 200px !important;
    margin-top: 4px !important;
    overflow: hidden !important;
}
#brx-header .sub-menu li {
    line-height: normal !important;
}
#brx-header .sub-menu li a {
    color: #333 !important;
    padding: 10px 20px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    display: block !important;
    transition: background 0.15s ease, color 0.15s ease !important;
}
#brx-header .sub-menu li a:hover {
    background: #f5f5f5 !important;
    color: #588e76 !important;
}
/* Dropdown top accent — removed */
#brx-header .sub-menu::before {
    content: none !important;
    display: none !important;
}

/* Accessibility: visible focus indicators */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
    outline: 2px solid #588e76 !important;
    outline-offset: 2px !important;
}

/* Standardize button appearance */
#brx-content .brxe-button {
    border-radius: 2px;
    font-weight: 600;
    transition: all 0.2s ease;
}
#brx-content .brxe-button:hover {
    transform: translateY(-1px);
    box-shadow: var(--seccc-shadow-hover);
}

/* ===== NDC VACANCY LISTINGS ===== */
body.page-id-542 #brx-content .brxe-text-basic + hr {
    border-color: rgba(88, 142, 118, 0.2) !important;
    margin: 1em 0 !important;
}

/* ============================================================
   PAGE HERO IMAGES — background images for v3-page hero sections
   ============================================================ */

/* Shared hero styling for all pages with hero images */
#brxe-sa_s1,
#brxe-faq_hero,
#brxe-fg_s1s,
#brxe-rp_s1,
#brxe-nd_s1,
#brxe-fn_s1,
#brxe-me_hero,
#brxe-ma_s1 {
    position: relative !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    min-height: 340px !important;
}

/* Dark overlay for text readability */
#brxe-sa_s1::before,
#brxe-faq_hero::before,
#brxe-fg_s1s::before,
#brxe-rp_s1::before,
#brxe-nd_s1::before,
#brxe-fn_s1::before,
#brxe-me_hero::before,
#brxe-ma_s1::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: rgba(0, 0, 0, 0.5) !important;
    z-index: 0 !important;
}

/* Ensure hero content sits above overlay */
#brxe-sa_s1 > *,
#brxe-faq_hero > *,
#brxe-fg_s1s > *,
#brxe-rp_s1 > *,
#brxe-nd_s1 > *,
#brxe-fn_s1 > *,
#brxe-me_hero > *,
#brxe-ma_s1 > * {
    position: relative !important;
    z-index: 1 !important;
}

/* White text on hero sections */
#brxe-sa_s1 .brxe-heading,
#brxe-sa_s1 .brxe-text-basic,
#brxe-sa_s1 .brxe-text,
#brxe-faq_hero .brxe-heading,
#brxe-faq_hero .brxe-text-basic,
#brxe-faq_hero .brxe-text,
#brxe-fg_s1s .brxe-heading,
#brxe-fg_s1s .brxe-text-basic,
#brxe-fg_s1s .brxe-text,
#brxe-rp_s1 .brxe-heading,
#brxe-rp_s1 .brxe-text-basic,
#brxe-rp_s1 .brxe-text,
#brxe-nd_s1 .brxe-heading,
#brxe-nd_s1 .brxe-text-basic,
#brxe-nd_s1 .brxe-text,
#brxe-fn_s1 .brxe-heading,
#brxe-fn_s1 .brxe-text-basic,
#brxe-fn_s1 .brxe-text,
#brxe-me_hero .brxe-heading,
#brxe-me_hero .brxe-text-basic,
#brxe-me_hero .brxe-text,
#brxe-ma_s1 .brxe-heading,
#brxe-ma_s1 .brxe-text-basic,
#brxe-ma_s1 .brxe-text {
    color: #fff !important;
    text-shadow: 0 2px 12px rgba(0,0,0,0.3) !important;
}

/* --- Per-page hero images — set in Bricks, not CSS --- */
/* Hero background images should be set via Bricks editor:
   - SSA #50 (132): #brxe-sa_s1
   - FAQs (237): #brxe-faq_hero
   - Facade Grants (449): #brxe-fg_s1s
   - RFPs (498): #brxe-rp_s1
   - NDC (542): #brxe-nd_s1
   - Funding (631): #brxe-fn_s1
   - Meetings (1025): #brxe-me_hero
   - Membership (1022): #brxe-ma_s1
   Previously used images (for reference when setting in Bricks):
   - sa_s1: cropped-MuralDay_106-scaled-1.jpg
   - faq_hero: About4-scaled.jpg
   - fg_s1s: cropped-FacadeGoogle.jpg
   - rp_s1: cropped-Buddy-Progress-scaled-1.jpg
   - nd_s1: cropped-cropped-Soul-of-Stony-Island.jpg
   - fn_s1: cropped-Funding1.jpg
   - me_hero: cropped-About1-scaled-1.jpg
   - ma_s1: About2-1-scaled.jpg
*/

/* NDC hero needs extra top padding */
#brxe-nd_s1 {
    padding-top: 120px !important;
}

/* ============================================================
   TRUNCATED IMAGE FIX — Force WP images to fill containers
   ============================================================ */

/* Chamber page: "Always available" image + "Service Area" image */
#brxe-s2_col_image img,
#brxe-s5_col_image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Facade page: intro image + Digital Business Facelift image */
#brxe-fg_s2i img,
#brxe-fg5c3t img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* NDC page: service card images */
#brxe-nd_s5g img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    float: none !important;
    margin: 0 0 1em 0 !important;
}

/* NDC page: vacancies image */
#brxe-nd_s6l img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

/* ============================================================
   FACADE ENHANCEMENT GRANTS (page 449) — Layout Improvements
   ============================================================ */

/* --- OLD FACADE LAYOUT (overridden by redesign at bottom) --- */
/* #brxe-fg_s2c — now handled by redesign */
/* #brxe-fg_s3s/s4s grid — now handled by redesign */

/* Style headings in eligibility/examples — kept for compat */
#brxe-fg_s3c h2,
#brxe-fg_s4c h2 {
    font-size: 1.4em !important;
    color: #588e76 !important;
    margin-bottom: 0.6em !important;
}

/* Style lists */
#brxe-fg_s3c ul,
#brxe-fg_s4c ul {
    padding-left: 1.2em !important;
    margin-top: 0.8em !important;
}
#brxe-fg_s3c li,
#brxe-fg_s4c li {
    margin-bottom: 0.5em !important;
    line-height: 1.6 !important;
}

/* --- Section 5: Guidelines / Procedure / Digital Facelift --- */
#brxe-fg_s5c {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 2em !important;
    max-width: 1200px !important;
    width: 100% !important;
}
#brxe-fg_5c1,
#brxe-fg_5c2 {
    background: #fff !important;
    border: 2px solid #e0e0e0 !important;
    border-radius: 2px !important;
    padding: 2em !important;
    box-shadow: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
}
/* Digital Facelift spans full width */
#brxe-fg_5c3 {
    grid-column: 1 / -1 !important;
    background: #588e76 !important;
    color: #fff !important;
    border-radius: 2px !important;
    padding: 2em 3em !important;
    text-align: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
#brxe-fg_5c3 p {
    color: rgba(255,255,255,0.9) !important;
    max-width: 700px !important;
    margin: 0 auto !important;
}
#brxe-fg_5c1 h2,
#brxe-fg_5c2 h2 {
    font-size: 1.25em !important;
    color: #588e76 !important;
    margin-bottom: 0.8em !important;
    padding-bottom: 0.5em !important;
    border-bottom: 2px solid #8bc4a6 !important;
}
#brxe-fg_5c3 h2 {
    font-size: 1.25em !important;
    color: #fff !important;
    margin-bottom: 0.6em !important;
}

/* Lists inside cards */
#brxe-fg_5c1 ol,
#brxe-fg_5c1 ul,
#brxe-fg_5c2 ol,
#brxe-fg_5c2 ul {
    padding-left: 1.2em !important;
}
#brxe-fg_5c1 li,
#brxe-fg_5c2 li {
    margin-bottom: 0.6em !important;
    line-height: 1.6 !important;
}

/* Responsive: stack on mobile */
@media (max-width: 767px) {
    #brxe-fg_s2c {
        flex-direction: column !important;
    }
    #brxe-fg_s2i {
        flex: none !important;
        width: 100% !important;
    }
    body.page-id-449 #brx-content {
        grid-template-columns: 1fr !important;
    }
    body.page-id-449 #brxe-fg_s3s,
    body.page-id-449 #brxe-fg_s4s {
        grid-column: 1 / -1 !important;
    }
    #brxe-fg_s5c {
        grid-template-columns: 1fr !important;
    }
}

/* ============================================================
   NEIGHBORHOOD DEVELOPMENT CENTER (page 542) — Layout Improvements
   ============================================================ */

/* --- Services Grid: 2x3 card grid --- */
#brxe-nd_s5g {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 1.5em !important;
    padding: 0 5% 3em !important;
    max-width: 1200px !important;
    width: 100% !important;
}
#brxe-nd_srv1,
#brxe-nd_srv2,
#brxe-nd_srv3,
#brxe-nd_srv4,
#brxe-nd_srv5,
#brxe-nd_srv6 {
    background: #fff !important;
    border: 2px solid #e0e0e0 !important;
    border-radius: 2px !important;
    padding: 2em !important;
    box-shadow: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
    width: 100% !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
}
#brxe-nd_srv1:hover,
#brxe-nd_srv2:hover,
#brxe-nd_srv3:hover,
#brxe-nd_srv4:hover,
#brxe-nd_srv5:hover,
#brxe-nd_srv6:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.08) !important;
}

/* Service card headings */
#brxe-nd_s5g h3 {
    font-size: 1.15em !important;
    color: #588e76 !important;
    margin-bottom: 0.5em !important;
}

/* Service card link buttons */
#brxe-nd_s5g .brxe-text-basic > div:last-child,
#brxe-nd_s5g .brxe-text-basic > p:last-child {
    margin-top: auto !important;
}

/* Section heading */
#brxe-nd_s5 > #brxe-nd_s5h {
    text-align: center !important;
    padding: 2em 5% 1em !important;
}

/* --- Vacancies: Two-column layout --- */
#brxe-nd_s6c {
    display: flex !important;
    flex-direction: row !important;
    gap: 3em !important;
    align-items: flex-start !important;
}
#brxe-nd_s6l {
    flex: 1 !important;
}
#brxe-nd_s6r {
    flex: 1 !important;
    background: #f9f9f7 !important;
    border-radius: 2px !important;
    padding: 2em !important;
    border: 2px solid #e0e0e0 !important;
}

/* Vacancy listing items */
#brxe-nd_s6r hr {
    border-color: rgba(88, 142, 118, 0.2) !important;
    margin: 1em 0 !important;
}

/* Responsive: stack on mobile */
@media (max-width: 767px) {
    #brxe-nd_s5g {
        grid-template-columns: 1fr !important;
        padding: 0 4% 2em !important;
    }
    #brxe-nd_s6c {
        flex-direction: column !important;
    }
}

/* ============================================================
   FUNDING SOURCES GRID (page 631)
   ============================================================ */

#seccc-funding-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5em;
    margin-top: 2em;
}

.seccc-funding-card {
    background: #fff;
    border: 2px solid #e0e0e0;
    border-radius: 2px;
    padding: 2em;
    transition: box-shadow 0.2s, transform 0.2s;
}

.seccc-funding-card:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    transform: translateY(-2px);
}

.seccc-funding-badge {
    display: inline-block;
    background: #f4f3f0;
    color: #588e76;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 4px 10px;
    border-radius: 2px;
    margin-bottom: 0.75em;
}

.seccc-funding-card h4 {
    font-family: 'Playfair Display', serif;
    font-size: 20px;
    color: #2d2d2d;
    margin: 0 0 0.75em 0;
}

.seccc-funding-card p {
    font-size: 14px;
    line-height: 1.6;
    color: #666;
    margin: 0 0 1.25em 0;
}

.seccc-funding-link {
    display: inline-block;
    color: #588e76;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    transition: color 0.2s;
}

.seccc-funding-link:hover {
    color: #4a7a65;
    text-decoration: underline;
}

@media (max-width: 767px) {
    #seccc-funding-grid {
        grid-template-columns: 1fr;
    }
}

/* ============================================================
   MEMBERSHIP BENEFITS BAR (page 1022)
   ============================================================ */

#seccc-benefits-bar {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1em;
    padding: 3em 5%;
    background: #f4f3f0;
}

.seccc-benefit-item {
    font-size: 14px;
    line-height: 1.5;
    color: #2d2d2d;
    padding: 1em;
    background: #fff;
    border-radius: 2px;
    border-left: 3px solid #588e76;
}

.seccc-benefit-check {
    color: #588e76;
    font-weight: 700;
    margin-right: 0.3em;
}

@media (max-width: 767px) {
    #seccc-benefits-bar {
        grid-template-columns: 1fr;
    }
}

/* ============================================================
   NEW PAGES — Dev Corp (1065), News (1066), Shop (1067)
   Full-page injection styling
   ============================================================ */

/* --- Shared: hide default WP article title on injected pages --- */
.page-id-1065 #brx-content,
.page-id-1066 #brx-content,
.page-id-1067 #brx-content {
    max-width: 100%;
    padding: 0;
}

.page-id-1065 article > h1,
.page-id-1066 article > h1,
.page-id-1067 article > h1 {
    display: none;
}

.page-id-1065 article,
.page-id-1066 article,
.page-id-1067 article {
    max-width: 100%;
    margin: 0;
    padding: 0;
}

/* --- Shared hero banner for new pages --- */
.seccc-page-hero {
    position: relative;
    min-height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 8em 5% 4em;
    background-size: cover;
    color: #fff;
}

/* Slideshow crossfade: ::after fades in the next image */
.seccc-page-hero--slideshow::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image: var(--next-bg);
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 1s ease-in-out;
    z-index: 0;
}
.seccc-page-hero--slideshow.seccc-hero-fade::after {
    opacity: 1;
}

.seccc-page-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(26,26,26,0.75);
    z-index: 1;
}

.seccc-page-hero > * {
    position: relative;
    z-index: 2;
}

.seccc-page-hero__label {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #8bc4a6;
    margin-bottom: 0.5em;
}

.seccc-page-hero__title {
    font-family: 'Playfair Display', serif;
    font-size: clamp(32px, 5vw, 56px);
    font-weight: 700;
    line-height: 1.1;
    margin: 0 0 0.3em 0;
    max-width: 700px;
    text-align: left !important;
}

.seccc-page-hero__desc {
    font-size: 17px;
    line-height: 1.6;
    max-width: 600px;
    opacity: 0.9;
    margin: 0;
}

/* --- Shared content section --- */
.seccc-section {
    padding: 4em 5%;
}

.seccc-section--cream {
    background: #f4f3f0;
}

.seccc-section--dark {
    background: #2d2d2d;
    color: #fff;
}

.seccc-section__label {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #588e76;
    margin-bottom: 0.5em;
}

.seccc-section__title {
    font-family: 'Playfair Display', serif;
    font-size: clamp(24px, 3.5vw, 40px);
    color: #2d2d2d;
    margin: 0 0 0.5em 0;
    line-height: 1.2;
}

.seccc-section--dark .seccc-section__title {
    color: #fff;
}

.seccc-section__text {
    font-size: 16px;
    line-height: 1.7;
    color: #555;
    max-width: 800px;
    margin: 0 0 1.5em 0;
}

.seccc-section--dark .seccc-section__text {
    color: #ccc;
}

/* --- Dev Corp: Four Pillars grid --- */
.seccc-pillars {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2em;
    margin-top: 2em;
}

.seccc-pillar {
    background: #fff;
    border-radius: 2px;
    padding: 2em;
    border-top: 4px solid #588e76;
    border: 2px solid #e0e0e0;
    border-top: 4px solid #588e76;
    box-shadow: none;
}

.seccc-pillar__num {
    font-size: 13px;
    font-weight: 700;
    color: #8bc4a6;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 0.5em;
}

.seccc-pillar__title {
    font-family: 'Playfair Display', serif;
    font-size: 22px;
    color: #2d2d2d;
    margin: 0 0 0.75em 0;
}

.seccc-pillar__text {
    font-size: 15px;
    line-height: 1.6;
    color: #555;
    margin: 0;
}

/* --- Dev Corp: CTA section --- */
.seccc-cta-row {
    display: flex;
    gap: 1em;
    margin-top: 1.5em;
    flex-wrap: wrap;
}

.seccc-btn {
    display: inline-block;
    padding: 0.75em 2em;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.04em;
    border-radius: 2px !important;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.2s, transform 0.1s;
}

.seccc-btn--green {
    background: var(--seccc-dark);
    color: #fff;
    border: 2px solid var(--seccc-dark);
}

.seccc-btn--green:hover {
    background: #333;
}

.seccc-btn--outline {
    background: transparent;
    color: #588e76;
    border: 2px solid #588e76;
}

.seccc-btn--outline:hover {
    background: #588e76;
    color: #fff;
}

/* --- News: Press grid --- */
.seccc-press-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5em;
    margin-top: 2em;
}

.seccc-press-card {
    background: #fff;
    border: 2px solid #e0e0e0;
    border-radius: 2px;
    padding: 1.5em;
    text-decoration: none;
    transition: box-shadow 0.2s, transform 0.2s;
    display: flex;
    flex-direction: column;
}

.seccc-press-card:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
    transform: translateY(-2px);
}

.seccc-press-card__source {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #588e76;
    margin-bottom: 0.5em;
}

.seccc-press-card__title {
    font-family: 'Playfair Display', serif;
    font-size: 18px;
    color: #2d2d2d;
    margin: 0 0 0.5em 0;
    line-height: 1.3;
}

.seccc-press-card__link {
    font-size: 13px;
    color: #588e76;
    font-weight: 600;
    margin-top: auto;
}

/* --- News: Recommendation groups --- */
.seccc-recs-group {
    margin-bottom: 3em;
}
.seccc-recs-group__label {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #588e76;
    margin: 0 0 1.25em 0;
}
.seccc-recs-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5em;
}

/* --- News: Rec cards (pillar style) --- */
.seccc-rec-card,
a.seccc-rec-card {
    background: #fff;
    border: 2px solid #e0e0e0;
    border-top: 4px solid #588e76;
    border-radius: 2px;
    padding: 2em;
    text-align: left;
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.2s, transform 0.2s;
}
a.seccc-rec-card:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
    transform: translateY(-2px);
}
.seccc-rec-card__icon {
    font-size: 28px;
    margin-bottom: 0.75em;
}
.seccc-rec-card__title {
    font-family: 'Playfair Display', serif;
    font-size: 20px;
    color: #2d2d2d;
    margin: 0 0 0.5em 0;
    line-height: 1.3;
}
.seccc-rec-card__desc {
    font-size: 15px;
    line-height: 1.6;
    color: #555;
    flex: 1;
    margin: 0;
}

/* --- News: Media contact CTA (full-width dark) --- */
.seccc-media-contact {
    background: #2d2d2d;
    color: #fff;
    border-radius: 0;
    padding: 0;
    margin-top: 0;
    max-width: 100%;
    text-align: center;
}

.seccc-media-contact h3 {
    font-family: 'Playfair Display', serif;
    font-size: clamp(24px, 3.5vw, 40px);
    margin: 0 0 0.5em 0;
}

.seccc-media-contact p {
    font-size: 16px;
    line-height: 1.7;
    color: #ccc;
    margin: 0 auto 1.5em;
    max-width: 600px;
}

.seccc-btn--white {
    background: #fff;
    color: #1a1a1a;
    border: 2px solid #fff;
}

.seccc-btn--white:hover {
    background: #f4f3f0;
}

/* --- Shop: Product grid --- */
.seccc-products {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2em;
    margin-top: 2em;
}

.seccc-product {
    background: #fff;
    border: 2px solid #e0e0e0;
    border-radius: 2px;
    overflow: hidden;
    transition: box-shadow 0.2s, transform 0.2s;
}

.seccc-product:hover {
    box-shadow: 0 6px 20px rgba(0,0,0,0.1);
    transform: translateY(-3px);
}

.seccc-product__img {
    width: 100%;
    height: 280px;
    background: #2d2d2d;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Playfair Display', serif;
    font-size: 24px;
    color: #8bc4a6;
    letter-spacing: 1px;
}

.seccc-product__body {
    padding: 1.5em;
}

.seccc-product__name {
    font-family: 'Playfair Display', serif;
    font-size: 20px;
    color: #2d2d2d;
    margin: 0 0 0.25em 0;
}

.seccc-product__price {
    font-size: 18px;
    font-weight: 700;
    color: #588e76;
    margin: 0 0 1em 0;
}

.seccc-product__btn {
    display: block;
    width: 100%;
    padding: 0.75em;
    background: var(--seccc-dark);
    color: #fff;
    border: 2px solid var(--seccc-dark);
    border-radius: 2px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    text-align: center;
    transition: background 0.2s;
}

.seccc-product__btn:hover {
    background: #333;
}

/* ============================================================
   AUTHORITATIVE CARD OVERRIDES — Force 2px radius on all
   Bricks inline-styled cards across the site
   ============================================================ */

/* --- Chamber Benefits: "What We Do" cards --- */
#brxe-b_wwd_c1,
#brxe-b_wwd_c2,
#brxe-b_wwd_c3 {
    border-radius: 2px !important;
    border: 2px solid #e0e0e0 !important;
}

/* --- Chamber Benefits: tag badges --- */
#brxe-b_wwd_tag,
#brxe-s5_tag {
    border-radius: 2px !important;
}

/* --- Chamber Benefits: Tier cards --- */
#brxe-b_t1,
#brxe-b_t2,
#brxe-b_t3,
#brxe-b_t4,
#brxe-b_t5 {
    border-radius: 2px !important;
}

/* --- Chamber Benefits: form container --- */
#brxe-b_form_el {
    border-radius: 2px !important;
}

/* --- Membership Application: form + info boxes --- */
#brxe-ma_form,
#brxe-ma_contact_box,
#brxe-ma_tiers_box {
    border-radius: 2px !important;
    border: 2px solid #e0e0e0 !important;
}

/* --- Meetings & Events: event cards + date badges --- */
[id^="brxe-ev_card_"] {
    border-radius: 2px !important;
    border: 2px solid #e0e0e0 !important;
}
[id^="brxe-ev_db_"] {
    border-radius: 2px !important;
}
/* Event grid: wider cards, more spacing */
#brxe-ev_grid {
    gap: 2em !important;
    grid-template-columns: repeat(4, 1fr) !important;
    max-width: 1000px !important;
    margin: 0 auto !important;
}
[id^="brxe-ev_card_"] {
    padding: 1.5em 1.2em !important;
    display: flex !important;
    flex-direction: column !important;
}
/* Event card CTA button */
.seccc-ev-cta {
    display: inline-block;
    margin-top: auto;
    padding: 0.5em 1.2em;
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #fff;
    background: var(--seccc-green);
    border: 2px solid var(--seccc-green);
    border-radius: 2px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}
.seccc-ev-cta:hover {
    background: var(--seccc-green-dark);
    border-color: var(--seccc-green-dark);
    color: #fff;
}
@media (max-width: 767px) {
    #brxe-ev_grid {
        grid-template-columns: 1fr !important;
        gap: 1.2em !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #brxe-ev_grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* --- Non-Profit: pillar columns --- */
#brxe-np_s4col1,
#brxe-np_s4col2 {
    border-radius: 2px !important;
}

/* --- RFP: Bricks list items + status badges --- */
body.page-id-498 #brxe-rp_s3list li {
    border-radius: 2px !important;
}
body.page-id-498 #brxe-rp_s3list li span[style*="border-radius"] {
    border-radius: 2px !important;
}

/* --- Facade: application box --- */
body.page-id-449 .brxe-div[style*="border-radius: 12px"] {
    border-radius: 2px !important;
}

/* --- Spotlight + Homepage: pill-shaped buttons (100px from Bricks "circle" class) --- */
/* ID-level specificity to beat Bricks frontend-layer.min.css .bricks-button.circle !important */
#brx-content .bricks-button.circle,
#brx-content .brxe-button.circle,
#brxe-ujwbyw,
.brxe-ujwbyw,
#brxe-mjfwpr,
.brxe-mjfwpr,
.brxe-button.brxe-button.circle,
.bricks-button.bricks-button.circle,
.brxe-button[style*="border-radius: 100px"],
.brxe-button[style*="border-radius:100px"] {
    border-radius: 2px !important;
}

/* --- WordPress images: 5px from wp-image class --- */
img.css-filter,
img[class*="wp-image-"] {
    border-radius: 2px !important;
}

/* --- Global: catch-all for any remaining Bricks cards with inline border-radius --- */
.brxe-block[style*="border-radius"],
.brxe-div[style*="border-radius"] {
    border-radius: 2px !important;
}

/* ============================================================
   DESIGN SYSTEM COMPONENTS — Cards, Buttons, Badges
   From SECCC-Style-Guide.html, adapted for mu-plugin context
   ============================================================ */

/* --- DS: Buttons --- */
.seccc-v3-page .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-family: inherit;
    font-weight: 600;
    text-decoration: none;
    border: 2px solid transparent;
    border-radius: 2px;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
}
.seccc-v3-page .btn:active { transform: translateY(1px); }
.seccc-v3-page .btn--sm { font-size: 11px; padding: 6px 14px; letter-spacing: 0.3px; }
.seccc-v3-page .btn--md { font-size: 13px; padding: 10px 22px; letter-spacing: 0.2px; }
.seccc-v3-page .btn--lg { font-size: 15px; padding: 14px 32px; letter-spacing: 0.2px; }
.seccc-v3-page .btn--primary { background: #1a1a1a; color: #fff; border-color: #1a1a1a; }
.seccc-v3-page .btn--primary:hover { background: #333; border-color: #333; }
.seccc-v3-page .btn--secondary { background: #588e76; color: #fff; border-color: #588e76; }
.seccc-v3-page .btn--secondary:hover { background: #3d6854; border-color: #3d6854; }
.seccc-v3-page .btn--outline { background: transparent; color: #1a1a1a; border-color: #1a1a1a; }
.seccc-v3-page .btn--outline:hover { background: #1a1a1a; color: #fff; }
.seccc-v3-page .btn--outline-green { background: transparent; color: #588e76; border-color: #588e76; }
.seccc-v3-page .btn--outline-green:hover { background: #588e76; color: #fff; }

/* --- DS: Card base --- */
.seccc-v3-page .card {
    background: #fff;
    border: 1px solid #d0d0d0;
    border-radius: 2px;
    overflow: hidden;
    transition: box-shadow 0.2s ease;
}
.seccc-v3-page .card:hover { box-shadow: 0 2px 8px rgba(0,0,0,0.1); }

/* --- DS: Content Card --- */
.seccc-v3-page .card--content { padding: 24px; }
.seccc-v3-page .card__overline {
    font-size: 11px; font-weight: 700; text-transform: uppercase;
    letter-spacing: 2px; color: #588e76; margin-bottom: 12px;
}
.seccc-v3-page .card__title {
    font-family: 'Playfair Display', serif; font-size: 24px; font-weight: 700;
    color: #1a1a1a; margin-bottom: 12px; line-height: 1.2;
}
.seccc-v3-page .card__text {
    font-size: 13px; color: #5a5a5a; line-height: 1.6; margin-bottom: 20px;
}

/* --- DS: Stat Card --- */
.seccc-v3-page .card--stat { padding: 24px; border-left: 4px solid #588e76; }
.seccc-v3-page .card--stat .card__stat-value {
    font-family: 'Playfair Display', serif; font-size: 40px; font-weight: 800;
    color: #1a1a1a; line-height: 1;
}
.seccc-v3-page .card--stat .card__stat-label {
    font-size: 13px; color: #5a5a5a; margin-top: 8px;
}

/* --- DS: Feature Card --- */
.seccc-v3-page .card--feature {
    padding: 32px; border-top: 4px solid #588e76; border-radius: 0;
}
.seccc-v3-page .card--feature .card__feature-num {
    font-size: 11px; font-weight: 700; color: #8a8a8a;
    letter-spacing: 1px; margin-bottom: 16px;
}
.seccc-v3-page .card--feature .card__feature-title {
    font-family: 'Playfair Display', serif; font-size: 24px; font-weight: 700;
    color: #1a1a1a; margin-bottom: 12px;
}
.seccc-v3-page .card--feature .card__feature-text {
    font-size: 13px; line-height: 1.7; color: #5a5a5a;
}

/* --- DS: Press Card --- */
.seccc-v3-page .card--press {
    display: flex; flex-direction: column; text-decoration: none; color: inherit;
}
.seccc-v3-page .card--press .card__press-source {
    padding: 16px 20px; background: #f4f3f0; border-bottom: 1px solid #e8e7e3;
    font-size: 11px; font-weight: 700; text-transform: uppercase;
    letter-spacing: 1.5px; color: #8a8a8a;
}
.seccc-v3-page .card--press .card__press-body { padding: 20px; flex: 1; }
.seccc-v3-page .card--press .card__press-title {
    font-family: 'Playfair Display', serif; font-size: 20px; font-weight: 600;
    color: #1a1a1a; margin-bottom: 8px; line-height: 1.3;
}
.seccc-v3-page .card--press .card__press-date {
    font-size: 11px; color: #8a8a8a;
}
.seccc-v3-page .card--press .card__press-arrow {
    padding: 12px 20px; border-top: 1px solid #e8e7e3;
    font-size: 13px; font-weight: 600; color: #588e76;
    display: flex; align-items: center; gap: 8px; transition: color 0.15s;
}
.seccc-v3-page .card--press:hover .card__press-arrow { color: #3d6854; }

/* --- DS: Testimonial Card (dark section variant) --- */
.seccc-v3-page .card--testimonial {
    background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1);
    padding: 32px;
}
.seccc-v3-page .card--testimonial .card__quote {
    font-family: 'Playfair Display', serif; font-size: 17px; font-style: italic;
    line-height: 1.6; color: #e0e0e0; margin: 0 0 1em 0;
}
.seccc-v3-page .card--testimonial .card__cite {
    font-size: 13px; font-weight: 600; color: #8bc4a6; font-style: normal;
}

/* --- DS: Scope Card (dark section, big number) --- */
.seccc-v3-page .card--scope {
    background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12);
    padding: 32px; text-align: center;
}
.seccc-v3-page .card--scope .card__scope-num {
    font-family: 'Playfair Display', serif; font-size: 56px; font-weight: 700;
    color: #8bc4a6; line-height: 1; margin-bottom: 4px;
}
.seccc-v3-page .card--scope .card__scope-title {
    font-family: 'Playfair Display', serif; font-size: 22px; color: #fff; margin: 0 0 12px 0;
}
.seccc-v3-page .card--scope .card__scope-text {
    font-size: 14px; line-height: 1.6; color: #ccc; margin: 0;
}

/* --- DS: Info Card (with titled list) --- */
.seccc-v3-page .card--info { padding: 32px; }
.seccc-v3-page .card--info .card__info-title {
    font-family: 'Playfair Display', serif; font-size: 20px; color: #1a1a1a;
    margin: 0 0 1em 0; padding-bottom: 12px; border-bottom: 2px solid #588e76;
}
.seccc-v3-page .card--info .card__info-list {
    list-style: none; padding: 0; margin: 0;
}
.seccc-v3-page .card--info .card__info-list li {
    font-size: 15px; line-height: 1.6; color: #5a5a5a;
    padding: 8px 0 8px 1em; border-bottom: 1px solid #f0f0f0; position: relative;
}
.seccc-v3-page .card--info .card__info-list li::before {
    content: '\2014'; position: absolute; left: 0; color: #8bc4a6; font-weight: 700;
}

/* --- DS: Budget Table --- */
.c9-budget {
    margin-top: 2em; border: 1px solid #d0d0d0; border-radius: 2px; overflow: hidden;
}
.c9-budget__row {
    display: grid; grid-template-columns: 1fr auto auto; gap: 2em;
    padding: 1em 1.5em; align-items: center; border-bottom: 1px solid #e8e7e3; background: #fff;
}
.c9-budget__row:last-child { border-bottom: none; }
.c9-budget__row:nth-child(odd) { background: #f9f9f7; }
.c9-budget__source { font-size: 15px; font-weight: 600; color: #1a1a1a; }
.c9-budget__amount {
    font-family: 'Playfair Display', serif; font-size: 20px; font-weight: 700;
    color: #588e76; text-align: right;
}
.c9-budget__type { font-size: 13px; color: #8a8a8a; text-align: right; min-width: 120px; }

/* --- DS: Form Inputs --- */
.seccc-v3-page .ds-form { margin-top: 2em; max-width: 600px; }
.seccc-v3-page .ds-form__fields {
    display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 1em;
}
.seccc-v3-page .ds-form__input {
    width: 100%; padding: 10px 16px; font-family: inherit; font-size: 14px;
    color: #1a1a1a; background: #fff; border: 2px solid #d0d0d0; border-radius: 2px;
    box-sizing: border-box; outline: none; transition: border-color 0.15s;
}
.seccc-v3-page .ds-form__input::placeholder { color: #8a8a8a; }
.seccc-v3-page .ds-form__input:focus { border-color: #588e76; }
.seccc-v3-page .ds-form__note {
    margin-top: 1em; font-size: 13px; color: #8a8a8a; line-height: 1.5;
}

/* --- DS: Grid Layouts --- */
.ds-grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5em; margin-top: 2em; }
.ds-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5em; margin-top: 2em; }
.ds-grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5em; margin-top: 2em; }

/* --- Responsive for new pages --- */
@media (max-width: 767px) {
    .seccc-pillars {
        grid-template-columns: 1fr;
    }
    .seccc-press-grid {
        grid-template-columns: 1fr;
    }
    .seccc-recs-grid {
        grid-template-columns: 1fr;
    }
    .seccc-products {
        grid-template-columns: 1fr;
    }
    .seccc-page-hero {
        min-height: 300px;
        padding: 3em 5%;
    }
    .ds-grid-2 { grid-template-columns: 1fr; }
    .ds-grid-3 { grid-template-columns: 1fr; }
    .ds-grid-4 { grid-template-columns: 1fr; }
    .ds-grid-3.ds-grid--stats { grid-template-columns: repeat(2, 1fr); }
    .ds-form__fields { grid-template-columns: 1fr; }
    .c9-budget__row { grid-template-columns: 1fr; gap: 0.25em; }
    .c9-budget__amount, .c9-budget__type { text-align: left; }
}

/* ============================================================
   CHAMBER BENEFITS (257) — Full Design System Alignment
   Hero image, sharp corners, strong borders, civic authority.
   ============================================================ */

/* --- Hero: community image with dark overlay --- */
body.page-id-257 #brxe-b_hero {
    background: linear-gradient(rgba(26,26,26,0.72), rgba(26,26,26,0.72)),
                url("/wp-content/uploads/2020/11/cropped-Buddy-Prep-Team-scaled-1.jpg") center 30% / cover no-repeat !important;
    padding: 180px 5% 80px !important;
    border-bottom: 4px solid var(--seccc-green) !important;
    min-height: 480px !important;
}
#brxe-b_hero_kicker {
    font-size: 13px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    color: rgba(255,255,255,0.6) !important;
    max-width: 500px !important;
    line-height: 1.5 !important;
    margin-bottom: 16px !important;
}
#brxe-b_hero_heading {
    font-family: 'Playfair Display', serif !important;
    font-size: 52px !important;
    font-weight: 800 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.5px !important;
    color: #fff !important;
}
#brxe-b_hero_heading em {
    font-style: italic !important;
    color: var(--seccc-green-light) !important;
}
#brxe-b_hero_sub {
    font-size: 17px !important;
    color: rgba(255,255,255,0.65) !important;
    max-width: 600px !important;
    margin-top: 12px !important;
    line-height: 1.6 !important;
}

/* --- Intro section: two-column layout --- */
body.page-id-257 #brxe-b_intro {
    background: var(--seccc-cream) !important;
    padding: 80px 5% !important;
    border-bottom: 1px solid #e0e0e0 !important;
}
#brxe-b_intro_wrap {
    max-width: 1100px !important;
    margin: 0 auto !important;
}
#brxe-b_intro_h2 {
    font-family: 'Playfair Display', serif !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    color: var(--seccc-dark) !important;
    line-height: 1.2 !important;
    margin-bottom: 20px !important;
}
#brxe-b_intro_p {
    font-size: 15px !important;
    line-height: 1.8 !important;
    color: #555 !important;
}
#brxe-b_intro_btn {
    background: var(--seccc-dark) !important;
    color: #fff !important;
    border: 2px solid var(--seccc-dark) !important;
    border-radius: 2px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 12px 28px !important;
    letter-spacing: 0.2px !important;
    text-transform: none !important;
    margin-top: 24px !important;
    transition: all 0.15s ease !important;
}
#brxe-b_intro_btn:hover {
    background: #333 !important;
}
#brxe-b_intro_img {
    border-radius: 2px !important;
    object-fit: cover !important;
    border: 2px solid #d0d0d0 !important;
}

/* --- What We Do section --- */
body.page-id-257 #brxe-b_wwd {
    background: #fff !important;
    padding: 80px 5% !important;
}
#brxe-b_wwd_wrap {
    max-width: 1100px !important;
    margin: 0 auto !important;
    text-align: center !important;
}
#brxe-b_wwd_tag {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    color: var(--seccc-green) !important;
    background: rgba(88,142,118,0.08) !important;
    border: 1px solid rgba(88,142,118,0.2) !important;
    padding: 6px 16px !important;
    border-radius: 2px !important;
    margin-bottom: 16px !important;
}
#brxe-b_wwd_heading {
    font-family: 'Playfair Display', serif !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    color: var(--seccc-dark) !important;
    margin-bottom: 48px !important;
}

/* WwD cards */
#brxe-b_wwd_c1,
#brxe-b_wwd_c2,
#brxe-b_wwd_c3 {
    background: #fff !important;
    border: 1px solid #d0d0d0 !important;
    border-top: 4px solid var(--seccc-green) !important;
    border-radius: 0 0 2px 2px !important;
    padding: 32px !important;
    text-align: left !important;
    transition: box-shadow 0.2s ease !important;
}
#brxe-b_wwd_c1:hover,
#brxe-b_wwd_c2:hover,
#brxe-b_wwd_c3:hover {
    box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
}
#brxe-b_wwd_c1_num,
#brxe-b_wwd_c2_num,
#brxe-b_wwd_c3_num {
    font-family: 'Playfair Display', serif !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    color: var(--seccc-green) !important;
    margin-bottom: 12px !important;
}
#brxe-b_wwd_c1_h,
#brxe-b_wwd_c2_h,
#brxe-b_wwd_c3_h {
    font-family: 'Playfair Display', serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--seccc-dark) !important;
    margin-bottom: 16px !important;
}
#brxe-b_wwd_c1_t,
#brxe-b_wwd_c2_t,
#brxe-b_wwd_c3_t {
    font-size: 14px !important;
    line-height: 1.7 !important;
    color: #555 !important;
}
#brxe-b_wwd_c1_t li,
#brxe-b_wwd_c2_t li,
#brxe-b_wwd_c3_t li {
    margin-bottom: 0.5em !important;
}

/* --- Membership Tiers --- */
body.page-id-257 #brxe-b_tiers {
    background: var(--seccc-dark) !important;
    padding: 80px 5% !important;
}
#brxe-b_tiers_wrap {
    max-width: 1100px !important;
    margin: 0 auto !important;
    text-align: center !important;
}
#brxe-b_tiers_heading {
    font-family: 'Playfair Display', serif !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin-bottom: 8px !important;
}
#brxe-b_tiers_sub {
    font-size: 15px !important;
    color: rgba(255,255,255,0.5) !important;
    margin-bottom: 48px !important;
}
#brxe-b_tiers_grid {
    gap: 1em !important;
}

/* Tier cards */
#brxe-b_t1, #brxe-b_t2, #brxe-b_t3, #brxe-b_t4, #brxe-b_t5 {
    background: rgba(255,255,255,0.06) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    border-radius: 2px !important;
    padding: 28px 24px !important;
    text-align: left !important;
    transition: border-color 0.2s ease, background 0.2s ease !important;
}
#brxe-b_t1:hover, #brxe-b_t2:hover, #brxe-b_t3:hover, #brxe-b_t4:hover, #brxe-b_t5:hover {
    background: rgba(255,255,255,0.1) !important;
    border-color: var(--seccc-green) !important;
}
#brxe-b_t1_name, #brxe-b_t2_name, #brxe-b_t3_name, #brxe-b_t4_name, #brxe-b_t5_name {
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    color: var(--seccc-green-light) !important;
    margin-bottom: 8px !important;
}
#brxe-b_t1_price, #brxe-b_t2_price, #brxe-b_t3_price, #brxe-b_t4_price, #brxe-b_t5_price {
    font-family: 'Playfair Display', serif !important;
    font-size: 32px !important;
    font-weight: 800 !important;
    color: #fff !important;
    margin-bottom: 16px !important;
}
#brxe-b_t1_who, #brxe-b_t2_who, #brxe-b_t3_who, #brxe-b_t4_who, #brxe-b_t5_who {
    font-size: 13px !important;
    line-height: 1.6 !important;
    color: rgba(255,255,255,0.55) !important;
}
#brxe-b_t1_who strong, #brxe-b_t2_who strong, #brxe-b_t3_who strong, #brxe-b_t4_who strong, #brxe-b_t5_who strong {
    color: rgba(255,255,255,0.8) !important;
    font-weight: 600 !important;
}
/* Highlight tier 2 as "popular" */
#brxe-b_t2 {
    border: 2px solid var(--seccc-green) !important;
    background: rgba(88,142,118,0.12) !important;
}

/* --- Application section --- */
body.page-id-257 #brxe-b_apply_wrap {
    max-width: 1100px !important;
    margin: 0 auto !important;
}
body.page-id-257 #brxe-b_apply {
    background: var(--seccc-cream) !important;
    padding: 80px 5% !important;
    text-align: center !important;
}
#brxe-b_apply_h {
    font-family: 'Playfair Display', serif !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    color: var(--seccc-dark) !important;
    margin-bottom: 8px !important;
}
#brxe-b_apply_p {
    font-size: 15px !important;
    color: #666 !important;
    margin-bottom: 40px !important;
}

/* --- Form section --- */
body.page-id-257 #brxe-b_form_s {
    background: #fff !important;
    padding: 60px 5% 80px !important;
}
#brxe-b_form_wrap {
    max-width: 600px !important;
    margin: 0 auto !important;
}
body.page-id-257 #brxe-b_form_el {
    border: 1px solid #d0d0d0 !important;
    border-radius: 2px !important;
    padding: 40px !important;
    background: #fff !important;
}
body.page-id-257 .brxe-form .submit-button-wrapper .bricks-button {
    background: var(--seccc-green) !important;
    color: #fff !important;
    border: 2px solid var(--seccc-green) !important;
    border-radius: 2px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 14px 32px !important;
    width: auto !important;
}
body.page-id-257 .brxe-form .submit-button-wrapper .bricks-button:hover {
    background: #4a7a64 !important;
    border-color: #4a7a64 !important;
}

/* --- Benefits page: remove extra gaps --- */
body.page-id-257 #brx-content {
    gap: 0 !important;
    row-gap: 0 !important;
}
body.page-id-257 .brxe-section {
    margin: 0 !important;
    gap: 0 !important;
}

/* --- Benefits responsive --- */
@media (max-width: 767px) {
    body.page-id-257 #brxe-b_hero {
        padding: 140px 5% 60px !important;
        min-height: 380px !important;
    }
    #brxe-b_hero_heading {
        font-size: 36px !important;
    }
    #brxe-b_wwd_heading {
        font-size: 26px !important;
    }
    #brxe-b_tiers_heading {
        font-size: 26px !important;
    }
    #brxe-b_apply_h {
        font-size: 26px !important;
    }
}

/* ============================================================
   FAQ PAGE (237) — Design System Alignment Update
   Add hero image, refine typography and spacing.
   ============================================================ */

/* --- FAQ Hero: add community image with dark green overlay --- */
body.page-id-237 #brxe-faq_hero {
    background: linear-gradient(rgba(88,142,118,0.85), rgba(88,142,118,0.85)),
                url("/wp-content/uploads/2020/11/MuralDay_24.jpg") center center / cover no-repeat !important;
    padding: 180px 5% 80px !important;
    border-bottom: 4px solid var(--seccc-dark) !important;
    min-height: 420px !important;
}
body.page-id-237 #brxe-faq_hero::before {
    font-size: 350px !important;
    color: rgba(255,255,255,0.06) !important;
}

/* --- FAQ Intro: tighten spacing --- */
body.page-id-237 #brxe-faq_intro {
    background-color: var(--seccc-cream) !important;
    padding: 64px 5% !important;
    border-bottom: 1px solid #e0e0e0 !important;
}
body.page-id-237 #brxe-faq_intro_heading {
    font-size: 32px !important;
    margin-bottom: 20px !important;
}

/* --- FAQ Accordion: strengthen borders --- */
body.page-id-237 #brxe-faq_acc_sec {
    padding: 64px 5% !important;
}
body.page-id-237 #brxe-faq_q1 {
    border-top: 2px solid #d0d0d0 !important;
    border-bottom: 1px solid #e0e0e0 !important;
}
body.page-id-237 #brxe-faq_q2,
body.page-id-237 #brxe-faq_q3,
body.page-id-237 #brxe-faq_q4 {
    border-bottom: 1px solid #e0e0e0 !important;
}

/* --- FAQ CTA: use green bg instead of dark --- */
body.page-id-237 #brxe-faq_cta {
    background-color: var(--seccc-green) !important;
    padding: 64px 5% !important;
    border-top: 4px solid var(--seccc-dark) !important;
}
body.page-id-237 #brxe-faq_cta_h {
    font-size: 32px !important;
}
body.page-id-237 #brxe-faq_btn_contact {
    background-color: #fff !important;
    color: var(--seccc-dark) !important;
    border: 2px solid #fff !important;
}
body.page-id-237 #brxe-faq_btn_contact:hover {
    background: var(--seccc-cream) !important;
    border-color: var(--seccc-cream) !important;
}
body.page-id-237 #brxe-faq_btn_benefits {
    border: 2px solid rgba(255,255,255,0.5) !important;
}
body.page-id-237 #brxe-faq_btn_benefits:hover {
    background: rgba(255,255,255,0.15) !important;
    border-color: #fff !important;
}

/* ============================================================
   FAQ HERO REDO — Replace old green hero + ::before "?" with
   proper hero image, dark overlay, design system typography.
   Overrides old styles at lines ~494-540 and shared hero at ~2105.
   ============================================================ */
body.page-id-237 #brxe-faq_hero {
    background: linear-gradient(rgba(26,26,26,0.7), rgba(26,26,26,0.7)),
                url("/wp-content/uploads/2020/11/About4-scaled.jpg") center 35% / cover no-repeat !important;
    padding: 180px 5% 80px !important;
    border-bottom: 4px solid var(--seccc-green) !important;
    min-height: 460px !important;
    background-color: transparent !important;
    overflow: visible !important;
}
/* Kill the old giant "?" pseudo-element */
body.page-id-237 #brxe-faq_hero::before {
    content: none !important;
    display: none !important;
}
body.page-id-237 #brxe-faq_hero_wrap {
    max-width: 900px !important;
    margin: 0 !important;
    position: relative !important;
    z-index: 2 !important;
}
body.page-id-237 #brxe-faq_hero_kicker {
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 3px !important;
    color: var(--seccc-green-light) !important;
    font-style: normal !important;
    margin-bottom: 16px !important;
    max-width: none !important;
    text-shadow: none !important;
}
body.page-id-237 #brxe-faq_hero_heading {
    font-family: 'Playfair Display', serif !important;
    font-size: 52px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.5px !important;
    color: #fff !important;
    max-width: 700px !important;
    text-shadow: none !important;
}
@media (max-width: 767px) {
    body.page-id-237 #brxe-faq_hero {
        padding: 140px 5% 60px !important;
        min-height: 380px !important;
    }
    body.page-id-237 #brxe-faq_hero_heading {
        font-size: 36px !important;
    }
}

/* ============================================================
   FACADE ENHANCEMENT GRANTS (449) — Full Design System Redo
   Replace purple accent with green, add hero image, sharp corners,
   strong borders, civic authority aesthetic.
   ============================================================ */

/* --- Override old purple accent — use brand green --- */
body.page-id-449 #brx-content .brxe-button,
body.page-id-449 #brx-content .brxe-button {
    background: var(--seccc-dark) !important;
    border-color: var(--seccc-dark) !important;
    border-radius: 2px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 12px 28px !important;
}
body.page-id-449 #brx-content .brxe-button:hover {
    background: #333 !important;
    border-color: #333 !important;
}
/* Hero H1 — white, not purple */
body.page-id-449 #brx-content .brxe-section:first-child .brxe-heading {
    color: #fff !important;
    text-shadow: none !important;
}

/* --- Hero section: full image treatment --- */
body.page-id-449 #brxe-fg_s1s {
    background: linear-gradient(rgba(26,26,26,0.72), rgba(26,26,26,0.72)),
                url("/wp-content/uploads/2020/11/cropped-FacadeGoogle.jpg") center 35% / cover no-repeat !important;
    padding: 180px 5% 80px !important;
    border-bottom: 4px solid var(--seccc-green) !important;
    min-height: 480px !important;
    background-color: transparent !important;
}
/* Kill old ::before overlay (using linear-gradient instead) */
body.page-id-449 #brxe-fg_s1s::before {
    content: none !important;
    display: none !important;
}
#brxe-fg_s1k {
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 3px !important;
    color: var(--seccc-green-light) !important;
    margin-bottom: 16px !important;
    text-shadow: none !important;
}
#brxe-fg_s1h {
    font-family: 'Playfair Display', serif !important;
    font-size: 52px !important;
    font-weight: 800 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.5px !important;
    color: #fff !important;
    text-shadow: none !important;
}
#brxe-fg_s1t {
    font-size: 17px !important;
    color: rgba(255,255,255,0.65) !important;
    max-width: 600px !important;
    margin-top: 12px !important;
    line-height: 1.6 !important;
    text-shadow: none !important;
}

/* --- Section 2: intro with image --- */
body.page-id-449 #brxe-fg_s2s {
    background: var(--seccc-cream) !important;
    padding: 80px 5% !important;
    border-bottom: 1px solid #e0e0e0 !important;
}
#brxe-fg_s2c {
    max-width: 1100px !important;
    margin: 0 auto !important;
}
body.page-id-449 #brxe-fg_s2s .brxe-heading {
    font-size: 32px !important;
    margin-bottom: 20px !important;
}
body.page-id-449 #brxe-fg_s2s .brxe-text-basic {
    font-size: 15px !important;
    line-height: 1.8 !important;
    color: #555 !important;
}
body.page-id-449 #brxe-fg_s2s .brxe-text-basic p + p {
    margin-top: 1em !important;
}
#brxe-fg_s2r {
    display: none !important;
}
#brxe-fg_s2i img {
    border-radius: 2px !important;
    border: 2px solid #d0d0d0 !important;
}

/* --- Section 3: Eligibility --- */
body.page-id-449 #brxe-fg_s3s {
    background: #fff !important;
    padding: 80px 5% !important;
}
#brxe-fg_s3c {
    max-width: 1100px !important;
    margin: 0 auto !important;
}
body.page-id-449 #brxe-fg_s3s .brxe-heading {
    font-size: 28px !important;
    margin-bottom: 20px !important;
    padding-bottom: 16px !important;
    border-bottom: 2px solid var(--seccc-green) !important;
}
body.page-id-449 #brxe-fg_s3s em {
    font-style: italic !important;
    color: var(--seccc-dark) !important;
    font-weight: 500 !important;
}
body.page-id-449 #brxe-fg_s3s ul,
body.page-id-449 #brxe-fg_s3s ol {
    padding-left: 1.5em !important;
}
body.page-id-449 #brxe-fg_s3s li {
    margin-bottom: 0.6em !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    color: #555 !important;
}

/* --- Section 4: Examples of Eligible Projects --- */
body.page-id-449 #brxe-fg_s4s {
    background: var(--seccc-cream) !important;
    padding: 80px 5% !important;
    border-top: 1px solid #e0e0e0 !important;
    border-bottom: 1px solid #e0e0e0 !important;
}
#brxe-fg_s4c {
    max-width: 1100px !important;
    margin: 0 auto !important;
}
body.page-id-449 #brxe-fg_s4s .brxe-heading {
    font-size: 28px !important;
    margin-bottom: 20px !important;
    padding-bottom: 16px !important;
    border-bottom: 2px solid var(--seccc-green) !important;
}
body.page-id-449 #brxe-fg_s4s li {
    margin-bottom: 0.6em !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    color: #555 !important;
}

/* --- Section 5: Guidelines + Procedure (two-column) --- */
body.page-id-449 #brxe-fg_s5s {
    background: #fff !important;
    padding: 80px 5% !important;
}
#brxe-fg_s5c {
    max-width: 1100px !important;
    margin: 0 auto !important;
}
/* Guidelines and Procedure cards */
#brxe-fg_5c1,
#brxe-fg_5c2 {
    border: 1px solid #d0d0d0 !important;
    border-top: 4px solid var(--seccc-green) !important;
    border-radius: 0 0 2px 2px !important;
    padding: 32px !important;
    background: #fff !important;
}
#brxe-fg_5c1 .brxe-heading,
#brxe-fg_5c2 .brxe-heading {
    font-size: 22px !important;
    margin-bottom: 16px !important;
}
#brxe-fg_5c1 li,
#brxe-fg_5c2 li {
    margin-bottom: 0.6em !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    color: #555 !important;
}
/* Digital Business Facelift sub-card */
#brxe-fg_5c3 {
    border: 1px solid #d0d0d0 !important;
    border-radius: 2px !important;
    padding: 32px !important;
    background: var(--seccc-cream) !important;
    margin-top: 2em !important;
}
#brxe-fg_5c3 .brxe-heading {
    font-size: 22px !important;
    margin-bottom: 12px !important;
}
#brxe-fg5c3t img {
    border-radius: 2px !important;
    border: 2px solid #d0d0d0 !important;
    margin-bottom: 1em !important;
}

/* --- Section 6: Apply CTA --- */
body.page-id-449 #brxe-fg_s6s {
    background-color: var(--seccc-green) !important;
    padding: 64px 5% !important;
    text-align: center !important;
}
#brxe-fg_s6c {
    max-width: 800px !important;
    margin: 0 auto !important;
}
body.page-id-449 #brxe-fg_s6s .brxe-heading {
    color: #fff !important;
    font-size: 32px !important;
}
body.page-id-449 #brxe-fg_s6s .brxe-text-basic {
    color: rgba(255,255,255,0.8) !important;
}
/* CTA buttons on green bg */
body.page-id-449 #brxe-fg_s6s .brxe-button:first-child,
body.page-id-449 #brxe-fg_b1a {
    background: #fff !important;
    color: var(--seccc-dark) !important;
    border: 2px solid #fff !important;
}
body.page-id-449 #brxe-fg_s6s .brxe-button:first-child:hover,
body.page-id-449 #brxe-fg_b1a:hover {
    background: var(--seccc-cream) !important;
    border-color: var(--seccc-cream) !important;
}
body.page-id-449 #brxe-fg_s6s .brxe-button:last-child,
body.page-id-449 #brxe-fg_b2a {
    background: transparent !important;
    color: #fff !important;
    border: 2px solid rgba(255,255,255,0.5) !important;
}
body.page-id-449 #brxe-fg_s6s .brxe-button:last-child:hover,
body.page-id-449 #brxe-fg_b2a:hover {
    background: rgba(255,255,255,0.15) !important;
    border-color: #fff !important;
}

/* --- Section 7: contact/form info box --- */
body.page-id-449 #brxe-fg_s7fc {
    max-width: 800px !important;
    margin: 0 auto !important;
}
#brxe-fg_s7fh {
    font-size: 32px !important;
    color: var(--seccc-dark) !important;
    text-align: center !important;
    margin-bottom: 32px !important;
}
#brxe-fg_s7ft {
    border: 1px solid #d0d0d0 !important;
    border-radius: 2px !important;
    padding: 32px 40px !important;
    background: var(--seccc-cream) !important;
    text-align: center !important;
}
#brxe-fg_s7ft p {
    margin-bottom: 0.5em !important;
}
#brxe-fg_s7ft a {
    color: var(--seccc-green) !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
}
#brxe-fg_s7ft a:hover {
    color: #4a7a64 !important;
}

/* --- Remove extra gaps --- */
body.page-id-449 #brx-content {
    gap: 0 !important;
    row-gap: 0 !important;
}
/* Override old purple hr color */
body.page-id-449 #brx-content hr {
    border-color: var(--seccc-green) !important;
}

/* --- Facade responsive --- */
@media (max-width: 767px) {
    body.page-id-449 #brxe-fg_s1s {
        padding: 140px 5% 60px !important;
        min-height: 380px !important;
    }
    #brxe-fg_s1h {
        font-size: 36px !important;
    }
    body.page-id-449 .brxe-section {
        padding: 48px 5% !important;
    }
}

/* ============================================================
   REQUESTS FOR PROPOSALS (498) — Full Design System Alignment
   Hero image, sharp corners, strong borders, civic authority.
   Overrides old purple accent system.
   ============================================================ */

/* --- Override purple buttons to dark --- */
body.page-id-498 #brx-content .brxe-button {
    background: var(--seccc-dark, #2d2d2d) !important;
    border-color: var(--seccc-dark, #2d2d2d) !important;
    border-radius: 2px !important;
}
body.page-id-498 #brx-content .brxe-button:hover {
    background: #1a1a1a !important;
    border-color: #1a1a1a !important;
}

/* --- Hero: community image with dark overlay --- */
body.page-id-498 #brxe-rp_s1 {
    background: linear-gradient(rgba(26,26,26,0.65), rgba(26,26,26,0.65)),
                url("/wp-content/uploads/2020/11/cropped-Facade-Street-View.png") center center / cover no-repeat !important;
    padding: 180px 5% 80px !important;
    border-bottom: 4px solid var(--seccc-green) !important;
    min-height: 460px !important;
    background-color: transparent !important;
}
/* Kill any ::before overlay from old hero system */
body.page-id-498 #brxe-rp_s1::before {
    content: none !important;
    display: none !important;
}

/* --- Hero kicker: "SSA #50" --- */
body.page-id-498 #brxe-rp_kicker {
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 3px !important;
    color: var(--seccc-green-light, #8bc4a6) !important;
    margin-bottom: 16px !important;
}

/* --- Hero H1 --- */
body.page-id-498 #brxe-rp_h1 {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-size: 52px !important;
    font-weight: 700 !important;
    color: #fff !important;
    line-height: 1.15 !important;
    margin-bottom: 16px !important;
}

/* --- Hero subtitle --- */
body.page-id-498 #brxe-rp_sub1 {
    font-size: 15px !important;
    color: rgba(255,255,255,0.7) !important;
    line-height: 1.5 !important;
    max-width: 500px !important;
}

/* --- Section 2: Intro/tagline — cream bg --- */
body.page-id-498 #brxe-rp_s2 {
    background-color: var(--seccc-cream, #f4f3f0) !important;
    padding: 80px 5% !important;
    border-bottom: 1px solid #e0e0e0 !important;
    text-align: left !important;
}
body.page-id-498 #brxe-rp_s2 .brxe-heading {
    text-align: left !important;
}
body.page-id-498 #brxe-rp_s2txt,
body.page-id-498 #brxe-rp_s2txt h2 {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-size: 28px !important;
    font-weight: 600 !important;
    color: var(--seccc-dark, #2d2d2d) !important;
    line-height: 1.4 !important;
    text-align: left !important;
    max-width: 700px !important;
}

/* --- Section 3: Active RFPs — white bg --- */
body.page-id-498 #brxe-rp_s3 {
    background-color: #fff !important;
    padding: 80px 5% !important;
}

/* Section heading */
body.page-id-498 #brxe-rp_s3h2 {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-size: 36px !important;
    font-weight: 700 !important;
    color: var(--seccc-dark, #2d2d2d) !important;
    margin-bottom: 12px !important;
    padding-bottom: 12px !important;
    border-bottom: 2px solid var(--seccc-green) !important;
    display: inline-block !important;
}

/* Intro text */
body.page-id-498 #brxe-rp_s3bot {
    color: #555 !important;
    font-size: 15px !important;
    margin-bottom: 32px !important;
    font-style: italic !important;
}

/* RFP list items */
body.page-id-498 #brxe-rp_s3list li {
    background: #fff !important;
    border: 1px solid #e0e0e0 !important;
    border-top: 4px solid var(--seccc-green) !important;
    border-radius: 2px !important;
    padding: 28px 32px !important;
    margin-bottom: 20px !important;
    transition: box-shadow 0.2s, transform 0.2s !important;
}
body.page-id-498 #brxe-rp_s3list li:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.08) !important;
    transform: translateY(-2px) !important;
}

/* RFP item header row */
body.page-id-498 #brxe-rp_s3list li > div:first-child {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 12px !important;
}

/* RFP item heading */
body.page-id-498 #brxe-rp_s3list h4 {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--seccc-dark, #2d2d2d) !important;
    margin: 0 !important;
}

/* Status badge — "Open" */
body.page-id-498 #brxe-rp_s3list li p:has(+ p) {
    display: inline-block !important;
}
body.page-id-498 #brxe-rp_s3list li span[style*="background"],
body.page-id-498 #brxe-rp_s3list li p[style*="background"] {
    background: var(--seccc-green) !important;
    color: #fff !important;
    border-radius: 2px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 3px 10px !important;
}

/* RFP item description */
body.page-id-498 #brxe-rp_s3list li > p:last-child {
    color: #555 !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    margin: 0 !important;
}

/* --- Section 4: CTA — green bg instead of dark --- */
body.page-id-498 #brxe-rp_s4 {
    background-color: var(--seccc-green, #588e76) !important;
    padding: 80px 5% !important;
    text-align: center !important;
}
body.page-id-498 #brxe-rp_s4h2 {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-size: 36px !important;
    font-weight: 700 !important;
    color: #fff !important;
}
body.page-id-498 #brxe-rp_s4sub {
    color: rgba(255,255,255,0.85) !important;
    font-size: 16px !important;
    margin-bottom: 32px !important;
}

/* CTA buttons on green bg */
body.page-id-498 #brxe-rp_btn1 {
    background: #fff !important;
    color: var(--seccc-dark, #2d2d2d) !important;
    border-color: #fff !important;
    font-weight: 700 !important;
}
body.page-id-498 #brxe-rp_btn1:hover {
    background: var(--seccc-cream, #f4f3f0) !important;
    border-color: var(--seccc-cream, #f4f3f0) !important;
}
body.page-id-498 #brxe-rp_btn2 {
    background: transparent !important;
    color: #fff !important;
    border: 2px solid #fff !important;
}
body.page-id-498 #brxe-rp_btn2:hover {
    background: rgba(255,255,255,0.15) !important;
}

/* --- Override old purple heading color for hero --- */
body.page-id-498 #brx-content .brxe-section:first-child .brxe-heading {
    color: #fff !important;
}

/* --- Override purple hr/separator --- */
body.page-id-498 #brx-content hr {
    border-color: var(--seccc-green) !important;
}

/* --- Gap reset between sections --- */
body.page-id-498 #brx-content {
    gap: 0 !important;
    row-gap: 0 !important;
}

/* --- RFP responsive --- */
@media (max-width: 767px) {
    body.page-id-498 #brxe-rp_s1 {
        padding: 140px 5% 60px !important;
        min-height: 380px !important;
    }
    body.page-id-498 #brxe-rp_h1 {
        font-size: 36px !important;
    }
    body.page-id-498 .brxe-section {
        padding: 48px 5% !important;
    }
    body.page-id-498 #brxe-rp_s2txt {
        font-size: 22px !important;
    }
    body.page-id-498 #brxe-rp_s3list li {
        padding: 20px !important;
    }
}

/* ============================================================
   FACADE GRANTS (449) — COMPLETE REDESIGN
   ============================================================ */

/* --- Reset: full-width layout --- */
body.page-id-449 #brx-content {
    max-width: 100% !important;
    padding: 0 !important;
    overflow: hidden !important;
}
body.page-id-449 #brx-content > * {
    margin: 0 !important;
}

/* --- Hero (s1): tall, photo bg with dark overlay, left-aligned --- */
body.page-id-449 #brxe-fg_s1s {
    min-height: 480px !important;
    display: flex !important;
    align-items: center !important;
    background: linear-gradient(rgba(26,26,26,0.72), rgba(26,26,26,0.72)),
                url("/wp-content/uploads/2020/11/cropped-FacadeGoogle.jpg") center 35% / cover no-repeat !important;
    padding: 120px 0 80px !important;
    position: relative !important;
    border-bottom: 4px solid #588e76 !important;
}
body.page-id-449 #brxe-fg_s1s::before {
    display: none !important;
}
body.page-id-449 #brxe-fg_s1s .brxe-container {
    max-width: 1100px !important;
    margin: 0 auto !important;
    padding: 0 5% !important;
    align-items: flex-start !important;
}
#brxe-fg_s1k {
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    color: #8bc4a6 !important;
    margin-bottom: 12px !important;
    background: none !important;
    padding: 0 !important;
}
#brxe-fg_s1h {
    font-family: 'Playfair Display', serif !important;
    font-size: clamp(36px, 5vw, 56px) !important;
    font-weight: 700 !important;
    color: #fff !important;
    line-height: 1.1 !important;
    margin: 0 0 16px 0 !important;
    text-align: left !important;
    max-width: 700px !important;
}
#brxe-fg_s1t {
    font-size: 18px !important;
    color: rgba(255,255,255,0.85) !important;
    line-height: 1.6 !important;
    max-width: 600px !important;
    text-align: left !important;
    margin: 0 !important;
}

/* ===== RFP PAGE (498) — Active RFPs section styling ===== */
#brxe-rp_s3c {
    text-align: left !important;
    align-items: flex-start !important;
}
#brxe-rp_s3h2 {
    text-align: left !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    color: #588e76 !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 8px !important;
}
#brxe-rp_s3list {
    text-align: left !important;
}
#brxe-rp_s3list em,
#brxe-rp_s3list p:first-child {
    font-size: 16px !important;
    color: #555 !important;
    font-style: normal !important;
    line-height: 1.6 !important;
}

/* --- Image + intro section (s2): hidden --- */
body.page-id-449 #brxe-fg_s2s {
    display: none !important;
}
#brxe-fg_s2c {
    max-width: 1100px !important;
    margin: 0 auto !important;
    padding: 0 5% !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 48px !important;
    align-items: center !important;
}
#brxe-fg_s2i {
    order: 0 !important;
    margin: 0 !important;
}
#brxe-fg_s2i img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 2px !important;
    aspect-ratio: 4/3 !important;
}
#brxe-fg_s2r {
    order: 1 !important;
    margin: 0 !important;
}
body.page-id-449 #brxe-fg_s2s .brxe-heading {
    font-family: 'Playfair Display', serif !important;
    font-size: 14px !important;
    color: #588e76 !important;
}
body.page-id-449 #brxe-fg_s2s .brxe-text-basic {
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #444 !important;
}

/* --- Eligibility section (s3): clean card style --- */
body.page-id-449 #brxe-fg_s3s {
    background: #f4f3f0 !important;
    padding: 80px 0 !important;
}
#brxe-fg_s3c {
    max-width: 1100px !important;
    margin: 0 auto !important;
    padding: 0 5% !important;
}
body.page-id-449 #brxe-fg_s3s .brxe-heading {
    font-family: 'Playfair Display', serif !important;
    font-size: clamp(24px, 3vw, 36px) !important;
    color: #2d2d2d !important;
    margin-bottom: 16px !important;
    text-align: left !important;
    border-bottom: 3px solid #588e76 !important;
    padding-bottom: 12px !important;
    display: inline-block !important;
}
body.page-id-449 #brxe-fg_s3s em {
    font-style: normal !important;
    color: #2d2d2d !important;
    font-size: 17px !important;
    line-height: 1.6 !important;
}
body.page-id-449 #brxe-fg_s3s ul,
body.page-id-449 #brxe-fg_s3s ol {
    padding-left: 0 !important;
    list-style: none !important;
}
body.page-id-449 #brxe-fg_s3s li {
    position: relative !important;
    padding: 12px 0 12px 28px !important;
    border-bottom: 1px solid #e0e0e0 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: #444 !important;
}
body.page-id-449 #brxe-fg_s3s li::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 18px !important;
    width: 8px !important;
    height: 8px !important;
    background: #588e76 !important;
    border-radius: 50% !important;
}

/* --- Examples section (s4): same clean style --- */
body.page-id-449 #brxe-fg_s4s {
    background: #fff !important;
    padding: 80px 0 !important;
}
#brxe-fg_s4c {
    max-width: 1100px !important;
    margin: 0 auto !important;
    padding: 0 5% !important;
}
body.page-id-449 #brxe-fg_s4s .brxe-heading {
    font-family: 'Playfair Display', serif !important;
    font-size: clamp(24px, 3vw, 36px) !important;
    color: #2d2d2d !important;
    margin-bottom: 16px !important;
    text-align: left !important;
    border-bottom: 3px solid #588e76 !important;
    padding-bottom: 12px !important;
    display: inline-block !important;
}
body.page-id-449 #brxe-fg_s4s .brxe-text-basic {
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #444 !important;
}
body.page-id-449 #brxe-fg_s4s li {
    position: relative !important;
    padding: 12px 0 12px 28px !important;
    border-bottom: 1px solid #e0e0e0 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: #444 !important;
    list-style: none !important;
}
body.page-id-449 #brxe-fg_s4s li::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 18px !important;
    width: 8px !important;
    height: 8px !important;
    background: #588e76 !important;
    border-radius: 50% !important;
}
body.page-id-449 #brxe-fg_s4s ul,
body.page-id-449 #brxe-fg_s4s ol {
    padding-left: 0 !important;
    list-style: none !important;
}

/* --- 3-col section (s5): Guidelines / Procedure / Digital --- */
body.page-id-449 #brxe-fg_s5s {
    background: #f4f3f0 !important;
    padding: 80px 0 !important;
}
#brxe-fg_s5c {
    max-width: 1100px !important;
    margin: 0 auto !important;
    padding: 0 5% !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 40px !important;
}
body.page-id-449 #brxe-fg_s5s .brxe-block {
    background: #fff !important;
    border: 2px solid #e0e0e0 !important;
    border-top: 4px solid #588e76 !important;
    border-radius: 2px !important;
    padding: 32px !important;
}
body.page-id-449 #brxe-fg_s5s .brxe-block:last-child {
    grid-column: 1 / -1 !important;
    text-align: center !important;
}
body.page-id-449 #brxe-fg_s5s .brxe-block:last-child img {
    max-width: 600px !important;
    margin: 0 auto 24px !important;
    display: block !important;
    border-radius: 2px !important;
}
body.page-id-449 #brxe-fg_s5s .brxe-block:last-child .brxe-text-basic,
body.page-id-449 #brxe-fg_s5s .brxe-block:last-child p {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    color: #444 !important;
    max-width: 600px !important;
    margin: 0 auto !important;
    text-align: center !important;
}
body.page-id-449 #brxe-fg_s5s .brxe-heading {
    font-family: 'Playfair Display', serif !important;
    font-size: 22px !important;
    color: #2d2d2d !important;
    margin-bottom: 12px !important;
    text-align: left !important;
}
body.page-id-449 #brxe-fg_s5s .brxe-heading:empty {
    display: none !important;
}
body.page-id-449 #brxe-fg_s5s .brxe-text-basic {
    font-size: 15px !important;
    line-height: 1.7 !important;
    color: #444 !important;
}
body.page-id-449 #brxe-fg_s5s li {
    position: relative !important;
    padding: 10px 0 10px 24px !important;
    border-bottom: 1px solid #eee !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #444 !important;
    list-style: none !important;
}
body.page-id-449 #brxe-fg_s5s li::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 16px !important;
    width: 6px !important;
    height: 6px !important;
    background: #588e76 !important;
    border-radius: 50% !important;
}
body.page-id-449 #brxe-fg_s5s ul,
body.page-id-449 #brxe-fg_s5s ol {
    padding-left: 0 !important;
    list-style: none !important;
    margin: 0 !important;
}

/* --- Apply form section (s7): clean centered --- */
body.page-id-449 #brxe-fg_s7form {
    background: #fff !important;
    padding: 80px 5% !important;
    text-align: center !important;
}
body.page-id-449 #brxe-fg_s7fc {
    max-width: 700px !important;
    margin: 0 auto !important;
}
#brxe-fg_s7fh {
    font-family: 'Playfair Display', serif !important;
    font-size: clamp(24px, 3vw, 36px) !important;
    color: #2d2d2d !important;
    margin-bottom: 24px !important;
}
#brxe-fg_s7ft {
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #444 !important;
}
#brxe-fg_s7ft strong {
    display: none !important;
}
#brxe-fg_s7ft a {
    color: #588e76 !important;
    font-weight: 600 !important;
}

/* --- CTA section (s6): full dark --- */
body.page-id-449 #brxe-fg_s6s {
    background: #2d2d2d !important;
    padding: 80px 5% !important;
    text-align: center !important;
}
#brxe-fg_s6c {
    max-width: 700px !important;
    margin: 0 auto !important;
}
body.page-id-449 #brxe-fg_s6s .brxe-heading {
    font-family: 'Playfair Display', serif !important;
    font-size: clamp(24px, 3.5vw, 40px) !important;
    color: #fff !important;
    margin-bottom: 12px !important;
}
body.page-id-449 #brxe-fg_s6s .brxe-text-basic {
    font-size: 16px !important;
    color: #ccc !important;
    line-height: 1.7 !important;
    margin-bottom: 24px !important;
}
body.page-id-449 #brxe-fg_s6s .brxe-block {
    display: flex !important;
    gap: 16px !important;
    justify-content: center !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
}
body.page-id-449 #brxe-fg_b1a {
    background: #588e76 !important;
    border: 2px solid #588e76 !important;
    color: #fff !important;
    border-radius: 2px !important;
    padding: 14px 32px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}
body.page-id-449 #brxe-fg_b1a:hover {
    background: #4a7a65 !important;
}
body.page-id-449 #brxe-fg_b2a {
    background: transparent !important;
    border: 2px solid rgba(255,255,255,0.4) !important;
    color: #fff !important;
    border-radius: 2px !important;
    padding: 14px 32px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}
body.page-id-449 #brxe-fg_b2a:hover {
    border-color: #fff !important;
    background: rgba(255,255,255,0.1) !important;
}

/* --- Responsive --- */
@media (max-width: 767px) {
    body.page-id-449 #brxe-fg_s1s {
        min-height: 360px !important;
        padding: 80px 0 60px !important;
    }
    #brxe-fg_s2c {
        grid-template-columns: 1fr !important;
    }
    #brxe-fg_s5c {
        grid-template-columns: 1fr !important;
    }
    body.page-id-449 .brxe-section {
        padding: 60px 0 !important;
    }
}