/* WordPress Customizer 'Additional CSS' (custom_css post #1089), verbatim. */ /* Google Fonts (Merriweather, Source Sans Pro) are linked from the layout . */ css.single-video { overflow: hidden; height: calc(40vw - 50px); /* trim ~50px off the bottom */ } .home-subscribe-cta-button { background: #d9534f; color: #fff !important; padding: 24px 70px !important; font-size: 2em;!important; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; border-radius: 4px; text-decoration: none; box-shadow: 0 4px 14px rgba(217,83,79,0.35); transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease; display: inline-block; cursor: pointer; border: none; } /* ---- Register buttons ----------------------- */ /* Base style for ALL register buttons */ .caa-content a.caa-register-btn { display: inline-flex !important; align-items: center; background: #c8102e !important; color: #fff !important; font-weight: 600; text-decoration: none !important; border-radius: 4px; box-shadow: 0 2px 8px rgba(200, 16, 46, 0.25); transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease; line-height: 1.2; } .caa-content a.caa-register-btn:hover, .caa-content a.caa-register-btn:focus { background: #a00d24 !important; transform: translateY(-2px); box-shadow: 0 4px 14px rgba(200, 16, 46, 0.35); text-decoration: none !important; color: #fff !important; } .caa-content a.caa-register-btn img { width: 8px; margin-left: 10px; filter: brightness(0) invert(1); } /* Large CTA buttons (top + bottom of page) */ .caa-content a.caa-register-btn-top, .caa-content a.caa-register-btn-bottom { padding: 16px 32px !important; font-size: 16px !important; } .caa-content a.caa-register-btn-top { margin: 12px 0 48px !important; /* bigger gap before the heading below */ } .caa-content a.caa-register-btn-bottom { margin: 40px 0 24px !important; } /* Smaller per-card register buttons */ .caa-content .caa-class-card a.caa-register-btn { padding: 10px 22px !important; font-size: 14px !important; margin-top: 16px !important; } /* ---- Phase labels --------------------------- */ .caa-content div.caa-phase-label { display: inline-block !important; margin: 40px 0 20px !important; padding: 12px 24px !important; background: #1d4f8b !important; color: #fff !important; font-weight: 700 !important; font-size: 16px !important; letter-spacing: 1px !important; text-transform: uppercase !important; border-radius: 3px !important; line-height: 1.2 !important; } .post-header { margin-bottom: 1.5rem; } .post-title { margin: 0 0 0.5rem; } .post-meta { color: #666; font-size: 0.9rem; } .post-meta .divider { margin: 0 0.5rem; } .post-body { margin-bottom: 2rem; } /* 1. Fix the Register Today button to match brand */ .tribe-block__event-website a { display: inline-block; background: #c8102e !important; color: #fff !important; padding: 14px 32px !important; font-weight: 600; border-radius: 4px; text-decoration: none !important; box-shadow: 0 2px 8px rgba(200,16,46,0.25); transition: all 0.2s ease; } .tribe-block__event-website a:hover { background: #a00d24 !important; transform: translateY(-2px); } /* Section headers — make "View All" feel attached to the heading */ .events-header, .news-header { display: flex; align-items: center; justify-content: space-between; border-bottom: 3px solid #1d4f8b; padding-bottom: 15px; margin-bottom: 25px; margin-top: 20px; } .events-header h2, .news-header h2 { margin: 0; font-weight: 700; color: #1d4f8b; } .events-header a, .news-header a { font-size: 1.4em; font-weight: 700; color: #1d4f8b !important; background: #fff; text-decoration: none; padding: 18px 42px; border: 2px solid #1d4f8b; border-radius: 4px; text-transform: uppercase; letter-spacing: 0.5px; transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease; white-space: nowrap; display: inline-block; line-height: 1; } .events-header a:hover, .events-header a:focus, .news-header a:hover, .news-header a:focus { background: #1d4f8b; color: #fff !important; text-decoration: none; transform: translateY(-2px); } @media (max-width: 600px) { .events-header, .news-header { flex-wrap: wrap; gap: 10px; } /* ---- Homepage Donate Block v2 ---- */ .home-donate-v2 { background: linear-gradient(135deg, #1d4f8b 0%, #16385f 100%); color: #fff; padding: 60px 30px; margin: 40px 0; border-radius: 6px; position: relative; overflow: hidden; } .home-donate-v2-inner { max-width: 1100px; margin: 0 auto; position: relative; z-index: 2; } .home-donate-v2-eyebrow { display: inline-block; background: rgba(255, 255, 255, 0.15); color: #fff; padding: 8px 18px; border-radius: 30px; font-size: 0.9em; font-weight: 600; letter-spacing: 0.5px; margin-bottom: 18px; text-transform: uppercase; } .home-donate-v2-headline { color: #fff !important; font-size: 2.4em; font-weight: 800; line-height: 1.15; margin: 0 0 18px 0; max-width: 800px; } .home-donate-v2-lede { font-size: 1.15em; line-height: 1.55; max-width: 780px; margin: 0 0 40px 0; color: rgba(255, 255, 255, 0.92); } /* Stats grid */ .home-donate-v2-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-bottom: 45px; padding: 30px 0; border-top: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .home-donate-v2-stat { text-align: center; display: flex; flex-direction: column; gap: 6px; } .home-donate-v2-stat .stat-number { font-size: 2.4em; font-weight: 800; color: #fff; line-height: 1; } .home-donate-v2-stat .stat-label { font-size: 0.9em; color: rgba(255, 255, 255, 0.85); line-height: 1.3; } /* Tier cards */ .home-donate-v2-tiers { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-bottom: 35px; } .home-donate-v2-tier { background: #fff; color: #1d4f8b !important; padding: 28px 20px; border-radius: 6px; text-align: center; text-decoration: none !important; transition: transform 0.2s ease, box-shadow 0.2s ease; display: flex; flex-direction: column; align-items: center; gap: 8px; position: relative; border: 3px solid transparent; } .home-donate-v2-tier:hover, .home-donate-v2-tier:focus { transform: translateY(-4px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25); color: #1d4f8b !important; text-decoration: none !important; } .home-donate-v2-tier-featured { border: 3px solid #d9534f; transform: scale(1.04); } .home-donate-v2-tier-featured:hover, .home-donate-v2-tier-featured:focus { transform: scale(1.04) translateY(-4px); } .tier-badge { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: #d9534f; color: #fff; font-size: 0.75em; font-weight: 700; padding: 4px 14px; border-radius: 20px; text-transform: uppercase; letter-spacing: 0.5px; white-space: nowrap; } .tier-amount { font-size: 2.6em; font-weight: 800; line-height: 1; } .tier-impact { font-size: 0.95em; color: #555; line-height: 1.3; } /* CTA + trust */ .home-donate-v2-cta { text-align: center; } .home-donate-v2-cta-btn { display: inline-block; background: #d9534f; color: #fff !important; padding: 20px 60px; font-size: 1.3em; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; border-radius: 4px; text-decoration: none !important; box-shadow: 0 6px 18px rgba(217, 83, 79, 0.4); transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease; } .home-donate-v2-cta-btn:hover, .home-donate-v2-cta-btn:focus { background: #c9302c; color: #fff !important; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(217, 83, 79, 0.55); text-decoration: none !important; } .home-donate-v2-trust { margin: 18px 0 0 0; font-size: 0.85em; color: rgba(255, 255, 255, 0.75); } /* Responsive */ @media (max-width: 900px) { .home-donate-v2-stats { grid-template-columns: repeat(2, 1fr); gap: 25px; } .home-donate-v2-tiers { grid-template-columns: 1fr; } .home-donate-v2-tier-featured { transform: none; } .home-donate-v2-tier-featured:hover, .home-donate-v2-tier-featured:focus { transform: translateY(-4px); } .home-donate-v2-headline { font-size: 1.8em; } } @media (max-width: 500px) { .home-donate-v2 { padding: 40px 20px; } .home-donate-v2-stats { grid-template-columns: 1fr; } .home-donate-v2-cta-btn { padding: 16px 40px; font-size: 1.1em; width: 100%; max-width: 320px; } } .events-header a, .news-header a { font-size: 1.1em; padding: 14px 28px; } } /* Force the Give Any Amount CTA to be huge */ #bootstrap-override .home-donate-v2 .home-donate-v2-cta-btn { display: inline-block !important; background: #d9534f !important; color: #fff !important; padding: 22px 70px !important; font-size: 1.5em !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 1px !important; border-radius: 4px !important; text-decoration: none !important; box-shadow: 0 6px 18px rgba(217, 83, 79, 0.4) !important; transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease !important; line-height: 1 !important; width: auto !important; max-width: none !important; margin: 10px auto !important; border: none !important; } #bootstrap-override .home-donate-v2 .home-donate-v2-cta-btn:hover, #bootstrap-override .home-donate-v2 .home-donate-v2-cta-btn:focus { background: #c9302c !important; color: #fff !important; transform: translateY(-2px) !important; box-shadow: 0 8px 24px rgba(217, 83, 79, 0.55) !important; text-decoration: none !important; } /* Make tier card text larger and more readable */ #bootstrap-override .home-donate-v2 .home-donate-v2-tier { padding: 36px 24px !important; gap: 14px !important; } #bootstrap-override .home-donate-v2 .tier-amount { font-size: 3.4em !important; font-weight: 800 !important; line-height: 1 !important; display: block !important; } #bootstrap-override .home-donate-v2 .tier-impact { font-size: 1.15em !important; color: #444 !important; line-height: 1.4 !important; display: block !important; font-weight: 500 !important; padding: 0 8px !important; } #bootstrap-override .home-donate-v2 .tier-badge { font-size: 0.85em !important; padding: 5px 16px !important; } /* Tighten gap between Subscribe CTA and Donate block */ #bootstrap-override .home-donate-v2 { margin-top: 0 !important; } #bootstrap-override .home-subscribe-cta { margin-bottom: 0 !important; } /* Let headline and lede span full container width */ #bootstrap-override .home-donate-v2 .home-donate-v2-headline { max-width: none !important; } #bootstrap-override .home-donate-v2 .home-donate-v2-lede { max-width: none !important; } /* ===== Fix the narrow layout issue ===== */ /* Make the hero and stats stretch full width of the page */ #bootstrap-override .donate-hero, #bootstrap-override .donate-stats-strip { width: 100vw !important; margin-left: calc(-50vw + 50%) !important; max-width: 100vw !important; } /* Give the body content room to breathe */ #bootstrap-override .donate-page-body { max-width: 1400px; margin: 0 auto; padding: 70px 40px !important; } /* ===== Much bigger fonts ===== */ #bootstrap-override .donate-hero h1 { font-size: 5.5em !important; line-height: 1.1 !important; } #bootstrap-override .donate-hero p { font-size: 1.9em !important; line-height: 1.5 !important; max-width: 1100px !important; } #bootstrap-override .donate-hero-eyebrow { font-size: 1.3em !important; padding: 14px 30px !important; } #bootstrap-override .donate-hero { padding: 100px 40px !important; } #bootstrap-override .donate-stat .num { font-size: 5em !important; } #bootstrap-override .donate-stat .lbl { font-size: 1.4em !important; } #bootstrap-override .donate-stats-strip { padding: 70px 40px !important; } #bootstrap-override .donate-info h3.section-headline { font-size: 3em !important; margin-bottom: 25px !important; } #bootstrap-override .donate-info p.lede-p { font-size: 1.5em !important; line-height: 1.65 !important; margin-bottom: 25px !important; } #bootstrap-override .donate-callout p { font-size: 1.55em !important; line-height: 1.55 !important; } #bootstrap-override .donate-callout { padding: 32px 38px !important; } #bootstrap-override .gift-impact h4 { font-size: 2.2em !important; margin-bottom: 24px !important; } #bootstrap-override .gift-impact li { font-size: 1.45em !important; padding: 20px 0 !important; gap: 22px !important; } #bootstrap-override .gift-impact .amt { font-size: 1.7em !important; min-width: 130px !important; } #bootstrap-override .gift-impact .desc { font-size: 1em !important; } #bootstrap-override .donate-form-header { font-size: 2.2em !important; } #bootstrap-override .donate-trust { font-size: 1.2em !important; padding: 28px !important; } #bootstrap-override .sidebar_item { font-size: 1.4em !important; line-height: 1.6 !important; } #bootstrap-override #collapse-btn { font-size: 1.3em !important; padding: 18px 28px !important; } /* Mobile — scale back down so phones don't get crushed */ @media (max-width: 900px) { #bootstrap-override .donate-hero h1 { font-size: 2.8em !important; } #bootstrap-override .donate-hero p { font-size: 1.25em !important; } #bootstrap-override .donate-hero-eyebrow { font-size: 1em !important; } #bootstrap-override .donate-hero { padding: 50px 20px !important; } #bootstrap-override .donate-stat .num { font-size: 3em !important; } #bootstrap-override .donate-stat .lbl { font-size: 1.05em !important; } #bootstrap-override .donate-stats-strip { padding: 40px 20px !important; } #bootstrap-override .donate-info h3.section-headline { font-size: 2em !important; } #bootstrap-override .donate-info p.lede-p { font-size: 1.15em !important; } #bootstrap-override .donate-callout p { font-size: 1.15em !important; } #bootstrap-override .gift-impact h4 { font-size: 1.6em !important; } #bootstrap-override .gift-impact li { font-size: 1.1em !important; } #bootstrap-override .gift-impact .amt { font-size: 1.5em !important; min-width: 85px !important; } #bootstrap-override .donate-form-header { font-size: 1.5em !important; } #bootstrap-override .sidebar_item { font-size: 1.1em !important; } #bootstrap-override .donate-page-body { padding: 40px 20px !important; } } /* Site-wide font matching donate page */ body, #bootstrap-override, #bootstrap-override p, #bootstrap-override li, #bootstrap-override span, #bootstrap-override div, #bootstrap-override a, #bootstrap-override button, #bootstrap-override input, #bootstrap-override textarea { font-family: 'Source Sans Pro', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; } #bootstrap-override h1, #bootstrap-override h2, #bootstrap-override h3, #bootstrap-override h4, #bootstrap-override h5, #bootstrap-override h6, #bootstrap-override .home-banner-content h2, #bootstrap-override .home-donate h1, #bootstrap-override .home-donate h3, #bootstrap-override .events-header h2, #bootstrap-override .news-header h2, #bootstrap-override .home-event-date h1, #bootstrap-override .home-main-article h1, #bootstrap-override .home-sub-article h3, #bootstrap-override .tribe-events-list-event-title, #bootstrap-override .sub-header, #bootstrap-override .single-event-title h2 { font-family: 'Merriweather', Georgia, 'Times New Roman', serif !important; letter-spacing: -0.01em; } /* Keep the donate page hero/section headlines using Merriweather */ #bootstrap-override .home-donate-v2-headline, #bootstrap-override .donate-hero h1, #bootstrap-override .donate-info h3.section-headline, #bootstrap-override .gift-impact h4, #bootstrap-override .donate-form-header, #bootstrap-override .donate-callout p, #bootstrap-override .donate-stat .num, #bootstrap-override .gift-impact .amt, #bootstrap-override .home-donate-v2 .tier-amount, #bootstrap-override .home-donate-v2 .stat-number { font-family: 'Merriweather', Georgia, 'Times New Roman', serif !important; }