/* Lightweight, self-contained styles; optional to move into site CSS later */ /* center accent: slim red rule (matches Eden accent #e54242) */ .eden-footer-separator .ef-line{ position: relative; height: 20px; margin: 0 auto; border-top: 1px solid rgba(0,0,0,.2); border-bottom: 1px solid rgba(0,0,0,.2); background: linear-gradient(to bottom, rgba(0,0,0,.14), rgba(0,0,0,.05)); } .eden-footer-separator .ef-line::after{ content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 120px; height: 3px; background: #e54242; border-radius: 3px; } @media (prefers-reduced-motion:no-preference){ .eden-footer-separator .ef-line::after{ transition: width .25s ease; } .eden-footer-separator .ef-line:hover::after{ width: 96px; } } /* ======================================================================= EDEN FOOTER — CONSOLIDATED v2.3 (scoped to #eden-footer-v2) - Stronger canvas and full border - Cards + red hover frame - CTA desktop/mobile normalization - Colored share buttons (overrides only; base lives in the include) - Centered accordion at all sizes - Link styling (doesn’t touch real buttons or share pills) ======================================================================= */ /* Base canvas + border (single source of truth) */ footer#eden-footer-v2, #eden-footer-v2#eden-footer-v2{ position: relative; isolation: isolate; padding-top: 28px !important; padding-bottom: 28px !important; background: /* Eden red bloom (visible) */ radial-gradient(1100px 520px at 15% -25%, rgba(229,66,66,.38), transparent 60%), /* Cool vignette for depth */ radial-gradient(900px 420px at 90% 120%, rgba(10,22,70,.18), transparent 60%), /* Base gradient (the subtle blue) */ linear-gradient(180deg, #ffffff 0%, #dbe5ff 100%), /* Pinstripes */ repeating-linear-gradient(135deg, rgba(0,0,0,.05) 0 2px, transparent 2px 14px) !important; /* Full frame + a slightly lighter top so it doesn’t shout */ border:1px solid rgba(0,0,0,.32) !important; border-top-color: rgba(0,0,0,.18) !important; } /* Optional: gentle global deepen layer (tweak .06 up/down to taste) */ footer#eden-footer-v2::before{ content:""; position:absolute; inset:0; z-index:0; pointer-events:none; background:linear-gradient(0deg, rgba(10,22,70,.06), rgba(10,22,70,.06)); } footer#eden-footer-v2 > *{ position:relative; z-index:1; } /* Accent line at the very top */ #eden-footer-v2 .eden-accent-top{ position:absolute; top:0; left:0; right:0; height:4px; background:linear-gradient(90deg,#e54242 0%,#ffd7d7 50%,#e54242 100%); opacity:.55; z-index:1; } /* Cards: crisp, slightly lifted, consistent rounding */ #eden-footer-v2 .card, #eden-footer-v2 .eden-cta-card, #eden-footer-v2 .footer-regional-card{ background-color:#fff !important; border-color:#dde3ef; box-shadow:0 8px 26px rgba(10,22,70,.08); overflow:hidden; border-radius:.75rem; } /* Red accent frame + hover glow (apply via .eden-hover-border on chosen cards) */ #eden-footer-v2 .eden-hover-border{ border:1px solid rgba(229,66,66,.35); box-shadow:0 1px 0 rgba(229,66,66,.18), 0 6px 18px rgba(10,22,70,.08); transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease; } #eden-footer-v2 .eden-hover-border:hover{ border-color:rgba(229,66,66,.70); box-shadow:0 8px 28px rgba(229,66,66,.25), 0 10px 28px rgba(10,22,70,.14); transform:translateY(-1px); } /* Buttons (CTA) */ #eden-footer-v2 .btn-eden-red{ background:#e54242; border-color:#e54242; color:#fff; } #eden-footer-v2 .btn-eden-red:hover, #eden-footer-v2 .btn-eden-red:focus{ filter:brightness(0.95); color:#fff !important; } /* CTA: comfortable padding desktop + mobile, true vertical alignment */ #eden-footer-v2 .eden-cta-card.eden-cta--roomy{ padding: 1.25rem 1.25rem !important; } @media (min-width: 768px){ #eden-footer-v2 .eden-cta-card.eden-cta--roomy{ padding: 2rem 2rem !important; } } /* Make each column inside CTA row vertically center its contents */ #eden-footer-v2 .eden-cta-card .row.align-items-center > [class*="col-"]{ display:flex; align-items:center; } #eden-footer-v2 .eden-cta-card .row.align-items-center > [class*="col-"] > *{ width:100%; } /* Stack CTA headline + subtitle vertically (not side-by-side) */ #eden-footer-v2 .eden-cta-card .row.align-items-center > .col-md-7{ display:flex; flex-direction:column; justify-content:center; align-items:flex-start; } #eden-footer-v2 .eden-cta-card h2{ margin-bottom:.25rem; } #eden-footer-v2 .eden-cta-card p{ margin-bottom:0; } /* Equal-height big buttons for alignment */ #eden-footer-v2 .eden-cta-card .btn.btn-lg{ min-height:48px; } /* Mobile normalization (≤768px) */ @media (max-width: 767.98px){ /* Full-width equal CTA buttons; comfy padding */ #eden-footer-v2 .eden-cta-card.eden-cta--roomy{ padding: 1rem 1rem !important; } #eden-footer-v2 .eden-cta-card .d-flex{ align-items:stretch; } #eden-footer-v2 .eden-cta-card .btn.btn-lg{ width:100%; min-height:52px; } #eden-footer-v2 .eden-cta-card .btn.btn-lg + .btn{ margin-left:0 !important; } /* Match CTA headline size to “Help & Resources” (h5 ≈ 1.25rem) */ #eden-footer-v2 .eden-cta-card h2{ font-size:1.25rem; line-height:1.3; } } /* Accordion tweaks + chevron */ #eden-footer-v2 .accordion .card-header{ padding:.5rem .75rem; } #eden-footer-v2 .accordion .btn-link{ text-decoration:none; position:relative; padding-right:1.25rem; font-weight:600; } #eden-footer-v2 .accordion .btn-link::after{ content:""; position:absolute; right:.25rem; top:50%; transform:translateY(-50%) rotate(0deg); width:0; height:0; border-left:.3rem solid transparent; border-right:.3rem solid transparent; border-top:.36rem solid currentColor; /* ▼ */ opacity:.7; transition:transform .2s ease, opacity .2s ease; } #eden-footer-v2 .accordion .btn-link[aria-expanded="true"]::after{ transform:translateY(-50%) rotate(180deg); /* ▲ */ opacity:1; } /* Center the accordion at ALL sizes and keep a nice readable width */ #edenFooterAccordion{ max-width: 800px; /* matches your regional card feel; tweak as needed */ margin-left:auto; margin-right:auto; } #edenFooterAccordion > .card{ width:100%; margin-left:auto; margin-right:auto; } /* Link styling (inside card content only; doesn’t touch real buttons or share pills) */ #eden-footer-v2 .card-body a:not(.btn):not(.dropdown-item):not(.eden-share-btn), #eden-footer-v2 .text-muted a:not(.btn):not(.dropdown-item):not(.eden-share-btn){ color:#0a2a66; text-decoration:none; transition:color .15s ease, text-decoration-color .15s ease; } #eden-footer-v2 .card-body a:not(.btn):not(.dropdown-item):not(.eden-share-btn):hover, #eden-footer-v2 .text-muted a:not(.btn):not(.dropdown-item):not(.eden-share-btn):hover{ color:#e54242; text-decoration:underline; text-underline-offset:2px; text-decoration-thickness:.06em; } /* Legal line breathing room (desktop + phones) */ #eden-footer-v2 .container > .text-muted.small.mt-2{ padding-left:6px; padding-right:6px; } @media (max-width: 767.98px){ #eden-footer-v2 .container > .text-muted.small.mt-2{ padding-left:12px; padding-right:12px; } } /* ——— Share include overrides (colored pills; include’s base CSS remains) ——— */ .eden-sharebar .eden-share-btn{ color:inherit; filter:none !important; opacity:1 !important; } #eden-footer-v2 .eden-sharebar a[aria-label="Share on Facebook"].eden-share-btn{ background:#1877F2 !important; color:#fff !important; border-color:#1877F2 !important; } #eden-footer-v2 .eden-sharebar a[aria-label="Share on Facebook"].eden-share-btn:hover, #eden-footer-v2 .eden-sharebar a[aria-label="Share on Facebook"].eden-share-btn:focus{ background:#0f6ae8 !important; border-color:#0f6ae8 !important; } #eden-footer-v2 .eden-sharebar a[aria-label="Share on X"].eden-share-btn{ background:#000 !important; color:#fff !important; border-color:#000 !important; } #eden-footer-v2 .eden-sharebar a[aria-label="Share on X"].eden-share-btn:hover, #eden-footer-v2 .eden-sharebar a[aria-label="Share on X"].eden-share-btn:focus{ background:#111 !important; border-color:#111 !important; } #eden-footer-v2 .eden-sharebar a[aria-label="Share on LinkedIn"].eden-share-btn{ background:#0A66C2 !important; color:#fff !important; border-color:#0A66C2 !important; } #eden-footer-v2 .eden-sharebar a[aria-label="Share on LinkedIn"].eden-share-btn:hover, #eden-footer-v2 .eden-sharebar a[aria-label="Share on LinkedIn"].eden-share-btn:focus{ background:#085aa9 !important; border-color:#085aa9 !important; } #eden-footer-v2 .eden-sharebar a[aria-label="Share on WhatsApp"].eden-share-btn{ background:#25D366 !important; color:#fff !important; border-color:#25D366 !important; } #eden-footer-v2 .eden-sharebar a[aria-label="Share on WhatsApp"].eden-share-btn:hover, #eden-footer-v2 .eden-sharebar a[aria-label="Share on WhatsApp"].eden-share-btn:focus{ background:#1fb85a !important; border-color:#1fb85a !important; } #eden-footer-v2 .eden-sharebar a[aria-label="Share on Messenger"].eden-share-btn{ background:#0084FF !important; color:#fff !important; border-color:#0084FF !important; } #eden-footer-v2 .eden-sharebar a[aria-label="Share on Messenger"].eden-share-btn:hover, #eden-footer-v2 .eden-sharebar a[aria-label="Share on Messenger"].eden-share-btn:focus{ background:#0673db !important; border-color:#0673db !important; } #eden-footer-v2 .eden-sharebar a[aria-label="Share on Pinterest"].eden-share-btn{ background:#E60023 !important; color:#fff !important; border-color:#E60023 !important; } #eden-footer-v2 .eden-sharebar a[aria-label="Share on Pinterest"].eden-share-btn:hover, #eden-footer-v2 .eden-sharebar a[aria-label="Share on Pinterest"].eden-share-btn:focus{ background:#c4001e !important; border-color:#c4001e !important; } #eden-footer-v2 .eden-sharebar a[aria-label="Share by Email"].eden-share-btn{ background:#6c757d !important; color:#fff !important; border-color:#6c757d !important; } #eden-footer-v2 .eden-sharebar a[aria-label="Share by Email"].eden-share-btn:hover, #eden-footer-v2 .eden-sharebar a[aria-label="Share by Email"].eden-share-btn:focus{ background:#5f676d !important; border-color:#5f676d !important; } #eden-footer-v2 .eden-sharebar button[aria-label="Copy link"].eden-share-btn{ background:#343a40 !important; color:#fff !important; border-color:#343a40 !important; } #eden-footer-v2 .eden-sharebar button[aria-label="Copy link"].eden-share-btn:hover, #eden-footer-v2 .eden-sharebar button[aria-label="Copy link"].eden-share-btn:focus{ background:#2b3035 !important; border-color:#2b3035 !important; } /* Web Share pill: Eden red */ #eden-footer-v2 .eden-sharebar .eden-share-webshare .eden-share-btn{ background:#e54242 !important; color:#fff !important; border-color:#e54242 !important; } #eden-footer-v2 .eden-sharebar .eden-share-webshare .eden-share-btn:hover, #eden-footer-v2 .eden-sharebar .eden-share-webshare .eden-share-btn:focus{ background:#cf3838 !important; border-color:#cf3838 !important; } /* Content tidy */ #eden-footer-v2 .card .card-body > :last-child{ margin-bottom:0; } #eden-footer-v2 .card-body ul{ margin:0; padding-left:1.1rem; } #eden-footer-v2 .card-body li{ margin-bottom:.5rem; } #eden-footer-v2 .mini-muted{ font-size:.9rem; color:#6c757d; } @media (min-width: 992px){ #eden-footer-v2 .eden-share-webshare { display:inline-block !important; } } /* Mobile-only: keep radial centers inside the canvas and scale with the viewport */ @media (max-width: 767.98px) { footer#eden-footer-v2, #eden-footer-v2#eden-footer-v2{ background: /* Pull the red bloom just inside the top-left */ radial-gradient(120vw 55vh at 18% 0%, rgba(229,66,66,.38), transparent 60%), /* Keep the cool vignette visible in the lower-right */ radial-gradient(85vw 50vh at 98% 105%, rgba(10,22,70,.18), transparent 60%), /* Base gradient (subtle blue) */ linear-gradient(180deg, #ffffff 0%, #dbe5ff 100%), /* Pinstripes (unchanged) */ repeating-linear-gradient(135deg, rgba(0,0,0,.05) 0 2px, transparent 2px 14px) !important; } }