/* * sponsors-v2.css — Lexington Blueberry Festival * Sponsors Page v2 (ROI-driven sales sheet, dash of show-off) * * Fully scoped under body.lbf-sponsors-v2-page so zero overlap with v1's * .spn-* tokens. All classes are .sv2-*. */ /* ════════════════════════════════════════════════════════════ §0 — TOKENS ════════════════════════════════════════════════════════════ */ body.lbf-sponsors-v2-page { --sv2-blue: #0037a7; --sv2-blue-dark: #061a52; --sv2-blue-soft: #edf3ff; --sv2-blue-line: #d7e2fb; --sv2-gold: #f3c303; --sv2-gold-soft: #fff7d6; --sv2-red: #c8102e; --sv2-green: #15803d; --sv2-bg: #f4f7fc; --sv2-bg-deep: #eaf0f9; --sv2-ink: #0f172a; --sv2-txt: #334155; --sv2-txt-soft: #64748b; --sv2-white: #ffffff; --sv2-shadow-sm: 0 2px 8px rgba(0, 55, 167, 0.06); --sv2-shadow-md: 0 8px 24px rgba(0, 55, 167, 0.10); --sv2-shadow-lg: 0 22px 60px rgba(0, 55, 167, 0.14); --sv2-radius: 1rem; --sv2-radius-lg: 1.5rem; --sv2-radius-xl: 2rem; } /* ════════════════════════════════════════════════════════════ §1 — PAGE WRAPPER + SHELL (matches menu width) ════════════════════════════════════════════════════════════ */ body.lbf-sponsors-v2-page .sv2-page { background: var(--sv2-bg); } body.lbf-sponsors-v2-page .sv2-canvas { padding-top: calc(var(--header-h, 82px) + 0.75rem); padding-bottom: 1.5rem; padding-left: 0.5rem; padding-right: 0.5rem; background-color: var(--sv2-bg); background-image: radial-gradient(var(--sv2-blue-line) 1px, transparent 1px); background-size: 40px 40px; position: relative; } body.lbf-sponsors-v2-page .sv2-shell { /* Same formula as the menu nav-card: visually aligns edges */ max-width: calc(1480px - 2 * clamp(0.75rem, 2vw, 1.5rem)); margin: 0 auto; background: linear-gradient(180deg, #fcfdff 0%, #f6f9ff 50%, #fafcff 100%); border: 1px solid var(--sv2-blue-line); border-radius: var(--sv2-radius-xl); box-shadow: var(--sv2-shadow-lg); padding: 0.75rem; display: flex; flex-direction: column; gap: 0.75rem; position: relative; overflow: hidden; } /* Scroll reveal — v32.0.19: sections are VISIBLE BY DEFAULT. Previously .sv2-rv started at opacity:0 and JS had to add .sv2-rv--in to reveal each one; if the observer didn't fire (mobile/timing), the section stayed invisible forever. Now the hidden start-state only applies when the JS has proven it's running by adding .sv2-js-reveal to . No JS, or JS error → sections just show normally (no animation, but fully visible). With JS, .sv2-js-reveal arms the opacity:0 start and the observer animates each section in. */ body.lbf-sponsors-v2-page .sv2-rv { opacity: 1; transform: none; transition: opacity 0.6s ease, transform 0.6s ease; } body.lbf-sponsors-v2-page.sv2-js-reveal .sv2-rv { opacity: 0; transform: translateY(18px); } body.lbf-sponsors-v2-page.sv2-js-reveal .sv2-rv--in { opacity: 1; transform: translateY(0); } /* ════════════════════════════════════════════════════════════ §2 — TYPE + SHARED SECTION HEAD ════════════════════════════════════════════════════════════ */ body.lbf-sponsors-v2-page .sv2-sec-hd { text-align: center; margin: 0 auto 1.5rem; max-width: 56rem; padding: 0 1rem; } body.lbf-sponsors-v2-page .sv2-sec-tag { display: inline-block; padding: 0.35rem 0.9rem; background: var(--sv2-blue-soft); color: var(--sv2-blue); font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-weight: 700; font-size: 0.72rem; letter-spacing: 0.16em; text-transform: uppercase; border-radius: 99px; margin-bottom: 1rem; } body.lbf-sponsors-v2-page .sv2-sec-tag--light { background: rgba(255, 255, 255, 0.16); color: #fff; } body.lbf-sponsors-v2-page .sv2-sec-h2 { font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-weight: 800; font-size: clamp(1.75rem, 3.5vw, 2.5rem); color: var(--sv2-ink); line-height: 1.15; letter-spacing: -0.02em; margin: 0 0 0.85rem; } body.lbf-sponsors-v2-page .sv2-sec-p { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 1rem; line-height: 1.65; color: var(--sv2-txt); margin: 0 auto; max-width: 46rem; } /* ════════════════════════════════════════════════════════════ §3 — BUTTONS ════════════════════════════════════════════════════════════ */ body.lbf-sponsors-v2-page .sv2-btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.4rem; font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-weight: 700; font-size: 0.95rem; letter-spacing: 0.01em; padding: 0.85rem 1.5rem; border-radius: 99px; text-decoration: none; border: 2px solid transparent; cursor: pointer; transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, color 0.18s ease; white-space: nowrap; } body.lbf-sponsors-v2-page .sv2-btn--blue { background: var(--sv2-blue); color: #fff; box-shadow: 0 6px 18px rgba(0, 55, 167, 0.25); } body.lbf-sponsors-v2-page .sv2-btn--blue:hover { background: var(--sv2-blue-dark); transform: translateY(-1px); box-shadow: 0 10px 26px rgba(0, 55, 167, 0.35); } body.lbf-sponsors-v2-page .sv2-btn--outline { background: #fff; color: var(--sv2-blue); border-color: var(--sv2-blue); } body.lbf-sponsors-v2-page .sv2-btn--outline:hover { background: var(--sv2-blue-soft); transform: translateY(-1px); } body.lbf-sponsors-v2-page .sv2-btn--sm { padding: 0.55rem 1rem; font-size: 0.85rem; } /* ════════════════════════════════════════════════════════════ §4 — HERO ════════════════════════════════════════════════════════════ */ body.lbf-sponsors-v2-page .sv2-hero { position: relative; border-radius: var(--sv2-radius-lg); overflow: hidden; min-height: 520px; background: var(--sv2-blue-dark); color: #fff; isolation: isolate; } body.lbf-sponsors-v2-page .sv2-hero-bg { position: absolute; inset: 0; z-index: 0; } body.lbf-sponsors-v2-page .sv2-hero-bg-img { position: absolute; inset: 0; background-size: cover; background-position: center; opacity: 0; transition: opacity 1.4s ease; } body.lbf-sponsors-v2-page .sv2-hero-bg-img--on { opacity: 0.42; } body.lbf-sponsors-v2-page .sv2-hero-bg-grad { position: absolute; inset: 0; background: radial-gradient(circle at 80% 20%, rgba(243, 195, 3, 0.25), transparent 60%), linear-gradient(135deg, rgba(6, 26, 82, 0.92) 0%, rgba(0, 55, 167, 0.75) 50%, rgba(6, 26, 82, 0.92) 100%); } body.lbf-sponsors-v2-page .sv2-hero-orb { position: absolute; border-radius: 50%; filter: blur(60px); z-index: 1; pointer-events: none; } body.lbf-sponsors-v2-page .sv2-hero-orb--a { width: 380px; height: 380px; background: rgba(243, 195, 3, 0.22); top: -120px; right: -100px; } body.lbf-sponsors-v2-page .sv2-hero-orb--b { width: 320px; height: 320px; background: rgba(0, 55, 167, 0.45); bottom: -100px; left: -80px; } body.lbf-sponsors-v2-page .sv2-hero-inner { position: relative; z-index: 2; display: grid; grid-template-columns: 1.3fr 1fr; gap: 3rem; align-items: center; padding: 4rem 2.5rem; max-width: 1340px; margin: 0 auto; } @media (max-width: 900px) { body.lbf-sponsors-v2-page .sv2-hero-inner { grid-template-columns: 1fr; gap: 2.5rem; padding: 3rem 1.5rem; } } body.lbf-sponsors-v2-page .sv2-eyebrow { display: inline-flex; align-items: center; gap: 0.55rem; padding: 0.4rem 1rem; background: rgba(255, 255, 255, 0.12); backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 99px; font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-weight: 700; font-size: 0.72rem; letter-spacing: 0.16em; text-transform: uppercase; margin-bottom: 1.5rem; color: #fff; } body.lbf-sponsors-v2-page .sv2-eyebrow-dot { display: inline-block; width: 8px; height: 8px; background: var(--sv2-gold); border-radius: 50%; box-shadow: 0 0 12px var(--sv2-gold); animation: sv2-pulse 2s ease-in-out infinite; } @keyframes sv2-pulse { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.3); opacity: 0.6; } } body.lbf-sponsors-v2-page .sv2-hero-h1 { font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-weight: 800; font-size: clamp(2.25rem, 4.5vw, 3.75rem); line-height: 1.05; letter-spacing: -0.025em; color: #fff; margin: 0 0 1rem; max-width: 24ch; text-shadow: 0 2px 24px rgba(0, 0, 0, 0.25); } body.lbf-sponsors-v2-page .sv2-hero-sub { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 1.1rem; line-height: 1.6; color: rgba(255, 255, 255, 0.88); margin: 0 0 1.75rem; max-width: 38ch; } body.lbf-sponsors-v2-page .sv2-hero-ctas { display: flex; gap: 0.75rem; flex-wrap: wrap; margin-bottom: 1.25rem; } body.lbf-sponsors-v2-page .sv2-hero-ctas .sv2-btn--outline { background: rgba(255, 255, 255, 0.1); color: #fff; border-color: rgba(255, 255, 255, 0.5); backdrop-filter: blur(8px); } body.lbf-sponsors-v2-page .sv2-hero-ctas .sv2-btn--outline:hover { background: rgba(255, 255, 255, 0.2); } body.lbf-sponsors-v2-page .sv2-hero-micro { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 0.85rem; color: rgba(255, 255, 255, 0.7); letter-spacing: 0.04em; } /* Presenting card (right side of hero) */ body.lbf-sponsors-v2-page .sv2-hero-card { background: #fff; border-radius: var(--sv2-radius-lg); padding: 1.75rem; box-shadow: 0 30px 80px rgba(0, 0, 0, 0.3); position: relative; text-align: center; } body.lbf-sponsors-v2-page .sv2-hero-card-tag { display: inline-block; padding: 0.3rem 0.8rem; background: var(--sv2-gold); color: var(--sv2-blue-dark); font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-weight: 800; font-size: 0.65rem; letter-spacing: 0.14em; text-transform: uppercase; border-radius: 99px; margin-bottom: 1.25rem; } body.lbf-sponsors-v2-page .sv2-hero-card-logo { height: 90px; display: flex; align-items: center; justify-content: center; margin-bottom: 1rem; } body.lbf-sponsors-v2-page .sv2-hero-card-logo img { max-height: 90px; max-width: 220px; width: auto; object-fit: contain; } body.lbf-sponsors-v2-page .sv2-hero-card-logo-fallback { font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-weight: 800; font-size: 1.5rem; color: var(--sv2-blue); } body.lbf-sponsors-v2-page .sv2-hero-card-quote { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 0.92rem; line-height: 1.55; color: var(--sv2-txt); margin: 0 0 1.25rem; } body.lbf-sponsors-v2-page .sv2-hero-card-cta { display: inline-block; font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-weight: 700; font-size: 0.88rem; color: var(--sv2-blue); text-decoration: none; border-bottom: 2px solid var(--sv2-blue); padding-bottom: 0.15rem; transition: color 0.18s ease, border-color 0.18s ease; } body.lbf-sponsors-v2-page .sv2-hero-card-cta:hover { color: var(--sv2-blue-dark); border-color: var(--sv2-blue-dark); } /* ════════════════════════════════════════════════════════════ §5 — BY THE NUMBERS ════════════════════════════════════════════════════════════ */ body.lbf-sponsors-v2-page .sv2-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; padding: 1.5rem; background: linear-gradient(135deg, var(--sv2-blue) 0%, var(--sv2-blue-dark) 100%); border-radius: var(--sv2-radius-lg); color: #fff; position: relative; overflow: hidden; } body.lbf-sponsors-v2-page .sv2-stats::before { content: ''; position: absolute; inset: 0; background-image: radial-gradient(rgba(243, 195, 3, 0.18) 1.5px, transparent 1.5px); background-size: 28px 28px; opacity: 0.4; pointer-events: none; } body.lbf-sponsors-v2-page .sv2-stat { position: relative; z-index: 1; text-align: center; padding: 1rem; border-right: 1px solid rgba(255, 255, 255, 0.12); } body.lbf-sponsors-v2-page .sv2-stat:last-child { border-right: none; } body.lbf-sponsors-v2-page .sv2-stat-num { font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-weight: 900; font-size: clamp(2rem, 4vw, 3rem); color: var(--sv2-gold); line-height: 1; letter-spacing: -0.03em; margin-bottom: 0.5rem; text-shadow: 0 0 30px rgba(243, 195, 3, 0.35); } /* Word-based stat (e.g. "Countless Thousands") — shrink to fit the slot */ body.lbf-sponsors-v2-page .sv2-stat-num--text { font-size: clamp(1.15rem, 1.9vw, 1.6rem); font-weight: 800; line-height: 1.05; letter-spacing: -0.01em; } /* Stacked word stat ("Countless" / "Thousands") — same big size as the numeric stats, two lines, tight leading. */ body.lbf-sponsors-v2-page .sv2-stat-num--stack { line-height: 1.0; } body.lbf-sponsors-v2-page .sv2-stat-lbl { font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-weight: 700; font-size: 0.95rem; color: #fff; margin-bottom: 0.2rem; } body.lbf-sponsors-v2-page .sv2-stat-sub { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 0.78rem; color: rgba(255, 255, 255, 0.7); letter-spacing: 0.02em; } @media (max-width: 700px) { body.lbf-sponsors-v2-page .sv2-stats { grid-template-columns: repeat(2, 1fr); } body.lbf-sponsors-v2-page .sv2-stat { border-right: none; border-bottom: 1px solid rgba(255, 255, 255, 0.12); } body.lbf-sponsors-v2-page .sv2-stat:nth-last-child(-n+2) { border-bottom: none; } } /* ════════════════════════════════════════════════════════════ §6 — FESTIVAL WEEK STRIP ════════════════════════════════════════════════════════════ */ body.lbf-sponsors-v2-page .sv2-week { background: #fff; border-radius: var(--sv2-radius-lg); border: 1px solid var(--sv2-blue-line); padding: 2.5rem 1.5rem; } body.lbf-sponsors-v2-page .sv2-week-strip { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.75rem; margin-top: 1.5rem; } body.lbf-sponsors-v2-page .sv2-week-day { background: linear-gradient(180deg, var(--sv2-blue-soft) 0%, #fff 100%); border: 1px solid var(--sv2-blue-line); border-radius: var(--sv2-radius); padding: 1.25rem 0.85rem; text-align: center; transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; position: relative; } body.lbf-sponsors-v2-page .sv2-week-day:hover { transform: translateY(-3px); box-shadow: var(--sv2-shadow-md); border-color: var(--sv2-blue); } body.lbf-sponsors-v2-page .sv2-week-day--3 { background: linear-gradient(180deg, var(--sv2-gold-soft) 0%, #fff 100%); border-color: var(--sv2-gold); } body.lbf-sponsors-v2-page .sv2-week-day--3::after { content: 'BIG DAY'; position: absolute; top: -8px; right: 8px; font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-size: 0.55rem; font-weight: 800; letter-spacing: 0.12em; background: var(--sv2-gold); color: var(--sv2-blue-dark); padding: 0.18rem 0.5rem; border-radius: 99px; } body.lbf-sponsors-v2-page .sv2-week-pill { display: flex; flex-direction: column; align-items: center; margin-bottom: 0.65rem; } body.lbf-sponsors-v2-page .sv2-week-dow { font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-weight: 800; font-size: 1.4rem; color: var(--sv2-blue); line-height: 1; } body.lbf-sponsors-v2-page .sv2-week-date { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 0.75rem; color: var(--sv2-txt-soft); margin-top: 0.2rem; letter-spacing: 0.04em; } body.lbf-sponsors-v2-page .sv2-week-title { font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-weight: 700; font-size: 0.95rem; color: var(--sv2-ink); margin-bottom: 0.25rem; } body.lbf-sponsors-v2-page .sv2-week-sub { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 0.78rem; color: var(--sv2-txt); line-height: 1.4; } /* ─── Interactive card affordance (v29.32.1) ─────────────────── Cards are now clickable/tappable to reveal an event preview. Outline focus ring for keyboard a11y. ─────────────────────────────────────────────────────────── */ body.lbf-sponsors-v2-page .sv2-week-day[data-week-day] { cursor: pointer; outline: none; /* Smooth height transitions for the reveal panel */ transition: transform 0.25s cubic-bezier(.2,.8,.2,1), box-shadow 0.25s ease, border-color 0.25s ease; } body.lbf-sponsors-v2-page .sv2-week-day[data-week-day]:focus-visible { box-shadow: 0 0 0 3px var(--sv2-gold); outline: none; } /* "View schedule ↓" cue, visible at rest, fades out on reveal */ body.lbf-sponsors-v2-page .sv2-week-cue { margin-top: 0.7rem; display: inline-flex; align-items: center; gap: 0.3rem; font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-weight: 700; font-size: 0.62rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--sv2-blue); opacity: 0.7; transition: opacity 0.2s ease, transform 0.2s ease; } body.lbf-sponsors-v2-page .sv2-week-day[data-week-day]:hover .sv2-week-cue, body.lbf-sponsors-v2-page .sv2-week-day--open .sv2-week-cue { opacity: 1; transform: translateY(2px); } body.lbf-sponsors-v2-page .sv2-week-cue-arr { display: inline-block; transition: transform 0.3s cubic-bezier(.2,.8,.2,1); font-size: 0.85rem; line-height: 1; } body.lbf-sponsors-v2-page .sv2-week-day[data-week-day]:hover .sv2-week-cue-arr, body.lbf-sponsors-v2-page .sv2-week-day--open .sv2-week-cue-arr { transform: translateY(3px); } body.lbf-sponsors-v2-page .sv2-week-day--open .sv2-week-cue-arr { transform: rotate(180deg); } /* ─── Reveal panel ──────────────────────────────────────────── Uses grid-template-rows trick: 0fr → 1fr animates the panel open without a fixed max-height. Inner wrapper provides padding so the outer container can collapse to truly 0 height. ─────────────────────────────────────────────────────────── */ body.lbf-sponsors-v2-page .sv2-week-reveal { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.35s cubic-bezier(.2,.8,.2,1); overflow: hidden; } body.lbf-sponsors-v2-page .sv2-week-day[data-week-day]:hover .sv2-week-reveal, body.lbf-sponsors-v2-page .sv2-week-day--open .sv2-week-reveal { grid-template-rows: 1fr; } body.lbf-sponsors-v2-page .sv2-week-reveal-inner { min-height: 0; padding-top: 0.9rem; margin-top: 0.65rem; border-top: 1px dashed var(--sv2-blue-line); text-align: left; } body.lbf-sponsors-v2-page .sv2-week-reveal-lbl { font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-weight: 800; font-size: 0.55rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--sv2-blue); margin-bottom: 0.45rem; } body.lbf-sponsors-v2-page .sv2-week-reveal-list { list-style: none; padding: 0; margin: 0 0 0.7rem; } body.lbf-sponsors-v2-page .sv2-week-reveal-list li { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 0.75rem; line-height: 1.45; color: var(--sv2-ink); padding: 0.18rem 0 0.18rem 0.85rem; position: relative; } body.lbf-sponsors-v2-page .sv2-week-reveal-list li::before { content: ""; position: absolute; left: 0; top: 0.55rem; width: 4px; height: 4px; background: var(--sv2-gold); border-radius: 50%; } body.lbf-sponsors-v2-page .sv2-week-reveal-link { display: inline-flex; align-items: center; gap: 0.3rem; font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-weight: 700; font-size: 0.7rem; letter-spacing: 0.06em; text-decoration: none; color: var(--sv2-blue-dark); background: var(--sv2-gold); padding: 0.45rem 0.7rem; border-radius: 8px; transition: transform 0.2s ease, box-shadow 0.2s ease; } body.lbf-sponsors-v2-page .sv2-week-reveal-link:hover, body.lbf-sponsors-v2-page .sv2-week-reveal-link:focus-visible { transform: translateY(-1px); box-shadow: 0 6px 14px rgba(253, 197, 0, 0.35); outline: none; } /* When card is open, give it a slightly stronger lift so it reads as "expanded" relative to its neighbours. */ body.lbf-sponsors-v2-page .sv2-week-day--open { transform: translateY(-3px); box-shadow: var(--sv2-shadow-md); border-color: var(--sv2-blue); z-index: 2; } body.lbf-sponsors-v2-page .sv2-week-day--3.sv2-week-day--open { border-color: var(--sv2-gold); } @media (max-width: 720px) { body.lbf-sponsors-v2-page .sv2-week-strip { grid-template-columns: repeat(2, 1fr); } } /* ════════════════════════════════════════════════════════════ §7 — IMPACT CATEGORIES (5 themed sponsorship cards) Replaces the old tier comparison table. Each card has its own theme color via CSS custom props swapped on the card variant class. ════════════════════════════════════════════════════════════ */ body.lbf-sponsors-v2-page .sv2-impact { background: #fff; border-radius: var(--sv2-radius-lg); border: 1px solid var(--sv2-blue-line); padding: 2.5rem 1.5rem; } body.lbf-sponsors-v2-page .sv2-impact-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1rem; margin-top: 1.5rem; } @media (max-width: 1100px) { body.lbf-sponsors-v2-page .sv2-impact-grid { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 760px) { body.lbf-sponsors-v2-page .sv2-impact-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 480px) { body.lbf-sponsors-v2-page .sv2-impact-grid { grid-template-columns: 1fr; } } /* Card base */ body.lbf-sponsors-v2-page .sv2-impact-card { --sv2-card-accent: var(--sv2-blue); --sv2-card-accent-2: var(--sv2-blue-dark); --sv2-card-tint: var(--sv2-blue-soft); --sv2-card-border: var(--sv2-blue-line); background: #fff; border: 2px solid var(--sv2-card-border); border-radius: var(--sv2-radius-lg); padding: 1.5rem 1.25rem 1.25rem; display: flex; flex-direction: column; position: relative; transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease; } body.lbf-sponsors-v2-page .sv2-impact-card:hover { transform: translateY(-4px); box-shadow: 0 16px 38px rgba(0, 55, 167, 0.10); border-color: var(--sv2-card-accent); } body.lbf-sponsors-v2-page .sv2-impact-card--featured { border-color: var(--sv2-card-accent); box-shadow: 0 12px 30px rgba(0, 55, 167, 0.10); background: linear-gradient(180deg, #fff 0%, var(--sv2-card-tint) 100%); } body.lbf-sponsors-v2-page .sv2-impact-card--featured::before { content: 'Most Popular'; position: absolute; top: -10px; left: 50%; transform: translateX(-50%); background: var(--sv2-card-accent); color: #fff; font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-weight: 800; font-size: 0.6rem; letter-spacing: 0.14em; text-transform: uppercase; padding: 0.25rem 0.7rem; border-radius: 99px; white-space: nowrap; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18); } /* Theme variants */ body.lbf-sponsors-v2-page .sv2-impact-card--gold { --sv2-card-accent: #fbb800; --sv2-card-accent-2: #d49500; --sv2-card-tint: #fff7d6; --sv2-card-border: #ffe7a0; } body.lbf-sponsors-v2-page .sv2-impact-card--teal { --sv2-card-accent: #14b8a6; --sv2-card-accent-2: #0f766e; --sv2-card-tint: #d8f5f0; --sv2-card-border: #a9e8df; } body.lbf-sponsors-v2-page .sv2-impact-card--blue { --sv2-card-accent: var(--sv2-blue); --sv2-card-accent-2: var(--sv2-blue-dark); --sv2-card-tint: #eef3ff; --sv2-card-border: #c8d6f5; } body.lbf-sponsors-v2-page .sv2-impact-card--purple { --sv2-card-accent: #8b5cf6; --sv2-card-accent-2: #6d28d9; --sv2-card-tint: #f4ecff; --sv2-card-border: #d9c4ff; } body.lbf-sponsors-v2-page .sv2-impact-card--berry { --sv2-card-accent: #6d8fff; --sv2-card-accent-2: #4b6dc4; --sv2-card-tint: #ecf0ff; --sv2-card-border: #c3cffb; } /* Icon */ body.lbf-sponsors-v2-page .sv2-impact-icon { width: 64px; height: 64px; background: var(--sv2-card-accent); color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem; box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12); } body.lbf-sponsors-v2-page .sv2-impact-icon svg { width: 28px; height: 28px; } /* The plugin's 1200x1200 SVGs are fill-based — paths need to inherit the white from the parent .sv2-impact-icon's `color`. */ body.lbf-sponsors-v2-page .sv2-impact-icon-svg { width: 36px; height: 36px; fill: currentColor; } body.lbf-sponsors-v2-page .sv2-impact-h3 { font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-weight: 800; font-size: 1.15rem; line-height: 1.2; color: var(--sv2-blue-dark); text-align: center; margin: 0 0 0.6rem; letter-spacing: -0.01em; } body.lbf-sponsors-v2-page .sv2-impact-tagline { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 0.82rem; line-height: 1.5; color: var(--sv2-txt); text-align: center; margin: 0 0 1rem; min-height: 2.4em; } /* Items list */ body.lbf-sponsors-v2-page .sv2-impact-items { list-style: none; padding: 0; margin: 0 0 1rem; border-top: 1px solid var(--sv2-card-border); flex: 1; } body.lbf-sponsors-v2-page .sv2-impact-item { display: flex; justify-content: space-between; align-items: center; gap: 0.5rem; padding: 0.6rem 0.25rem; border-bottom: 1px solid var(--sv2-card-border); font-family: 'Plus Jakarta Sans', sans-serif; cursor: pointer; transition: background 0.15s ease; outline: none; } body.lbf-sponsors-v2-page .sv2-impact-item:hover, body.lbf-sponsors-v2-page .sv2-impact-item:focus-visible { background: var(--sv2-card-tint); border-radius: 8px; } body.lbf-sponsors-v2-page .sv2-impact-item:focus-visible { outline: 2px solid var(--sv2-card-accent); outline-offset: 2px; } body.lbf-sponsors-v2-page .sv2-impact-item-name { font-size: 0.82rem; font-weight: 600; color: var(--sv2-ink); line-height: 1.3; } body.lbf-sponsors-v2-page .sv2-impact-item-price { font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-weight: 700; font-size: 0.85rem; color: var(--sv2-card-accent-2); white-space: nowrap; letter-spacing: -0.01em; } /* Choose button */ body.lbf-sponsors-v2-page .sv2-impact-cta { background: var(--sv2-card-accent); color: #fff; border: none; font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-weight: 700; font-size: 0.9rem; letter-spacing: 0.02em; padding: 0.7rem 1rem; border-radius: 12px; cursor: pointer; transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease; width: 100%; margin-top: auto; } body.lbf-sponsors-v2-page .sv2-impact-cta:hover { background: var(--sv2-card-accent-2); transform: translateY(-1px); box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15); } body.lbf-sponsors-v2-page .sv2-impact-card--gold .sv2-impact-cta { color: var(--sv2-blue-dark); } /* Detail panel */ body.lbf-sponsors-v2-page .sv2-impact-detail { margin-top: 1.5rem; background: linear-gradient(180deg, #fff 0%, var(--sv2-blue-soft) 100%); border: 2px solid var(--sv2-blue); border-radius: var(--sv2-radius-lg); padding: 1.75rem 1.5rem 1.5rem; position: relative; box-shadow: 0 12px 36px rgba(0, 55, 167, 0.12); animation: sv2-detail-in 0.28s ease; } @keyframes sv2-detail-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } } body.lbf-sponsors-v2-page .sv2-impact-detail-close { position: absolute; top: 0.75rem; right: 0.75rem; background: rgba(0, 0, 0, 0.05); border: none; width: 32px; height: 32px; border-radius: 50%; font-size: 1.3rem; line-height: 1; cursor: pointer; color: var(--sv2-txt); display: flex; align-items: center; justify-content: center; transition: background 0.15s ease; } body.lbf-sponsors-v2-page .sv2-impact-detail-close:hover { background: rgba(0, 0, 0, 0.1); } body.lbf-sponsors-v2-page .sv2-impact-detail-head { text-align: center; margin-bottom: 1.5rem; } body.lbf-sponsors-v2-page .sv2-impact-detail-tag { display: inline-block; padding: 0.25rem 0.7rem; background: var(--sv2-blue); color: #fff; font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-weight: 700; font-size: 0.65rem; letter-spacing: 0.14em; text-transform: uppercase; border-radius: 99px; margin-bottom: 0.75rem; } body.lbf-sponsors-v2-page .sv2-impact-detail-name { font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-weight: 800; font-size: clamp(1.4rem, 2.5vw, 1.85rem); color: var(--sv2-blue-dark); margin: 0 0 0.35rem; letter-spacing: -0.02em; } body.lbf-sponsors-v2-page .sv2-impact-detail-price { font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-weight: 900; font-size: clamp(1.5rem, 3vw, 2.1rem); color: var(--sv2-blue); letter-spacing: -0.025em; line-height: 1; } body.lbf-sponsors-v2-page .sv2-impact-detail-body { display: grid; grid-template-columns: 1fr 1.5fr; gap: 1.5rem; margin-bottom: 1.5rem; } @media (max-width: 700px) { body.lbf-sponsors-v2-page .sv2-impact-detail-body { grid-template-columns: 1fr; } } body.lbf-sponsors-v2-page .sv2-impact-detail-section { background: #fff; border: 1px solid var(--sv2-blue-line); border-radius: 12px; padding: 1.1rem 1.15rem; } body.lbf-sponsors-v2-page .sv2-impact-detail-h4 { font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-weight: 800; font-size: 0.72rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--sv2-blue); margin: 0 0 0.75rem; } body.lbf-sponsors-v2-page .sv2-impact-detail-desc { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 0.95rem; line-height: 1.6; color: var(--sv2-txt); margin: 0; } /* Benefit bands (cumulative tier display) */ body.lbf-sponsors-v2-page .sv2-impact-band { margin-bottom: 0.85rem; } body.lbf-sponsors-v2-page .sv2-impact-band:last-child { margin-bottom: 0; } body.lbf-sponsors-v2-page .sv2-impact-band-label { font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-weight: 700; font-size: 0.7rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--sv2-blue); margin-bottom: 0.4rem; padding-bottom: 0.3rem; border-bottom: 1px dashed var(--sv2-blue-line); } body.lbf-sponsors-v2-page .sv2-impact-band-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.3rem; } body.lbf-sponsors-v2-page .sv2-impact-band-list li { display: grid; grid-template-columns: 20px 1fr; gap: 0.55rem; align-items: flex-start; font-family: 'Plus Jakarta Sans', sans-serif; font-size: 0.88rem; line-height: 1.45; color: var(--sv2-txt); } body.lbf-sponsors-v2-page .sv2-impact-band-check { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; background: rgba(21, 128, 61, 0.12); color: var(--sv2-green); border-radius: 50%; margin-top: 0.15rem; } body.lbf-sponsors-v2-page .sv2-impact-band-check svg { width: 10px; height: 10px; } body.lbf-sponsors-v2-page .sv2-impact-band-empty { font-family: 'Plus Jakarta Sans', sans-serif; font-style: italic; color: var(--sv2-txt-soft); margin: 0; } body.lbf-sponsors-v2-page .sv2-impact-detail-actions { display: flex; gap: 0.65rem; flex-wrap: wrap; justify-content: center; padding-top: 1rem; border-top: 1px solid var(--sv2-blue-line); } body.lbf-sponsors-v2-page .sv2-impact-note { text-align: center; font-family: 'Plus Jakarta Sans', sans-serif; font-size: 0.85rem; color: var(--sv2-txt-soft); margin: 1.5rem auto 0; max-width: 56rem; line-height: 1.5; font-style: italic; } /* ════════════════════════════════════════════════════════════ §8 — WHY SPONSOR (modern cards w/ accent glow — v29.31.4) 4 cards across, each with a colored accent (gold/teal/blue/purple) matching the impact-category palette. Icon in a pill, headline, body, proof "factbox" pinned to the bottom of each card. Visually consistent with the rest of the page. ════════════════════════════════════════════════════════════ */ body.lbf-sponsors-v2-page .sv2-why { padding: 2.5rem 0; } body.lbf-sponsors-v2-page .sv2-why-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; max-width: 1200px; margin: 0 auto; padding: 0 0.5rem; } @media (max-width: 1024px) { body.lbf-sponsors-v2-page .sv2-why-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 560px) { body.lbf-sponsors-v2-page .sv2-why-grid { grid-template-columns: 1fr; } } /* Base card */ body.lbf-sponsors-v2-page .sv2-why-card { --sv2-why-accent: var(--sv2-blue); --sv2-why-accent-2: var(--sv2-blue-dark); --sv2-why-tint: var(--sv2-blue-soft); position: relative; background: #fff; border: 1px solid var(--sv2-blue-line); border-radius: 1.25rem; padding: 1.5rem 1.25rem 1.25rem; display: flex; flex-direction: column; overflow: hidden; transition: transform 0.28s cubic-bezier(.2,.8,.2,1), box-shadow 0.28s ease, border-color 0.28s ease; isolation: isolate; } body.lbf-sponsors-v2-page .sv2-why-card::before { /* Top accent bar */ content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--sv2-why-accent) 0%, var(--sv2-why-accent-2) 100%); z-index: 2; } body.lbf-sponsors-v2-page .sv2-why-card:hover { transform: translateY(-6px); box-shadow: 0 22px 50px rgba(0, 0, 0, 0.10), 0 0 0 1px var(--sv2-why-accent); border-color: transparent; } /* Soft accent glow that strengthens on hover */ body.lbf-sponsors-v2-page .sv2-why-card-glow { position: absolute; top: -50px; right: -50px; width: 180px; height: 180px; background: radial-gradient(circle, var(--sv2-why-tint) 0%, transparent 65%); opacity: 0.7; z-index: 0; transition: opacity 0.3s ease, transform 0.4s ease; pointer-events: none; } body.lbf-sponsors-v2-page .sv2-why-card:hover .sv2-why-card-glow { opacity: 1; transform: scale(1.15); } /* Accent variants (match the impact-category palette) */ body.lbf-sponsors-v2-page .sv2-why-card--gold { --sv2-why-accent: #fbb800; --sv2-why-accent-2: #d49500; --sv2-why-tint: #fff7d6; } body.lbf-sponsors-v2-page .sv2-why-card--teal { --sv2-why-accent: #14b8a6; --sv2-why-accent-2: #0f766e; --sv2-why-tint: #d8f5f0; } body.lbf-sponsors-v2-page .sv2-why-card--blue { --sv2-why-accent: var(--sv2-blue); --sv2-why-accent-2: var(--sv2-blue-dark); --sv2-why-tint: #eef3ff; } body.lbf-sponsors-v2-page .sv2-why-card--purple { --sv2-why-accent: #8b5cf6; --sv2-why-accent-2: #6d28d9; --sv2-why-tint: #f4ecff; } /* Icon pill */ body.lbf-sponsors-v2-page .sv2-why-card-icon { position: relative; z-index: 1; width: 52px; height: 52px; display: inline-flex; align-items: center; justify-content: center; background: var(--sv2-why-accent); color: #fff; border-radius: 14px; margin-bottom: 1.1rem; box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12); transition: transform 0.3s cubic-bezier(.2,.8,.2,1); } body.lbf-sponsors-v2-page .sv2-why-card--gold .sv2-why-card-icon { color: var(--sv2-blue-dark); } body.lbf-sponsors-v2-page .sv2-why-card:hover .sv2-why-card-icon { transform: rotate(-6deg) scale(1.06); } body.lbf-sponsors-v2-page .sv2-why-card-icon svg { width: 24px; height: 24px; } /* Type */ body.lbf-sponsors-v2-page .sv2-why-card .sv2-why-h3 { position: relative; z-index: 1; font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-weight: 800; font-size: 1.05rem; line-height: 1.25; color: var(--sv2-ink); margin: 0 0 0.55rem; letter-spacing: -0.01em; } body.lbf-sponsors-v2-page .sv2-why-card .sv2-why-p { position: relative; z-index: 1; font-family: 'Plus Jakarta Sans', sans-serif; font-size: 0.88rem; line-height: 1.55; color: var(--sv2-txt); margin: 0 0 1rem; } /* Proof "factbox" pinned to bottom */ body.lbf-sponsors-v2-page .sv2-why-proof { position: relative; z-index: 1; margin-top: auto; background: var(--sv2-why-tint); border: 1px solid color-mix(in srgb, var(--sv2-why-accent) 25%, transparent); border-left: 3px solid var(--sv2-why-accent); border-radius: 10px; padding: 0.7rem 0.85rem; } body.lbf-sponsors-v2-page .sv2-why-proof-lbl { font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-weight: 800; font-size: 0.6rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--sv2-why-accent-2); margin-bottom: 0.3rem; display: flex; align-items: center; gap: 0.4rem; } body.lbf-sponsors-v2-page .sv2-why-proof-lbl::before { content: ""; display: inline-block; width: 6px; height: 6px; background: var(--sv2-why-accent); border-radius: 50%; } body.lbf-sponsors-v2-page .sv2-why-proof-body { font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-weight: 600; font-size: 0.78rem; letter-spacing: 0.02em; color: var(--sv2-blue-dark); line-height: 1.45; } /* ════════════════════════════════════════════════════════════ §9 — TESTIMONIALS ════════════════════════════════════════════════════════════ */ body.lbf-sponsors-v2-page .sv2-quotes { padding: 2rem 0; } body.lbf-sponsors-v2-page .sv2-quotes-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.25rem; max-width: 1200px; margin: 0 auto; padding: 0 0.5rem; } body.lbf-sponsors-v2-page .sv2-quote-card { background: #fff; border: 1px solid var(--sv2-blue-line); border-radius: var(--sv2-radius); padding: 2rem 1.5rem 1.5rem; margin: 0; position: relative; display: flex; flex-direction: column; } body.lbf-sponsors-v2-page .sv2-quote-mark { font-family: Georgia, 'Times New Roman', serif; font-size: 4rem; line-height: 1; color: var(--sv2-gold); position: absolute; top: 0.5rem; left: 1.25rem; opacity: 0.6; } body.lbf-sponsors-v2-page .sv2-quote-body { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 1rem; line-height: 1.6; color: var(--sv2-txt); margin: 0 0 1.25rem; font-style: italic; position: relative; z-index: 1; } body.lbf-sponsors-v2-page .sv2-quote-cite { display: flex; align-items: center; gap: 0.85rem; padding-top: 1rem; border-top: 1px solid var(--sv2-blue-line); margin-top: auto; } body.lbf-sponsors-v2-page .sv2-quote-avatar { width: 44px; height: 44px; border-radius: 50%; background: linear-gradient(135deg, var(--sv2-blue-soft) 0%, var(--sv2-blue) 100%); flex-shrink: 0; } body.lbf-sponsors-v2-page .sv2-quote-name { font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-weight: 800; font-size: 0.92rem; color: var(--sv2-ink); } body.lbf-sponsors-v2-page .sv2-quote-role { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 0.78rem; color: var(--sv2-txt-soft); margin-top: 0.15rem; } /* ════════════════════════════════════════════════════════════ §10 — SPONSOR WALL ════════════════════════════════════════════════════════════ */ body.lbf-sponsors-v2-page .sv2-wall { background: #fff; border-radius: var(--sv2-radius-lg); border: 1px solid var(--sv2-blue-line); padding: 2.5rem 1.5rem; } body.lbf-sponsors-v2-page .sv2-wall-filters { display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: center; margin: 0 0 1.5rem; } body.lbf-sponsors-v2-page .sv2-wall-filter { background: #fff; border: 1.5px solid var(--sv2-blue-line); color: var(--sv2-txt); font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-weight: 600; font-size: 0.82rem; padding: 0.45rem 1rem; border-radius: 99px; cursor: pointer; transition: all 0.18s ease; } body.lbf-sponsors-v2-page .sv2-wall-filter:hover { border-color: var(--sv2-blue); color: var(--sv2-blue); } body.lbf-sponsors-v2-page .sv2-wall-filter--on { background: var(--sv2-blue); color: #fff; border-color: var(--sv2-blue); } body.lbf-sponsors-v2-page .sv2-wall-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 1rem; } body.lbf-sponsors-v2-page .sv2-wall-tile { background: #fff; border: 1px solid var(--sv2-blue-line); border-radius: var(--sv2-radius); padding: 1.25rem 1rem; display: flex; flex-direction: column; align-items: center; text-decoration: none; color: inherit; transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; min-height: 160px; } body.lbf-sponsors-v2-page .sv2-wall-tile:hover { transform: translateY(-3px); box-shadow: var(--sv2-shadow-md); border-color: var(--sv2-blue); } body.lbf-sponsors-v2-page .sv2-wall-logo { flex: 1; display: flex; align-items: center; justify-content: center; margin-bottom: 0.85rem; width: 100%; max-height: 80px; overflow: hidden; } body.lbf-sponsors-v2-page .sv2-wall-logo img { max-height: 80px; max-width: 100%; width: auto; object-fit: contain; } body.lbf-sponsors-v2-page .sv2-wall-name { font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-weight: 700; font-size: 0.95rem; text-align: center; color: var(--sv2-blue-dark); } body.lbf-sponsors-v2-page .sv2-wall-meta { text-align: center; width: 100%; border-top: 1px solid var(--sv2-blue-line); padding-top: 0.65rem; } body.lbf-sponsors-v2-page .sv2-wall-title { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 0.85rem; font-weight: 600; color: var(--sv2-ink); line-height: 1.3; } body.lbf-sponsors-v2-page .sv2-wall-empty { grid-column: 1 / -1; text-align: center; padding: 2.5rem 1rem; color: var(--sv2-txt-soft); font-family: 'Plus Jakarta Sans', sans-serif; font-size: 0.95rem; font-style: italic; } /* ════════════════════════════════════════════════════════════ §11 — WHAT SPONSORSHIP FUNDS ════════════════════════════════════════════════════════════ */ body.lbf-sponsors-v2-page .sv2-funds { background: linear-gradient(135deg, var(--sv2-blue-dark) 0%, var(--sv2-blue) 100%); border-radius: var(--sv2-radius-lg); overflow: hidden; position: relative; color: #fff; } body.lbf-sponsors-v2-page .sv2-funds::before { content: ''; position: absolute; top: -100px; right: -100px; width: 400px; height: 400px; background: radial-gradient(circle, rgba(243, 195, 3, 0.18), transparent 65%); filter: blur(40px); pointer-events: none; } body.lbf-sponsors-v2-page .sv2-funds-inner { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1.2fr; gap: 3rem; align-items: center; padding: 3rem 2.5rem; max-width: 1200px; margin: 0 auto; } @media (max-width: 800px) { body.lbf-sponsors-v2-page .sv2-funds-inner { grid-template-columns: 1fr; gap: 2rem; padding: 2.5rem 1.5rem; } } body.lbf-sponsors-v2-page .sv2-funds-h2 { font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-weight: 800; font-size: clamp(1.5rem, 3vw, 2.25rem); color: #fff; line-height: 1.15; letter-spacing: -0.02em; margin: 0 0 0.85rem; } body.lbf-sponsors-v2-page .sv2-funds-p { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 1rem; line-height: 1.65; color: rgba(255, 255, 255, 0.88); margin: 0; } body.lbf-sponsors-v2-page .sv2-funds-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.5rem; } body.lbf-sponsors-v2-page .sv2-funds-item { display: grid; grid-template-columns: 40px 1fr; gap: 1rem; padding: 0.85rem 1rem; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 12px; transition: background 0.18s ease, border-color 0.18s ease; } body.lbf-sponsors-v2-page .sv2-funds-item:hover { background: rgba(255, 255, 255, 0.13); border-color: rgba(243, 195, 3, 0.4); } body.lbf-sponsors-v2-page .sv2-funds-bullet { width: 32px; height: 32px; background: var(--sv2-gold); color: var(--sv2-blue-dark); border-radius: 50%; display: flex; align-items: center; justify-content: center; } body.lbf-sponsors-v2-page .sv2-funds-bullet svg { width: 16px; height: 16px; } body.lbf-sponsors-v2-page .sv2-funds-title { font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-weight: 700; font-size: 1rem; color: var(--sv2-gold); margin-bottom: 0.15rem; } body.lbf-sponsors-v2-page .sv2-funds-text { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 0.88rem; line-height: 1.5; color: rgba(255, 255, 255, 0.82); } /* ════════════════════════════════════════════════════════════ §12 — INQUIRY FORM ════════════════════════════════════════════════════════════ */ body.lbf-sponsors-v2-page .sv2-inq { background: #fff; border-radius: var(--sv2-radius-lg); border: 1px solid var(--sv2-blue-line); padding: 2.5rem 1.5rem; } body.lbf-sponsors-v2-page .sv2-inq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2.5rem; max-width: 1200px; margin: 0 auto; } @media (max-width: 850px) { body.lbf-sponsors-v2-page .sv2-inq-grid { grid-template-columns: 1fr; gap: 1.75rem; } } body.lbf-sponsors-v2-page .sv2-inq-h2 { font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-weight: 800; font-size: clamp(1.5rem, 2.5vw, 2rem); color: var(--sv2-ink); line-height: 1.15; letter-spacing: -0.02em; margin: 0.5rem 0 0.6rem; } body.lbf-sponsors-v2-page .sv2-inq-intro { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 1rem; line-height: 1.6; color: var(--sv2-txt); margin: 0 0 1.25rem; } body.lbf-sponsors-v2-page .sv2-inq-pills { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1.5rem; } body.lbf-sponsors-v2-page .sv2-inq-pill { background: #fff; border: 1.5px solid var(--sv2-blue-line); color: var(--sv2-txt); font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-weight: 600; font-size: 0.82rem; padding: 0.45rem 1rem; border-radius: 99px; cursor: pointer; transition: all 0.18s ease; } body.lbf-sponsors-v2-page .sv2-inq-pill:hover { border-color: var(--sv2-blue); } body.lbf-sponsors-v2-page .sv2-inq-pill--on { background: var(--sv2-blue); color: #fff; border-color: var(--sv2-blue); } body.lbf-sponsors-v2-page .sv2-inq-summary { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.65rem; } @media (max-width: 600px) { body.lbf-sponsors-v2-page .sv2-inq-summary { grid-template-columns: 1fr; } } body.lbf-sponsors-v2-page .sv2-inq-card { background: var(--sv2-blue-soft); border: 1px solid var(--sv2-blue-line); border-radius: 12px; padding: 0.85rem 0.95rem; } body.lbf-sponsors-v2-page .sv2-inq-card-lbl { font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-weight: 700; font-size: 0.65rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--sv2-txt-soft); margin-bottom: 0.3rem; } body.lbf-sponsors-v2-page .sv2-inq-card-val { font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-weight: 700; font-size: 0.92rem; color: var(--sv2-blue-dark); line-height: 1.3; } body.lbf-sponsors-v2-page .sv2-inq-card-val a { color: inherit; text-decoration: underline; } body.lbf-sponsors-v2-page .sv2-inq-form-shell { background: linear-gradient(180deg, var(--sv2-blue-soft) 0%, #fff 100%); border: 1px solid var(--sv2-blue-line); border-radius: var(--sv2-radius); padding: 1.5rem; } body.lbf-sponsors-v2-page .sv2-inq-form { display: flex; flex-direction: column; gap: 1rem; } body.lbf-sponsors-v2-page .sv2-inq-field { display: flex; flex-direction: column; gap: 0.35rem; } body.lbf-sponsors-v2-page .sv2-inq-lbl { font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-weight: 700; font-size: 0.8rem; color: var(--sv2-ink); } body.lbf-sponsors-v2-page .sv2-inq-input { background: #fff; border: 1.5px solid var(--sv2-blue-line); border-radius: 10px; padding: 0.7rem 0.85rem; font-family: 'Plus Jakarta Sans', sans-serif; font-size: 0.95rem; color: var(--sv2-ink); transition: border-color 0.18s ease, box-shadow 0.18s ease; } body.lbf-sponsors-v2-page .sv2-inq-input:focus { outline: none; border-color: var(--sv2-blue); box-shadow: 0 0 0 3px rgba(0, 55, 167, 0.12); } body.lbf-sponsors-v2-page .sv2-inq-textarea { resize: vertical; min-height: 96px; } body.lbf-sponsors-v2-page .sv2-inq-level-disp { background: #fff; border: 1.5px solid var(--sv2-blue-line); border-radius: 10px; padding: 0.7rem 0.85rem; font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-weight: 700; font-size: 0.95rem; color: var(--sv2-blue-dark); } body.lbf-sponsors-v2-page .sv2-inq-actions { display: flex; gap: 0.65rem; flex-wrap: wrap; margin-top: 0.5rem; } body.lbf-sponsors-v2-page .sv2-inq-success { margin-top: 0.5rem; padding: 0.85rem 1rem; background: rgba(21, 128, 61, 0.1); border: 1px solid rgba(21, 128, 61, 0.3); border-radius: 10px; color: var(--sv2-green); font-family: 'Plus Jakarta Sans', sans-serif; font-size: 0.92rem; font-weight: 600; } /* ════════════════════════════════════════════════════════════ §12b — INQUIRY (SINGLE-COLUMN, GRAVITY FORM) v29.35.0+: the inquiry section was rebuilt around a Gravity Form installed by the lbf-sponsorship-inquiry-setup plugin. The left column (pills + summary cards) was dropped. The form takes full width below a centered headline + intro. These rules style the Gravity Forms markup so it visually matches the rest of the page. ════════════════════════════════════════════════════════════ */ /* Single-column layout */ body.lbf-sponsors-v2-page .sv2-inq-single { max-width: 720px; margin: 0 auto; padding: 0 1rem; } body.lbf-sponsors-v2-page .sv2-inq-head { text-align: center; margin-bottom: 2rem; } body.lbf-sponsors-v2-page .sv2-inq-head .sv2-sec-tag { display: inline-block; margin-bottom: 0.85rem; } body.lbf-sponsors-v2-page .sv2-inq-head .sv2-inq-h2 { margin-bottom: 0.85rem; } body.lbf-sponsors-v2-page .sv2-inq-head .sv2-inq-intro { max-width: 560px; margin: 0 auto; } body.lbf-sponsors-v2-page .sv2-inq-missing { background: rgba(243,195,3,0.12); border: 1px solid rgba(243,195,3,0.45); color: #8a6700; padding: 1.25rem 1.5rem; border-radius: var(--sv2-radius); font-family: 'Plus Jakarta Sans', sans-serif; font-size: 0.95rem; text-align: center; } /* ── Gravity Forms style overrides ───────────────────────────────── Scoped tightly under body.lbf-sponsors-v2-page .sv2-inq-form-shell so these never leak to other Gravity Forms on the site. Targets GF's actual rendered class names. ──────────────────────────────── */ body.lbf-sponsors-v2-page .sv2-inq-form-shell .gform_wrapper { margin: 0; } body.lbf-sponsors-v2-page .sv2-inq-form-shell .gform_heading, body.lbf-sponsors-v2-page .sv2-inq-form-shell .gform_title, body.lbf-sponsors-v2-page .sv2-inq-form-shell .gform_description { display: none; /* Our own headline above handles this */ } /* Field wrappers — same vertical spacing as the old fallback */ body.lbf-sponsors-v2-page .sv2-inq-form-shell .gfield { margin-bottom: 1.1rem; padding: 0; } body.lbf-sponsors-v2-page .sv2-inq-form-shell .gform_fields { display: block !important; grid-template-columns: none !important; grid-gap: 0 !important; gap: 0 !important; } /* Labels — match .sv2-inq-lbl */ body.lbf-sponsors-v2-page .sv2-inq-form-shell .gfield_label, body.lbf-sponsors-v2-page .sv2-inq-form-shell legend.gfield_label { font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif !important; font-size: 0.78rem !important; font-weight: 700 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; color: var(--sv2-blue) !important; margin-bottom: 0.5rem !important; display: block !important; } body.lbf-sponsors-v2-page .sv2-inq-form-shell .gfield_required, body.lbf-sponsors-v2-page .sv2-inq-form-shell .gfield_required_text { color: var(--sv2-red, #c8102e) !important; margin-left: 0.25rem !important; font-weight: 700 !important; } /* Inputs — match .sv2-inq-input */ body.lbf-sponsors-v2-page .sv2-inq-form-shell input[type="text"], body.lbf-sponsors-v2-page .sv2-inq-form-shell input[type="email"], body.lbf-sponsors-v2-page .sv2-inq-form-shell input[type="tel"], body.lbf-sponsors-v2-page .sv2-inq-form-shell input[type="number"], body.lbf-sponsors-v2-page .sv2-inq-form-shell select, body.lbf-sponsors-v2-page .sv2-inq-form-shell textarea { width: 100% !important; padding: 0.85rem 1rem !important; background: #fff !important; border: 1.5px solid var(--sv2-blue-line) !important; border-radius: 12px !important; font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 0.95rem !important; color: #1a202c !important; line-height: 1.4 !important; box-sizing: border-box !important; transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease !important; -webkit-appearance: none !important; appearance: none !important; } body.lbf-sponsors-v2-page .sv2-inq-form-shell input[type="text"]:focus, body.lbf-sponsors-v2-page .sv2-inq-form-shell input[type="email"]:focus, body.lbf-sponsors-v2-page .sv2-inq-form-shell input[type="tel"]:focus, body.lbf-sponsors-v2-page .sv2-inq-form-shell input[type="number"]:focus, body.lbf-sponsors-v2-page .sv2-inq-form-shell select:focus, body.lbf-sponsors-v2-page .sv2-inq-form-shell textarea:focus { outline: none !important; border-color: var(--sv2-blue) !important; box-shadow: 0 0 0 3px rgba(0,55,167,0.12) !important; background: var(--sv2-blue-soft) !important; } body.lbf-sponsors-v2-page .sv2-inq-form-shell textarea { min-height: 110px !important; resize: vertical !important; font-family: 'Plus Jakarta Sans', sans-serif !important; } /* Select dropdown — restore the chevron icon since we set appearance:none */ body.lbf-sponsors-v2-page .sv2-inq-form-shell select { background-image: url("data:image/svg+xml;utf8,") !important; background-repeat: no-repeat !important; background-position: right 1rem center !important; background-size: 14px 14px !important; padding-right: 2.5rem !important; cursor: pointer !important; } /* Composite address — keep Street 1, Street 2 stacked, then City/State/ZIP row. GF's address field uses .ginput_complex with span6/span4 helpers. */ body.lbf-sponsors-v2-page .sv2-inq-form-shell .ginput_complex.ginput_container_address { display: grid !important; grid-template-columns: repeat(6, 1fr) !important; gap: 0.75rem !important; } body.lbf-sponsors-v2-page .sv2-inq-form-shell .ginput_complex.ginput_container_address span, body.lbf-sponsors-v2-page .sv2-inq-form-shell .ginput_complex.ginput_container_address > span.ginput_full, body.lbf-sponsors-v2-page .sv2-inq-form-shell .ginput_complex.ginput_container_address > span[class*="address_line"], body.lbf-sponsors-v2-page .sv2-inq-form-shell .ginput_complex.ginput_container_address > span.address_line_1, body.lbf-sponsors-v2-page .sv2-inq-form-shell .ginput_complex.ginput_container_address > span.address_line_2 { grid-column: span 6 !important; margin: 0 !important; padding: 0 !important; width: 100% !important; } body.lbf-sponsors-v2-page .sv2-inq-form-shell .ginput_complex.ginput_container_address > span.address_city { grid-column: span 3 !important; } body.lbf-sponsors-v2-page .sv2-inq-form-shell .ginput_complex.ginput_container_address > span.address_state { grid-column: span 2 !important; } body.lbf-sponsors-v2-page .sv2-inq-form-shell .ginput_complex.ginput_container_address > span.address_zip { grid-column: span 1 !important; } @media (max-width: 560px) { body.lbf-sponsors-v2-page .sv2-inq-form-shell .ginput_complex.ginput_container_address > span.address_city, body.lbf-sponsors-v2-page .sv2-inq-form-shell .ginput_complex.ginput_container_address > span.address_state, body.lbf-sponsors-v2-page .sv2-inq-form-shell .ginput_complex.ginput_container_address > span.address_zip { grid-column: span 6 !important; } } body.lbf-sponsors-v2-page .sv2-inq-form-shell .ginput_complex.ginput_container_address label { font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 0.72rem !important; color: #6b7280 !important; text-transform: none !important; font-weight: 500 !important; letter-spacing: 0 !important; margin: 0.4rem 0 0 !important; display: block !important; } /* Description text under field labels */ body.lbf-sponsors-v2-page .sv2-inq-form-shell .gfield_description { font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 0.82rem !important; color: #6b7280 !important; margin: 0.35rem 0 0.55rem !important; line-height: 1.45 !important; } body.lbf-sponsors-v2-page .sv2-inq-form-shell .gfield_description.above-description { margin: 0 0 0.55rem !important; } /* Validation errors */ body.lbf-sponsors-v2-page .sv2-inq-form-shell .gfield_error input, body.lbf-sponsors-v2-page .sv2-inq-form-shell .gfield_error select, body.lbf-sponsors-v2-page .sv2-inq-form-shell .gfield_error textarea, body.lbf-sponsors-v2-page .sv2-inq-form-shell .gfield.gfield_error input, body.lbf-sponsors-v2-page .sv2-inq-form-shell .gfield.gfield_error select, body.lbf-sponsors-v2-page .sv2-inq-form-shell .gfield.gfield_error textarea { border-color: var(--sv2-red, #c8102e) !important; background: rgba(200, 16, 46, 0.04) !important; } body.lbf-sponsors-v2-page .sv2-inq-form-shell .gfield_validation_message, body.lbf-sponsors-v2-page .sv2-inq-form-shell .validation_message { font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 0.85rem !important; color: var(--sv2-red, #c8102e) !important; margin-top: 0.4rem !important; font-weight: 600 !important; padding: 0 !important; background: transparent !important; border: 0 !important; } body.lbf-sponsors-v2-page .sv2-inq-form-shell .validation_error, body.lbf-sponsors-v2-page .sv2-inq-form-shell .gform_submission_error { font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 0.95rem !important; color: var(--sv2-red, #c8102e) !important; background: rgba(200, 16, 46, 0.08) !important; border: 1px solid rgba(200, 16, 46, 0.3) !important; border-left: 4px solid var(--sv2-red, #c8102e) !important; border-radius: 10px !important; padding: 0.85rem 1rem !important; margin: 0 0 1.25rem !important; font-weight: 600 !important; } /* Submit button — match .sv2-btn.sv2-btn--blue */ body.lbf-sponsors-v2-page .sv2-inq-form-shell .gform_footer, body.lbf-sponsors-v2-page .sv2-inq-form-shell .gform_page_footer { margin-top: 1.25rem !important; padding: 0 !important; } body.lbf-sponsors-v2-page .sv2-inq-form-shell .gform_button, body.lbf-sponsors-v2-page .sv2-inq-form-shell input[type="submit"].gform_button { display: inline-flex !important; align-items: center !important; gap: 0.5rem !important; padding: 0.95rem 1.75rem !important; background: var(--sv2-blue) !important; color: #fff !important; border: none !important; border-radius: 12px !important; font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif !important; font-size: 0.95rem !important; font-weight: 800 !important; letter-spacing: 0.01em !important; cursor: pointer !important; box-shadow: 0 8px 22px rgba(0,55,167,0.25) !important; transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease !important; text-transform: none !important; -webkit-appearance: none !important; appearance: none !important; width: auto !important; } body.lbf-sponsors-v2-page .sv2-inq-form-shell .gform_button:hover, body.lbf-sponsors-v2-page .sv2-inq-form-shell input[type="submit"].gform_button:hover { background: var(--sv2-blue-dark) !important; transform: translateY(-2px) !important; box-shadow: 0 12px 30px rgba(0,55,167,0.35) !important; } body.lbf-sponsors-v2-page .sv2-inq-form-shell .gform_button:focus-visible { outline: 3px solid #f3c303 !important; outline-offset: 2px !important; } /* Confirmation message (when no redirect page is wired) */ body.lbf-sponsors-v2-page .sv2-inq-form-shell .gform_confirmation_wrapper, body.lbf-sponsors-v2-page .sv2-inq-form-shell .gform_confirmation_message { font-family: 'Plus Jakarta Sans', sans-serif !important; font-size: 1rem !important; color: var(--sv2-green, #15803d) !important; background: rgba(21, 128, 61, 0.08) !important; border: 1px solid rgba(21, 128, 61, 0.3) !important; border-radius: 12px !important; padding: 1.25rem 1.5rem !important; text-align: center !important; line-height: 1.55 !important; } /* Honeypot stays hidden (GF default but assert here too) */ body.lbf-sponsors-v2-page .sv2-inq-form-shell .gform_validation_container, body.lbf-sponsors-v2-page .sv2-inq-form-shell .gfield.gform_validation_container { display: none !important; } /* Reduced motion */ @media (prefers-reduced-motion: reduce) { body.lbf-sponsors-v2-page .sv2-inq-form-shell input, body.lbf-sponsors-v2-page .sv2-inq-form-shell select, body.lbf-sponsors-v2-page .sv2-inq-form-shell textarea, body.lbf-sponsors-v2-page .sv2-inq-form-shell .gform_button { transition: none !important; } } /* ════════════════════════════════════════════════════════════ §13 — STICKY BOTTOM CTA BAR ════════════════════════════════════════════════════════════ */ body.lbf-sponsors-v2-page .sv2-stickybar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 80; padding: 0.65rem; background: rgba(6, 26, 82, 0.96); backdrop-filter: blur(10px); border-top: 1px solid rgba(243, 195, 3, 0.3); box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.18); animation: sv2-slideup 0.3s ease; } @keyframes sv2-slideup { from { transform: translateY(100%); } to { transform: translateY(0); } } body.lbf-sponsors-v2-page .sv2-stickybar-inner { max-width: calc(1480px - 2 * clamp(0.75rem, 2vw, 1.5rem)); margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 0 1rem; } body.lbf-sponsors-v2-page .sv2-stickybar-copy { color: #fff; display: flex; flex-direction: column; } body.lbf-sponsors-v2-page .sv2-stickybar-copy strong { font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-weight: 800; font-size: 0.95rem; } body.lbf-sponsors-v2-page .sv2-stickybar-copy span { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 0.78rem; color: rgba(255, 255, 255, 0.75); } body.lbf-sponsors-v2-page .sv2-stickybar-ctas { display: flex; align-items: center; gap: 0.5rem; } body.lbf-sponsors-v2-page .sv2-stickybar-ctas .sv2-btn--outline { background: rgba(255, 255, 255, 0.1); color: #fff; border-color: rgba(255, 255, 255, 0.4); } body.lbf-sponsors-v2-page .sv2-stickybar-close { background: transparent; border: 1px solid rgba(255, 255, 255, 0.3); color: #fff; width: 32px; height: 32px; border-radius: 50%; font-size: 1.2rem; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.15s ease; } body.lbf-sponsors-v2-page .sv2-stickybar-close:hover { background: rgba(255, 255, 255, 0.12); } @media (max-width: 600px) { body.lbf-sponsors-v2-page .sv2-stickybar-copy span { display: none; } body.lbf-sponsors-v2-page .sv2-stickybar-copy strong { font-size: 0.85rem; } } /* ════════════════════════════════════════════════════════════ §14 — CONFETTI BURST (form submit easter egg) ════════════════════════════════════════════════════════════ */ .sv2-confetti { position: fixed; width: 8px; height: 14px; z-index: 9999; pointer-events: none; animation: sv2-confetti 0.85s ease-out forwards; border-radius: 2px; } @keyframes sv2-confetti { 0% { transform: translate(0, 0) rotate(0deg); opacity: 1; } 100% { transform: translate(var(--tx), var(--ty)) rotate(var(--rot)); opacity: 0; } } /* ════════════════════════════════════════════════════════════ §14B — WOW FACTORS (v29.31) Marquee bulbs, fan-out impact cards with torn edges + photo bg, scenery quote marks + polaroid testimonials + ghost card, festival-ticket detail panel, fireworks particles, week-day shimmy. ════════════════════════════════════════════════════════════ */ /* ─── Marquee bulb keyframes (shared by ticket bulbs) ──────── */ @keyframes sv2-bulb-twinkle { 0%, 100% { opacity: 1; transform: scale(1); filter: brightness(1.05); } 50% { opacity: 0.6; transform: scale(0.88); filter: brightness(0.8); } } /* ─── TESTIMONIALS: scenery quotes + polaroid cards + ghost card ─ */ body.lbf-sponsors-v2-page .sv2-quotes { position: relative; padding: 3.5rem 0 2.5rem; } body.lbf-sponsors-v2-page .sv2-quotes-scenery { position: absolute; inset: 0; pointer-events: none; z-index: 0; } body.lbf-sponsors-v2-page .sv2-quotes-scenery-mark { position: absolute; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(8rem, 16vw, 14rem); font-weight: 700; color: var(--sv2-gold); opacity: 0.18; line-height: 0.8; user-select: none; } body.lbf-sponsors-v2-page .sv2-quotes-scenery-mark--left { top: 0.5rem; left: 1rem; transform: rotate(-6deg); } body.lbf-sponsors-v2-page .sv2-quotes-scenery-mark--right { bottom: 0.5rem; right: 1rem; transform: rotate(8deg) scaleX(-1); } body.lbf-sponsors-v2-page .sv2-quotes-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; padding: 1rem 0.5rem 2rem; } @media (max-width: 1100px) { body.lbf-sponsors-v2-page .sv2-quotes-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { body.lbf-sponsors-v2-page .sv2-quotes-grid { grid-template-columns: 1fr; } } /* Polaroid card */ body.lbf-sponsors-v2-page .sv2-quote-card { background: #fff; border: 1px solid #e5e7eb; border-radius: 4px; padding: 1.5rem 1.25rem 0.5rem; margin: 0; display: flex; flex-direction: column; box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.05); transition: transform 0.3s ease, box-shadow 0.3s ease, z-index 0s 0.3s; position: relative; } body.lbf-sponsors-v2-page .sv2-quote-card--tilt-0 { transform: rotate(-1.5deg); } body.lbf-sponsors-v2-page .sv2-quote-card--tilt-1 { transform: rotate(0.8deg); } body.lbf-sponsors-v2-page .sv2-quote-card--tilt-2 { transform: rotate(-0.9deg); } body.lbf-sponsors-v2-page .sv2-quote-card:hover { transform: rotate(0) translateY(-6px) scale(1.025); box-shadow: 0 18px 38px rgba(0, 0, 0, 0.14); z-index: 2; transition: transform 0.3s ease, box-shadow 0.3s ease; } body.lbf-sponsors-v2-page .sv2-quote-body { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 0.95rem; line-height: 1.55; color: var(--sv2-txt); margin: 0 0 1.25rem; font-style: italic; } body.lbf-sponsors-v2-page .sv2-quote-cite { display: flex; align-items: center; gap: 0.85rem; padding-top: 1rem; border-top: 1px solid #e5e7eb; margin-top: auto; } /* Polaroid white-strip footer */ body.lbf-sponsors-v2-page .sv2-quote-polaroid { margin: 1rem -1.25rem -0.5rem; padding: 0.75rem 1.25rem 1rem; font-family: 'Caveat', cursive; font-size: 1.4rem; color: var(--sv2-txt-soft); text-align: center; letter-spacing: 0.02em; background: #fff; border-top: 1px dashed #e5e7eb; } /* Ghost 4th card */ body.lbf-sponsors-v2-page .sv2-quote-card--ghost { background: rgba(255, 255, 255, 0.4); border: 2px dashed var(--sv2-blue-line); box-shadow: none; text-align: center; align-items: center; justify-content: center; padding: 1.75rem 1.25rem; transform: rotate(1.2deg); } body.lbf-sponsors-v2-page .sv2-quote-card--ghost:hover { background: rgba(255, 255, 255, 0.7); border-color: var(--sv2-blue); transform: rotate(0) translateY(-4px) scale(1.02); box-shadow: 0 12px 30px rgba(0, 55, 167, 0.1); } body.lbf-sponsors-v2-page .sv2-quote-ghost-mark { font-family: 'Outfit', sans-serif; font-size: 3rem; font-weight: 300; line-height: 1; color: var(--sv2-blue); width: 64px; height: 64px; border: 2px dashed var(--sv2-blue); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 0.75rem; opacity: 0.7; } body.lbf-sponsors-v2-page .sv2-quote-ghost-body { font-family: 'Caveat', cursive; font-size: 1.5rem; line-height: 1.2; color: var(--sv2-blue-dark); margin-bottom: 1rem; } body.lbf-sponsors-v2-page .sv2-quote-ghost-cta { display: inline-block; font-family: 'Outfit', sans-serif; font-weight: 700; font-size: 0.85rem; color: var(--sv2-blue); text-decoration: none; border-bottom: 2px solid var(--sv2-blue); padding-bottom: 0.15rem; } /* ─── FESTIVAL TICKET (detail panel override) ────────────────── */ /* Reset the prior .sv2-impact-detail panel rules with the ticket look */ body.lbf-sponsors-v2-page .sv2-impact-detail.sv2-ticket { background: linear-gradient(180deg, #fef8e6 0%, #fbeec0 100%); border: 2px solid var(--sv2-blue-dark); border-radius: 0; padding: 1.5rem 0 1.5rem; position: relative; margin-top: 2rem; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.18); overflow: visible; } body.lbf-sponsors-v2-page .sv2-ticket::before, body.lbf-sponsors-v2-page .sv2-ticket::after { content: ''; position: absolute; left: 0; right: 0; height: 14px; background: radial-gradient(circle at 7px 7px, var(--sv2-bg) 6px, transparent 7px) repeat-x; background-size: 14px 14px; pointer-events: none; } body.lbf-sponsors-v2-page .sv2-ticket::before { top: -1px; } body.lbf-sponsors-v2-page .sv2-ticket::after { bottom: -1px; transform: scaleY(-1); } body.lbf-sponsors-v2-page .sv2-ticket-bulbs { position: absolute; top: 1rem; left: 1.5rem; right: 1.5rem; display: flex; justify-content: space-around; align-items: center; z-index: 2; pointer-events: none; } body.lbf-sponsors-v2-page .sv2-ticket-bulb { width: 7px; height: 7px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #fff8c2 0%, #fdc500 55%, #c9920b 100%); box-shadow: 0 0 5px rgba(253, 197, 0, 0.85), 0 0 10px rgba(253, 197, 0, 0.5); animation: sv2-bulb-twinkle 1.8s ease-in-out infinite; animation-delay: var(--bulb-delay, 0s); } body.lbf-sponsors-v2-page .sv2-ticket-close { position: absolute; top: 1rem; right: 1rem; z-index: 5; background: var(--sv2-blue-dark); color: var(--sv2-gold); border: 2px solid var(--sv2-gold); width: 32px; height: 32px; } body.lbf-sponsors-v2-page .sv2-ticket-inner { display: grid; grid-template-columns: 1fr auto 280px; gap: 0; align-items: stretch; padding: 2rem 0 1rem; position: relative; } @media (max-width: 800px) { body.lbf-sponsors-v2-page .sv2-ticket-inner { grid-template-columns: 1fr; padding: 2rem 0 1rem; } } /* Left face */ body.lbf-sponsors-v2-page .sv2-ticket-face { padding: 0.5rem 2rem 0.5rem 2.5rem; position: relative; } body.lbf-sponsors-v2-page .sv2-ticket-admit { display: flex; align-items: center; justify-content: center; gap: 0.75rem; font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-weight: 900; font-size: 0.95rem; letter-spacing: 0.32em; color: var(--sv2-blue-dark); margin-bottom: 1.25rem; padding: 0.5rem 0; border-top: 2px solid var(--sv2-blue-dark); border-bottom: 2px solid var(--sv2-blue-dark); } body.lbf-sponsors-v2-page .sv2-ticket-admit-side { color: var(--sv2-red); font-size: 0.85rem; } body.lbf-sponsors-v2-page .sv2-ticket-cat { background: var(--sv2-blue-dark); color: var(--sv2-gold); margin-bottom: 0.75rem; } body.lbf-sponsors-v2-page .sv2-ticket-name { font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-weight: 900; font-size: clamp(1.6rem, 3vw, 2.2rem); color: var(--sv2-blue-dark); margin: 0 0 1rem; line-height: 1.1; letter-spacing: -0.02em; } body.lbf-sponsors-v2-page .sv2-ticket-divider { height: 0; border-top: 2px dashed var(--sv2-blue-dark); opacity: 0.4; margin: 1rem 0; } body.lbf-sponsors-v2-page .sv2-ticket-meta { display: grid; grid-template-columns: 1fr 1.4fr; gap: 1.5rem; } @media (max-width: 700px) { body.lbf-sponsors-v2-page .sv2-ticket-meta { grid-template-columns: 1fr; } } body.lbf-sponsors-v2-page .sv2-ticket-meta-lbl { font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-weight: 800; font-size: 0.65rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--sv2-blue-dark); opacity: 0.7; margin-bottom: 0.4rem; } body.lbf-sponsors-v2-page .sv2-ticket-meta-val { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 0.92rem; line-height: 1.55; color: var(--sv2-blue-dark); margin: 0; } body.lbf-sponsors-v2-page .sv2-ticket-benefits .sv2-impact-band-label { color: var(--sv2-blue-dark); border-bottom-color: rgba(6, 26, 82, 0.25); } body.lbf-sponsors-v2-page .sv2-ticket-benefits .sv2-impact-band-list li { color: var(--sv2-blue-dark); } body.lbf-sponsors-v2-page .sv2-ticket-foot { margin-top: 1.25rem; padding-top: 0.85rem; border-top: 1px dashed var(--sv2-blue-dark); display: flex; justify-content: space-between; align-items: center; font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-size: 0.7rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--sv2-blue-dark); opacity: 0.7; } /* Tear line between face and stub */ body.lbf-sponsors-v2-page .sv2-ticket-tear { display: flex; flex-direction: column; justify-content: space-around; align-items: center; padding: 0; position: relative; width: 14px; } body.lbf-sponsors-v2-page .sv2-ticket-tear::before { content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 0; border-left: 2px dashed var(--sv2-blue-dark); opacity: 0.4; transform: translateX(-50%); } body.lbf-sponsors-v2-page .sv2-ticket-tear-dot { width: 6px; height: 6px; background: var(--sv2-bg); border-radius: 50%; position: relative; z-index: 1; box-shadow: 0 0 0 1px rgba(6, 26, 82, 0.2); } @media (max-width: 800px) { body.lbf-sponsors-v2-page .sv2-ticket-tear { flex-direction: row; width: 100%; height: 14px; margin: 0; } body.lbf-sponsors-v2-page .sv2-ticket-tear::before { left: 0; right: 0; top: 50%; bottom: auto; width: 100%; border-left: none; border-top: 2px dashed var(--sv2-blue-dark); transform: translateY(-50%); } } /* Right stub */ body.lbf-sponsors-v2-page .sv2-ticket-stub { background: radial-gradient(circle at 50% 50%, rgba(253, 197, 0, 0.15) 0%, transparent 70%), linear-gradient(180deg, #fef8e6 0%, #f6e4a0 100%); padding: 1.5rem 1.75rem 1.25rem; display: flex; flex-direction: column; align-items: center; text-align: center; position: relative; } body.lbf-sponsors-v2-page .sv2-ticket-stub-lbl { font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-weight: 800; font-size: 0.65rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--sv2-blue-dark); opacity: 0.7; margin-bottom: 0.5rem; } body.lbf-sponsors-v2-page .sv2-ticket-price { font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-weight: 900; font-size: clamp(2.5rem, 4vw, 3.25rem); color: var(--sv2-blue-dark); line-height: 1; letter-spacing: -0.03em; margin-bottom: 1.25rem; } body.lbf-sponsors-v2-page .sv2-ticket-stub-actions { display: flex; flex-direction: column; gap: 0.55rem; width: 100%; margin-bottom: 1rem; } body.lbf-sponsors-v2-page .sv2-ticket-stub-actions .sv2-btn { width: 100%; } body.lbf-sponsors-v2-page .sv2-ticket-stub-stamp { display: flex; align-items: center; justify-content: center; width: 90px; height: 90px; border-radius: 50%; border: 3px solid var(--sv2-red); color: var(--sv2-red); opacity: 0.55; transform: rotate(-12deg); margin-top: 0.5rem; } body.lbf-sponsors-v2-page .sv2-ticket-stamp-ring { font-family: 'Outfit', 'Plus Jakarta Sans', sans-serif; font-weight: 900; font-size: 0.65rem; letter-spacing: 0.12em; text-align: center; line-height: 1.2; text-transform: uppercase; } /* ─── FIREWORK PARTICLE (easter egg 1) ───────────────────────── */ .sv2-firework { position: fixed; width: 6px; height: 6px; border-radius: 50%; z-index: 9998; pointer-events: none; animation: sv2-firework-fly 1.1s ease-out forwards; box-shadow: 0 0 6px currentColor; } @keyframes sv2-firework-fly { 0% { transform: translate(0, 0) scale(1); opacity: 1; } 60% { transform: translate(var(--tx), var(--ty)) scale(0.7); opacity: 0.8; } 100% { transform: translate(calc(var(--tx) * 1.05), calc(var(--ty) * 1.3)) scale(0.2); opacity: 0; } } /* ─── WEEK-DAY SHIMMY (easter egg 3) ─────────────────────────── */ body.lbf-sponsors-v2-page .sv2-week-day--shimmy { animation: sv2-shimmy 0.55s ease-in-out; } @keyframes sv2-shimmy { 0%, 100% { transform: translateY(0) rotate(0); } 20% { transform: translateY(-6px) rotate(-2deg); } 40% { transform: translateY(-8px) rotate(2deg); } 60% { transform: translateY(-4px) rotate(-1deg); } 80% { transform: translateY(-2px) rotate(1deg); } } @media (prefers-reduced-motion: reduce) { body.lbf-sponsors-v2-page .sv2-hero-bg-img { transition: none; } body.lbf-sponsors-v2-page .sv2-eyebrow-dot { animation: none; } /* Force-visible even when JS has armed .sv2-js-reveal. */ body.lbf-sponsors-v2-page.sv2-js-reveal .sv2-rv, body.lbf-sponsors-v2-page .sv2-rv { opacity: 1 !important; transform: none !important; transition: none !important; } body.lbf-sponsors-v2-page .sv2-stickybar { animation: none; } body.lbf-sponsors-v2-page .sv2-ticket-bulb { animation: none; opacity: 0.85; } body.lbf-sponsors-v2-page .sv2-week-day--shimmy { animation: none; } body.lbf-sponsors-v2-page .sv2-week-reveal { transition: none; } body.lbf-sponsors-v2-page .sv2-week-cue-arr { transition: none; } .sv2-confetti, .sv2-firework { display: none; } } /* v32.0.16: scroll-margin-top so homepage CTA deep-links (#sv2-wall, #sv2-inquiry, #sv2-impact) land BELOW the sticky header rather than under it. 100px covers the worst-case header height (~72px unscrolled + WP admin bar 32px when logged in) with breathing room. */ #sv2-wall, #sv2-inquiry, #sv2-impact { scroll-margin-top: 100px; }