@charset "UTF-8";
/* Moved out of newdesign.php (was a <style> block there). Printed at the same spot by c2wb_screen_css(). */

        #masthead,
        .site-header,
        .headersection,
        .logosection,
        .site-branding { display: none !important; }
        #masthead .logrightsection { display: none !important; }
        #masthead .main-title-home,
        #masthead .main-title-home-mobile,
        #masthead .start-dates-end-date { display: none !important; }
        #page { padding-top: 0 !important; }
        /* #132 — Event description above tickets: honor the alignment and indent the
           author set in the editor. These are DEFAULTS ONLY (deliberately no
           !important): TinyMCE writes alignment/indent as an inline style on the
           paragraph, and an !important stylesheet rule would beat that inline style
           and flatten every paragraph to one alignment. Paragraphs with no explicit
           alignment simply inherit from .hero-desc below. */
        .hero .hero-left .hero-desc { text-align: left; }
        .hero .hero-left .hero-desc p { margin: 0 0 10px; }
        .hero .hero-left .hero-desc ul,
        .hero .hero-left .hero-desc ol { text-align: left; margin: 8px 0 10px; padding-left: 22px; list-style-position: outside; }
        .hero .hero-left .hero-desc li { margin: 2px 0; }
        /* #126 — Event Photos gallery OFF: the hero is a single centered column, so
           the description block defaults to centered to match the title/countdown.
           #132: author-set alignment still wins over this. The bullet list stays
           left-aligned inside the centered block so bullets don't float. */
        .hero--no-gallery .hero-left .hero-desc { max-width: 620px; margin-left: auto; margin-right: auto; text-align: center; }
        .hero--no-gallery .hero-left .hero-desc ul,
        .hero--no-gallery .hero-left .hero-desc ol { display: inline-block; text-align: left; }
        /* About us / Mission body: centered to match the card's centered heading and
           org-name (#134 — was left-aligned, which looked broken next to the centered
           title). Rich formatting is preserved: lists and blockquotes become
           inline-block + internally left so their bullets/border don't float, while
           the block itself sits centered (same technique as .hero-desc above).
           No !important, so an author who explicitly sets an alignment in the editor
           still wins. */
        .info-card .info-card-desc { text-align: center; }
        .info-card .info-card-desc p { margin: 0 0 10px; }
        .info-card .info-card-desc ul,
        .info-card .info-card-desc ol { display: inline-block; text-align: left; margin: 8px 0 10px; padding-left: 22px; list-style-position: outside; }
        .info-card .info-card-desc li { margin: 2px 0; }
        .info-card .info-card-desc blockquote { display: inline-block; text-align: left; margin: 10px 0; padding: 6px 0 6px 14px; border-left: 3px solid #c5cede; color: #4b5563; }
        .info-card .info-card-desc a { color: var(--c2w-primary, #1a237e); text-decoration: underline; }
        /* #133 — nothing in the About / Mission body may slant unless the author
           actually pressed the italic button. !important because the source of the
           stray italic is not in this theme, so this has to win outright; real
           <em>/<i> get italics handed back below (higher specificity + !important). */
        .new-temp-v2 .info-card,
        .new-temp-v2 .info-card p,
        .new-temp-v2 .info-card li,
        .new-temp-v2 .info-card blockquote,
        .new-temp-v2 .info-card .info-card-desc,
        .new-temp-v2 .info-card .info-mission .info-card-desc { font-style: normal !important; }
        .new-temp-v2 .info-card .info-card-desc em,
        .new-temp-v2 .info-card .info-card-desc i,
        .new-temp-v2 .info-card .info-card-desc cite { font-style: italic !important; }
        /* Campaign progress bar */
        .c2w-progress-section { max-width: 600px; margin: 22px auto 0; padding: 0 16px; }
        /* Colours come from the palette vars emitted by inc/color-palettes.php
           (--c2w-primary / --c2w-secondary / --c2w-border). These were hardcoded navy
           (#1a237e / #3949ab / #e5e8f0), so the progress bar and the live-contributions
           strip stayed blue no matter which palette was applied. Fallbacks keep the old
           navy if the palette CSS is ever absent. */
        .c2w-progress-inner { background: #fff; border: 1px solid var(--c2w-border, #e5e8f0); border-radius: 16px; padding: 20px 24px; box-shadow: 0 2px 12px rgba(26,35,126,.06); }
        .c2w-progress-top { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 10px; }
        .c2w-progress-title { font-weight: 700; color: var(--c2w-primary, #1a237e); font-size: 15px; }
        .c2w-progress-pct { font-weight: 800; color: var(--c2w-primary, #1a237e); font-size: 20px; }
        .c2w-progress-track { height: 16px; border-radius: 10px; background: var(--c2w-light, #eef1f8); overflow: hidden; }
        .c2w-progress-fill { height: 100%; border-radius: 10px; background: linear-gradient(90deg, var(--c2w-primary, #1a237e), var(--c2w-accent, #3949ab)); transition: width 1.2s cubic-bezier(.16,.84,.44,1); }
        .c2w-progress-meta { display: flex; justify-content: space-between; margin-top: 10px; font-size: 13px; color: #4b5563; flex-wrap: wrap; gap: 6px; }
        .c2w-progress-meta strong { color: var(--c2w-primary, #1a237e); }
        /* Live contributions strip */
        .c2w-live-section { max-width: 1180px; margin: 14px auto 0; padding: 0 16px; }
        .c2w-live-inner { display: flex; align-items: center; gap: 14px; background: var(--c2w-primary, #1a237e); border-radius: 12px; padding: 10px 16px; overflow: hidden; }
        .c2w-live-badge { display: inline-flex; align-items: center; gap: 6px; color: #fff; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .05em; flex-shrink: 0; }
        .c2w-live-dot { width: 8px; height: 8px; border-radius: 50%; background: #4ade80; animation: c2wLivePulse 1.6s infinite; }
        @keyframes c2wLivePulse { 0% { box-shadow: 0 0 0 0 rgba(74,222,128,.7); } 70% { box-shadow: 0 0 0 8px rgba(74,222,128,0); } 100% { box-shadow: 0 0 0 0 rgba(74,222,128,0); } }
        .c2w-live-viewport { flex: 1; overflow: hidden; }
        .c2w-live-track { display: inline-flex; gap: 32px; white-space: nowrap; animation: c2wLiveScroll 30s linear infinite; }
        .c2w-live-item { color: rgba(255,255,255,.92); font-size: 13.5px; }
        .c2w-live-item strong { color: #fff; }
        @keyframes c2wLiveScroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }