{"id":343,"date":"2025-12-08T20:32:31","date_gmt":"2025-12-08T20:32:31","guid":{"rendered":"https:\/\/brave-solomon.64-23-132-27.plesk.page\/?page_id=343"},"modified":"2026-04-03T19:36:19","modified_gmt":"2026-04-03T19:36:19","slug":"donate","status":"publish","type":"page","link":"https:\/\/brave-solomon.64-23-132-27.plesk.page\/index.php\/donate\/","title":{"rendered":"Donate"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"343\" class=\"elementor elementor-343\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b89c4a2 e-con-full e-flex e-con e-parent\" data-id=\"b89c4a2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-837a33f elementor-widget elementor-widget-html\" data-id=\"837a33f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800&family=Open+Sans:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n    \n<style>\n    \/* 1. BRAND COLORS & VARIABLES *\/\n    :root {\n        --elp-orange: #F68B36;\n        --elp-orange-glow: rgba(246, 139, 54, 0.4);\n        --elp-teal: #31C0C8;\n        --elp-teal-glow: rgba(49, 192, 200, 0.4);\n        --elp-navy: #1A2B3C;\n        --elp-blue-text: #2C3E50;\n        --elp-bg-light: #EFF3F8;\n        --elp-white: #ffffff;\n    }\n\n    \/* Reset & Base Styles - Bulletproof Breakout applied *\/\n    .elp-donate-wrapper {\n        font-family: 'Open Sans', sans-serif;\n        color: var(--elp-blue-text);\n        line-height: 1.6;\n        \n        \/* BULLETPROOF FULL-WIDTH BREAKOUT (Fixed for Modals) *\/\n        width: 100vw !important;\n        max-width: 100vw !important;\n        position: relative !important;\n        left: 0 !important;\n        margin-left: calc(50% - 50vw) !important;\n        \n        \/* PULL UP UNDER HEADER TO REMOVE WHITE GAP *\/\n        margin-top: -85px !important;\n        \n        background-color: var(--elp-white) !important;\n        overflow-x: hidden;\n        box-sizing: border-box;\n    }\n\n    .elp-donate-wrapper *, .elp-donate-wrapper *::before, .elp-donate-wrapper *::after {\n        box-sizing: inherit;\n    }\n\n    .elp-donate-wrapper h1, \n    .elp-donate-wrapper h2, \n    .elp-donate-wrapper h3 {\n        font-family: 'Montserrat', sans-serif;\n        margin-bottom: 1rem;\n        color: var(--elp-navy);\n        line-height: 1.2;\n    }\n\n    \/* Entrance Animation *\/\n    @keyframes elpFadeUp {\n        from { opacity: 0; transform: translateY(30px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n\n    .elp-animate-up {\n        animation: elpFadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n    }\n\n    \/* --- IMMERSIVE HERO SECTION --- *\/\n    .elp-donate-hero {\n        position: relative;\n        min-height: 80vh;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        text-align: center;\n        \/* Extra top padding ensures content clears the header *\/\n        padding: 160px 5% 100px;\n        background-image: url('https:\/\/brave-solomon.64-23-132-27.plesk.page\/wp-content\/uploads\/2025\/10\/download-13-scaled.jpg');\n        background-size: cover;\n        background-position: center;\n        background-attachment: fixed; \/* Parallax effect *\/\n    }\n\n    \/* Deep Overlay *\/\n    .elp-donate-hero::before {\n        content: '';\n        position: absolute;\n        top: 0; left: 0;\n        width: 100%; height: 100%;\n        background: linear-gradient(135deg, rgba(26, 43, 60, 0.85) 0%, rgba(49, 192, 200, 0.65) 100%);\n        z-index: 1;\n    }\n\n    .elp-hero-content {\n        position: relative;\n        z-index: 2;\n        max-width: 850px;\n        width: 100%;\n        padding: 60px 40px;\n        background-color: rgba(26, 43, 60, 0.4); \n        backdrop-filter: blur(16px);\n        -webkit-backdrop-filter: blur(16px);\n        border-radius: 24px;\n        border: 1px solid rgba(255, 255, 255, 0.15);\n        box-shadow: 0 30px 60px rgba(0,0,0,0.3);\n    }\n\n    .elp-hero-title {\n        font-size: clamp(3rem, 6vw, 4.5rem);\n        font-weight: 800;\n        margin-bottom: 20px;\n        letter-spacing: -1px;\n        color: var(--elp-white) !important; \n    }\n\n    .elp-hero-title span {\n        background: linear-gradient(135deg, var(--elp-orange), #ffae66);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n    }\n\n    .elp-hero-text {\n        font-size: 1.25rem;\n        margin-bottom: 40px;\n        font-weight: 400;\n        color: rgba(255,255,255,0.9) !important;\n        line-height: 1.7;\n    }\n\n    \/* --- DONATION BUTTONS AREA --- *\/\n    .elp-button-group {\n        display: flex;\n        gap: 20px;\n        justify-content: center;\n        flex-wrap: wrap;\n        margin-bottom: 30px;\n    }\n\n    \/* Primary Donate Button (Stripe\/Orange) *\/\n    .elp-donate-btn {\n        background: linear-gradient(135deg, var(--elp-orange), #ff7a00);\n        color: white !important;\n        padding: 16px 45px;\n        font-size: 1.15rem;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        text-decoration: none !important;\n        border-radius: 50px;\n        box-shadow: 0 10px 25px rgba(246, 139, 54, 0.35);\n        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 12px;\n        position: relative;\n        overflow: hidden;\n    }\n\n    \/* Subtle pulse on the main button *\/\n    .elp-donate-btn::after {\n        content: '';\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        border-radius: 50px;\n        box-shadow: 0 0 0 0 rgba(246, 139, 54, 0.7);\n        animation: elpPulse 2.5s infinite;\n    }\n\n    @keyframes elpPulse {\n        0% { box-shadow: 0 0 0 0 rgba(246, 139, 54, 0.6); }\n        70% { box-shadow: 0 0 0 15px rgba(246, 139, 54, 0); }\n        100% { box-shadow: 0 0 0 0 rgba(246, 139, 54, 0); }\n    }\n\n    .elp-donate-btn:hover {\n        transform: translateY(-4px);\n        box-shadow: 0 15px 35px rgba(246, 139, 54, 0.5);\n    }\n\n    .elp-donate-btn svg {\n        width: 22px; height: 22px;\n        fill: currentColor;\n    }\n\n    \/* Secondary Button (Check\/Wire) *\/\n    .elp-check-btn {\n        background-color: transparent;\n        color: white !important;\n        padding: 16px 45px;\n        font-size: 1.1rem;\n        font-weight: 600;\n        text-decoration: none;\n        border-radius: 50px;\n        border: 2px solid rgba(255,255,255,0.4);\n        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n        cursor: pointer;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 10px;\n    }\n\n    .elp-check-btn:hover {\n        background-color: white;\n        color: var(--elp-navy) !important;\n        border-color: white;\n        transform: translateY(-4px);\n        box-shadow: 0 15px 30px rgba(0,0,0,0.2);\n    }\n\n    .elp-check-btn svg {\n        width: 20px; height: 20px;\n        stroke: currentColor;\n        stroke-width: 2;\n        fill: none;\n    }\n\n    \/* Mailing List Link *\/\n    .elp-mailing-link {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 8px;\n        color: var(--elp-teal);\n        text-decoration: none;\n        font-weight: 600;\n        font-size: 1rem;\n        transition: all 0.3s ease;\n        cursor: pointer;\n        padding: 10px 20px;\n        border-radius: 30px;\n        background: rgba(49, 192, 200, 0.1);\n    }\n    \n    .elp-mailing-link svg {\n        width: 18px; height: 18px;\n        stroke: currentColor;\n        stroke-width: 2;\n        fill: none;\n    }\n\n    .elp-mailing-link:hover { \n        color: var(--elp-white); \n        background: var(--elp-teal);\n        transform: translateY(-2px);\n    }\n\n    \/* --- IMPACT SECTION --- *\/\n    .elp-impact-message {\n        padding: 100px 5%;\n        text-align: center;\n        background-color: var(--elp-bg-light);\n        position: relative;\n    }\n\n    .elp-impact-inner {\n        max-width: 900px;\n        margin: 0 auto;\n        background: var(--elp-white);\n        padding: 60px 50px;\n        border-radius: 24px;\n        box-shadow: 0 15px 40px rgba(0,0,0,0.05);\n        border: 1px solid rgba(0,0,0,0.03);\n    }\n\n    .elp-impact-message h2 {\n        font-size: clamp(2rem, 4vw, 2.8rem);\n        color: var(--elp-navy);\n        margin-bottom: 25px;\n        font-weight: 800;\n    }\n\n    .elp-impact-message p {\n        font-size: 1.15rem;\n        color: #555;\n        margin: 0;\n        line-height: 1.8;\n    }\n\n    \/* --- MODAL STYLES (Ultra Premium) --- *\/\n    .elp-modal {\n        display: none; \n        position: fixed; \n        z-index: 99999; \n        left: 0; top: 0;\n        width: 100vw; height: 100vh; \n        overflow: hidden; \n        background-color: rgba(26, 43, 60, 0.7); \/* Navy tint *\/\n        backdrop-filter: blur(12px);\n        -webkit-backdrop-filter: blur(12px);\n        opacity: 0;\n        transition: opacity 0.3s ease;\n    }\n\n    .elp-modal.show { opacity: 1; }\n\n    .elp-modal-content {\n        background-color: var(--elp-white);\n        margin: 8vh auto; \n        width: 90%;\n        max-width: 850px;\n        max-height: 84vh; \n        border-radius: 24px;\n        position: relative;\n        box-shadow: 0 25px 60px rgba(0,0,0,0.4);\n        transform: scale(0.95) translateY(20px);\n        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n        display: flex;\n        flex-direction: column; \n        overflow: hidden;\n    }\n\n    .elp-modal.show .elp-modal-content { \n        transform: scale(1) translateY(0); \n    }\n\n    .elp-modal-header {\n        background-color: var(--elp-navy);\n        padding: 35px 50px;\n        flex-shrink: 0; \n        position: relative;\n        border-bottom: 4px solid var(--elp-orange);\n    }\n\n    .elp-modal-header h3 {\n        font-family: 'Montserrat', sans-serif;\n        color: var(--elp-white) !important;\n        margin: 0;\n        font-size: 2rem;\n        font-weight: 800;\n        line-height: 1.2;\n        padding-right: 50px; \n    }\n\n    .elp-modal-body {\n        padding: 40px 50px;\n        color: #4A5A6A;\n        overflow-y: auto;\n        line-height: 1.8;\n        font-size: 1.05rem;\n    }\n\n    \/* Mailing List Specific Modal tweaks *\/\n    .mailing-list-content {\n        height: 80vh; \/* Explicit height to allow the iframe to expand *\/\n        min-height: 500px; \/* Ensures it doesn't get too small on short screens *\/\n    }\n    \n    .mailing-list-content .elp-modal-header {\n        display: none; \/* Hide header for mailchimp so it fills space nicely *\/\n    }\n\n    \/* Modal Internal Formatting *\/\n    .elp-modal-body p { margin-top: 0; margin-bottom: 20px; }\n    .elp-modal-body strong { color: var(--elp-navy); font-weight: 700; }\n    .elp-modal-body a { color: var(--elp-teal); font-weight: 600; text-decoration: none; }\n    .elp-modal-body a:hover { text-decoration: underline; }\n\n    .elp-highlight-box {\n        background-color: var(--elp-bg-light);\n        border-left: 5px solid var(--elp-teal);\n        padding: 25px 30px;\n        margin: 30px 0;\n        border-radius: 0 12px 12px 0;\n    }\n\n    .elp-address {\n        font-family: monospace;\n        background: rgba(255,255,255,0.7);\n        padding: 20px;\n        border-radius: 12px;\n        display: block;\n        margin-top: 15px;\n        color: var(--elp-navy);\n        font-size: 1.05rem;\n        line-height: 1.6;\n        border: 1px solid rgba(0,0,0,0.05);\n    }\n\n    .elp-close {\n        color: rgba(255,255,255,0.5);\n        position: absolute;\n        top: 25px;\n        right: 40px;\n        font-size: 45px;\n        font-weight: 300;\n        cursor: pointer;\n        line-height: 1;\n        transition: color 0.3s ease, transform 0.3s ease;\n        z-index: 100;\n    }\n    \n    .elp-close:hover { \n        color: var(--elp-white); \n        transform: rotate(90deg);\n    }\n    \n    \/* Dark close button specifically for the mailing list iframe modal *\/\n    .elp-close-dark {\n        color: #555;\n        background: rgba(255,255,255,0.9);\n        width: 40px; height: 40px;\n        display: flex; align-items: center; justify-content: center;\n        border-radius: 50%;\n        top: 15px; right: 20px;\n        font-size: 35px;\n        box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n    }\n\n    \/* Scrollbar styling *\/\n    .elp-modal-body::-webkit-scrollbar { width: 8px; }\n    .elp-modal-body::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 4px; }\n    .elp-modal-body::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; }\n    .elp-modal-body::-webkit-scrollbar-thumb:hover { background: var(--elp-teal); }\n\n    \/* --- RESPONSIVE ADJUSTMENTS --- *\/\n    @media (max-width: 768px) {\n        .elp-donate-hero { padding: 140px 5% 80px; min-height: 600px; }\n        .elp-hero-content { padding: 40px 25px; }\n        .elp-hero-title { font-size: 2.5rem; }\n        .elp-button-group { flex-direction: column; width: 100%; gap: 15px; }\n        .elp-donate-btn, .elp-check-btn { width: 100%; }\n        \n        .elp-modal-content { margin: 5vh auto; width: 95%; max-height: 90vh; }\n        .elp-modal-header { padding: 30px; }\n        .elp-modal-header h3 { font-size: 1.6rem; }\n        .elp-modal-body { padding: 30px; }\n        .elp-close { top: 20px; right: 25px; font-size: 35px; }\n        \n        .elp-impact-inner { padding: 40px 25px; }\n    }\n<\/style>\n\n<div class=\"elp-donate-wrapper\">\n    \n    <div class=\"elp-donate-hero elp-animate-up\">\n        <div class=\"elp-hero-content\">\n            <h1 class=\"elp-hero-title\">Invest in the <span>Future<\/span><\/h1>\n            <p class=\"elp-hero-text\">\n                Your support creates life-changing opportunities for South Bronx scholars. Join us in building the next generation of professional leaders.\n            <\/p>\n            \n            <div class=\"elp-button-group\">\n                <a href=\"https:\/\/stripe.com\" target=\"_blank\" class=\"elp-donate-btn\">\n                    <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/>\n                    <\/svg>\n                    Donate Online\n                <\/a>\n                \n                <button class=\"elp-check-btn\" onclick=\"openModal('donateModal')\">\n                    <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/>\n                        <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/>\n                        <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/>\n                        <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/>\n                    <\/svg>\n                    Send a Check or Wire\n                <\/button>\n            <\/div>\n\n            <div onclick=\"openModal('mailingModal')\" class=\"elp-mailing-link\">\n                <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/>\n                    <polyline points=\"22,6 12,13 2,6\"\/>\n                <\/svg>\n                Join Our Email List\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"elp-impact-message\">\n        <div class=\"elp-impact-inner elp-animate-up\" style=\"animation-delay: 0.2s;\">\n            <h2>Why Your Support Matters<\/h2>\n            <p>\n                ELP Bx is deeply grateful for the generous support of individuals, schools, corporations, and foundations who help ensure that our scholars can fully maximize their ELP experience.\n            <\/p>\n        <\/div>\n    <\/div>\n\n    <!-- MODALS -->\n\n    <div id=\"donateModal\" class=\"elp-modal\">\n        <div class=\"elp-modal-content\">\n            <div class=\"elp-modal-header\">\n                <span class=\"elp-close\" onclick=\"closeModal('donateModal')\">&times;<\/span>\n                <h3>Donate by Check or Wire<\/h3>\n            <\/div>\n            \n            <div class=\"elp-modal-body\">\n                <p><strong>Fiscal Sponsorship Information<\/strong><\/p>\n                <p>ELP is fiscally sponsored by the <strong>Fund for the City of New York (FCNY)<\/strong>, a 501(c)(3) charitable organization. All contributions are made to FCNY and are then allocated specifically to support ELP\u2019s work. Donations to ELP are eligible for charitable deductions under Section 170 of the Internal Revenue Code.<\/p>\n                \n                <p>If you have any questions regarding the nature of this relationship, please contact us at <a href=\"mailto:info@elpbx.org\">info@elpbx.org<\/a>.<\/p>\n\n                <div class=\"elp-highlight-box\">\n                    <p style=\"margin: 0; font-weight: 800; color: var(--elp-navy); font-size: 1.1rem;\">Instructions for Checks:<\/p>\n                    <p style=\"margin-top: 10px;\">Checks and matching gift forms should be made payable to <strong>\u201cThe Fund for the City of New York\u201d<\/strong>.<\/p>\n                    <p style=\"margin-top: 15px; margin-bottom: 5px;\">Please mail to:<\/p>\n                    <span class=\"elp-address\">\n                        Ms. Madison Woodson<br>\n                        The Fund for the City of New York<br>\n                        121 Avenue of the Americas, 6th Floor<br>\n                        New York, NY 10013\n                    <\/span>\n                    \n                    <p style=\"margin-top: 20px; font-size: 0.95rem; color: var(--elp-orange);\"><strong>\u26a0 Important:<\/strong> Please note <strong>\u201cThe Emerging Leaders Program\u201d<\/strong> on the memo line of your check.<\/p>\n                <\/div>\n\n                <p style=\"margin-top: 30px;\"><strong>Wire \/ ACH Transfer:<\/strong><\/p>\n                <p>If you would like to make a donation via ACH or wire transfer, please email <a href=\"mailto:info@elpbx.org\">info@elpbx.org<\/a> for further instructions.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div id=\"mailingModal\" class=\"elp-modal\">\n        <div class=\"elp-modal-content mailing-list-content\">\n            <span class=\"elp-close elp-close-dark\" onclick=\"closeModal('mailingModal')\">&times;<\/span>\n            <iframe src=\"https:\/\/mailchi.mp\/elpbx\/join-our-mailing-list\" style=\"width: 100%; height: 100%; border: none;\"><\/iframe>\n        <\/div>\n    <\/div>\n\n<\/div>\n\n<script>\n    \/\/ Modal Logic\n    function openModal(modalId) {\n        var modal = document.getElementById(modalId);\n        modal.style.display = \"block\";\n        \/\/ Small timeout to allow the display block to render before changing opacity for animation\n        setTimeout(function() {\n            modal.classList.add('show');\n        }, 10);\n        document.body.style.overflow = \"hidden\"; \/\/ Prevent background scrolling\n    }\n\n    function closeModal(modalId) {\n        var modal = document.getElementById(modalId);\n        modal.classList.remove('show');\n        \/\/ Wait for transition to finish before hiding\n        setTimeout(function() {\n            modal.style.display = \"none\";\n        }, 300); \n        document.body.style.overflow = \"auto\"; \n    }\n\n    \/\/ Close modal if user clicks outside of it\n    window.onclick = function(event) {\n        if (event.target.classList.contains('elp-modal')) {\n            event.target.classList.remove('show');\n            setTimeout(function() {\n                event.target.style.display = \"none\";\n            }, 300);\n            document.body.style.overflow = \"auto\";\n        }\n    }\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Invest in the Future Your support creates life-changing opportunities for South Bronx scholars. Join us in building the next generation of professional leaders. Donate Online Send a Check or Wire Join Our Email List Why Your Support Matters ELP Bx is deeply grateful for the generous support of individuals, schools, corporations, and foundations who help [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-343","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/brave-solomon.64-23-132-27.plesk.page\/index.php\/wp-json\/wp\/v2\/pages\/343","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brave-solomon.64-23-132-27.plesk.page\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brave-solomon.64-23-132-27.plesk.page\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brave-solomon.64-23-132-27.plesk.page\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brave-solomon.64-23-132-27.plesk.page\/index.php\/wp-json\/wp\/v2\/comments?post=343"}],"version-history":[{"count":22,"href":"https:\/\/brave-solomon.64-23-132-27.plesk.page\/index.php\/wp-json\/wp\/v2\/pages\/343\/revisions"}],"predecessor-version":[{"id":680,"href":"https:\/\/brave-solomon.64-23-132-27.plesk.page\/index.php\/wp-json\/wp\/v2\/pages\/343\/revisions\/680"}],"wp:attachment":[{"href":"https:\/\/brave-solomon.64-23-132-27.plesk.page\/index.php\/wp-json\/wp\/v2\/media?parent=343"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}