Group Registration Form

body { background: var(–black); } header img { filter: invert(1); } #rcp_user_login_wrap { display: none; } /* ===== Register New Account – layout ===== */ .entry-title { font-size: 3rem; line-height: 1.1; margin-bottom: 2rem; } .entry-content { max-width: 900px; margin: 0 auto; } h3.rcp_header { text-align: center; margin-bottom: 3rem; margin-top: 3rem; color: var(–cream); } /* Wrap the whole form in a soft card */ #rcp_registration_form { background: #f3ece4; /* light beige */ border-radius: 50px; padding: 5rem !important; box-shadow: 0 12px 30px rgba(0,0,0,.04); } /* Intro text “Log in to renew…” */ #rcp_registration_form > p:first-of-type { margin-bottom: 2rem; color: #fff !important; background: #30332d !important; padding: 5rem !important; border-radius: 50px; font-size: 20px; } /* ===== Labels & fields ===== */ #rcp_registration_form label { display: block; font-weight: 500; margin-bottom: .35rem; color: #111; } #rcp_registration_form p { margin-bottom: 1.2rem; } /* Text inputs */ #rcp_registration_form input[type=”text”], #rcp_registration_form input[type=”email”], #rcp_registration_form input[type=”password”], #rcp_registration_form input[type=”tel”] { width: 100%; max-width: 100%; padding: .7rem .9rem; border-radius: 999px; border: 0px; background: #fff; font-size: 1rem; } /* Focus state */ #rcp_registration_form input[type=”text”]:focus, #rcp_registration_form input[type=”email”]:focus, #rcp_registration_form input[type=”password”]:focus, #rcp_registration_form input[type=”tel”]:focus { outline: none; border-color: #749366; /* your green */ box-shadow: 0 0 0 2px rgba(116,147,102,.15); } /* Password help text */ #rcp_registration_form #rcp_password_notice { font-size: .9rem; line-height: 1.5; color: #777; margin-top: .4rem; } /* Error messages */ .rcp_error { background: #fbe9e9; border-radius: 16px; padding: .75rem 1rem; margin-bottom: 1rem; border: 1px solid #f2b4b4; } /* ===== Membership level list ===== */ .rcp_subscription_message { –font-size-min: 20; –font-size-max: 30; –font-view-min: 576; –font-view-max: 1280; font-size: clamp(calc(var(–font-size-min) * 1px), calc((var(–font-size-min) * 1px) + (var(–font-size-max) – var(–font-size-min)) * ((100vw – (var(–font-view-min) * 1px)) / var(–font-view-max))), calc(var(–font-size-max) * 1px)); margin-top: 3rem !important; margin-bottom: 2rem !important; } .rcp_subscription_level { margin-bottom: .75rem; padding: .75rem 1rem; border-radius: 18px; border: 1px solid transparent; background: #f8f1e9; } .rcp_subscription_level label { cursor: pointer; font-weight: 500; } .rcp_subscription_level input[type=”radio”] { margin-right: .5rem; } /* Highlight selected level */ .rcp_subscription_level input[type=”radio”]:checked + label { color: #111; } /* what’s included */ .fn-included-box { padding: 1rem; } .fn-included-box p { font-size: 18px; } .fn-included-list { margin: 0; padding-left: 1.2rem !important; list-style: none; line-height: 1.55; } .fn-included-list li { margin-bottom: 0.4rem; font-weight: 400; } /* summary table */ .rcp_registration_total { margin-top: 2rem; text-align: left; } .rcp_registration_total * { text-align: left; padding: 5px; } /* ===== Submit button ===== */ #rcp_registration_form input[type=”submit”] { margin-top: 1.5rem; padding: .9rem 1.8rem; border-radius: 999px; border: 1px solid var(–brown); background: var(–brown); color: #fff; font-weight: 500; cursor: pointer; transition: transform .08s ease, box-shadow .12s ease, background .12s ease; } #rcp_registration_form input[type=”submit”]:hover { background: var(–brown); box-shadow: 0 8px 18px rgba(0,0,0,.12); transform: translateY(-1px); } #rcp_agree_to_privacy_policy_wrap { margin-top: 2rem; } document.addEventListener(“DOMContentLoaded”, function() { const form = document.querySelector(“form”); if (!form) return; // =========================== // 1. Elements to protect: inputs, checkbox, submit button, labels // =========================== const protectedSelectors = [ “input[type=’submit’]”, “button[type=’submit’]”, “input[type=’checkbox’]”, “input[type=’email’]”, “input[type=’password’]”, “input[type=’text’]”, “label” ]; function isProtected(el) { return protectedSelectors.some(sel => el.matches(sel) || el.closest(sel)); } // =========================== // 2. Hide entire membership section // =========================== Array.from(form.querySelectorAll(“div, fieldset, table, tbody”)).forEach(el => { if (isProtected(el)) return; const text = el.textContent ? el.textContent.toLowerCase() : “”; if ( text.includes(“choose your membership level”) || // heading text.includes(“what’s included”) || // membership features text.includes(“membership amount”) || // pricing table text.includes(“total today”) || text.includes(“next renewal”) || text.includes(“core”) || text.includes(“growth”) || text.includes(“leader”) || text.includes(“£”) ) { el.style.display = “none”; } }); });