/* Sign-Up Pages Styling */ /* Sign-Up Result Cards */ .signup-results-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 24px; margin-top: 24px; } /* Sign-Up Pages Styling */ /* Sign-Up Result Cards */ .signup-results-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 24px; margin-top: 24px; } .signup-result-card { background: white; border: 1px solid #e5e7eb; border-radius: 8px; padding: 24px; transition: all 0.3s ease; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; } .signup-result-card:hover { box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); border-color: #3b82f6; transform: translateY(-2px); } .signup-result-card h3 { font-size: 1.25rem; font-weight: 600; margin: 0 0 8px 0; color: #1f2937; } .signup-result-card .description { color: #6b7280; font-size: 0.95rem; margin-bottom: 16px; flex-grow: 1; } .signup-result-card .meta { display: flex; justify-content: space-between; align-items: center; margin: 12px 0; font-size: 0.9rem; } .signup-result-card .date-time { color: #374151; font-weight: 500; } .signup-result-card .distance { background: #f3f4f6; color: #4b5563; padding: 4px 12px; border-radius: 20px; font-size: 0.85rem; font-weight: 500; } .signup-result-card .action-text { color: #6b7280; font-size: 0.9rem; margin-top: 12px; padding-top: 12px; border-top: 1px solid #f3f4f6; } .signup-result-card .cta-button { margin-top: 16px; background: #3b82f6; color: white; padding: 10px 16px; border-radius: 6px; text-align: center; text-decoration: none; font-weight: 500; transition: background 0.2s ease; } .signup-result-card .cta-button:hover { background: #2563eb; } /* Search Form Styling */ .signup-form-section { background: #f9fafb; padding: 20px; border-radius: 8px; margin-bottom: 24px; } .signup-form-group { margin-bottom: 16px; } .signup-form-group label { display: block; font-weight: 500; color: #374151; margin-bottom: 8px; font-size: 0.95rem; } .signup-form-group input, .signup-form-group select { width: 100%; padding: 10px 12px; border: 1px solid #d1d5db; border-radius: 6px; font-size: 0.95rem; transition: border-color 0.2s ease; } .signup-form-group input:focus, .signup-form-group select:focus { outline: none; border-color: #3b82f6; box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1); } /* Buttons */ .signup-button { background: #3b82f6; color: white; border: none; padding: 10px 20px; border-radius: 6px; font-weight: 500; cursor: pointer; transition: background 0.2s ease; } .signup-button:hover { background: #2563eb; } .signup-button.secondary { background: white; color: #3b82f6; border: 1px solid #3b82f6; } .signup-button.secondary:hover { background: #eff6ff; } /* Sign-Up Detail Page */ .signup-detail-header { margin-bottom: 24px; } .signup-detail-header h1 { font-size: 2rem; font-weight: 700; color: #1f2937; margin: 0 0 8px 0; } .signup-detail-header .subtitle { color: #6b7280; font-size: 1.05rem; } .signup-detail-card { background: white; border: 1px solid #e5e7eb; border-radius: 8px; padding: 24px; margin-bottom: 24px; } .signup-detail-card h2 { font-size: 1.25rem; font-weight: 600; margin: 0 0 12px 0; color: #1f2937; } .signup-detail-card .info-row { display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid #f3f4f6; } .signup-detail-card .info-row:last-child { border-bottom: none; } .signup-detail-card .info-label { font-weight: 500; color: #6b7280; } .signup-detail-card .info-value { color: #1f2937; text-align: right; } /* Sign-Up Register Form */ .signup-register-form { background: white; border: 1px solid #e5e7eb; border-radius: 8px; padding: 24px; } .form-field { margin-bottom: 20px; } .form-field label { display: block; font-weight: 500; color: #374151; margin-bottom: 8px; } .form-field input, .form-field textarea, .form-field select { width: 100%; padding: 10px 12px; border: 1px solid #d1d5db; border-radius: 6px; font-size: 0.95rem; font-family: inherit; } .form-field textarea { resize: vertical; min-height: 100px; } .form-field input:focus, .form-field textarea:focus, .form-field select:focus { outline: none; border-color: #3b82f6; box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1); } .form-field.required label::after { content: " *"; color: #ef4444; } /* Empty State */ .empty-state { text-align: center; padding: 48px 24px; color: #6b7280; } .empty-state h3 { font-size: 1.25rem; font-weight: 600; color: #374151; margin-bottom: 8px; } .signup-result-card { background: white; border: 1px solid #e5e7eb; border-radius: 8px; padding: 24px; transition: all 0.3s ease; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; } .signup-result-card:hover { box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); border-color: #3b82f6; transform: translateY(-2px); } .signup-result-card h3 { font-size: 1.25rem; font-weight: 600; margin: 0 0 8px 0; color: #1f2937; } .signup-result-card .description { color: #6b7280; font-size: 0.95rem; margin-bottom: 16px; flex-grow: 1; } .signup-result-card .meta { display: flex; justify-content: space-between; align-items: center; margin: 12px 0; font-size: 0.9rem; } .signup-result-card .date-time { color: #374151; font-weight: 500; } .signup-result-card .distance { background: #f3f4f6; color: #4b5563; padding: 4px 12px; border-radius: 20px; font-size: 0.85rem; font-weight: 500; } .signup-result-card .action-text { color: #6b7280; font-size: 0.9rem; margin-top: 12px; padding-top: 12px; border-top: 1px solid #f3f4f6; } .signup-result-card .cta-button { margin-top: 16px; background: #3b82f6; color: white; padding: 10px 16px; border-radius: 6px; text-align: center; text-decoration: none; font-weight: 500; transition: background 0.2s ease; } .signup-result-card .cta-button:hover { background: #2563eb; } /* Search Form Styling */ .signup-form-section { background: #f9fafb; padding: 20px; border-radius: 8px; margin-bottom: 24px; } .signup-form-group { margin-bottom: 16px; } .signup-form-group label { display: block; font-weight: 500; color: #374151; margin-bottom: 8px; font-size: 0.95rem; } .signup-form-group input, .signup-form-group select { width: 100%; padding: 10px 12px; border: 1px solid #d1d5db; border-radius: 6px; font-size: 0.95rem; transition: border-color 0.2s ease; } .signup-form-group input:focus, .signup-form-group select:focus { outline: none; border-color: #3b82f6; box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1); } /* Buttons */ .signup-button { background: #3b82f6; color: white; border: none; padding: 10px 20px; border-radius: 6px; font-weight: 500; cursor: pointer; transition: background 0.2s ease; } .signup-button:hover { background: #2563eb; } .signup-button.secondary { background: white; color: #3b82f6; border: 1px solid #3b82f6; } .signup-button.secondary:hover { background: #eff6ff; } /* Sign-Up Detail Page */ .signup-detail-header { margin-bottom: 24px; } .signup-detail-header h1 { font-size: 2rem; font-weight: 700; color: #1f2937; margin: 0 0 8px 0; } .signup-detail-header .subtitle { color: #6b7280; font-size: 1.05rem; } .signup-detail-card { background: white; border: 1px solid #e5e7eb; border-radius: 8px; padding: 24px; margin-bottom: 24px; } .signup-detail-card h2 { font-size: 1.25rem; font-weight: 600; margin: 0 0 12px 0; color: #1f2937; } .signup-detail-card .info-row { display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid #f3f4f6; } .signup-detail-card .info-row:last-child { border-bottom: none; } .signup-detail-card .info-label { font-weight: 500; color: #6b7280; } .signup-detail-card .info-value { color: #1f2937; text-align: right; } /* Sign-Up Register Form */ .signup-register-form { background: white; border: 1px solid #e5e7eb; border-radius: 8px; padding: 24px; } .form-field { margin-bottom: 20px; } .form-field label { display: block; font-weight: 500; color: #374151; margin-bottom: 8px; } .form-field input, .form-field textarea, .form-field select { width: 100%; padding: 10px 12px; border: 1px solid #d1d5db; border-radius: 6px; font-size: 0.95rem; font-family: inherit; } .form-field textarea { resize: vertical; min-height: 100px; } .form-field input:focus, .form-field textarea:focus, .form-field select:focus { outline: none; border-color: #3b82f6; box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1); } .form-field.required label::after { content: " *"; color: #ef4444; } /* Empty State */ .empty-state { text-align: center; padding: 48px 24px; color: #6b7280; } .empty-state h3 { font-size: 1.25rem; font-weight: 600; color: #374151; margin-bottom: 8px; }
<style> /* Site-wide fixes */ footer { margin-top: 0; } </style> <script>document.body.style.setProperty("background-color","#ffffff","important");</script> <style> /* ---- Fade + slide up on scroll ---- */ .ec-animate { opacity: 0; transform: translateY(40px); transition: opacity 0.7s ease, transform 0.7s ease; } .ec-animate.ec-visible { opacity: 1; transform: translateY(0); } /* Staggered delays for child elements */ .ec-stagger > *:nth-child(1) { transition-delay: 0s; } .ec-stagger > *:nth-child(2) { transition-delay: 0.12s; } .ec-stagger > *:nth-child(3) { transition-delay: 0.24s; } .ec-stagger > *:nth-child(4) { transition-delay: 0.36s; } /* Fade left */ .ec-fade-left { opacity: 0; transform: translateX(-40px); transition: opacity 0.7s ease, transform 0.7s ease; } .ec-fade-left.ec-visible { opacity: 1; transform: translateX(0); } /* Fade right */ .ec-fade-right { opacity: 0; transform: translateX(40px); transition: opacity 0.7s ease, transform 0.7s ease; } .ec-fade-right.ec-visible { opacity: 1; transform: translateX(0); } /* Scale up */ .ec-scale { opacity: 0; transform: scale(0.94); transition: opacity 0.6s ease, transform 0.6s ease; } .ec-scale.ec-visible { opacity: 1; transform: scale(1); } </style> <script> (function() { var observer = new IntersectionObserver(function(entries) { entries.forEach(function(entry) { if (entry.isIntersecting) { entry.target.classList.add('ec-visible'); } }); }, { threshold: 0.12 }); function initObserver() { var targets = document.querySelectorAll( '.ec-animate, .ec-fade-left, .ec-fade-right, .ec-scale' ); targets.forEach(function(el) { observer.observe(el); }); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initObserver); } else { initObserver(); } })(); </script> <script> /* Prayer Request: Transform "Allow Publication?" into "Keep confidential" checkbox */ (function() { function doTransform() { var labels = document.querySelectorAll('#bid_1732 label.control-label'); var pubLabel = null, pubCheckbox = null; for (var i = 0; i < labels.length; i++) { if (/allow publication/i.test(labels[i].textContent)) { pubLabel = labels[i]; pubCheckbox = document.getElementById(labels[i].htmlFor); break; } } if (!pubLabel || !pubCheckbox) return false; // Already transformed? if (document.getElementById('pr-confidential')) return true; pubLabel.textContent = 'Keep this request confidential'; var iconWrap = pubCheckbox.closest('.rock-checkbox-icon') || pubCheckbox.parentElement; iconWrap.style.setProperty('display', 'none', 'important'); var confWrap = document.createElement('div'); confWrap.style.cssText = 'margin-top:4px;'; confWrap.innerHTML = '<label style="display:flex;align-items:center;gap:10px;cursor:pointer;color:#002F6C;font-size:0.92rem;font-weight:500;">' + '<input type="checkbox" id="pr-confidential" style="width:18px;height:18px;cursor:pointer;accent-color:#002F6C;flex-shrink:0;" />' + '<span>Yes, keep this confidential <span style="font-weight:400;color:#666;font-size:0.82rem;">(our team will still pray — this keeps it out of public prayer lists)</span></span>' + '</label>'; iconWrap.parentElement.insertBefore(confWrap, iconWrap.nextSibling); var confCb = document.getElementById('pr-confidential'); confCb.checked = !pubCheckbox.checked; confCb.addEventListener('change', function() { pubCheckbox.checked = !this.checked; }); return true; } // Poll every 150ms for up to 6 seconds var attempts = 0; var poll = setInterval(function() { attempts++; if (doTransform() || attempts > 40) clearInterval(poll); }, 150); })(); </script> <script> (function(){ function hideEmptyZoneRows() { document.querySelectorAll('.row').forEach(function(row) { var zones = row.querySelectorAll('.zone-instance'); if (!zones.length) return; var allEmpty = Array.prototype.every.call(zones, function(zone) { var hasContent = false; zone.childNodes.forEach(function(n) { if (n.nodeType === 1 && !n.classList.contains('zone-configuration')) { if (n.children.length > 0 || n.textContent.trim().length > 0) hasContent = true; } }); return !hasContent; }); if (allEmpty) row.style.display = 'none'; }); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', hideEmptyZoneRows); } else { hideEmptyZoneRows(); } })(); </script>
About
I'm New
What We Believe
Our Story
Our Team
FAQ
Contact Us
Ministries
Emmaus Kids
Emmaus Students
Missions
Next Steps
Serve
Get Baptized
Life Groups
Care
Pastoral Care
Prayer Requests
Watch
Watch Live
Sermons
Give
Sign In
Error