<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="en" />

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta name="keywords" content="Summer,Fun,2019" />
<meta name="title" content="Summer Fun 2019 - Chabad of Bel Air" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="64335-64339-939710-4433242" />
<meta name="article-keywords" content="2170-2898" />
<meta name="scope-aid" content="64335" />
<meta name="scope-aid" content="64339" />
<meta name="scope-aid" content="939710" />
<meta name="scope-aid" content="4433242" />
<meta name="article-keyword" content="2170" />
<meta name="article-keyword" content="2898" />
<meta property="og:url" content="https://www.chabadofbelair.org/templates/articlecco_cdo/aid/4433242/jewish/Summer-Fun-2019.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Summer Fun 2019 - Chabad of Bel Air" /><link rel="canonical" href="https://www.chabadofbelair.org/templates/articlecco_cdo/aid/4433242/jewish/Summer-Fun-2019.htm" />
<link rel="Stylesheet" href="/css/fonts/font-awesome/font-awesome-5.css?v=98662BF4" id="kfont-awesome" type="text/css"/>
<link rel="Stylesheet" href="/css/DefaultGrid.css?v=44B79007" id="kgrid" type="text/css"/>
<link rel="Stylesheet" href="/css/Elements.css?v=E669C926" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites.css?v=D1B7903A" id="ksites-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/new/main.css?v=2B7F734E" id="k7" type="text/css"/>
<link rel="Stylesheet" href="/css/global.css?v=D37C5613" id="k3" type="text/css"/>
<link rel="Stylesheet" href="/css/global-print.css?v=1FE80AC1" id="k5" type="text/css" media="print"/>
<link rel="Stylesheet" href="/css/cco/home/widget-styles.css?v=B14CEBA0" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/sites6/default-theme.css?v=F68E803F" id="k" type="text/css"/>
<link rel="Stylesheet" href="/css/old/global.css?v=F7C22456" id="k2898" type="text/css"/>
<link rel="Stylesheet" href="/css/bootstrap/grid.css?v=B92FCAD8" id="kbootstrap4-grid" type="text/css"/>
<link rel="Stylesheet" href="/css/Library/reader-comments.css?v=5F31D0D8" id="kCommentsStylesheet" type="text/css"/>
<link rel="Stylesheet" href="/css/inline/BookInfo.css?v=14B88022" id="kBookInfoCss" type="text/css"/>
<!--[if lte IE 8]> <link rel="Stylesheet" href="/css/global-ie.css?v=E699B0F3" id="k4" type="text/css"/> <![endif]-->
<script>$q=[];$j=function(f){$q.push(f);}</script>
	
<title>
	Summer Fun 2019 - Chabad of Bel Air 
</title>
	



<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2019-07-09","primaryArticleId":4433242,"title":"","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"Summer Fun","contentLevel3":"Summer Fun 2019","siteName":"Chabad of Bel Air "},"time":{"upcomingHoliday":"The Three Weeks","daysToUpcomingHoliday":22,"hebrewDate":"5786-03-25"}});
		dataLayer.push({ 'articleHierarchy': '-64335-64339-939710-4433242-', 'keywords': '-k2898-k2170-', 'k': '-64335-64339-939710-4433242--k2898-k2170-' });
	
</script>
<script>

(function(c,h,a,b,a,d){c[a]=c[a]||[];c[a].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=h.getElementsByTagName(b)[0],
j=h.createElement(b);j.async=true;
j.src='https://w6.chabad.org/mitzvah-tank.js';f.parentNode.insertBefore(j,f);
})(window,document,0,'script','dataLayer');</script>

	<!-- Start of StatCounter Code -->
	<script type="text/javascript">
	var sc_project = 1076024;var sc_partition = 1;var sc_invisible = 1;var sc_remove_link=1;var sc_security = "7fdc003e";var sc_https = 1;
	</script>
	<script type="text/javascript" src="https://secure.statcounter.com/counter/counter_xhtml.js" defer async></script>
	<noscript><img src="//c2.statcounter.com/counter.php?sc_project=1076024&amp;java=0&amp;security=7fdc003e&amp;invisible=1" border="0" /> </noscript>
	<!-- End of StatCounter Code -->


<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anek+Devanagari:wght@100..800&family=Arvo:ital,wght@0,400;0,700;1,400;1,700&family=Cal+Sans&family=Caprasimo&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Londrina+Solid:wght@100;300;400;900&display=swap" rel="stylesheet">



<style>
@media only screen and (min-width: 600px) {
#Performances > div.regular.small_top_margin::after{
content: "\A After you complete your choice of service and seats, scroll down to to end of the page to submit your reservations";
font-size: 18px;
white-space: pre;
color: #333;
font-weight: bold;
padding-bottom:20px;
}}
</style>
<style>
@media only screen and (max-width: 600px) {
#Performances > div.regular.small_top_margin::after{
content: "\A After you complete your choice of service and seats, \A scroll down to to end of the page to submit your reservations";
font-size: 15px;
white-space: pre;
color: #333;
font-weight: bolder;
padding-bottom:20px;
  }
}
</style>
 


<script>
(function() {
    // 0. URL CHECK
    if (!window.location.href.includes("Templates/ArticleCcoResponse_cdo/aid/7175396")) {
        return;
    }

    // --- CONFIGURATION ---
    const GOOGLE_SCRIPT_URL = "https://script.google.com/macros/s/AKfycbzvu_ThKzlK6ADLsI9AtRuN62mYaPY3V_BBK5pMEP6SVYyNMd70qVntfSGJjZzU6pn67w/exec"; 
    
    console.log("Scraper Script Loaded. Waiting for table...");

    // 1. Helper to clean text
    function cleanText(text) {
        if (!text) return "";
        return text.replace(/[\r\n]+/g, " ").trim();
    }

    // 2. Helper to get all table data
    function getTableData() {
        let data = {};
        let rows = document.querySelectorAll('table.response_table tr');
        rows.forEach(row => {
            let labelCell = row.querySelector('td.field_name');
            let valueCell = row.querySelector('td.field_value');
            if (labelCell && valueCell) {
                let key = cleanText(labelCell.innerText).toLowerCase();
                let val = cleanText(valueCell.innerText);
                data[key] = val;
            }
        });
        return data;
    }

    // 3. Helper to extract numbers
    function extractAmount(str) {
        if (!str) return 0;
        let cleaned = str.replace(/[^0-9.]/g, ''); 
        let val = parseFloat(cleaned);
        return isNaN(val) ? 0 : val;
    }

    // 4. Tier Calculation Logic
    function calculateTierFromAmount(amount) {
        // Any amount $1000 OR MORE is Chai Benefactor
        if (amount >= 1000) return "Chai Benefactor";
        if (amount >= 770)  return "Chai Pillar";
        if (amount >= 500)  return "Chai Platinum";
        if (amount >= 360)  return "Chai Gold";
        if (amount >= 180)  return "Chai Silver";
        if (amount >= 100)  return "Chai Bronze";
        return "Chai Partner"; // Fallback for amounts < 100
    }

    // --- MAIN LOGIC ---
    function tryScrape() {
        let data = getTableData();
        
        // CHECK: Do we have the Submission ID yet?
        let submissionId = data["submission id"];
        if (!submissionId) {
            return false; // Table not loaded yet, keep waiting
        }

        // CHECK: Duplicates
        if (localStorage.getItem("scraped_" + submissionId)) {
            console.warn("STOPPING: Already processed ID " + submissionId);
            return true; // Stop retrying, we are done
        }

        console.log("Table found! Processing...");

        // A. NAME & ANONYMOUS LOGIC
        let nameKey = Object.keys(data).find(k => k.includes("name to be displayed"));
        let originalName = nameKey ? data[nameKey] : "Anonymous";
        let finalName = "Anonymous"; // Default to Anonymous to be safe
        
        // Check for "checkbo 7" (specific spelling) or "donate anonymously" label
        let anonKey = Object.keys(data).find(k => k.includes("checkbo7") || k.includes("donate anonymously"));
        let anonValue = anonKey ? data[anonKey] : "";
        
        // UPDATED LOGIC: 
        // If it explicitly says "No (Unchecked)", we SHOW the name.
        // Otherwise (Checked, Yes, etc.), we hide it.
        if (anonValue && anonValue.toLowerCase().includes("no (unchecked)")) {
            finalName = originalName;
        } else {
            // It is checked, or explicitly anonymous
            finalName = "Anonymous";
        }

        // B. LEVEL LOGIC
        let tierKey = Object.keys(data).find(k => k.includes("choose a tier"));
        let tierValue = tierKey ? data[tierKey] : "";
        
        let amount = extractAmount(tierValue);
        
        // If 0, try Total/Paid fields
        if (amount === 0) {
            let totalKey = Object.keys(data).find(k => k.includes("total amount") || k.includes("paid"));
            if (totalKey) {
                amount = extractAmount(data[totalKey]);
            }
        }

        // CHECK: SKIP IF LESS THAN 100
        if (amount < 100) {
            console.log(`Skipping submission ID ${submissionId} - Amount ($${amount}) is less than $100.`);
            // Mark as processed so we don't keep trying to find/send it
            localStorage.setItem("scraped_" + submissionId, "true"); 
            return true; // Return true to stop the retry interval
        }

        let level = calculateTierFromAmount(amount);

        // C. DATE LOGIC (Month Year)
        let dateKey = Object.keys(data).find(k => k.includes("submission date"));
        let dateStr = dateKey ? data[dateKey] : "";
        let finalDate = "";

        if (dateStr) {
            let dateObj = new Date(dateStr);
            if (!isNaN(dateObj.getTime())) {
                // Formatting: "December 2025"
                let month = dateObj.toLocaleString('default', { month: 'long' });
                let year = dateObj.getFullYear();
                finalDate = `${month} ${year}`;
            } else {
                finalDate = dateStr;
            }
        }

        // SEND
        console.log(`Sending: ${finalName} | ${level} | ${finalDate}`);
        
        fetch(GOOGLE_SCRIPT_URL, {
            method: "POST",
            mode: "no-cors",
            headers: { "Content-Type": "application/json" },
            body: JSON.stringify({ name: finalName, level: level, month: finalDate })
        })
        .then(() => {
            localStorage.setItem("scraped_" + submissionId, "true");
            console.log("%c SUCCESS! Data sent.", "background: #4CAF50; color: #fff;");
        })
        .catch(err => console.error("Error:", err));

        return true; // Success, stop retrying
    }

    // --- RETRY LOOP ---
    // Check every 500ms for the table
    let attempts = 0;
    let interval = setInterval(() => {
        attempts++;
        let done = tryScrape();
        
        if (done) {
            clearInterval(interval);
        } else if (attempts > 20) { 
            // Stop after 10 seconds (20 attempts)
            console.log("Gave up waiting for table after 10 seconds.");
            clearInterval(interval);
        }
    }, 500);

})();
</script><script>
window.onload = function() { document.querySelectorAll('select[id$="priceCategory"] > option').forEach(function(item) { if (item.text.indexOf("Free")>=0) {item.text = item.text.replace("Free", 0)} });   }
</script><script>
        // Define the target URL
        const targetUrl = 'https://www.chabadofbelair.org/templates/articlecco_cdo/aid/6994437/jewish/High-Holiday-RSVP-Form.htm';

        // Check if the current page's URL matches the target URL
        if (window.location.href === targetUrl) {
            // If the URL matches, create and append the style and script tags
            
            // Create a new style element for the CSS
            const style = document.createElement('style');
            style.textContent = `


                #id_2, #id_3, #id_4, #id_5, #id_6, #id_7, #id_8, #id_9, #id_10, #id_11, #id_12, #id_13 {
                    background-color: #F8EEE3 !important;
                    margin: 0 !important;
                    padding: 10px !important;
                    font-family: 'Anek Devanagari', sans-serif !important;
                }

                #text_1 * {
                    font-family: 'Anek Devanagari', sans-serif !important;
                }

                #label_8 > label:nth-child(1) {
                    color: #943D42 !important;
                }
.form-label-left label {
    font-family: 'Anek Devanagari' !important;
}

span {
    font-family: 'Anek Devanagari' !important;
}
.co_body .content .form-all .form-submit-button {
    background: #943D42 !important;}
            `;
            document.head.appendChild(style);

            // This script will execute only if the URL check is true
            document.addEventListener('DOMContentLoaded', function() {
                // Select all the elements with the class 'form-checkbox-item'
                const items = document.querySelectorAll('.form-checkbox-item');

                // Define the two colors you want to alternate
                const color1 = '#39455F';
                const color2 = '#943D42';

                // Loop through each of the found items
                items.forEach((item, index) => {
                    // Find the <label> element inside the current item
                    const label = item.querySelector('label');

                    // Check if a label exists to avoid errors
                    if (label) {
                        // Check if the index is even or odd. 
                        // The first item is index 0 (even).
                        if (index % 2 === 0) {
                            // This is an odd-numbered item (1st, 3rd, 5th...)
                            label.style.color = color1;
                        } else {
                            // This is an even-numbered item (2nd, 4th, 6th...)
                            label.style.color = color2;
                        }
                    }
                });
            });
        }
    </script><script>
(function() {
    // 0. URL CHECK (Commented for preview)
    
    if (window.location.href.indexOf('7175396') === -1) { return; }
    

    console.log("Bel Air Form Script: Initializing...");

    // CONFIGURATION: GOOGLE SHEET
    const GOOGLE_SHEET_CSV_URL = "https://docs.google.com/spreadsheets/d/e/2PACX-1vT6UAWlBQ13ymkT2vxjdVZTZX-dO5s27Y-OHcsp6CTQHBayiTQs5lrYFXGmxNgibKZtdPlpAZN4D0hC/pub?gid=0&single=true&output=csv"; 

    // 1. STYLE INJECTION
    var belairStyles = `
        @import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Spectral:wght@300;400;500;600;700;800&family=Commissioner:wght@400;700;800&display=swap');

        /* PAGE BACKGROUND UPDATE: PEACH */
        body { 
            font-family: "Spectral", serif !important; 
            color: rgb(66, 66, 66) !important; 
            margin: 0 !important; 
            background: #ffd6cc !important; 
        }

        .form-label-auto, .form-label-left, .form-label-right, .form-label-top {
            font-family: "Outfit" !important;
            font-size: 18px !important;
            color: rgb(66, 66, 66) !important
        }

        #label_input_7_0 > span{
            font-family: "Outfit" !important;
        }

        /* Default: Hide Mobile images, Show Desktop images */
        .belair-img-mobile { display: none !important; }
        .belair-img-desktop { display: block !important; }

        /* On screens smaller than 768px (Mobile): Hide Desktop, Show Mobile */
        @media only screen and (max-width: 768px) {
            .belair-img-mobile { display: block !important; }
            .belair-img-desktop { display: none !important;}
            .belair-chai-donors-wrapper{ width: 100% !important;}
            .chai-belair-highlight {color: white !important;}
        }

        /* --- NEW CHAI BELAIR STYLES --- */
        .chai-belair-container { max-width: 1000px !important; margin: 0 auto 40px auto !important; width: 100% !important; box-sizing: border-box !important; }
        .chai-belair-row-top { display: flex !important; gap: 20px !important; margin-bottom: 20px !important; align-items: stretch !important; }
        .chai-belair-row-bottom { display: grid !important; grid-template-columns: 1fr 1fr 1fr !important; gap: 20px !important; }
        
        /* CARD STYLES WITH OUTLINE */
        .chai-belair-card { 
            border-radius: 15px !important; 
            padding: 30px !important; 
            box-sizing: border-box !important; 
            /* Blue Outline Effect */
            box-shadow: 5px 5px 0px #78AEFF !important;
            border: 2px solid #78AEFF !important;
        }
        
        .chai-belair-bg-blue { background-color: #095997 !important; color: #ffffff !important; }
        .chai-belair-bg-white { background-color: #ffffff !important; color: #333333 !important; }
        
        /* HEARTBEAT CARD SPECIFIC BACKGROUND */
        #row-2 { background-color: #F57658 !important; }

        .chai-belair-gift-card { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 45% !important; }
        .chai-belair-gift-icon-wrapper { margin-right: 20px !important; border-right: 2px solid rgba(255, 255, 255, 0.3) !important; padding-right: 20px !important; }
        .chai-belair-icon-gift { width: 80px !important; height: auto !important; display: block !important; }
        .chai-belair-title { font-family: 'Commissioner', sans-serif !important; font-weight: 700 !important; font-size: 28px !important; line-height: 1.2 !important; margin: 0 !important; color: #ffffff !important; }
        .chai-belair-text-card { flex: 1 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; font-family: 'Spectral', serif !important; font-size: 17px !important; line-height: 1.5 !important; text-align: left !important; }
        .chai-belair-text-card p { margin-bottom: 15px !important; margin-top: 0 !important; }
        .chai-belair-text-card p:last-child { margin-bottom: 0 !important; }
        .chai-belair-text-bold { font-weight: 700 !important; }
        .chai-belair-feature-card { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; min-height: 200px !important; }
        .chai-belair-icon-feature { height: 60px !important; width: auto !important; margin-bottom: 20px !important; object-fit: contain !important; }
        .chai-belair-feature-text { font-family: 'Commissioner', sans-serif !important; font-size: 18px !important; line-height: 1.4 !important; margin: 0 !important; color: #5d7aa6 !important; }
        .chai-belair-bg-blue .chai-belair-feature-text { color: #ffffff !important; }
        .chai-belair-highlight { color: #3065B4; font-weight: 700 !important; }
        .chai-belair-highlight-white { color: #ffffff; font-weight: 700 !important; }

        @media (max-width: 768px) {
            .chai-belair-row-top { flex-direction: column !important; }
            .chai-belair-gift-card { flex: auto !important; justify-content: flex-start !important; }
            .chai-belair-row-bottom { grid-template-columns: 1fr !important; }
            #id_5 .form-sub-label-container {width: 45% !important;}
        }

        /* --- WRAPPER BOX STYLE (The Form) --- */
        .belair-white-box {
            background-color: #FFE8E2 !important; /* LIGHT PEACH BACKGROUND */
            border-radius: 15px !important;
            padding: 40px !important;
            max-width: 1000px !important; 
            margin: 0 auto 40px auto !important;
            box-sizing: border-box !important;
        }

        /* --- HEADER & NAV STYLES --- */
        .belair-chai-container { font-family: "Spectral", serif !important; color: rgb(66, 66, 66) !important; width: 100% !important; margin: 0 auto !important; background-color: transparent !important; display: flex !important; flex-direction: column !important; align-items: center !important; }
        .belair-chai-nav { display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 20px 0px !important; width: 100% !important; max-width: 1000px !important; box-sizing: border-box !important; }
        .belair-chai-nav-left { display: flex !important; align-items: center !important; }
        .belair-chai-nav-logo-top { height: 60px !important; width: auto !important; object-fit: contain !important; }
        .belair-chai-nav-right { display: flex !important; gap: 30px !important; align-items: center !important; }
        .belair-chai-nav-item { font-size: 20px !important; font-weight: 300 !important; text-transform: capitalize !important; cursor: pointer !important; white-space: nowrap !important; transition: color 0.3s !important; }
        .belair-chai-nav-item:hover { color: #3065B4 !important; }

        /* HEADER TEXT UPDATE (CHAI PARTNER) */
        .belair-chai-title-wrapper { 
            display: flex !important; 
            flex-direction: column !important; 
            justify-content: center !important; 
            line-height: 0.9 !important; 
            text-align: left !important; 
        }
        .belair-chai-title-chai { 
            font-family: 'Commissioner', sans-serif !important;
            font-size: 140px !important; 
            font-weight: 800 !important; 
            color: #095997 !important; /* DARK BLUE */
            text-transform: uppercase !important; 
            /* BLUE STROKE/OUTLINE TEXT */
          text-shadow: 5px 5px 0px #78AEFF !important;
        }
        .belair-chai-title-club { 
            font-family: 'Commissioner', sans-serif !important;
            font-size: 160px !important; 
            font-weight: 800 !important; 
            color: #F57658 !important; /* ORANGE/CORAL */
            text-transform: uppercase !important; 
            letter-spacing: -2px !important; 
            margin-left: 0 !important;
            line-height: 0.8 !important;
            text-shadow: 5px 5px 0px #78AEFF !important;
        }

        /* HERO IMAGE HEIGHT */
        .belair-chai-hero-image { 
            width: 100% !important; 
            max-width: 1000px !important; 
            max-height: 650px !important; 
            overflow: hidden !important; 
            margin-bottom: 40px !important; 
            padding: 0 !important; 
            box-sizing: border-box !important; 
        }
        .belair-chai-hero-image img { 
            width: 100% !important; 
            height: 100% !important; 
            object-fit: cover !important; 
            display: block; 
            border-radius: 8px !important;
        }

        .belair-chai-header-wrapper { display: flex !important; flex-direction: column !important; align-items: center !important; margin-bottom: 40px !important; text-align: center !important; }
        .belair-chai-top-text { font-size: 30px !important; font-weight: 500 !important; letter-spacing: 0.1em !important; color: rgb(66, 66, 66) !important; text-transform: capitalize !important; margin-bottom: 20px !important; }
        .belair-chai-title-section { display: flex !important; align-items: center !important; justify-content: center !important; gap: 20px !important; padding: 0 20px !important; }
        .belair-chai-logo-img { width: 240px !important; height: auto !important; object-fit: contain !important; }
        
        .belair-chai-cta-container { margin-bottom: 60px !important; }
        .belair-chai-cta-btn-large { font-size: 28px !important; padding: 15px 40px !important; } 

        /* --- BUTTONS --- */
        .belair-btn-blue {
            display: flex !important;
            align-items: center !important;
            gap: 12px !important;
            background-color: #3065B4 !important;
            color: #fff !important;
            padding: 10px 24px !important;
            border-radius: 50px !important;
            font-weight: 600 !important;
            font-size: 18px;
            cursor: pointer !important;
            text-decoration: none !important;
            white-space: nowrap !important;
            border: 2px solid #3065B4 !important;
            transition: all 0.3s ease !important;
            font-family: "Spectral", serif !important;
        }
        .belair-btn-blue:hover { background-color: #fff !important; color: #3065B4 !important; }
        .belair-btn-blue svg { fill: #fff !important; width: 18px !important; height: 18px !important; }
        .belair-btn-blue:hover svg { fill: #3065B4 !important; }

        /* --- DONORS SECTION UPDATES --- */
        .belair-chai-donors-wrapper { 
            width: 1000px ; 
            background-color: #095997 !important; /* DARK BLUE BG */
            padding: 60px 0 !important; 
            border-top: 1px solid #eee !important; 
            display: flex !important; 
            flex-direction: column !important; 
            align-items: center !important; 
            text-align: center !important; 
            scroll-margin-top: 80px !important;
            border-radius: 15px !important;
        }
        
        .belair-chai-partners-title { 
            font-size: 80px !important; 
            margin-bottom: 15px !important; 
            display: flex !important;
            align-items: baseline !important;
            gap: 10px !important;
            line-height: 1 !important;
            font-family: 'Commissioner', sans-serif !important;
        }
        .word-chai {
            font-weight: 800 !important;
            color: #EBBCC1 !important; /* PINK COLOR */
            text-transform: uppercase !important;
        }
        .word-partners {
            font-weight: 300 !important;
            color: #EBBCC1 !important; /* PINK COLOR */
            text-transform: uppercase !important;
        }
        .belair-chai-partners-logo { width: 60px !important; margin-bottom: 10px !important; height: auto !important; }

        .belair-chai-thank-you {
            font-size: 22px !important;
            font-weight: 400 !important;
            color: #fff !important; 
            margin-bottom: 10px !important;
            display: flex !important;
            align-items: center !important;
            gap: 10px !important;
            font-family: "Spectral", serif !important;
        }
        .thank-you-header-heart {
            height: 30px !important;
            width: 30px !important;
            margin-right: 10px !important;
            fill: #EBBCC1 !important; /* PINK HEART */
        }

        .belair-chai-active-count {
            font-size: 18px !important;
            font-weight: 300 !important;
            color: #FFD0D5 !important; /* LIGHT PINK */
            margin-bottom: 40px !important;
        }

        /* DONOR GRID */
        .belair-chai-donors-grid {
            display: grid !important;
            grid-template-columns: repeat(3, 1fr) !important;
            gap: 20px !important;
            width: 100% !important;
            max-width: 900px !important;
            padding: 0 !important;
            box-sizing: border-box !important;
        }

        /* DONOR CARD STYLES */
        .belair-chai-donor-card {
            background-color: #FFE9EB !important; /* PINKISH BG */
            border-radius: 5px !important; 
            padding: 25px 20px !important;
            min-height: 120px !important;
            text-align: left !important;
            display: flex !important;
            flex-direction: column !important;
            justify-content: space-between !important;
            box-shadow: none !important;
            border: 3px solid #e6bbae !important; 
        }
        
        .belair-chai-card-top { margin-bottom: 15px !important; }
        
        .belair-chai-name-row {
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
            margin-bottom: 5px !important;
        }
        
        .belair-chai-name { 
            font-size: 20px !important; 
            font-weight: 700 !important; 
            color: rgb(57, 57, 57) !important; 
            line-height: 1.2 !important;
        }
        
        .belair-chai-card-divider {
            width: 100% !important;
            height: 1px !important;
            background-color: rgba(178, 95, 50, 0.2) !important;
            margin: 10px 0 !important;
        }
        
        .belair-chai-level { 
            font-size: 13px !important; 
            text-transform: uppercase !important; 
            color: rgb(100, 100, 100) !important; 
            letter-spacing: 0.5px !important;
        }
        
        .belair-chai-card-bottom { 
            font-size: 12px !important; 
            font-weight: 600 !important; 
            color: rgb(167, 167, 167) !important; 
            display: flex !important;
            align-items: center !important;
            gap: 5px !important;
        }
        
        .donor-card-heart svg {
            width: 14px !important;
            height: 14px !important;
        }

        /* VIEW ALL BUTTON */
        .belair-view-all-container {
            width: 100% !important;
            display: flex !important;
            justify-content: center !important;
            margin-top: 30px !important;
        }
        .belair-view-all-btn {
            background: transparent !important;
            border: 1px solid #fff !important; 
            color: #fff !important;
            padding: 10px 30px !important;
            border-radius: 50px !important;
            font-family: "Outfit", sans-serif !important;
            font-weight: 600 !important;
            cursor: pointer !important;
            font-size: 14px !important;
            display: flex !important;
            align-items: center !important;
            gap: 8px !important;
        }
        .belair-view-all-btn:hover {
            background: #fff !important;
            color: #C95E25 !important;
        }
        
        /* --- GENERAL FORM OVERRIDES --- */
        .form-line { padding: 15px 0 !important; margin: 0 auto !important; max-width: 100% !important; box-sizing: border-box !important; display: block !important; }
        
        .form-label, .form-sub-label { 
            font-family: "Outfit", sans-serif !important; 
            font-size: 16px !important; 
            font-weight: 300 !important; 
            color: #777 !important; 
            margin-bottom: 8px !important; 
            display: block !important; 
            width: 100% !important; 
            text-align: left !important;
            float: none !important;
        }
        
        .form-address-table th { display: table-cell !important; color: #777 !important; font-weight: 600 !important; padding-bottom: 10px !important; text-align: left !important; }

        .form-textbox, .form-dropdown, .form-textarea { 
            width: 100% !important; 
            max-width: 100% !important; 
            padding: 12px 15px !important; 
            border: 1px solid #ddd !important; 
            border-radius: 6px !important; 
            font-family: "Outfit", sans-serif !important; 
            font-size: 16px !important; 
            box-sizing: border-box !important; 
            transition: border-color 0.3s !important; 
            background-color: #f9f9f9 !important; 
        }
        .form-textbox:focus, .form-dropdown:focus { 
            border-color: #3065B4 !important; 
            outline: none !important; 
            background-color: #fff !important; 
        }

        /* --- TIER SECTION STYLES --- */
        #cid_3 .form-single-column {
            display: grid !important;
            grid-template-columns: repeat(3, 1fr) !important;
            gap: 20px !important;
            width: 100% !important;
        }

        #label_3 {
            float: none !important;
            display: block !important;
            width: 100% !important;
            text-align: center !important;
            margin-bottom: 20px !important;
        }
        li#id_3 {
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
        }

        .tier-card {
            position: relative !important;
            border-radius: 12px !important;
            padding: 20px !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            justify-content: center !important;
            min-height: 180px !important;
            cursor: pointer !important;
            transition: transform 0.2s !important;
            box-sizing: border-box !important;
            margin-bottom: 0 !important;
            width: 100% !important;
            /* Default borders */
            border-width: 3px !important;
            border-style: solid !important;
        }

        .form-submit-button {box-shadow: unset !important;}
        .tier-card:hover { transform: translateY(-3px) !important; box-shadow: 0 5px 15px rgba(0,0,0,0.05) !important; }

        /* ORANGE TIER CARD UPDATE (#F57658) */
        .tier-card-orange { 
            border: 2px solid #F57658 !important; 
            background-color: #FFF5F2 !important; 
        }
        
        /* BLUE TIER CARD UPDATE (#095997) */
        .tier-card-blue { 
            border: 2px solid #095997 !important; 
            background-color: #E6F1FA !important; 
        }
        
        .tier-card-orange .tier-price { color: #F57658 !important; }
        .tier-card-blue .tier-price { color: #095997 !important; }

        .tier-card-orange:hover { 
            background-color: #FFE9EB !important; 
            border: 2px solid #F57658 !important; 
        }

   .tier-card-orange.tier-selected { 
            background-color: #FFE9EB !important; 
            border: 4px solid #F57658 !important; 
        }
        .tier-card-blue:hover { 
            background-color: #D6E8F8 !important; 
            border: 2px solid #095997 !important; 
        }
 .tier-card-blue.tier-selected { 
            background-color: #D6E8F8 !important; 
            border: 4px solid #095997 !important; 
        }
        .tier-card-other { grid-column: 1 / -1 !important; margin-top: 10px !important; }
        .tier-card-other .tier-card-content { flex-direction: row !important; gap: 15px !important; justify-content: center !important;  height: 5em !important;}
        .tier-card-other .tier-name { margin-bottom: 0 !important; white-space: nowrap !important; }
        .tier-other-wrapper { width: auto !important; flex-grow: 1 !important; max-width: 300px !important; }
        .tier-card input[type="text"], .tier-card input[type="number"] { width: 100% !important; }

        /* Custom Radio Buttons */
        .tier-card input[type="radio"] { 
            appearance: none !important;
            width: 24px !important;
            height: 24px !important;
            border-radius: 50% !important;
            border: 2px solid #ccc !important;
            background: #fff !important;
            cursor: pointer !important;
            position: absolute !important;
            top: 15px !important;
            right: 15px !important;
        }
        .tier-card-orange input[type="radio"]:checked {
            background-color: #F57658 !important;
            border-color: #F57658 !important;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") !important;
        }
        .tier-card-blue input[type="radio"]:checked {
            background-color: #095997 !important;
            border-color: #095997 !important;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") !important;
        }

        .tier-card-content { display: flex !important; flex-direction: column !important; align-items: center !important; width: 100% !important; text-align: center !important; }
        
        /* UPDATED TIER FONTS: Name medium, Price extra bold */
        .tier-name { 
            font-size: 18px !important; 
            font-weight: 600 !important; /* Reduced to Medium/Semi-Bold */
            margin-bottom: 10px !important; 
            color: #333 !important; 
            text-transform: uppercase !important; 
            letter-spacing: 0.5px !important; 
            font-family: "Spectral", serif !important; 
        }
        .tier-line { width: 80% !important; height: 1px !important; background-color: rgba(0,0,0,0.1) !important; margin: 10px 0 !important; }
        .tier-price { 
            font-size: 16px !important; 
            font-weight: 800 !important; /* UPDATED to EXTRA BOLD */
            color: #555 !important; 
            font-family: "Spectral", serif !important; 
        }
        
        .tier-main-title { font-size: 26px !important; font-weight: 800 !important; color: rgb(66, 66, 66) !important; margin-bottom: 5px !important; text-align: center !important; display: block !important; font-family: "Spectral", serif !important; }
        .tier-sub-title { font-size: 18px !important; font-weight: 400 !important; color: #666 !important; margin-bottom: 25px !important; text-align: center !important; display: block !important; font-family: "Spectral", serif !important; }
        .tier-other-wrapper { display: flex !important; align-items: center !important; justify-content: center !important; margin-top: 0 !important; }
        .tier-currency { font-size: 18px !important; font-weight: 600 !important; margin-right: 2px !important; color: #3065B4 !important; }
        
        #cid_3 br, #cid_3 .clearfix { display: none !important; }

        /* --- PAYMENT SECTION SPECIFIC STYLES --- */
        #header_4 {
            text-align: center !important;
            font-size: 32px !important;
            color: rgb(66, 66, 66) !important;
            font-family: "Spectral", serif !important;
            font-weight: 700 !important;
            margin: 10px 0 20px 0 !important;
            position: relative !important;
            padding-bottom: 15px !important;
            display: block !important;
        }
        
        #id_5 .form-sub-label-container { width: 49%; display: inline-block !important; }
        #id_5 .form-sub-label-container:first-child { margin-right: 1% !important; }
        #id_5 [data-type="control_fullname"] { display: flex !important; gap: 10px !important; }
        
        #id_5 .form-label-left, #id_6 .form-label-left, #id_8 .form-label-left {
            float: none !important;
            display: block !important;
            text-align: left !important;
        }
        #id_5 .form-input, #id_6 .form-input, #id_8 .form-input {
            margin-left: 0 !important;
            width: 100% !important;
        }
        
        #cid_11 { background: #fff !important; border: 1px solid #ddd !important; border-radius: 8px !important; padding: 20px !important; margin-top: 10px !important; }
        .form-address-table { display: block !important; width: 100% !important; }
        .form-address-table tbody { display: block !important; width: 100% !important; }
        .form-address-table tr { display: flex !important; flex-wrap: wrap !important; width: 100% !important; margin-bottom: 15px !important; }
        .form-address-table td { padding: 0 !important; width: 100% !important; display: block !important; }
        .cc-field-wrapper { width: 100% !important; margin-bottom: 15px !important; }
        .cc_name_on_card { width: 100% !important; margin-bottom: 15px !important; }
        tr.credit_card:last-of-type { display: flex !important; flex-direction: row !important; gap: 10px !important; }
        tr.credit_card:last-of-type > td { width: auto !important; flex: 1 !important; }
        .cc_ccv { width: auto !important; flex: 1 !important; }
        
        /* TOTAL AMOUNT BOX */
        #id_9 { 
            padding: 20px !important; 
            margin-top: 20px !important; 
            width: 100% !important; 
            display: flex !important; 
            flex-direction: column !important; 
            align-items: center !important; 
            background-color: #F6F6F6 !important;
            border: 1px solid #D8D8D8 !important;
            border-radius: 8px !important;
            box-sizing: border-box !important;
        }
        .total-row-inner { display: flex !important; justify-content: space-between !important; width: 100% !important; align-items: center !important; }
        
        #label_9 { font-family: "Outfit", sans-serif !important; font-size: 16px !important; color: rgb(66, 66, 66) !important; margin: 0 !important; }
        #total_amount { font-size: 24px !important; font-weight: 700 !important; color: #3065B4 !important; display: flex !important; align-items: baseline !important; font-family: "Outfit", sans-serif !important; }
        #total_amount:after { content: "/Month" !important; font-size: 16px !important; color: #777 !important; font-weight: 400 !important; margin-left: 5px !important; text-transform: capitalize !important; } /* Not bold per request */
        #div_offset_gift_9 { display: block !important; width: 100% !important; margin-top: 5px !important; text-align: center !important; }

        /* --- SUBMIT BUTTON --- */
        #id_2 { margin-top: 20px !important; padding-bottom: 20px !important; }
        #input_2 {
            width: 100% !important;
            background-color: #3065B4 !important;
            color: #fff !important;
            font-family: "Spectral", serif !important;
            font-size: 22px !important;
            padding: 15px 25px !important;
            border-radius: 50px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 15px !important;
            position: relative !important;
            cursor: pointer !important;
            border: 2px solid #3065B4 !important;
            transition: all 0.3s ease !important;
        }
        /* UPDATED HOVER STATE FOR SUBMIT BUTTON */
        #input_2:hover {
            background-color: #ffffff !important;
            color: #3166b5 !important;
            border-color: #3166b5 !important;
        }
        /* Target SVG inside on hover */
        #input_2:hover .belair-submit-arrow svg {
            fill: #3166b5 !important;
            transition: fill 0.3s ease !important;
        }

        @media (max-width: 768px) {
            .belair-chai-nav { display: none !important; flex-direction: column !important; padding: 10px !important; }
            .belair-chai-nav-right { flex-direction: column !important; gap: 15px !important; margin-top: 15px !important; }
            .belair-white-box { padding: 20px !important; }
            
            #row-1, #row-3 { background-color: #3065B4 !important;}
            .chai-belair-feature-text{ color: white !important;}
            /* Mobile specific override for row-2 */
            #row-2{ background-color: #F57658 !important;}
            

            .belair-chai-partners-title {
                font-size: 45px !important;}

            .belair-chai-logo-img {
                width: 120px !important;}

            .belair-chai-title-club {
                font-size: 80px !important;}
            .belair-chai-title-chai {
                font-size: 70px !important;}
            
            /* MOBILE GRIDS: 2 CARDS IN A ROW */
            .belair-chai-donors-grid { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
            .belair-chai-donors-grid{ width: 95% !important;} 
            
            #cid_3 .form-single-column { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
            .tier-card-other { grid-column: 1 / -1 !important; }
            
            #id_9 { flex-direction: column !important; align-items: center !important; }
        }

        /* --- SCROLL ANIMATION STYLES (NEW) --- */
        .belair-animate-hidden {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
            will-change: opacity, transform;
        }
        .belair-animate-visible {
            opacity: 1;
            transform: translateY(0);
        }
    `;

    // Inject the styles
    var styleSheet = document.createElement("style");
    styleSheet.innerText = belairStyles;
    document.head.appendChild(styleSheet);


    // 2. LOGIC: INJECT SVGS INTO HTML
    // ----------------------------
    function injectSVGs() {
        // SVG ARROW
        const ARROW_SVG = `<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" fill="#ffffff">
            <path d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"/>
        </svg>`;
        
        // 1. Inject Arrows
        const arrowTargets = document.querySelectorAll('.box-arrow-target');
        arrowTargets.forEach(el => { el.innerHTML = ARROW_SVG; });

        // 2. Submit Button Arrow
        const submitBtn = document.getElementById('input_2');
        if(submitBtn && !submitBtn.querySelector('.belair-submit-arrow')) {
            const arrowDiv = document.createElement('div');
            arrowDiv.className = 'belair-submit-arrow'; 
            arrowDiv.style.marginLeft = "12px";
            arrowDiv.style.display = "flex";
            arrowDiv.style.alignItems = "center";
            arrowDiv.innerHTML = ARROW_SVG;
            const overrideStyle = document.createElement('style');
            overrideStyle.innerHTML = `#input_2::after { display: none !important; content: none !important; }`;
            document.head.appendChild(overrideStyle);
            submitBtn.appendChild(arrowDiv);
        }
        
        // --- SCROLL LISTENERS ---
        function scrollToTiers() {
            var formStart = document.getElementById('id_3');
            if(formStart) formStart.scrollIntoView({behavior: 'smooth'});
            // If checking for cid_3
            else {
                 var cid3 = document.getElementById('cid_3');
                 if(cid3) cid3.scrollIntoView({behavior: 'smooth'});
            }
        }

        var joinButtons = document.querySelectorAll('.nav-join-action');
        joinButtons.forEach(function(btn) {
            btn.addEventListener('click', function(e) {
                e.preventDefault();
                scrollToTiers();
            });
        });
    }

    // 3. LOGIC: FETCH AND RENDER DONORS
    // ---------------------------------
    function fetchAndRenderDonors() {
        const grid = document.getElementById('belair-chai-donors-grid');
        const countDisplay = document.getElementById('donor-count-display');
        const viewAllBtn = document.getElementById('btn-view-all-donors');
        
        if (!grid) return;

        // DEFINED BOTH COLORS FOR ALTERNATING: Orange/Coral and Blue
        const HEART_ORANGE = `<svg viewBox="0 0 24 24" style="fill:#F57658"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>`;
        const HEART_BLUE = `<svg viewBox="0 0 24 24" style="fill:#095997"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>`;

        function csvToArray(str, delimiter = ",") {
            const headers = str.slice(0, str.indexOf("\n")).split(delimiter).map(h => h.trim());
            const rows = str.slice(str.indexOf("\n") + 1).split("\n");
            return rows.map(function (row) {
                const values = row.split(delimiter);
                const el = headers.reduce(function (object, header, index) {
                    object[header] = values[index] ? values[index].trim() : "";
                    return object;
                }, {});
                return el;
            });
        }

        function renderCards(data) {
            // FILTER: Remove donors with "No Category" before rendering
            var filteredData = data.filter(function(donor) {
                // Get the raw value
                var rawLevel = donor['Level'] || donor['Category'] || "";
                
                // Clean it: Remove quotes if present (e.g. "No Category"), trim whitespace, and make lowercase
                var cleanLevel = rawLevel.replace(/^"|"$/g, '').trim().toLowerCase();
                
                // Filter out if it matches "no category"
                return cleanLevel !== 'no category';
            });

            grid.innerHTML = "";
            countDisplay.innerText = `${filteredData.length} active partners`;

            if (filteredData.length <= 9) { viewAllBtn.style.display = 'none'; } 
            else { viewAllBtn.style.display = 'flex'; }

            let showCount = 9;
            let isExpanded = false;

            function draw(limit) {
                grid.innerHTML = ""; 
                filteredData.forEach((donor, index) => {
                    if (index >= limit && limit !== -1) return;
                    
                    // LOGIC FOR ALTERNATING COLORS
                    let heartIcon = (index % 2 === 0) ? HEART_ORANGE : HEART_BLUE;
                    
                    let name = donor['Name'] || donor['name'] || "Anonymous";
                    
                    // CLEAN LEVEL FOR DISPLAY
                    let rawLevel = donor['Level'] || donor['Category'] || "Chai Partner";
                    let level = rawLevel.replace(/^"|"$/g, '').trim(); // Clean quotes for display too
                    
                    let date = donor['Since'] || donor['Date'] || "Nov 2025";

                    let card = document.createElement('div');
                    card.className = 'belair-chai-donor-card';
                    card.innerHTML = `
                        <div class="belair-chai-card-top">
                            <div class="belair-chai-name-row">
                                <div class="belair-chai-name">${name}</div>
                            </div>
                            <div class="belair-chai-level">${level}</div>
                        </div>
                        <div class="belair-chai-card-divider"></div>
                        <div class="belair-chai-card-bottom">
                            <div class="donor-card-heart">${heartIcon}</div>
                            Partner since ${date}
                        </div>
                    `;
                    grid.appendChild(card);
                });
            }

            draw(showCount);

            // CHANGED: Prevent default submit behavior
            viewAllBtn.addEventListener('click', function(e) {
                e.preventDefault(); 
                if (!isExpanded) {
                    draw(-1); 
                    viewAllBtn.innerHTML = `Show Less <span class="arrow-up"></span>`;
                    isExpanded = true;
                } else {
                    draw(showCount); 
                    viewAllBtn.innerHTML = `View All <span class="arrow-down"></span>`;
                    // Prevent scroll jumping by NOT calling scrollIntoView, or calling it carefully
                    // user asked to "stay in place"
                    isExpanded = false;
                }
            });
        }

        if (GOOGLE_SHEET_CSV_URL && GOOGLE_SHEET_CSV_URL.startsWith('http')) {
            fetch(GOOGLE_SHEET_CSV_URL)
                .then(response => response.text())
                .then(text => {
                    const data = csvToArray(text);
                    renderCards(data);
                })
                .catch(err => { console.error("Error fetching sheet:", err); });
        }
    }


    // 4. WRAP FORM
    function wrapFormContent() {
        var startElement = document.getElementById('id_3');
        var endElement = document.getElementById('id_2');
        if (startElement && endElement) {
            var parent = startElement.parentNode;
            var wrapper = document.createElement('div');
            wrapper.className = 'belair-white-box';
            parent.insertBefore(wrapper, startElement);
            var current = startElement;
            var elementsToMove = [];
            while (current) {
                elementsToMove.push(current);
                if (current === endElement) break;
                current = current.nextElementSibling;
            }
            elementsToMove.forEach(function(el) { wrapper.appendChild(el); });
        }
    }

    // 5. RESTRUCTURE TIERS
    function restructureTierSection() {
        var headerLabelContainer = document.querySelector('#label_3');
        var headerLabel = headerLabelContainer ? headerLabelContainer.querySelector('label') : null;
        if (headerLabel) {
            var text = headerLabel.innerHTML; 
            var parts = text.split('/n');
            if (parts.length > 1) {
                headerLabel.innerHTML = `
                    <span class="tier-main-title">${parts[0].trim()}</span>
                    <span class="tier-sub-title">${parts[1].trim()}</span>
                `;
            }
        }
        var container = document.querySelector('#cid_3 .form-single-column');
        if (container) {
            var items = container.querySelectorAll('.form-radio-item');
            items.forEach(function(item, index) {
                item.classList.add('tier-card');
                
                // Add click listener for selection state styling
                item.addEventListener('click', function(e) {
                    items.forEach(i => i.classList.remove('tier-selected'));
                    item.classList.add('tier-selected');
                    
                    if (e.target.tagName === 'INPUT') return;
                    var radio = item.querySelector('input[type="radio"]');
                    if (radio) radio.click(); 
                    var otherInput = item.querySelector('.form-radio-other-input');
                    if (otherInput) otherInput.focus();
                });
                
                // Alternating Logic: Orange vs Blue
                if (index % 2 === 0) item.classList.add('tier-card-orange');
                else item.classList.add('tier-card-blue');

                var isOther = item.querySelector('.form-radio-other'); 
                if (!isOther) {
                    var label = item.querySelector('label');
                    if (label) {
                        var fullText = label.innerText.trim(); 
                        var dollarIndex = fullText.lastIndexOf('$');
                        if (dollarIndex !== -1) {
                            var title = fullText.substring(0, dollarIndex).trim();
                            var price = fullText.substring(dollarIndex).trim();
                            label.innerHTML = `
                                <div class="tier-card-content">
                                    <div class="tier-name">${title}</div>
                                    <div class="tier-line"></div>
                                    <div class="tier-price">${price}</div>
                                </div>
                            `;
                        }
                    }
                } else {
                    item.classList.add('tier-card-other');
                    var contentDiv = document.createElement('div');
                    contentDiv.className = 'tier-card-content';
                    contentDiv.innerHTML = `<div class="tier-name">Other Amount</div>`;
                    var inputWrapper = document.createElement('div');
                    inputWrapper.className = 'tier-other-wrapper';
                    var currencySpan = document.createElement('span');
                    currencySpan.className = 'tier-currency';
                    currencySpan.innerText = '$';
                    inputWrapper.appendChild(currencySpan);
                    var existingInputSpan = item.querySelector('span'); 
                    if (existingInputSpan) inputWrapper.appendChild(existingInputSpan);
                    contentDiv.appendChild(inputWrapper);
                    item.appendChild(contentDiv);
                }
            });
        }
    }

    // 6. ENHANCE PAYMENT
    function enhancePaymentSection() {
        var ccNumber = document.querySelector('[id*="cc_number"]');
        if (ccNumber) ccNumber.placeholder = "0000 0000 0000 0000";
        var ccCvv = document.querySelector('[id*="cc_ccv"]');
        if (ccCvv) ccCvv.placeholder = "CVV";
        
        // TOTAL AMOUNT RESTRUCTURE
        var totalAmountContainer = document.getElementById('id_9');
        if (totalAmountContainer) {
             var label = document.getElementById('label_9');
             var amount = document.getElementById('total_amount');
             if (label && amount) {
                 var wrapper = document.createElement('div');
                 wrapper.className = 'total-row-inner';
                 wrapper.appendChild(label);
                 wrapper.appendChild(amount);
                 totalAmountContainer.insertBefore(wrapper, totalAmountContainer.firstChild);
             }
        }
        
        var expiryRow = document.querySelector('.credit_card:last-of-type'); 
        var cvvInput = document.getElementById('input_11_cc_ccv');
        if (expiryRow && cvvInput) {
            var cvvContainer = cvvInput.closest('td');
            if (cvvContainer && cvvContainer.parentNode !== expiryRow) {
                expiryRow.appendChild(cvvContainer);
            }
        }
    }

    // 7. HIDE MONTHLY
    function handleMonthlyRecurrence() {
        var monthlyCheckbox = document.getElementById('input_10');
        var monthlyRow = document.getElementById('id_10');
        if (monthlyCheckbox) monthlyCheckbox.checked = true;
        if (monthlyRow) {
            monthlyRow.style.display = 'none';
            monthlyRow.style.visibility = 'hidden';
        }
    }

    // 8. ANIMATION LOGIC (INTERSECTION OBSERVER)
    function setupScrollAnimations() {
        // 1. Define the observer options
        const observerOptions = {
            root: null, // viewport
            rootMargin: '0px',
            threshold: 0.1 // Trigger when 10% of the element is visible
        };

        // 2. Create the observer
        const observer = new IntersectionObserver((entries, observer) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    entry.target.classList.add('belair-animate-visible');
                    observer.unobserve(entry.target); // Stop observing once animated
                }
            });
        }, observerOptions);

        // 3. Define elements to animate
        const targets = [
            '.belair-chai-nav',                 // Navigation
            '.belair-chai-header-wrapper',      // Title
            '.belair-chai-hero-image',          // Hero Image
            '.chai-belair-container',           // Info Cards
            '.belair-chai-donors-wrapper',      // Donor Section
            '#id_3',                            // Tiers Section
            '#id_5',                            // Name Section
            '#cid_11',                          // Credit Card Section
            '#id_9',                            // Total Amount
            '#id_2'                             // Submit Button
        ];

        targets.forEach(selector => {
            const elements = document.querySelectorAll(selector);
            elements.forEach(el => {
                el.classList.add('belair-animate-hidden'); // Set initial hidden state
                observer.observe(el); // Start watching
            });
        });
    }

    function init() {
        injectSVGs();
        handleMonthlyRecurrence();
        fetchAndRenderDonors(); 
        wrapFormContent(); 
        restructureTierSection(); 
        enhancePaymentSection(); 
        
        // Trigger animations last
        setupScrollAnimations();
    }
    
    window.addEventListener('load', init);
    if (typeof jQuery !== 'undefined') { jQuery(document).ready(init); }

})();
</script></head>
<body class="lang_en dir_ltr cco_body sites-article">

	


	
	<div id="PrintCreditHeader" class="show_for_print">
Printed from<b>ChabadofBelAir.org</b>
</div>
	<div id="header">
		<div class="wrapper header-wrapper">
			
			


<div id="header_container" class="header_container">
	<div class="clearfix links">
		<img src="https://w2.chabad.org/images/global/spacer.gif" width="15" height="8" class="baruch_hashem" />
		<div class="float_right">
			
			
				<div class="topBarLink cco_topbar_link ask_the_rabbi_link">
					<a href="/asktherabbi/default_cdo/jewish/Ask-the-Rabbi.htm">Ask the Rabbi</a>
				</div>
				
			
				<div id="HeaderSubscribe" class="top_bar_item topBarLink cco_topbar_link subscribe_link">Subscribe
					<div id="HeaderSubscribeContainer" class="topBarLayer" style="display:none;width:295px;">
						<div id="SubscribeFormContainer">
							<span id="SubscribeMessage" class="error" style="display:none;"></span>
							<form name="topSubscribeaab7df9e9c" class="subscribe_box" target="" action="" method="get" onsubmit="return submitHeaderSubscribe(this, document.getElementById('aab7df9e9cFormContainer'), document.getElementById('aab7df9e9cResponseContainer'));">



<script>
	var recaptchaIsEnterprise = false;
		 var recaptchaV2Key = "6LcG_TcUAAAAAKAVgwgW39ujc9OCjXSoQYFIA-Su";

</script>

	<input type="hidden" class="js-recaptcha-input" name="cdo-captcha-response" value="" data-div-id="c018732d-d1fa-41e8-941e-3d8698eaba71" data-processed="false" />
	<div class="js-recaptcha-wrapper" id="c018732d-d1fa-41e8-941e-3d8698eaba71"></div>	

<div class="container horizontal_padding" id="aab7df9e9cContainer">
<div style="margin:10px 0;">
<div class="co_form_container" id="aab7df9e9cFormContainer">
<input type="text" maxlength="50" class="co_global_input float_left medium_bottom_margin" value="" required="" display_name="First Name" id="Fname" name="fname" placeholder="First Name">
<input type="text" maxlength="50" class="co_global_input float_right medium_bottom_margin" value="" required="" display_name="Last Name" id="Lname" name="lname" placeholder="Last Name">
<div class="form_group">
<input type="hidden" name="via" value="inlineSubscribeBox:1169116;" />
<input type="text" class="co_global_input medium_bottom_margin" value="" required="" display_name="Email" id="SubscribeEmail" name="email" placeholder="Email Address">
<div id="CoButton_wrapper" class="co_global_submit" style="width:100%;padding:0;"><button id="CoButton" type="submit" class="button" value="Subscribe"><span>Subscribe</span></button></div>
</div>
<div class="break_floats"></div>
<div class="light_grey f-small" style="padding-top:3px;padding-left:3px;">
<input type="hidden" name="subscriptionid" value="8244" />
Subscribe to Weekly E-Torah
</div>
</div>
<div id="aab7df9e9cResponseContainer"></div>
</div>
</div>
</form>
<!-- END CACHE -->
							<div class="break_floats"></div>
						</div>
						<div class="blue f-small bold small_vertical_padding medium_horizontal_padding footer_box">
							<a href="/tools/subscribe/default_cdo">View all subscriptions &raquo;</a>
						</div>
					</div>
				</div>
			
			
				<div class="topBarLink cco_topbar_link contact_link">
					<a href="/article.asp?aid=6711318">Contact</a>
				</div>
			
			
		</div>
		<div class="float_left">
			
				<div class="topBarLink cco_topbar_link home_link">
					<a href="/">Home</a>
				</div>
				
			
				<div class="topBarLink cco_topbar_link about_link">
					<a href="/248363">About</a>
				</div>
				
			
			
			
		</div>
	</div>
	<div class="break_floats"></div>
</div>

			<div class="clearfix branding-search">
				<div id="header_branding" class="no_outline ">
					<div class="g260 no_margin cco_search_header float_right">
						

<div class="co_search_form margin05">
	<form name="MainSearchForm" id="MainSearchForm" method="get" action="/search/results.asp" class="clearfix" onsubmit="return Co.Forms.Validation.Validate(this, null, {markAsSubmitted:false});">
		<div class="co_global_submit"><button type="submit" class="button" value=" "><span> </span></button></div>
		

<div class="co_global_input_container clearfix">
	<input id="topAreaTopSearch_search" required="true" autocomplete="nope" placeholder="Search" value="" OnAutoSuggestSelect="OnSearchAutoSuggestSelect(ev);" class="co_global_input co_search js-search-field active js-mirrored-input" onblur="this.form.className = this.form.className.replace(/\sactive/gi, &#39;&#39;);" name="searchWord" onfocus="this.form.className+=&#39; active&#39;;" type="text" autoSuggestProperties="&quot;Highlight&quot;:true,&quot;Name&quot;:&quot;topAreaTopSearch_search&quot;,&quot;AutoSubmit&quot;:true,&quot;ShowRecommendedOnTop&quot;:false" autoSuggestUrl="/WebServices/RemoteCall/Get_Suggestions" display_name="Search Field" min_length="3"></input>
</div>

			
		
		
	
		<div id="topAreaTopSearch_search_wrapper" class="co_field_options" style="display:none;">
			<div class="co_absolute_wraper" id="co_absolute_wraper" style="">
				<div class="inner">
					<div id="topAreaTopSearch_search_container" class="co_field_options_suggestions"></div>
					<div class="break_floats"></div>
					
				</div>
			</div>
		</div>
	</form>
</div>
					</div>
					
					<a href="/default.asp" title="Chabad of Bel Air " class="site_title">Chabad of Bel Air <span class="site_subtitle clearfix"> Serving the Bel Air, Beverly Crest & Holmby Hills Communities</span></a>
				</div>
			</div>
			
			
			<button type='button' class='cs-mobile-menu-open js-mobile-menu-open'><i class='fa fa-bars'></i></button>
			<div class="site-nav-wrapper">
				<script>
var primaryNavigationVersion = "639167148477782817";
</script>
<div id="co_menu_container_wrapper" class="co_menu_container_wrapper " data-list-name="primary navigation"> 
<div class="co_menu_container clearfix" id="co_menu_container">
<a class="menu_logo" href="/"></a>
<table cellpadding="0" cellspacing="0" border="0" class="main_menu_container first global">
<tr id="tabContentMain" tab="Main" style="display:table-row;">
<td class="co_menu_item home" data-menu-level="1"><a href="/default.asp"><img class="co_menu_home_image" src="https://w2.chabad.org/images/global/spacer.gif" width="28" height="60" border="0" onmouseover="this.className += ' hover';" onmouseout="this.className=this.className.replace(/\s?hover/gi, '');" /></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item arrow multi_level" aid="64466" data-menu-level="1" onmouseover='Co.MainNavigation.Show(event, this);' onmouseout='Co.MainNavigation.Hide(event, this);' >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
<div class="co_column">
<a href="/templates/articlecco_cdo/aid/4449522/jewish/Whats-Happening-July-28-August-3.htm" class="item empty" id="menu_item1-1" data-menu-level="2" data-aid="4449522">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>What's Happening July 28 - August 3</span>
</a>
<a href="/templates/articlecco_cdo/aid/4764353/jewish/Shul-Opening-Guidelines-for-May29-30.htm" class="item empty" id="menu_item1-2" data-menu-level="2" data-aid="4764353">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Shul Opening Guidelines for May29-30</span>
</a>
<a href="/templates/articlecco_cdo/aid/4764354/jewish/Untitled.htm" class="item empty" id="menu_item1-3" data-menu-level="2" data-aid="4764354">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Untitled</span>
</a>
</div>
<div id="menu_child1-1" class="menu_child empty selected" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child1-2" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child1-3" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><img src="https://w2.chabad.org/images/global/spacer.gif" width="12" height="6" border="0" vspace="2" /><div><a href="/templates/articlecco_cdo/aid/64466/jewish/Times-of-Services.htm" class="parent">Times&nbsp;of<br />Services</a></div></span><a href="/templates/articlecco_cdo/aid/64466/jewish/Times-of-Services.htm" class="bg_extension js-parent-menu-link" data-aid="64466"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item" aid="698793" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="/templates/articlecco_cdo/aid/698793/jewish/Is-Chabad-of-Bel-Air-for-Someone-Like-you.htm" class="parent">Is&nbsp;Chabad&nbsp;of&nbsp;Bel&nbsp;Air<br />for&nbsp;Someone&nbsp;Like&nbsp;you?</a></div></span><a href="/templates/articlecco_cdo/aid/698793/jewish/Is-Chabad-of-Bel-Air-for-Someone-Like-you.htm" class="bg_extension js-parent-menu-link" data-aid="698793"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item" aid="1266973" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="/templates/articlecco_cdo/aid/1266973/jewish/What-To-Expect-at-Chabad-of-Bel-Air.htm" class="parent">What&nbsp;To&nbsp;Expect&nbsp;at<br />Chabad&nbsp;of&nbsp;Bel&nbsp;Air</a></div></span><a href="/templates/articlecco_cdo/aid/1266973/jewish/What-To-Expect-at-Chabad-of-Bel-Air.htm" class="bg_extension js-parent-menu-link" data-aid="1266973"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item arrow multi_level" aid="699089" data-menu-level="1" onmouseover='Co.MainNavigation.Show(event, this);' onmouseout='Co.MainNavigation.Hide(event, this);' >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
<div class="co_column">
<a href="/templates/articlecco_cdo/aid/699099/jewish/About-Us.htm" class="item empty" id="menu_item4-1" data-menu-level="2" data-aid="699099">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>About Us</span>
</a>
<a href="/templates/articlecco_cdo/aid/699100/jewish/Curriculum.htm" class="item empty" id="menu_item4-2" data-menu-level="2" data-aid="699100">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Curriculum</span>
</a>
<a href="/templates/articlecco_cdo/aid/699101/jewish/Our-Staff.htm" class="item empty" id="menu_item4-3" data-menu-level="2" data-aid="699101">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Our Staff</span>
</a>
<a href="/templates/articlecco_cdo/aid/699102/jewish/Dates-Rates.htm" class="item empty" id="menu_item4-4" data-menu-level="2" data-aid="699102">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Dates & Rates</span>
</a>
<a href="/templates/articlecco_cdo/aid/699103/jewish/Contact-Us.htm" class="item empty" id="menu_item4-5" data-menu-level="2" data-aid="699103">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Contact Us</span>
</a>
<a href="/templates/articlecco_cdo/aid/935042/jewish/Hebrew-School-Registration-Form.htm" class="item empty" id="menu_item4-6" data-menu-level="2" data-aid="935042">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Hebrew School Registration Form</span>
</a>
<a href="/templates/articlecco_cdo/aid/937451/jewish/Hebrew-School-Video-Ad.htm" class="item empty" id="menu_item4-7" data-menu-level="2" data-aid="937451">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Hebrew School Video Ad</span>
</a>
<a href="/templates/photogallery_cdo/aid/2127492/jewish/Chabad-of-Bel-Air-Hebrew-School.htm" class="item empty" id="menu_item4-8" data-menu-level="2" data-aid="2127492">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Chabad of Bel Air Hebrew School</span>
</a>
</div>
<div id="menu_child4-1" class="menu_child empty selected" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child4-2" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child4-3" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child4-4" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child4-5" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child4-6" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child4-7" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child4-8" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><img src="https://w2.chabad.org/images/global/spacer.gif" width="12" height="6" border="0" vspace="2" /><div><a href="/templates/articlecco_cdo/aid/699089/jewish/Sunday-Hebrew-School.htm" class="parent">Sunday&nbsp;Hebrew<br />School</a></div></span><a href="/templates/articlecco_cdo/aid/699089/jewish/Sunday-Hebrew-School.htm" class="bg_extension js-parent-menu-link" data-aid="699089"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item" aid="1556433" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="/templates/articlecco_cdo/aid/1556433/jewish/Preschool.htm" class="parent">Preschool</a></div></span><a href="/templates/articlecco_cdo/aid/1556433/jewish/Preschool.htm" class="bg_extension js-parent-menu-link" data-aid="1556433"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item donate_link" aid="0" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="/4970020" class="parent">Donate</a></div></span><a href="/4970020" class="bg_extension js-parent-menu-link" data-aid="0"></a></td>
</tr>
</table>
</div>
</div>
<!-- END CACHE -->
				<div class="mobile-menu-bottom-links">
					
						<a href="/248363" class="site-menu-general__link">About</a>
					
					<a href="/search">Search</a>
					
						<a href="/article.asp?aid=6711318">Contact</a>
					
				</div>
			</div>
		</div>
	</div>
	<div id="content">
		<div id="BodyContainer" class="wrapper">
			<div class="body_wrapper  no-hero-image clearfix">
				
	<div class="co_content_container clearfix local_content" id="co_content_container">
		<div class="clearfix">
			
			
			
			<div class="clearfix bh mobile-only align_right">ב"ה</div>
			
				<div class="master-content-wrapper g960" >
					

<header class="article-header cf ">
	
<script type="application/ld+json">
{
	"@context": "http://schema.org",
	"@type": "BreadcrumbList",
	"itemListElement": [
  {
    "@type": "ListItem",
    "position": 1,
    "item": {
      "@id": "/templates/articlecco_cdo/aid/939710/jewish/Summer-Fun.htm",
      "name": "Summer Fun"
    }
  },
  {
    "@type": "ListItem",
    "position": 2,
    "item": {
      "@id": "/article.asp?aid=4433242",
      "name": "Summer Fun 2019"
    }
  }
]
}
</script>
<div class="breadcrumbs breadcrumbs hide_for_print" data-list-name="breadcrumbs">
	
			<a class="breadcrumbs__crumb" href='/templates/articlecco_cdo/aid/939710/jewish/Summer-Fun.htm' data-aid="939710">
				Summer Fun
			</a>
		
</div>
	
			<h1 class="article-header__title js-article-title js-page-title">Summer Fun 2019</h1>
		
			<div>
				
			</div>
		
</header>
				</div>
			
			<div class="body_wrapper clearfix co_body">
				<div class="g700" id="co_body_container">
					
					<div id="ContentBody">
						
						
							<div class="content-area-parent no_margin">
								
	<div id="cco_body">
		<div class="content g700 no_margin no_overflow" id="co_content_container">
			
			
	

	<article class="content js-content" itemscope itemtype="http://schema.org/Article">
	



<meta itemprop="mainEntityOfPage headline name" content="" />

<meta itemprop="image" content="" />


<meta itemprop="uploadDate" content="2019-07-09T10:26:09" />
<span itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
	<meta itemprop="name" content="Chabad of Bel Air " />
	<meta itemprop="brand" content="Chabad of Bel Air " />
	<span itemprop="logo" itemscope itemtype="http://schema.org/ImageObject">
		<meta itemprop="url" content="https://w2.chabad.org/images/logos/chabad.org.amp.60_330.png" />
		<meta itemprop="height" content="60" />
		<meta itemprop="width" content="330" />
	</span>
</span>
<meta itemprop="datePublished" content="2019-07-09T10:26:09" />
			<div itemprop="articleBody">
				<co:body xmlns:co="www1.chabadonline.com/alpha1" xmlns:ext="urn:xslt-extensions">
  <div class="co_body article-body cf">
<p align="center"> <font color="#800080">Besides Friday Night Services - There Is A lot More Going On <br>
</font>
    </p>
<p align="center">
<font size="5" color="#800080">Take Advantage of the Summer<br>
<span style="font-size: 20px;">Three Events</span><br>
</font>
    </p>
<p align="center">
<font size="3">
<span style="font-size: 20px;"><strong>July 2019</strong></span></font>
    </p>
<p align="center">First Event <img src="https://w2.chabad.org/media/images/6945.gif" alt="The Rebbe" real_width="268" real_height="367" width="123" height="170" border="0" align="right"></p>
<p style="text-align: center;"><span style="font-size: 26px;"><a href="/Article.asp?AID=4433243"> CELEBRATING <br>
THE LIFE OF THE REBBE<br>
MONDAY JULY 15<br>
<span style="font-size: 20px;">Free Dinner Included</span></a><br>
</span>Click above for more details</p>
<p align="center"> </p>
<p align="center">
<a href="/Article.asp?AID=4433855">
<img src="https://w2.chabad.org/media/images/1095/cqmm10956051.jpg" alt="IMG-20190709-WA0046.jpg" real_width="540" real_height="699" width="135" height="175" border="0" align="left"></a><span style="font-size: 18px;"> Second Event</span></p>
<p align="center"><span style="font-size: 18px;">  For Woman Only<br>
<span style="font-size: 22px;">T</span><span style="font-size: 22px;">ORAH AND TEA <br>
WITH DOBIE MENTZ</span><br>
Every Wednesday at 10:00 AM<br>
<a href="mailto:RabbiMentz@aol.com?subject=Dobie%20Mentz's%20Torah%20%26%20Tea%20Class&amp;body=Please%20place%20the%20following%20names%20for%20the%20Torah%20%26%20Tea%20Class">To RSVP E-MAIL</a> </span><br>
 <span style="font-size: 20px;">2851 Nicada Drive</span></p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center">Third Event </p>
<p align="center">
<span style="font-size: 24px;"> TUESDAY NIGHT MOVIES 7:30pm<img src="https://w2.chabad.org/media/images/1095/QLbO10956056.jpg" alt="movie-night-clip-art-08.png.jpg" real_width="415" real_height="380" width="159" height="164" border="0" align="right"><br>
Discussion following each movie<br>
July 23 "Menashe" <br>
July 30 "The Catcher was a Spy"</span></p>
<p align="center">
<span style="font-size: 20px;">Join us for Summer Night Movies<br>
Two great movies<br>
Refreshments will be served</span></p>
<p align="center"><span style="font-size: 20px;">2851 Nicada Drive</span><span style=""></span><br>
 </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"><br>
 </p>
</div>
</co:body>
			</div>
			

			<div class="break_floats"></div>
			
	<div class="break_floats"></div>
	

<div class="content-footer">
	<!-- END CACHE -->
	
	
	
	
	
</div>
	</article>

		</div>
	</div>
</div>
						
						<div class="break_floats"></div>
						
					</div>
				</div>
				
				
					<div class="ads g260" id="co_ads_container">
						
	



<div class="sidebar-local-navigation cf" id="">

<meta class="js-desktop-local-nav" data-base-class="co_local_menu" />

	<div class="co_local_menu local_content js-local-nav" data-list-name="local navigation">
		
			
				<div class="header ">			
					
						<div class="section_title">
						<div><a data-menu-level="0" data-aid="939710" href="/templates/articlecco_cdo/aid/939710/jewish/Summer-Fun.htm">Summer Fun</a></div>
						</div>
					
				</div>
				<div class="clearfix body medium_bottom_margin">
					
							
								<div class="item first" data-menu-level="1">
									<a data-aid="941006" href="/templates/articlecco_cdo/aid/941006/jewish/Check-Your-Mezuzahs.htm"><span>Check Your Mezuzahs</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="941034" href="/templates/articlecco_cdo/aid/941034/jewish/Chavurah.htm"><span>Chavurah</span></a>
								</div>
							
							
						
							
								<div class="item next_selected" data-menu-level="1">
									<a data-aid="941038" href="/templates/articlecco_cdo/aid/941038/jewish/Torah-Entertainment.htm"><span>Torah Entertainment</span></a>
								</div>
							
							
						
							
							
								<div class="item selected" data-menu-level="1">
									<a data-aid="4433242" href="/templates/articlecco_cdo/aid/4433242/jewish/Summer-Fun-2019.htm"><span>Summer Fun 2019</span></a>
									
								</div>
							
						
							
								<div class="item last" data-menu-level="1">
									<a data-aid="4433243" href="/templates/articlecco_cdo/aid/4433243/jewish/Celebrating-the-Rebbes-Life.htm"><span>Celebrating the Rebbe's Life</span></a>
								</div>
							
							
						<div class="separator"></div>
				</div>
			
			
			
	<div id="LocalNavigationQuickLinks" class="clearfix secondary_navigation local-navigation-quick-links container padding">
		<div class="header small_bottom_padding">
			<div>Quick Links</div>
		</div>

		
				<div class="item ">
					<a href="/article.asp?aid=6711318"><span><span>Contact</span></span></a>
				</div>
			
				<div class="item ">
					<a href="/tools/subscribe/default_cdo"><span><span>Subscribe</span></span></a>
				</div>
			
				<div class="item ">
					<a href="/4970020"><span><span>Donate</span></span></a>
				</div>
			
	</div>

		
	</div>
</div><!-- END CACHE -->

	<div id="customizable_promos" class="">
		


<div class="sneak-peek-container clearfix">
<div class="header-title">Programs</div>
<div class="widget-1 sneak_peek custom v100 feed">
<div class="wrapper">
<div class="widget_content">
<h6 class="title_only">
<a target="_self" href="/templates/donate_cdo/aid/4970020/jewish/Donate.htm">Synagogue Services</a>
</h6>

<a href="/templates/donate_cdo/aid/4970020/jewish/Donate.htm" class="thumbnail" target="_self">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1097/PgBS10976181.jpg);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
<div class="widget-1 sneak_peek custom v100 feed">
<div class="wrapper">
<div class="widget_content">
<h6 class="title_only">
<a target="_self" href="/64853">Shabbos Dinner</a>
</h6>

<a href="/64853" class="thumbnail" target="_self">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1113/xHjR11133986.jpg);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
<div class="widget-1 sneak_peek custom v100 feed">
<div class="wrapper">
<div class="widget_content">
<h6 class="title_only">
<a target="_self" href="/2224551">Youth Programs</a>
</h6>

<a href="/2224551" class="thumbnail" target="_self">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1097/ggex10976226.jpg);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
<div class="widget-1 sneak_peek custom v100 feed">
<div class="wrapper">
<div class="widget_content">
<h6 class="title_only">
<a target="_self" href="/64919">Adult Education</a>
</h6>

<a href="/64919" class="thumbnail" target="_self">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1113/fYqs11133987.jpeg);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
<div class="widget-1 sneak_peek custom v100 feed">
<div class="wrapper">
<div class="widget_content">
<h6 class="title_only">
<a target="_self" href="/313387">The Jewish Women</a>
</h6>

<a href="/313387" class="thumbnail" target="_self">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1097/OITJ10976225.jpg);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
<div class="widget-1 sneak_peek custom v100 feed">
<div class="wrapper">
<div class="widget_content">
<h6 class="title_only">
<a target="" href="/">To Donate - Click Donate on top of Page</a>
</h6>

<a href="/" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/562/RgNK5621291.jpg);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
</div>

	</div>


	

					</div>
				
				
			</div>
			
			
		</div>
		
		<aside class="page-tools-sidebar js-page-tools-sidebar hide_for_print">
<div class="page-tools js-page-tools-menu">
<div class="page-tools__section page-tools__section--share">
<a class="page-tools__tool js-share-popup page-tools__tool--facebook" data-share-url="https://www.facebook.com/dialog/share?app_id=188669250943&amp;display=popup&amp;href=https%3a%2f%2fwww.chabadofbelair.org%2ftemplates%2farticlecco_cdo%2faid%2f4433242%2fjewish%2fSummer-Fun-2019.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dFB">
				<i class="fa fa-facebook"></i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--twitter" data-share-url="https://twitter.com/intent/tweet?text=Summer+Fun+2019+-+Chabad+of+Bel+Air+&amp;url=https%3a%2f%2fwww.chabadofbelair.org%2ftemplates%2farticlecco_cdo%2faid%2f4433242%2fjewish%2fSummer-Fun-2019.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dtwitter&amp;via=Chabad">
				<i class="fa fa-twitter"></i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--whatsapp d-lg-none js-share-whatsapp" data-share-url="whatsapp://send?text=Summer+Fun+2019+-+Chabad+of+Bel+Air+ https%3a%2f%2fwww.chabadofbelair.org%2ftemplates%2farticlecco_cdo%2faid%2f4433242%2fjewish%2fSummer-Fun-2019.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dwhatsapp">
				<i class="fa fa-whatsapp">
					<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" fill="#128c7e" width="1em" height="1em"><path d="M25 2C12.318 2 2 12.318 2 25c0 3.96 1.023 7.854 2.963 11.29L2.037 46.73c-.096.343-.003.711.245.966.191.197.451.304.718.304.08 0 .161-.01.24-.029l10.896-2.699C17.463 47.058 21.21 48 25 48c12.682 0 23-10.318 23-23S37.682 2 25 2zm11.57 31.116c-.492 1.362-2.852 2.605-3.986 2.772-1.018.149-2.306.213-3.72-.231-.857-.27-1.957-.628-3.366-1.229-5.923-2.526-9.791-8.415-10.087-8.804-.295-.389-2.411-3.161-2.411-6.03s1.525-4.28 2.067-4.864c.542-.584 1.181-.73 1.575-.73s.787.005 1.132.021c.363.018.85-.137 1.329 1.001.492 1.168 1.673 4.037 1.819 4.33.148.292.246.633.05 1.022s-.294.632-.59.973-.62.76-.886 1.022c-.296.291-.603.606-.259 1.19s1.529 2.493 3.285 4.039c2.255 1.986 4.158 2.602 4.748 2.894.59.292.935.243 1.279-.146.344-.39 1.476-1.703 1.869-2.286s.787-.487 1.329-.292c.542.194 3.445 1.604 4.035 1.896.59.292.984.438 1.132.681.148.242.148 1.41-.344 2.771z"/></svg>
				</i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--pinterest d-none d-lg-block" data-share-url="http://pinterest.com/pin/create/button/?url=https%3a%2f%2fwww.chabadofbelair.org%2ftemplates%2farticlecco_cdo%2faid%2f4433242%2fjewish%2fSummer-Fun-2019.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dpinterest&amp;description=Summer+Fun+2019+-+Chabad+of+Bel+Air+">
				<i class="fa fa-pinterest"></i>
			</a>
<a class="page-tools__tool" onclick="showEmailLayer(this);">
<i class="fa fa-envelope"></i>
</a>
</div>
<div class="page-tools__section page-tools__section--other js-page-tool-other">
<div class="page-tools__tool popover-parent d-lg-block">
<div class="popover popover--right align_left nowrap">
<div class="popover__content">
<label class="bold bottom_margin block">
Print Options:
</label>
<form class="vcenter" name="print-form" onsubmit="coPrint(event, 939710);return false;">
<div>
<label><input type="checkbox" name="print-green"><span title="Save paper and ink">Print without images <i class="fa fa-leaf text-green"></i></span></label>
</div>
<br/>
<div class="center">
<button class="co-button page-tools__print-button">Print</button>
</div>
</form>
</div>
</div>
<i class="fa fa-print"></i>
</div>
</div>
</div>
<div class="js-fab-wrapper fab-wrapper">
<div class="fab">
<i class="fab-icon"></i>
</div>
</div>
</aside>
<!-- END CACHE -->
	</div>

				<div class="break_floats"></div>
			</div>
		</div>
	</div>
	<div id="footer">
		
	

		<div class="wrapper body_container">
			
				<div class="g960 footer_family_text bottom_padding">
					
		<div class="footer_container footer_text copyright_text">
			<div class="bottom_padding clear_float">
				<img class="footer_hr" src="https://w2.chabad.org/images/global/spacer.gif" vspace="12" width="100%" height="1" /><br />
				
				<div class="footer_inner_container clearfix">
					

					


	<div class="footer3"><b>Chabad of Bel Air - Where Everyone Feels At Home! • (Call for Synagogue Location)  Mailing Address: 2934 1/2 Beverly Glen Circle #16 • Bel Air, CA 90077 • 310-475-5311</b></div>
	<img src="https://w2.chabad.org/images/global/spacer.gif" width="1" height="6" border="0" /><br />




Powered by <a href="https://www.chabad.org/" target="_new" class="">Chabad.org</a> &copy; 1993-2026 <a href="/4026210" target="_blank" class="privacy-link">Privacy Policy</a>




					
				</div>
			</div>
		</div>
	
				</div>
			
		</div>
	</div>

	
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery-latest.min.js?v=0293E3EC"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/co/dist/CoLib.js?v=F809B22F"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js?v=16F176A4"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/templates/sites6.js?v=E04072E1"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/primarynavigation.js?v=76ABCD73"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/modules/pagetools.js?v=930B07AB"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/BetaFeedback.js?v=D421ABC8"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/multimedia/infolayer.js?v=ED1B8531"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/commentsloader.js?v=AD6AAB79"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/subscribeprompt.js?v=86D84DC2"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/deprecated.js?v=D506A83E"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/OverrideJSDocumentWrite.js?v=9A0227AA"></script><script>$j = $j.fn ? $j : jQuery;$j(()=>{$q.forEach(f=>{try{f.call(window);}catch(ex){console.error(ex);}});})</script>
	

<script  language="javascript" type="text/javascript"> Co.Settings      = {CacheClassName:'js-cache-default',MosadName:'Chabad of Bel Air '}; Co.ArticleId     = '4433242';Co.SectionId     = 939710;Co.PartnerSiteId = 0;Co.SiteId        = 11;Co.IsMobilePage  = false;Co.IsResponsive  = false;Co.DbDomain      = 'ChabadofBelAir.org';Co.LanguageCode  = '';Co.LoginStatus   = 'None';</script>

    

<style>
.cco_templateless_template, .cco_templateless_template a{ font-family: "Outfit" !important; background-color: white !important; color: rgb(66, 66, 66) !important;}
</style>


<script>
document.addEventListener('DOMContentLoaded', () => {
    // 1. Check if the URL contains the specific ID
    if (!window.location.href.includes('7109715')) {
        return; // Stop if not the right page
    }

    // 2. Check if we are on a desktop screen
    const isDesktop = window.matchMedia('(min-width: 992px)').matches;

    if (isDesktop) {
        try {
            // 3. Find the key elements
            const formSection = document.querySelector('.form-section');
            const imageElement = document.querySelector('#id_13 img');
            
            if (!formSection || !imageElement) {
                console.warn('Form layout script: Could not find .form-section or #id_13 img.');
                return;
            }
            
            // Get the image's parent <p> tag to remove it later
            const imageParagraph = imageElement.parentNode;

            // 4. Create the new layout wrappers
            const mainWrapper = document.createElement('div');
            mainWrapper.className = 'form-desktop-wrapper';

            const imageColumn = document.createElement('div');
            imageColumn.className = 'form-image-column';

            // 5. Move the image
            // Move the image from its original location into the new image column
            imageColumn.appendChild(imageElement);

            // Clean up the now-empty <p> tag that held the image
            if (imageParagraph && imageParagraph.tagName === 'P' && imageParagraph.children.length === 0) {
                imageParagraph.remove();
            }

            // 6. Restructure the DOM
            // Insert the main wrapper right before the form (the <ul>)
            formSection.parentNode.insertBefore(mainWrapper, formSection);
            
            // Move the form (the <ul>) *inside* the main wrapper
            mainWrapper.appendChild(formSection);
            
            // Add the image column as the second child of the main wrapper
            mainWrapper.appendChild(imageColumn);

            // 7. Inject the necessary CSS for the new layout
            const styles = `
                @media (min-width: 992px) {
                    .form-desktop-wrapper {
                        display: flex;
                        flex-wrap: nowrap;
                        gap: 30px; /* Space between form and image */
                    }
                    .form-desktop-wrapper .form-section {
                        flex: 2; /* Form takes ~2/3 of the space */
                        min-width: 0; /* Prevents flex overflow */
                    }
                    .form-desktop-wrapper .form-image-column {
                        flex: 1; /* Image takes ~1/3 of the space */
                        /* This margin pushes the image down to align with the form fields, */
                        /* skipping the text header in id_13. Adjust as needed. */
                        margin-top: 150px; 
                    }
                    .form-desktop-wrapper .form-image-column img {
                        width: 100%;
                        height: auto;
                        max-width: 400px; /* Respects original max width */
                        border-radius: 8px; /* Optional: adds a nice rounded corner */
                    }
                }
            `;
            
            const styleSheet = document.createElement("style");
            styleSheet.type = "text/css";
            styleSheet.innerText = styles;
            document.head.appendChild(styleSheet);

        } catch (error) {
            console.error('Error applying form layout script:', error);
        }
    }
});
</script>
</body>
</html>