Ellyse & Kristian

Join us!

We’d love to have you with us on this special day. Please confirm your presence by January 2026.

.wedding-countdown { max-width: 700px; margin: 40px auto; padding: 40px 20px; text-align: center; font-family: “Georgia”, serif; /* OPAQUE background */ background: #ffffff; border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,0.15); } .wc-title { font-size: 2.2rem; margin-bottom: 10px; letter-spacing: 1px; } .wc-date { font-size: 1.1rem; margin-bottom: 30px; color: #444; } .wc-timer { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; } .wc-unit { /* OPAQUE background */ background: #ffffff; padding: 20px 15px; border-radius: 12px; min-width: 110px; box-shadow: 0 6px 15px rgba(0,0,0,0.12); } .wc-unit span { display: block; font-size: 2.5rem; font-weight: bold; color: #2f2f2f; } .wc-unit small { font-size: 0.85rem; text-transform: uppercase; letter-spacing: 1px; color: #555; } /* RSVP Button */ .wc-rsvp-btn { display: inline-block; margin-top: 35px; padding: 14px 38px; font-size: 1rem; font-family: “Georgia”, serif; text-decoration: none; letter-spacing: 1px; /* OPAQUE background */ background: #2f2f2f; color: #ffffff; border-radius: 50px; transition: all 0.3s ease; box-shadow: 0 8px 20px rgba(0,0,0,0.2); } .wc-rsvp-btn:hover { background: #000000; transform: translateY(-2px); box-shadow: 0 12px 25px rgba(0,0,0,0.25); } function getChicagoTime() { return new Date( new Date().toLocaleString(“en-US”, { timeZone: “America/Chicago” }) ); } // Create target date in Chicago time const weddingDate = new Date( new Date(“2026-10-24T16:30:00”).toLocaleString(“en-US”, { timeZone: “America/Chicago” }) ); function updateCountdown() { const now = getChicagoTime(); const diff = weddingDate – now; if (diff <= 0) { document.querySelector(".wc-timer").innerHTML = "

Today’s the Day! 💍

“; return; } const days = Math.floor(diff / (1000 * 60 * 60 * 24)); const hours = Math.floor((diff / (1000 * 60 * 60)) % 24); const minutes = Math.floor((diff / (1000 * 60)) % 60); const seconds = Math.floor((diff / 1000) % 60); document.getElementById(“days”).textContent = days; document.getElementById(“hours”).textContent = hours; document.getElementById(“minutes”).textContent = minutes; document.getElementById(“seconds”).textContent = seconds; } updateCountdown(); setInterval(updateCountdown, 1000);