<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1">
<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 property="og:image" content="https://w2.chabad.org/media/images/1360/WFib13606212.png" itemprop="image" width="150" height="150" />
<meta property="og:image:width" content="150" />
<meta property="og:image:height" content="150" />
<meta name="keywords" content="About" />
<meta name="title" content="About - Chabad Education Foundation" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="549979-5732080-549981-3606533-3606535" />
<meta name="article-keywords" content="6760-8495-21139-2170-2898" />
<meta name="scope-aid" content="549979" />
<meta name="scope-aid" content="5732080" />
<meta name="scope-aid" content="549981" />
<meta name="scope-aid" content="3606533" />
<meta name="scope-aid" content="3606535" />
<meta name="article-keyword" content="6760" />
<meta name="article-keyword" content="8495" />
<meta name="article-keyword" content="21139" />
<meta name="article-keyword" content="2170" />
<meta name="article-keyword" content="2898" />
<meta property="og:url" content="https://www.brightjewishfuture.org/templates/articlecco_cdo/aid/3606535/jewish/About.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="About - Chabad Education Foundation" /><link rel="canonical" href="https://www.brightjewishfuture.org/templates/articlecco_cdo/aid/3606535/jewish/About.htm" />
<link rel="icon" type="image/png" href="https://www.brightjewishfuture.org/media/images/1360/WFib13606212.png" />
<link rel="Stylesheet" href="/css/fonts/font-awesome/font-awesome-5.css?v=2D6ABDDB" id="kfont-awesome" type="text/css"/>
<link rel="Stylesheet" href="/css/DefaultGrid.css?v=A13D74E8" id="kgrid" type="text/css"/>
<link rel="Stylesheet" href="/css/Elements.css?v=7A8278DB" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites.css?v=77EFEE59" id="ksites-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites-light.css?v=F05E3D94" id="ksites-light-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/new/main.css?v=220E279D" id="k7" type="text/css"/>
<link rel="Stylesheet" href="/css/old/global.css?v=43DDBA77" id="k2898" type="text/css"/>
<link rel="Stylesheet" href="/css/bootstrap/grid.css?v=F4390F2B" id="kbootstrap4-grid" type="text/css"/>
<link rel="Stylesheet" href="/css/Library/reader-comments.css?v=8AB57D79" id="kCommentsStylesheet" type="text/css"/>
<link rel="Stylesheet" href="/css/inline/BookInfo.css?v=3D052243" id="kBookInfoCss" type="text/css"/>

<script>$q=[];$j=function(f){$q.push(f);}</script>
	
 
	
	<style type="text/css">
		body{margin:0;}
	</style>
	
	



<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2017-03-03","primaryArticleId":3606535,"title":"","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"Archive","contentLevel3":"Annual Gala Dinner","contentLevel4":"About","siteName":"Chabad Education Foundation"},"time":{"upcomingHoliday":"Chanukah","daysToUpcomingHoliday":41,"hebrewDate":"5787-08-14"}});
		dataLayer.push({ 'articleHierarchy': '-549979-5732080-549981-3606533-3606535-', 'keywords': '-k2898-k2170-k21139-k8495-k6760-', 'k': '-549979-5732080-549981-3606533-3606535--k2898-k2170-k21139-k8495-k6760-' });
	
</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 = 2843653;var sc_partition = 29;var sc_invisible = 1;var sc_remove_link=1;var sc_security = "d10afd23";var sc_https = 1;
	</script>
	<script type="text/javascript" src="https://secure.statcounter.com/counter/counter_xhtml.js" defer async></script>
	<noscript><img src="//c30.statcounter.com/counter.php?sc_project=2843653&amp;java=0&amp;security=d10afd23&amp;invisible=1" border="0" /> </noscript>
	<!-- End of StatCounter Code -->


<meta name="google-site-verification" content="JLdNOc06GcvBs-qlCfvy71nHHDVvQFwPkPweGAwgEmg" />
<style>.slider{ opacity:0 !Important;}</style>

<style>
  /* The loader CSS is attached to the html tag so it covers everything instantly */
  html.jec-loading {
      overflow: hidden !important; 
  }
  html.jec-loading body {
      opacity: 0 !important; 
  }
  
  /* Full screen white overlay */
  html.jec-loading::before {
      content: ""; position: fixed; top: 0; left: 0; right: 0; bottom: 0;
      background: #ffffff; z-index: 999999;
  }
  
  /* Spinning Loader */
  html.jec-loading::after {
      content: ""; position: fixed; top: 50%; left: 50%;
      width: 50px; height: 50px; margin: -25px 0 0 -25px;
      border: 5px solid #f3f3f3; border-top: 5px solid #3C8476; border-radius: 50%;
      animation: jec-spin 1s linear infinite; z-index: 9999999;
  }
  
  @keyframes jec-spin { 
      0% { transform: rotate(0deg); } 
      100% { transform: rotate(360deg); } 
  }

  /* Smooth fade-in when loader is removed */
  body { transition: opacity 0.4s ease !important; }
</style>








<link href="https://fonts.googleapis.com/css2?family=Faustina:wght@400;700&display=swap" rel="stylesheet">
 





<!-- /GetButton.io widget -->


<script>
  // Runs instantly before the page paints. Adds the loader ONLY to the homepage.
  (function() {
      var path = window.location.pathname;
      var url = window.location.href;
      if (path === '/' || path === '/index.html' || url === 'https://www.brightjewishfuture.org/' || url === 'https://www.brightjewishfuture.org') {
          document.documentElement.classList.add('jec-loading');
      }
  })();
</script><script>
(function() {
    try {
        // --- 1. URL CHECK ---
        if (window.location.href.indexOf('7252339') > -1) {

            console.log("JEC: Form 7252339 Detected. Injecting EXTRA LARGE Styles.");

            // --- 2. LOAD FONTS ---
            var fontLink = document.createElement('link');
            fontLink.href = 'https://fonts.googleapis.com/css2?family=Faustina:wght@400;500;600;700&family=Outfit:wght@400;600&display=swap';
            fontLink.rel = 'stylesheet';
            document.head.appendChild(fontLink);

            // --- 3. INJECT CSS (Standard String Format) ---
            var css = "";
            
            // RESET & BASICS
            css += ".form-all { font-family: 'Outfit', sans-serif !important; max-width: 1000px !important; margin: 0 auto !important; padding: 50px !important; background-color: #fff !important; }";
            css += ".form-section > li.form-line:first-child { margin-top: 0 !important; }";

            // TYPOGRAPHY - INCREASED SIZES
            css += "h1, h2, h3, .form-header, p, strong, b { font-family: 'Faustina', serif !important; color: #231F20 !important; }";
            css += ".form-header-group { background: transparent !important; border-bottom: 4px solid #3C8476 !important; margin-bottom: 40px !important;  margin-left: 0 !important; padding: 30px 0 20px 0 !important; }";
            
            // HEADERS: Increased to 3.5rem
            css += ".form-header { font-size: 3.5rem !important; color: #3C8476 !important; }";
            
            // PARAGRAPHS: Increased to 1.5rem
            css += "#text_1 p, #text_4 p, #text_7 p, #text_15 p { font-size: 2rem !important; line-height: 1.6 !important; margin: 5px !important; }";

            // INPUTS & LABELS - INCREASED SIZES
            // Labels: Increased to 1.8rem
            css += ".form-label-left, .form-label-top { font-family: 'Outfit', sans-serif !important; color: #535353 !important; font-weight: 600 !important; font-size: 1.8rem !important; margin-bottom: 15px !important; }";
            css += ".form-sub-label { font-family: 'Outfit', sans-serif !important; font-size: 1.1rem !important; margin-top: 10px !important; color: #777 !important; }";
            
            // Text Inputs: Increased padding and font size to 1.4rem
            css += ".form-textbox, .form-textarea, .form-dropdown { font-family: 'Outfit', sans-serif !important; background-color: #F6FAF9 !important; border: 1px solid #ccc !important; border-radius: 8px !important; padding: 18px !important; font-size: 1.4rem !important; color: #333 !important; width: 100% !important; box-sizing: border-box !important; transition: all 0.3s ease !important; }";
            css += ".form-textbox:focus, .form-textarea:focus, .form-dropdown:focus { border-color: #3C8476 !important; background-color: #fff !important; outline: none !important; }";

            // RADIO BUTTONS
            css += "#cid_8 .form-single-column, #cid_9 .form-single-column { width: 100% !important; }";
            css += ".form-radio-item { display: flex !important; align-items: center !important; padding: 18px !important; margin-bottom: 15px !important; border: 1px solid #eee !important; border-radius: 8px !important; background: #fff !important; float: none !important; width: 100% !important; box-sizing: border-box !important; }";
            css += ".form-radio-item:hover { background-color: #f0f7f6 !important; }";
            // Radio Labels: Increased to 1.6rem
            css += ".form-radio-item label { margin-left: 20px !important; cursor: pointer !important; font-family: 'Outfit', sans-serif !important; font-size: 1.6rem !important; }";
            css += ".form-radio { accent-color: #3C8476 !important; width: 30px !important; height: 30px !important; transform: scale(1.3) !important; }";

            // ADDRESS FIXES
            css += ".form-address-table { width: 100% !important; }";
            css += ".form-address-table td { padding-bottom: 20px !important; }";
            
            // TOTAL AMOUNT
            css += "#id_16 { margin-top: 40px !important; background-color: #312D2E !important; padding: 40px !important; border-radius: 10px !important; color: white !important; text-align: center !important; }";
            css += "#label_16 { color: #81CA9C !important; font-size: 2rem !important; text-transform: uppercase !important; display: block !important; margin-bottom: 15px !important; text-align: center !important; }";
            css += "#total_amount { font-family: 'Faustina', serif !important; font-size: 4.5rem !important; font-weight: 700 !important; color: #fff !important; }";

            // SUBMIT BUTTON
            css += ".form-buttons-wrapper { text-align: center !important; margin-top: 50px !important; text-indent: 0 !important; }";
            css += ".form-submit-button { background-color: #56C5D0 !important; border: none !important; border-radius: 60px !important; color: #fff !important; font-family: 'Outfit', sans-serif !important; font-size: 2.2rem !important; font-weight: 700 !important; padding: 25px 80px !important; cursor: pointer !important; text-transform: uppercase !important; width: 100% !important; max-width: 600px !important; }";
            css += ".form-submit-button:hover { background-color: #3baeb9 !important; transform: translateY(-2px) !important; }";

css += "::marker { color: black !important; content: '•'; font-size: 1.5em !important; }";     // UTILITY
            css += ".form-line { padding: 20px 0 !important; margin: 0 !important; }";
            css += "@media screen and (max-width: 600px) { .form-address-table td, .form-address-table tr { display: block !important; width: 100% !important; } .form-address-table td { padding: 0 0 15px 0 !important; } .form-textbox { width: 100% !important; } }";

            // CREATE STYLE TAG
            var style = document.createElement('style');
            style.type = 'text/css';
            if (style.styleSheet){
              style.styleSheet.cssText = css;
            } else {
              style.appendChild(document.createTextNode(css));
            }
            document.head.appendChild(style);
        }
    } catch (e) {
        console.error("JEC Script Error:", e);
    }
})();
</script><script>
// Only run if the URL contains the specific Form ID
if (window.location.href.indexOf('7255175') > -1) {

    // --- 1. LOAD GOOGLE FONTS DYNAMICALLY ---
    var fontLink = document.createElement('link');
    fontLink.href = 'https://fonts.googleapis.com/css2?family=Faustina:wght@400;500;600;700&family=Outfit:wght@400;600&display=swap';
    fontLink.rel = 'stylesheet';
    document.head.appendChild(fontLink);

    // --- 2. INJECT CSS ---
    var style = document.createElement('style');
    style.textContent = `
        /* --- GENERAL FIXES --- */
        .form-single-column .clearfix {
            display: none !important;
        }

li#id_21{ display: block !important; font-size: 2rem !Important;}

        /* --- FONTS --- */
        #formContainer * {
            font-family: 'Faustina', serif !important;
        }
        div, span, h1, h2, h3, p, a, button, input, select, label, li, ul, form, table, tr, td {
            font-family: 'Faustina', serif !important;
        }
        .form-address-table{ max-width: 100% !important;}
        
        /* Outfit overrides */
        .donate-text-top, 
        .donate-text-top strong,
        #text_6 p, 
        #text_6 a,
        #label_13, 
        #label_14, 
        #label_16, 
        #label_17,
        #cid_10 label,
        #cid_11 label,
        .form-checkbox-item label,
        /* Specific fields requested to be Outfit */
        #id_13 input, #id_13 label, #id_13 span,
        #id_14 input, #id_14 label,
        #id_16 input, #id_16 label,
        #id_10 label, #id_11 label,
        /* PAYMENT SECTION OUTFIT OVERRIDES */
        #cid_17 input, #cid_17 select, #cid_17 label, #cid_17 span, #cid_17 th, #cid_17 td {
            font-family: 'Outfit', sans-serif !important;
        }

        /* --- HERO / HEADER SECTION --- */
        .custom-impact-section { 
            width: 100% !important; 
            display: block !important; 
            margin-bottom: 0px !important; 
            background-color: transparent !important;
        }
        .impact-container { 
            display: flex !important; 
            align-items: center !important; 
            justify-content: space-between !important; 
            max-width: 1200px !important; 
            margin: 0 auto !important; 
            padding: 20px 20px 0 20px !important; 
        }
        .impact-content-left { 
            display: flex !important; 
            flex-direction: column !important; 
            align-items: center !important; 
            text-align: center !important;
            flex: 1 !important;
        }
        .impact-top-img { 
            max-width: 60px !important; 
            margin-bottom: 10px !important; 
            width: auto !important;
        }
        
        .donate-wrapper {
             position: relative !important;
             display: inline-block !important;
        }

        .text-donate { 
            font-family: 'Faustina', serif !important; 
            font-size: 6rem !important; 
            font-weight: 300 !important; 
            color: #000000 !important; 
            margin: 0 !important; 
            line-height: 1 !important; 
            position: relative !important;
            z-index: 2 !important;
            background: linear-gradient(to top, #81CA9C 30%, transparent 30%) !important;
            padding: 0 5px !important;
        }
        
        .text-impact { 
            font-family: 'Faustina', serif !important; 
            font-size: 2rem !important; 
            font-weight: 600 !important; 
            color: #231F20 !important; 
            margin-top: 10px !important; 
            text-transform: capitalize !important; 
        }
        
        .impact-content-right { 
            flex: 1 !important; 
            display: flex !important;
            justify-content: flex-end !important;
        }
        .impact-main-img { 
            max-width: 100% !important; 
            max-height: 250px !important; 
            width: auto !important; 
            height: auto !important; 
            object-fit: contain !important;
        }

        /* Endowment Links */
        .endowment-row { display: flex !important; align-items: center !important; margin-top: 15px !important; }
        .endowment-icon { width: auto !important; height: 24px !important; margin-right: 10px !important; }
        .text-endowment { 
            font-family: 'Faustina', serif !important; 
            font-size: 1.8rem !important; 
            color: #3C8476 !important; 
            font-weight: 500 !important; 
            line-height: 1 !important; 
            text-decoration: none !important; 
            cursor: pointer !important; 
        }
.Header1{
font-family: 'Faustina', serif !important; 
            font-size: 2rem !important; 
            color: #3C8476 !important; 
            font-weight: 500 !important; 
            line-height: 1 !important; 
            text-decoration: none !important; 
            cursor: pointer !important; 
        }
        .text-endowment:hover { opacity: 0.8 !important; }

        /* --- MAIN LAYOUT --- */
        .custom-form-wrapper {
            display: flex !important;
            flex-wrap: wrap !important;
            max-width: 100% !important; /* Full width as requested */
            margin: 0 auto !important;
            position: relative !important;
            padding-top: 0px !important;
        }

li#id_1 {
    padding: 0 !important;
    margin: 0 !important;
}

        /* Left Column (Inputs) */
        .custom-left-column {
            width: 66% !important;
            background-color: #ddedea !important;
            padding: 40px !important;
            box-sizing: border-box !important;
            border-radius: 15px 0 0 15px !important; 
            padding-left: 3vw !important;
        }

        /* Right Column (Sidebar Container) */
        .custom-right-column {
            width: 34% !important;
            background-color: #D1E0DE !important;
            min-height: 600px !important;
            position: relative !important;
            border-radius: 0 15px 15px 0 !important;
        }

        /* --- DIVIDERS & TEXT --- */
        .donate-text-top {
            color: #595657 !important;
            text-align: left !important;
            font-size: 16px !important;
            line-height: 1.5 !important;
            margin-bottom: 20px !important;
        }
        .donate-text-top strong { font-weight: 700 !important; }

        .custom-divider {
            width: 100% !important;
            height: 1px !important;
            background-color: #659e94 !important;
            margin: 30px 0 !important;
            border: none !important;
            display: block !important;
        }

        /* --- INPUTS & LABELS --- */
        #cid_7, #cid_8, #cid_13, #cid_14, #cid_16, #cid_17 {
            width: 100% !important;
            max-width: 100% !important;
        }
        
        .form-input, .form-input-wide {
            width: 100% !important;
            max-width: none !important;
        }

        .form-label-left, .form-label-top {
            width: 100% !important;
            max-width: 30vw !important; /* Added Max Width constraint */
            float: none !important;
            display: block !important;
            text-align: left !important;
            margin-bottom: 10px !important;
        }
        .form-label-left label, .form-label-top label {
            font-size: 2rem !important;
            color: #525252 !important;
            font-weight: 400 !important;
        }
        
        .form-header-group {
            margin: 0 !important;
            padding: 0 !important;
            background: transparent !important;
            border: none !important;
        }


        .form-header {
            color: #525252 !important;
            font-size: 1.5rem !important;
            text-align: left !important;
            font-weight: 400 !important;
        }

        /* Generic Inputs Styling - Full Width */
        .form-textbox, .form-dropdown, input[type=text], input[type=email], input[type=tel], input[type=number] {
            width: 35vw !important;
            box-sizing: border-box !important;
            border: 1px solid #ccc !important;
            border-radius: 7px !important;
            padding: 12px !important;
            font-size: 16px !important;
            color: #535353 !important;
            background: #fff !important;
            max-width: none !important;
        }

.form-submit-button:hover {
    background-color: white !important;
}

        /* Full Name overrides */
        #first_13 { 
            width: 25vw !important; /* Added First Name Width */
        }
        #cid_13 .form-sub-label-container {
            display: inline-block !important;
            width: 40% !important; /* Updated to 40% */
            margin-right: 2% !important;
            vertical-align: top !important;
        }
        #cid_13 .form-sub-label-container:last-child {
            margin-right: 0 !important;
        }
        #cid_13 .form-sub-label { display: none !important; }
        
        /* Phone overrides */
        #cid_16 span, #cid_16 input {
            width: 100% !important;
        }

        /* --- DONATION AMOUNT CARDS --- */
        #cid_4 .form-single-column {
            display: grid !important;
            grid-template-columns: repeat(3, 1fr) !important;
            gap: 15px !important;
            width: 100% !important;
        }
        #cid_4 .form-radio-item {
            position: relative !important;
            margin: 0 !important;
            padding: 0 !important;
            width: 20vw !important;
            min-height: 20vh !important;
            float: none !important;
            display: block !important;
        }
        #cid_4 .form-radio-item label {
            display: flex !important;
            flex-direction: column !important;
            justify-content: center !important;
            align-items: center !important;
            background-color: #3C8476 !important;
            border-radius: 15px !important;
            width: 100% !important;
            height: 100% !important;
            padding: 20px 10px !important;
            box-sizing: border-box !important;
            cursor: pointer !important;
            position: relative !important;
            transition: opacity 0.2s !important;
        }
        /* Custom Radio Button & Tick */
        #cid_4 .form-radio-item input[type="radio"] {
            position: absolute !important;
            top: 10px !important;
            right: 10px !important;
            margin: 0 !important;
            z-index: 10 !important;
            cursor: pointer !important;
            width: 22px !important;
            height: 22px !important;
            appearance: none !important;
            -webkit-appearance: none !important;
            background-color: #ffffff !important;
            border: 2px solid #ffffff !important;
            border-radius: 50% !important;
            transition: all 0.2s ease !important;
        }

        #cid_4 .form-radio-item input[type="radio"]:checked {
            background-color: #3C8476 !important;
            border-color: #ffffff !important;
            /* Adds the white tick SVG inside the circle */
            background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3e%3c/svg%3e") !important;
            background-size: 70% !important;
            background-position: center !important;
            background-repeat: no-repeat !important;
        }
        .donation-amount-text {
            color: #ffffff !important;
            font-size: 3.5rem !important; 
            font-weight: 600 !important;
            margin-bottom: 5px !important;
            line-height: 1 !important;
        }
        .donation-desc-text {
            color: #ffffff !important;
            font-size: 1.5rem !important;
            font-weight: 400 !important;
            text-align: center !important;
            line-height: 1.2 !important;
        }

/* Card Hover States */
        #cid_4 .form-radio-item label:hover {
            background-color: #ffffff !important;
            box-shadow: inset 0 0 0 2px #3C8476 !important; /* Keeps a green border so the white card stands out */
        }
        #cid_4 .form-radio-item label:hover .donation-amount-text {
            color: #3C8476 !important;
        }
        #cid_4 .form-radio-item label:hover .donation-desc-text {
            color: #000000 !important;
        }
        #cid_4 .form-radio-item label:hover input[type="radio"]:not(:checked) {
            border: 2px solid #ccc !important; /* Makes the empty radio circle visible on the white hover background */
        }
        /* "Other" Custom Amount */
        #cid_4 .form-radio-item:last-child {
            grid-column: 1 / -1 !important;
            min-height: 80px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            width: auto !important;
        }
        #cid_4 .form-radio-item:last-child span {
           width: 100% !important;
           display: flex !important;
           justify-content: center !important;
        }
        #cid_4 input.form-radio-other-input {
            background-color: #F6FAF9 !important;
            border: 1px solid #86B3AA !important;
            border-radius: 15px !important;
            padding: 15px !important;
            width: 100% !important;
            font-size: 2.2rem !important;
            color: #535353 !important;
            text-align: center !important;
            margin-left: 0 !important;
            height: 15vh !important;
        }

label#label_5 {
    font-size: 18px !important;
}
div#label_8,div#label_7 {
    width: 100% !important;
}
        #cid_4 .form-radio-item:last-child input[type="radio"] { width: 100% !important;
            height: 100% !important;
            opacity: 0; 
        }

        /* --- RECURRING & ESTATE CHECKBOXES --- */
        .form-checkbox-item {
            display: flex !important;
            align-items: center !important;
            margin-top: 20px !important;
        }
        .form-checkbox-item label {
            color: #535353 !important;
            margin-left: 10px !important;
            width: 100% !important;
            white-space: normal !important;
        }
        
        /* GENERIC CHECKBOX STYLING */
        .form-checkbox {
            appearance: none !important;
            -webkit-appearance: none !important;
            width: 20px !important;
            height: 20px !important;
            border: 1px solid #999 !important;
            background-color: transparent !important;
            border-radius: 3px !important;
            cursor: pointer !important;
            flex-shrink: 0 !important;
            position: relative !important;
        }
        .form-checkbox:checked { background-color: #535353 !important; }
        
        #text_6 p { font-weight: 600 !important; color: #535353 !important; margin: 0 !important; }
        #text_6 a { color: #535353 !important; text-decoration: underline !important; }


        /* --- SPECIAL OVERRIDES FOR ID 10 & 11 (Estate & Talk) --- */
        #id_10, #id_11 {
            display: flex !important;
            flex-direction: row-reverse !important;
            justify-content: flex-end !important;
            align-items: center !important;
            width: 100% !important;
            padding: 10px 0 !important;
        }
        #label_10, #label_11 {
            width: auto !important;
            margin-bottom: 0 !important;
            margin-left: 12px !important; 
            text-align: left !important;
        }
        #cid_10, #cid_11 {
            width: auto !important;
            min-width: 20px !important;
            padding: 0 !important;
        }
        #cid_10 .form-checkbox-item, #cid_11 .form-checkbox-item {
            margin-top: 0 !important;
        }
        #id_10 .form-checkbox, #id_11 .form-checkbox {
            border: 1px solid #999 !important;
            background-color: #fff !important;
        }
        #id_10 .form-checkbox:checked, #id_11 .form-checkbox:checked {
            background-color: #0000FF !important; /* Blue Box */
            border-color: #0000FF !important;
            background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3e%3c/svg%3e") !important;
            background-size: 80% !important;
            background-position: center !important;
            background-repeat: no-repeat !important;
        }

        /* --- PAYMENT METHOD SECTION (#cid_17) --- */
        #label_17 { font-weight: 600 !important; color: #535353 !important; }

        /* 1. Remove box styles from Main Container */
        #cid_17 {
            background: transparent !important;
            border: none !important;
            border-radius: 0 !important;
            padding: 0 !important;
            margin-top: 10px !important;
            box-sizing: border-box !important;
        }

        /* 2. Styles for the Payment Methods Grid */
        #cid_17 > table > tbody > tr:nth-child(1) > td {
            display: grid !important;
            grid-template-columns: repeat(4, 1fr) !important;
            gap: 15px !important;
            width: 100% !important;
            margin-bottom: 20px !important;
        }
        .form-payment-methods .form-radio-item {
            display: flex !important;
            flex-direction: row-reverse !important;
            justify-content: space-between !important;
            align-items: center !important;
            background-color: #fff !important;
            border: 1px solid #D8D8D8 !important;
            border-radius: 15px !important;
            padding: 15px !important;
            cursor: pointer !important;
            min-width: 0 !important;
            width: 100% !important;
            box-sizing: border-box !important;
            float: none !important;
        }
        .form-payment-methods .form-radio-item.active-payment-card {
            background-color: #d3e9eb !important;
            border-color: #95c3db !important;
        }
        .form-payment-methods label {
            font-size: 1.8rem !important;
            color: #535353 !important;
            cursor: pointer !important;
            white-space: nowrap !important;
        }
        .form-payment-methods input[type="radio"] {
            accent-color: #0000FF !important;
            transform: scale(1.1) !important;
            margin-left: 5px !important;
        }

        /* 3. Bel Air Style: Force Table Elements to Block for Layout Control */
        #cid_17 .form-address-table,
        #cid_17 .form-address-table tbody {
            display: block !important;
            width: 100% !important;
        }
        
        /* FIX: Only apply flex layout to visible rows. 
           This prevents overriding the .hide class used by the CMS. */
        #cid_17 .form-address-table tr:not(.hide) {
            display: flex !important;
            flex-wrap: wrap !important;
            width: 100% !important;
            margin-bottom: 15px !important;
        }

        #cid_17 .form-address-table td {
            padding: 0 !important;
            width: 100% !important;
            display: block !important;
        }

        /* 3.5 ADD THE BOX STYLE TO THE SPECIFIC VISIBLE PAYMENT ROWS 
           We use :not(.hide) to ensure we don't accidentally style hidden elements 
           or interfere with the CMS toggling logic. */
        #cid_17 tr.credit_card:not(.hide),
        #cid_17 tr.paypal:not(.hide),
        #cid_17 tr.e_check:not(.hide),
        #cid_17 tr.other:not(.hide),
        #cid_17 tr.billing_address:not(.hide) {
             border-radius: 8px !important;
             padding: 0px !important;
             box-sizing: border-box !important;
             margin-top: 15px !important;
        }

        /* 4. Payment Input Styles (Outfit, Full Width) */
        #cid_17 .form-textbox, 
        #cid_17 .form-dropdown {
            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;
            background-color: #f9f9f9 !important;
            transition: border-color 0.3s !important;
        }
        #cid_17 .form-textbox:focus, 
        #cid_17 .form-dropdown:focus {
            border-color: #3065B4 !important;
            background-color: #fff !important;
            outline: none !important;
        }
        
        /* 5. Headers inside Payment (Credit Card, Billing Address) */
        #cid_17 th {
            font-family: "Outfit", sans-serif !important;
            font-weight: 600 !important;
            color: #535353 !important;
            text-align: left !important;
            padding-bottom: 10px !important;
            display: block !important;
            border-bottom: 1px solid #eee !important;
            margin-bottom: 15px !important;
            margin-top: 5px !important;
            width: 100% !important;
        }

        /* 6. Layout Fixes for CC Fields */
        #cid_17 .cc-field-wrapper { width: 100% !important; }
        
        /* Ensure CVV is spaced correctly if in same row */
        #cid_17 .cc_ccv {
             width: 100% !important; 
             margin-top: 10px !important; 
        }

        /* Sub-labels (CC Number, Expiry, etc) */
        #cid_17 .form-sub-label {
            font-family: "Outfit", sans-serif !important;
            font-size: 14px !important;
            color: #777 !important;
            margin-top: 5px !important;
            display: block !important;
        }
        
        /* --- STICKY CARD --- */
        .sticky-summary-card {
            position: absolute !important;
            top: 20px !important;
            left: 2vw !important;
            width: 90% !important;
            background-color: #312D2E !important;
            border-radius: 15px !important;
            padding: 70px !important;
            box-sizing: border-box !important;
            color: white !important;
            z-index: 100 !important;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
            transition: top 0.1s ease !important;
        }
        
        .sticky-summary-card.fixed-mode {
            position: fixed !important;
            top: 20px !important;
        }

        .card-title { font-size: 1.2rem !important; font-weight: 600 !important; color: #bfbdbd !important; margin-bottom: 5px !important; text-transform: capitalize !important; }
        .card-total-display { font-size: 3.5rem !important; font-weight: 500 !important; color: #ffffff !important; line-height: 1.1 !important; margin-bottom: 5px !important; }
        .card-subtitle { font-size: 1.1rem !important; font-weight: 500 !important; color: #81CA9C !important; text-transform: uppercase !important; letter-spacing: 1px !important; margin-bottom: 20px !important; }
        .card-divider { border: 0 !important; height: 1px !important; background: #bfbdbd !important; margin-bottom: 20px !important; opacity: 0.5 !important; }
        .summary-table { width: 100% !important; margin-bottom: 30px !important; }
        .summary-row { display: flex !important; justify-content: space-between !important; margin-bottom: 12px !important; }
        .summary-label { color: #bfbdbd !important; font-size: 1.5rem !important; font-weight: 400 !important; flex: 1 !important; }
        .summary-value { color: #ffffff !important; font-size: 1.5rem !important; font-weight: 600 !important; text-align: right !important; flex: 1 !important; padding-left: 10px !important; word-break: break-word !important; }
        
        #id_2 { margin: 0 !important; padding: 0 !important; width: 100% !important; }
        .form-submit-button {
            background-color: #56C5D0 !important;
            background-image: none !important;
            border: none !important;
            border-radius: 15px !important;
            padding: 15px 20px !important;
            width: 100% !important;
            color: #231F20 !important;
            font-size: 2.2rem !important;
            font-weight: 700 !important;
            cursor: pointer !important;
            display: flex !important;
            justify-content: center !important;
            align-items: center !important;
            text-transform: uppercase !important;
        }
        .form-submit-button::after {
            content: '' !important;
            display: inline-block !important;
            width: 20px !important;
            height: 20px !important;
            margin-left: 10px !important;
            background-image: url('https://brightjewishfuture.org/media/images/1358/ZlYI13583924.png') !important;
            background-size: contain !important;
            background-repeat: no-repeat !important;
            background-position: center !important;
        }
        .card-tax-info { margin-top: 20px !important; color: #ffffff !important; font-size: 0.9rem !important; line-height: 1.4 !important; text-align: center !important; }

/* 1. Set the wrapper to relative so we can position the $ inside it */
        #cid_4 .form-radio-item:last-child span {
            position: relative !important;
            width: 100% !important;
            display: flex !important;
            justify-content: center !important;
            align-items: center !important;
        }

        /* 2. Create the Dollar Sign */
        #cid_4 .form-radio-item:last-child span::before {
            content: '$' !important;
            position: absolute !important;
            left: 25px !important; /* Adjust this to move the $ left or right */
            font-size: 2.2rem !important; /* Matches your input font size */
            color: #535353 !important;
            font-weight: 600 !important;
            z-index: 5 !important;
            pointer-events: none !important; /* Ensures the user can click through the $ to focus the input */
        }

        /* 3. Adjust the input padding so the text doesn't hide behind the $ */
        #cid_4 input.form-radio-other-input {
            padding-left: 50px !important; 
        }

        #id_19 { display: none !important; }

        .page-tools-sidebar{ display: none !important;}

        @media screen and (max-width: 900px) {
            .form-payment-methods .form-radio-item{ width: 40vw !important;}
            .custom-left-column { width: 100% !important; padding: 20px !important; border-radius: 15px !important; }
            .form-label-left{ width: 100% !important; max-width: 100% !important; }
            #cid_4 input.form-radio-other-input{ padding: 50px !important;}
            .custom-right-column { width: 100% !important; min-height: auto !important; margin-top: 30px !important; }
            #cid_4 .form-single-column { grid-template-columns: 1fr !important; }
            .form-payment-methods { grid-template-columns: repeat(2, 1fr) !important; } /* 2 cols on mobile */
            .sticky-summary-card { position: relative !important; width: 100% !important; top: auto !important; left: auto !important; }
            .sticky-summary-card.fixed-mode { position: relative !important; top: auto !important; left: auto !important; width: 100% !important; }
            .form-textbox, .form-dropdown, input[type=text], input[type=email], input[type=tel], input[type=number]{ width:100% !important;}
            #first_13{ width: auto !important;}
            #cid_13 .form-sub-label-container{width: auto !important;}
#cid_4 .form-radio-item{ width: 100% !important;}
#cid_17 > table > tbody > tr:nth-child(1) > td{grid-template-columns: repeat(2, 1fr) !important;}
        }
    `;
    document.head.appendChild(style);


    // --- 3. DOM RESTRUCTURING LOGIC ---
    // Wait for DOM to be ready
    var runRestructuring = function() {
        var formSection = document.querySelector('.form-section');
        if (!formSection) {
            setTimeout(runRestructuring, 100);
            return;
        }
        
        if (document.querySelector('.custom-form-wrapper')) return;

        // --- A. MODIFY DONATION CARDS ---
        var donationLabels = document.querySelectorAll('#cid_4 .form-radio-item label');
        for (var i = 0; i < donationLabels.length; i++) {
            var label = donationLabels[i];
            var text = label.textContent.trim();
            if (text.includes('$')) {
                var parts = text.split('$');
                var desc = parts[0].trim();
                var amt = parts.length > 1 ? '$' + parts[1].trim() : '';
                
                if (amt && desc) {
                    label.innerHTML = 
                        '<span class="donation-amount-text">' + amt + '</span>' +
                        '<span class="donation-desc-text">' + desc + '</span>';
                }
            }
        }

        // --- B. CREATE WRAPPERS ---
        var wrapper = document.createElement('div');
        wrapper.className = 'custom-form-wrapper';
        
        var leftCol = document.createElement('div');
        leftCol.className = 'custom-left-column';
        
        var rightCol = document.createElement('div');
        rightCol.className = 'custom-right-column';
        rightCol.id = 'rightColumnContainer';

        var stickyCard = document.createElement('div');
        stickyCard.className = 'sticky-summary-card';
        stickyCard.id = 'stickyCard';
        
        stickyCard.innerHTML = 
            '<div class="card-title">Donation Summary</div>' +
            '<div class="card-total-display" id="mirror-total">$0.00</div>' +
            '<div class="card-subtitle">One-Time Gift</div>' +
            '<div class="card-divider"></div>' +
            '<div class="summary-table">' +
                '<div class="summary-row">' +
                    '<div class="summary-label">Donation Amount</div>' +
                    '<div class="summary-value" id="mirror-amount-val">$0.00</div>' +
                '</div>' +
                '<div class="summary-row">' +
                    '<div class="summary-label">Dedication</div>' +
                    '<div class="summary-value" id="mirror-dedication">NONE</div>' +
                '</div>' +
                '<div class="summary-row">' +
                    '<div class="summary-label">Endowment Fund</div>' +
                    '<div class="summary-value" id="mirror-endowment">NONE</div>' +
                '</div>' +
                '<div class="summary-row">' +
                    '<div class="summary-label">Payment Method</div>' +
                    '<div class="summary-value" id="mirror-payment">NONE</div>' +
                '</div>' +
            '</div>' +
            '<div id="moved-submit-container"></div>' +
            '<div class="card-tax-info">' +
                'All donations are <strong>Tax Deductible</strong><br>' +
                'Our organization is a registered 501(c)(3) non-profit<br>' +
                'Tax ID: 39-3925709' +
            '</div>';

        // --- C. MOVE ELEMENTS ---
        var children = Array.prototype.slice.call(formSection.children);
        
        formSection.appendChild(wrapper);
        wrapper.appendChild(leftCol);
        wrapper.appendChild(rightCol);
        rightCol.appendChild(stickyCard);

        var createDivider = function() {
            var div = document.createElement('hr');
            div.className = 'custom-divider';
            return div;
        };

        var getEl = function(id) { return document.getElementById(id); };

        var taxInfo = getEl('id_3');
        if (taxInfo) {
            taxInfo.style.display = 'block';
            leftCol.appendChild(taxInfo);
            leftCol.appendChild(createDivider());
        }

        if (getEl('id_4')) leftCol.appendChild(getEl('id_4'));
        if (getEl('id_5')) leftCol.appendChild(getEl('id_5'));

        if (getEl('id_6')) {
            leftCol.appendChild(getEl('id_6'));
            leftCol.appendChild(createDivider());
        }

        if (getEl('id_7')) leftCol.appendChild(getEl('id_7'));
        if (getEl('id_8')) leftCol.appendChild(getEl('id_8'));
        if (getEl('id_9')) leftCol.appendChild(getEl('id_9'));
        if (getEl('id_10')) leftCol.appendChild(getEl('id_10'));
        if (getEl('id_11')) leftCol.appendChild(getEl('id_11'));

        if (getEl('id_12')) leftCol.appendChild(getEl('id_12'));
        if (getEl('id_13')) leftCol.appendChild(getEl('id_13'));
        if (getEl('id_14')) leftCol.appendChild(getEl('id_14'));
        if (getEl('id_16')) leftCol.appendChild(getEl('id_16'));
        
        leftCol.appendChild(createDivider());
        
        // Add Payment Section Here (id_17)
        if (getEl('id_17')) leftCol.appendChild(getEl('id_17'));
        if (getEl('id_18')) leftCol.appendChild(getEl('id_18'));

        children.forEach(function(child) {
            if (child.id === 'id_1') {
                formSection.insertBefore(child, wrapper);
            } else if (child.id === 'id_2') {
                var cont = stickyCard.querySelector('#moved-submit-container');
                if(cont) cont.appendChild(child);
            } else if (!leftCol.contains(child) && !stickyCard.contains(child) && !wrapper.contains(child) && child.id !== 'id_1') {
                child.style.display = 'none';
                leftCol.appendChild(child);
            }
        });

        // --- D. LOGIC FOR PAYMENT ACTIVE STATE ---
        var paymentItems = document.querySelectorAll('.form-payment-methods .form-radio-item');
        for (var k = 0; k < paymentItems.length; k++) {
            paymentItems[k].addEventListener('click', function() {
                for (var j = 0; j < paymentItems.length; j++) {
                    paymentItems[j].classList.remove('active-payment-card');
                }
                this.classList.add('active-payment-card');
                var input = this.querySelector('input[type="radio"]');
                if (input) {
                    input.checked = true;
                    var event = document.createEvent("HTMLEvents");
                    event.initEvent("change", true, true);
                    input.dispatchEvent(event);
                }
            });
        }
        
        // --- D2. ENHANCE PAYMENT FIELDS (Bel Air Logic) ---
        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";

        // --- E. POSITIONING & SCROLL LOGIC ---
        function handleScroll() {
            if (window.innerWidth <= 900) return; // Disable sticky on mobile

            var scrollY = window.pageYOffset || document.documentElement.scrollTop;
            var bodyRect = document.body.getBoundingClientRect();
            var elemRect = rightCol.getBoundingClientRect();
            var offsetTop = elemRect.top - bodyRect.top;

            if (scrollY > offsetTop - 20) { // 20px buffer top
                stickyCard.classList.add('fixed-mode');
                
                // CALCULATE 80% WIDTH
                var w = rightCol.offsetWidth * 0.8;
                stickyCard.style.setProperty('width', w + 'px', 'important');
                
                // CALCULATE LEFT: Column Left + approx 2vw (2% of window width)
                // This ensures it sits inside the box, slightly indented
                var l = elemRect.left + (window.innerWidth * 0.02);
                stickyCard.style.setProperty('left', l + 'px', 'important');
                
            } else {
                stickyCard.classList.remove('fixed-mode');
                stickyCard.style.removeProperty('width');
                stickyCard.style.removeProperty('left');
                
                // Default relative positioning
                stickyCard.style.width = '90%'; 
                stickyCard.style.left = '2vw';
            }
        }

        window.addEventListener('scroll', handleScroll);
        window.addEventListener('resize', handleScroll); 

        setTimeout(handleScroll, 500);


        // --- F. MONTHLY TEXT LOGIC ---
        var monthlyCheckbox = document.getElementById('input_5');
        var cardSubtitle = stickyCard.querySelector('.card-subtitle');
        if(monthlyCheckbox && cardSubtitle){
            monthlyCheckbox.addEventListener('change', function(){
                cardSubtitle.innerText = this.checked ? "Monthly Gift" : "One-Time Gift";
            });
        }


        // --- G. MIRRORING VALUES ---
        var originalTotal = document.getElementById('total_amount');
        var mirrorTotalMain = document.getElementById('mirror-total');
        var mirrorTotalRow = document.getElementById('mirror-amount-val');

        if (originalTotal && typeof MutationObserver !== 'undefined') {
            var observer = new MutationObserver(function(mutations) {
                mutations.forEach(function(mutation) {
                    var newText = originalTotal.innerText || '$0.00';
                    if (mirrorTotalMain) mirrorTotalMain.innerText = newText;
                    if (mirrorTotalRow) mirrorTotalRow.innerText = newText;
                });
            });
            observer.observe(originalTotal, { childList: true, subtree: true, characterData: true });
            var initText = originalTotal.innerText || '$0.00';
            if (mirrorTotalMain) mirrorTotalMain.innerText = initText;
            if (mirrorTotalRow) mirrorTotalRow.innerText = initText;
        }

        var dedInput = document.getElementById('input_7');
        var mirrorDed = document.getElementById('mirror-dedication');
        if (dedInput) {
            dedInput.addEventListener('input', function() {
                mirrorDed.innerText = this.value.trim() === '' ? 'NONE' : this.value;
            });
        }

        var endSelect = document.getElementById('input_8');
        var mirrorEnd = document.getElementById('mirror-endowment');
        if (endSelect) {
            endSelect.addEventListener('change', function() {
                mirrorEnd.innerText = this.value === '' ? 'NONE' : this.value;
            });
        }

        var payRadios = document.querySelectorAll('input[name="q17_payment[payment_method]"]');
        var mirrorPay = document.getElementById('mirror-payment');
        for (var m = 0; m < payRadios.length; m++) {
            payRadios[m].addEventListener('change', function() {
                if (this.checked) {
                    var val = this.value;
                    if(val === 'other') val = 'Cash/Check';
                    if(val === 'creditCard') val = 'Credit Card';
                    mirrorPay.innerText = val;
                }
            });
        }

        // --- H. UNTICK DEFAULT CHECKBOXES ---
        // CMS defaults them to checked, user wants them unchecked.
        var check10 = document.getElementById('input_10_0');
        if(check10) {
            check10.checked = false;
            check10.removeAttribute('checked'); 
        }
        var check11 = document.getElementById('input_11_0');
        if(check11) {
            check11.checked = false;
            check11.removeAttribute('checked');
        }
         /* 
        var check21 = document.getElementById('input_21');
        if(check21) {
            check21.checked = false;
            check21.removeAttribute('checked'); 
        }
        */
    };

    // Run when ready
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', runRestructuring);
    } else {
        runRestructuring();
    }
}
</script><script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery-latest.min.js?g=10&v=20220427.1659"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/stacktable.js/1.0.3/stacktable.js"></script><script src="https://w2.chabad.org/images/mychabad/resources/click/js/LivIconsEvo.Tools.js"></script><script src="https://w2.chabad.org/images/mychabad/resources/click/js/LivIconsEvo.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/stacktable.js/1.0.3/stacktable.js"></script><script>
 /****************************************************************************************************
 * @name: LivIconsEvo.defaults.js - the default options for LivIcons (Live Icons) Evolution
 * @version: 2.3.XXX (XXX is a total number of icons)
 * @URL: https://livicons.com
 * @copyright: (c) 2013-2016 DeeThemes (http://codecanyon.net/user/DeeThemes)
 * @licenses: http://codecanyon.net/licenses/regular
 http://codecanyon.net/licenses/extended
 *****************************************************************************************************/
 ;if (typeof jQuery === 'undefined') {
 throw new Error('LivIcons Evolution Script requires jQuery!');
 };
 
 function LivIconsEvoDefaults () {
 
 "use strict";
 
 var default_options = {
 
 pathToFolder: 'https://w2.chabad.org/images/mychabad/resources/click/Icons/', //the path from root of your site to folder with icons. Also may be as URL, like 'http://yoursite.com/path/to/LivIconsEvo/svg/'
 name: 'bell.svg', //the default icon name
 
 //visualization options
 
 style: 'original', //'original', 'solid', filled', 'lines' or ('lines-alt' / 'linesAlt')
 size: '60px', //default size
 
 strokeStyle: 'original', //'original', 'round' or 'square'
 strokeWidth: 'original', //'original' or any value in pixels
 
 tryToSharpen: true, //apply or not micro shifts of SVG shapes to try to make them more sharp (crisp)
 
 rotate: 'none', //'none' or any value in deg [0 ... 360]
 flipHorizontal: false,
 flipVertical: false,
 
 strokeColor: '#22A7F0', //when style opt is 'filled' or 'lines' or ('lines-alt' / 'linesAlt')
 strokeColorAction: '#b3421b', //when 'style' is 'original', 'filled' or 'lines' and 'colorsOnHover' or 'colorsWhenMorph' is 'custom'
 strokeColorAlt: '#F9B32F', //when style opt is ('lines-alt' / 'linesAlt')
 strokeColorAltAction: '#ab69c6', //when 'style' is ('lines-alt' / 'linesAlt') and 'colorsOnHover' or 'colorsWhenMorph' is 'custom'
 fillColor: '#91e9ff', //when style opt is 'filled'
 fillColorAction: '#ff926b', //when 'style' is 'original' or 'filled' and 'colorsOnHover' or 'colorsWhenMorph' is 'custom'
 solidColor: '#6C7A89', //when style opt is 'solid'
 solidColorAction: '#4C5A69', //when 'style' is 'solid' and 'colorsOnHover' or 'colorsWhenMorph' is 'custom'
 solidColorBg: '#ffffff', //when style opt is 'solid'
 solidColorBgAction: '#ffffff', //when 'style' is 'solid'
 
 colorsOnHover: 'none', //'none', 'lighter', 'darker', 'custom' or 'hue0' ... 'hue360'
 colorsHoverTime: 0.3, //seconds
 
 colorsWhenMorph: 'none', //'none', 'lighter', 'darker', 'custom' or 'hue0' ... 'hue360'
 
 brightness: 0.10, // brightness change when 'lighter' or 'darker' (10% by default)
 saturation: 0.07, // saturation change when 'lighter' or 'darker' (7% by default)
 
 morphState: 'start', //'start' or 'end' (initial state for animating position)
 morphImage: 'none', //'none' or a URL to your image (better to use an image with equal width and height)
 allowMorphImageTransform: false, //if true the inside image will rotate and/or flip with a morph icon together
 
 strokeWidthFactorOnHover: 'none', //'none' or numeric value. For ex., for increase twice set the option to 2
 strokeWidthOnHoverTime: 0.3, //seconds
 keepStrokeWidthOnResize: false,
 
 //animation options
 
 animated: true, //if false, an icon is static
 eventType: 'hover', //'click', 'hover' or 'none'
 eventOn: 'self', //'self', 'parent', 'grandparent' or any ID (#some_id) or class (.some_class)
 
 autoPlay: false, //be careful with true value
 delay: 0, //value in seconds
 duration: 'default', //'default' or value in seconds
 repeat: 'default', //'default', 'loop' or integer number of repeats
 repeatDelay: 'default', //'default' or value in seconds
 
 drawOnViewport: false,
 viewportShift: 'oneHalf', //'none', ('one-half' / 'oneHalf'), ('one-third' / 'oneThird') or 'full'
 drawDelay: 0, //seconds
 drawTime: 1, //seconds
 drawStagger: 0.1, //seconds
 drawStartPoint: 'middle', //'start', 'middle' or 'end'
 drawColor: 'same', //'same' or any desired color value (HEX)
 drawColorTime: 1, //seconds
 drawReversed: false, //true will reverse the order of shapes drawing
 drawEase: 'Power1.easeOut', //default ease
 
 eraseDelay: 0, //seconds
 eraseTime: 1, //seconds
 eraseStagger: 0.1, //seconds
 eraseStartPoint: 'middle', //'start', 'middle' or 'end'
 eraseReversed: true, //true will reverse the order of shapes erasing
 eraseEase: 'Power1.easeOut', //default ease
 
 touchEvents: false, //apply or not special events handlers for touch devices
 
 //callback functions
 
 beforeAdd: false,
 afterAdd: false,
 
 beforeUpdate: false,
 afterUpdate: false,
 
 beforeRemove: false,
 afterRemove: false,
 
 beforeDraw: false,
 afterDraw: false,
 duringDraw: false,
 
 beforeErase: false,
 afterErase: false,
 duringErase: false,
 
 beforeAnim: false,
 afterAnim: false,
 duringAnim: false
 };
 
 if (default_options.pathToFolder === '/EDIT THIS OPTION!/') {
 alert('LivIcons Evolution: Please edit "pathToFolder" option in the "LivIconsEvo.defaults.js" file!');
 throw new Error('LivIcons Evolution: Please edit "pathToFolder" option in the "LivIconsEvo.defaults.js" file!');
 };
 
 return default_options;
 };</script><script>
(function() {
    // 1. Define Target AIDs
    const targetAids = ['7242668', '7250949', '7243488', '7250960', '7255175','7252339'];
    const currentUrl = window.location.href;
    const isTargetPage = targetAids.some(aid => currentUrl.includes(aid));

    // If we are not on a target page, stop immediately.
    if (!isTargetPage) return;

    // --- A. REMOVE BANNER (Aggressive Check) ---
    // Checks every 100ms for 5 seconds to ensure it catches the banner
    const bannerCheck = setInterval(function() {
        const banner = document.querySelector('.cco_templateless_template');
        if (banner) {
            banner.remove();
            // We don't clear interval here because sometimes the CMS re-injects the banner.
            // We keep checking for the full duration just to be safe.
        }
    }, 100);
    
    // Stop checking for the banner after 5 seconds
    setTimeout(function() { clearInterval(bannerCheck); }, 5000);


    // --- B. MOBILE MENU (Wait for Existence) ---
    // Checks every 100ms until it finds the hamburger button
    const menuCheck = setInterval(function() {
        const hamburger = document.getElementById('BJF-Hamburger-Btn');
        const overlay = document.getElementById('BJF-Mobile-Overlay');
        const closeBtn = document.getElementById('BJF-Close-Menu');

        // Only run if the elements actually exist
        if (hamburger && overlay) {
            clearInterval(menuCheck); // Stop checking, we found them!

            // Open Menu
            hamburger.addEventListener('click', function(e) {
                e.preventDefault();
                overlay.classList.add('is-open');
            });

            // Close Menu (X button)
            if (closeBtn) {
                closeBtn.addEventListener('click', function() {
                    overlay.classList.remove('is-open');
                });
            }

            // Close Menu (Click Outside)
            overlay.addEventListener('click', function(e) {
                if (e.target === overlay) {
                    overlay.classList.remove('is-open');
                }
            });
        }
    }, 100);

    // Stop checking for the menu after 8 seconds (timeout safety)
    setTimeout(function() { clearInterval(menuCheck); }, 8000);


    // --- C. ANIMATION OBSERVER (Only for AID 7250960) ---
    if (currentUrl.includes('7250960')) {
        
        // Check every 100ms until the sections are loaded
        const animCheck = setInterval(function() {
            const sections = document.querySelectorAll('.JEC-END-Section, .JEC-END-Main-Title-Wrapper, .JEC-END-Logo-Wrapper');

            if (sections.length > 0) {
                clearInterval(animCheck); // Stop checking, we found them!

                // 1. Set Initial State (Hidden)
                sections.forEach(function(el) {
                    el.classList.add('js-reveal-hidden');
                });

                // 2. Create Observer
                const observer = new IntersectionObserver(function(entries) {
                    entries.forEach(function(entry) {
                        if (entry.isIntersecting) {
                            const el = entry.target;
                            
                            // Calculate Stagger Delay
                            // We look for just the main sections to index the delay
                            const allSections = Array.from(document.querySelectorAll('.JEC-END-Section'));
                            const idx = allSections.indexOf(el);
                            
                            if (idx !== -1) {
                                el.style.transitionDelay = (idx * 0.1) + 's';
                            }
                            
                            el.classList.add('js-reveal-visible');
                            observer.unobserve(el);
                        }
                    });
                }, { threshold: 0.1 });

                // 3. Start Observing
                sections.forEach(function(el) {
                    observer.observe(el);
                });
            }
        }, 100);

        // Stop checking for animation sections after 8 seconds
        setTimeout(function() { clearInterval(animCheck); }, 8000);
    }

})();
</script><title>
	About - Chabad Education Foundation
</title></head>
<body class="lang_en dir_ltr cco_body cco_templateless_page section_branch">
	
	
		<div width="100%" class="cco_templateless_template" style="z-index:100 !important;display:block !important;left:0px !important;top:0px !important;height:30px!important;width:100% !important;line-height:30px !important; position:relative !important; margin-bottom:0 !important; padding:0;text-indent: 25px;" align="Left"><a href="//www.BrightJewishFuture.org" style="display:block!important;font-size:14px !important;">&laquo; Back to&nbsp;Chabad Education Foundation</a></div>
	
	<div class="cco_templatelates_content">
		
	<div class="co_content_container clearfix local_content" id="co_content_container">
		<div class="clearfix">
			<!-- BEGIN HEADER --><style type="text/css">

@import url('https://webmk.co/sites/lubavitch-cheder-mn/dinner-style.css');</style>

<p>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<co:protected>
<script language="javascript" type="text/javascript" src="https://webmk.co/sites/lubavitch-cheder-mn/dinner-reserve.js"></script>
  

<div id="chabad_body_page">
<div id="chabad_main_content">
<div id="chabad_head">
 

<div class="chabad_header">
<a href="/3606533"> 
<img src="https://w2.chabad.org/media/images/1002/TCHq10024815.png" alt="" /></a>
</div>


<div id="navigation" class="chabad_navigator_bar">
<div class="chabad_menu_content">
<ul id="menu" class="navi">
<li class="item parent selected">
<a href="/article.asp?aid=3606535" class="parent selected">About</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=3633202" class="parent">Event</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=3606536" class="parent">Honorees</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=3637411" class="parent">Committee</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=3606537" class="parent">RSVP & Sponsor</a>
</li>

</ul>
</div>
</div>


</div>
<div id="chabad_body_content" class="content_full_width">
<div detached="true" type="static" id="ContentArea" name="content_area" actions="edit,delete" class="chabad_left_column"><div id="content_page_full" class="content_page_full"><!-- END HEADER -->
			
			
			<div class="clearfix bh mobile-only align_right">ב"ה</div>
			
				<div class="master-content-wrapper " >
					

<header class="article-header cf ">
	
	
			<h1 class="article-header__title js-article-title js-page-title">About</h1>
		
			<div>
				
			</div>
		
</header>
				</div>
			
			<div class="body_wrapper clearfix co_body">
				<div class="" id="co_body_container">
					
					<div id="ContentBody">
						
						
							<div class="content-area-parent no_margin">
								
	<div id="cco_body">
		<div class="content  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="2017-03-03T02:23:43" />
<span itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
	<meta itemprop="name" content="Chabad Education Foundation" />
	<meta itemprop="brand" content="Chabad Education Foundation" />
	<span itemprop="logo" itemscope itemtype="http://schema.org/ImageObject">
		<meta itemprop="url" content="https://w2.chabad.org/media/images/1360/WFib13606212.png" />
		<meta itemprop="height" content="150" />
		<meta itemprop="width" content="150" />
	</span>
</span>
<meta itemprop="datePublished" content="2017-03-03T02:23:43" />
			<div itemprop="articleBody">
				<co:body xmlns:co="www1.chabadonline.com/alpha1" xmlns:ext="urn:xslt-extensions">
  <div class="co_body article-body cf">
<style type="text/css">
.co_body p {
    font-size: 17px;
    color: #243a3e;
}
</style>
<h1>About</h1>
<p>
<strong>Welcome to the Lubavitch Cheder Day School Gala Dinner 2017! </strong></p>
<p>If you ever walk the halls of the Cheder on a regular day, you will experience the warm sensation of Judaism’s bright future. The sing-song of children excitedly studying Torah and their joyful sounds of learning the Alef-beis fill the corridor; students learning and playing in a wholesome environment where they are taught to be proud of their Judaism. The innocence. The excitement. The feeling that the Jewish future is alive and well, Am Yisroel Chai!</p>
<p>This is a special year for the Cheder. This past September, for the <strong>40th time</strong>, we welcomed the Jewish people’s greatest asset – our children - through our doors. We have recommitted ourselves to providing them with the best possible Jewish education.</p>
<p>The cornerstone of a Cheder education, the basis of our philosophy and the theme of this year’s dinner is <strong>Educating Love</strong>.</p>
<p>The strong emotional bond that the children develop with Judaism while still in their formative years creates the enduring connection that empowers them to weather life’s challenges. It is the <strong>Love of Hashem, Love of the Torah and</strong> [primarily, and as a gateway to the others] <strong>Love of our People </strong>that is tenderly nurtured within them from the youngest age. This, perhaps above all else, inspires their future choices and lifestyle. This is the living example - set by the <strong>Lubavitcher Rebbe</strong>, Rabbi Menachem M. Schneerson, of righteous memory - that the students experience daily at the Lubavitch Cheder.</p>
<p><strong>Senator Rudy &amp; Ellen Boschwitz</strong>, our guests of honor, are not just associated with great causes; they are whole-heartedly invested for the benefit of the Jewish community. No matter the scale of the issue, if it is connected with the Jewish community it is of importance to them. That love is an example and an inspiration for so many thousands of people.</p>
<p>The community leadership award goes, most befittingly, to <strong>Dr. Richard &amp; Dianne Smookler</strong>. The Smooklers have been a paradigm of this form of love in our community for so many years. While they have taken up numerous leadership roles within the Jewish community at large, perhaps what stands out most is their love and dedication to each individual in their sphere of influence.</p>
<p>We ask you, the partners and supporters of this great endeavor to help us make this year’s gala dinner an outstanding success. <strong>We cannot do it without you!</strong></p>
<p><strong>Please </strong><a href="/3606537"> <strong>RSVP</strong></a> in support of this year’s annual campaign. Contribute generously and help make this evening the success it promises to be.</p>
<p> </p>
<h1>Photos</h1>
<table width="100%" cellpadding="0" cellspacing="10">
<tbody>
<tr>
<td>
<img width="100%" src="https://webmk.co/sites/lubavitch-cheder-mn/gala-photos/IMG_0471.jpg" alt=""></td>
<td>
<img width="100%" src="https://webmk.co/sites/lubavitch-cheder-mn/gala-photos/IMG_0523.jpg" alt=""></td>
</tr>
<tr>
<td>
<img width="100%" src="https://webmk.co/sites/lubavitch-cheder-mn/gala-photos/IMG_0526.jpg" alt=""></td>
<td>
<img width="100%" src="https://webmk.co/sites/lubavitch-cheder-mn/gala-photos/IMG_0578.jpg" alt=""></td>
</tr>
<tr>
<td>
<img width="100%" src="https://webmk.co/sites/lubavitch-cheder-mn/gala-photos/IMG_0597.jpg" alt=""></td>
<td>
<img width="100%" src="https://webmk.co/sites/lubavitch-cheder-mn/gala-photos/IMG_0621.jpg" alt=""></td>
</tr>
<tr>
<td>
<img width="100%" src="https://webmk.co/sites/lubavitch-cheder-mn/gala-photos/IMG_0657.jpg" alt=""></td>
<td>
<img width="100%" src="https://webmk.co/sites/lubavitch-cheder-mn/gala-photos/IMG_0667.jpg" alt=""></td>
</tr>
<tr>
<td>
<img width="100%" src="https://webmk.co/sites/lubavitch-cheder-mn/gala-photos/IMG_0673.jpg" alt=""></td>
<td>
<img width="100%" src="https://webmk.co/sites/lubavitch-cheder-mn/gala-photos/IMG_0706.jpg" alt=""></td>
</tr>
<tr>
<td>
<img width="100%" src="https://webmk.co/sites/lubavitch-cheder-mn/gala-photos/IMG_0717.jpg" alt=""></td>
<td>
<img width="100%" src="https://webmk.co/sites/lubavitch-cheder-mn/gala-photos/IMG_0780.jpg" alt=""></td>
</tr>
<tr>
<td>
<img width="100%" src="https://webmk.co/sites/lubavitch-cheder-mn/gala-photos/IMG_0829.jpg" alt=""></td>
<td>
<img width="100%" src="https://webmk.co/sites/lubavitch-cheder-mn/gala-photos/IMG_0857.jpg" alt=""></td>
</tr>
<tr>
<td>
<img width="100%" src="https://webmk.co/sites/lubavitch-cheder-mn/gala-photos/IMG_0864.jpg" alt=""></td>
<td>
<img width="100%" src="https://webmk.co/sites/lubavitch-cheder-mn/gala-photos/IMG_0907.jpg" alt=""></td>
</tr>
<tr>
<td>
<img width="100%" src="https://webmk.co/sites/lubavitch-cheder-mn/gala-photos/IMG_0926.jpg" alt=""></td>
<td>
<img width="100%" src="https://webmk.co/sites/lubavitch-cheder-mn/gala-photos/IMG_0991.jpg" alt=""></td>
</tr>
<tr>
<td>
<img width="100%" src="https://webmk.co/sites/lubavitch-cheder-mn/gala-photos/IMG_0997.jpg" alt=""></td>
<td>
<img width="100%" src="https://webmk.co/sites/lubavitch-cheder-mn/gala-photos/IMG_1087.jpg" alt=""></td>
</tr>
<tr>
<td>
<img width="100%" src="https://webmk.co/sites/lubavitch-cheder-mn/gala-photos/IMG_1098.jpg" alt=""></td>
<td>
<img width="100%" src="https://webmk.co/sites/lubavitch-cheder-mn/gala-photos/IMG_1154.jpg" alt=""></td>
</tr>
</tbody>
</table>
</div>
</co:body>
			</div>
			

			<div class="break_floats"></div>
			
	<div class="break_floats"></div>
	

<div class="content-footer">
	
	
	
	
	
	
</div>
	</article>

		</div>
	</div>
</div>
						
						<div class="break_floats"></div>
						
					</div>
				</div>
				
				
				
			</div>
			
			<!-- BEGIN FOOTER --></div></div>

</div>
<div id="border_bottom"></div>
</div>
</div></co:protected></p>
<!-- END FOOTER -->
		</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.brightjewishfuture.org%2ftemplates%2farticlecco_cdo%2faid%2f3606535%2fjewish%2fAbout.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=About+-+Chabad+Education+Foundation&amp;url=https%3a%2f%2fwww.brightjewishfuture.org%2ftemplates%2farticlecco_cdo%2faid%2f3606535%2fjewish%2fAbout.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=About+-+Chabad+Education+Foundation https%3a%2f%2fwww.brightjewishfuture.org%2ftemplates%2farticlecco_cdo%2faid%2f3606535%2fjewish%2fAbout.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.brightjewishfuture.org%2ftemplates%2farticlecco_cdo%2faid%2f3606535%2fjewish%2fAbout.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dpinterest&amp;description=About+-+Chabad+Education+Foundation">
				<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, 3606533);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>

	<div id="BodyContainer">
		<div class="g960 footer">
			<div class="poweredby large_bottom_margin">
				


	<div class="footer3"><b>Chabad Education Foundation • info@BrightJewishFuture • 651-698-0556</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>
	
	

	
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery-latest.min.js?v=278824AF"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/co/dist/CoLib.js?v=6777A16C"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js?v=A13136FE"></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/article/comments/reply-form-controller.js?v=F39697ED"></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/minisites.js?v=F38E4DA5"></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/modules/pagetools.js?v=930B07AB"></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 Education Foundation'}; Co.ArticleId     = '3606535';Co.SectionId     = 3606533;Co.PartnerSiteId = 0;Co.SiteId        = 5;Co.IsMobilePage  = false;Co.IsResponsive  = false;Co.DbDomain      = 'BrightJewishFuture.org';Co.LanguageCode  = '';Co.LoginStatus   = 'None';</script>
	
	
<script>
(function() {
    // =========================================================================
    // PART 0: GLOBAL LOGIC (RUNS ON EVERY PAGE)
    // =========================================================================
    function addBH() {
        if (!document.getElementById('global-bh-badge')) {
            var bh = document.createElement('div');
            bh.id = 'global-bh-badge';
            bh.innerHTML = 'ב"ה';
            // Styling for the B"H
            bh.style.position = 'absolute';
            bh.style.top = '5px';
            bh.style.right = '10px';
            bh.style.zIndex = '999999';
            bh.style.fontSize = '12px';
            bh.style.color = '#333';
            bh.style.fontFamily = 'Arial, sans-serif';
            bh.style.pointerEvents = 'none'; // Ensures it doesn't block clicks on menus beneath it
            
            document.body.appendChild(bh);
        }
    }

    // Run the B"H injection as soon as the body is ready
    if (document.readyState === "loading") {
        document.addEventListener("DOMContentLoaded", addBH);
    } else {
        addBH();
    }

    // =========================================================================
    // PART 1: DETECT HOMEPAGE (Restricts the rest of the script)
    // =========================================================================
    var currentUrl = window.location.href;
    var path = window.location.pathname;
    
    // Strict check for Homepage (Root, index.html, or exact domain match)
    var isHomepage = (
        path === '/' || 
        path === '/index.html' || 
        currentUrl === 'https://www.brightjewishfuture.org/' || 
        currentUrl === 'https://www.brightjewishfuture.org'
    );

    // --- CRITICAL: STOP IF NOT HOMEPAGE ---
    if (!isHomepage) {
        return; // Exits the script immediately. No styles are loaded. No code is run.
    }

    // =========================================================================
    // PART A: INJECT CSS DYNAMICALLY (Only runs if we passed the check above)
    // =========================================================================
    var style = document.createElement('style');
    style.innerHTML = `
    /* =========================================================================
       GLOBAL STYLES (NOW RESTRICTED TO HOMEPAGE VIA JS)
       ========================================================================= */
    
    /* 1. HIDE OLD HEADER ELEMENTS (But Keep the Menu Wrapper) */
    body.jec-custom-header #feedback_bar,
    body.jec-custom-header #header_container,
    body.jec-custom-header #header_branding,
    body.jec-custom-header .branding-search,
    body.jec-custom-header .header,
    body.jec-custom-header table[width="100%"] tr td[valign="top"] img {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        height: 0 !important;
    }

    /* 2. INJECTED LOGO STYLES (Fixed Top Left) */
    .jec-global-logo-link {
        position: fixed !important; 
        top: 20px !important; 
        left: 5% !important;
        z-index: 9999 !important;
        display: block !important;
        cursor: pointer !important;
        text-decoration: none !important;
        border: none !important;
    }
    .jec-global-logo-img {
        max-width: 300px !important; 
        height: auto !important; 
        display: block !important;
        border: none !important;
    }
    @media (max-width: 768px) {
        .jec-global-logo-link { top: 5px !important; left: 20px !important; }
        .jec-global-logo-img { width: 120px !important; }
    }

    /* 3. MENU POSITIONING (Spread Apart) */
    body.jec-custom-header .site-nav-wrapper {
        margin-right: 50vw !important;
        width: 100% !important;
        margin-top: 30px !important; 
        float: right !important; 
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* 4. RESTYLE HAMBURGER MENU */
    button.cs-mobile-menu-open, 
    .cs-mobile-menu-open {
        display: none; 
        position: fixed !important;
        top: 5px !important;
        right: 20px !important;
        left: auto !important;
        float: none !important;
        z-index: 9999 !important;
        background: transparent !important;
        border: none !important;
        padding: 10px !important;
        margin: 0 !important;
        outline: none !important;
    }
    button.cs-mobile-menu-open i,
    .cs-mobile-menu-open i {
        color: black !important;
        font-size: 30px !important;
        text-shadow: none !important;
    }
    @media (max-width: 980px) {
        button.cs-mobile-menu-open, .cs-mobile-menu-open { display: block !important; }
        
        /* Reset Menu wrapper on mobile */
        body.jec-custom-header .site-nav-wrapper {
            margin-right: 0 !important;
            width: 300px !important;
            background: #ccd9d6 !important;
            float: none !important;
        }
    }

    /* 5. BUTTON STYLES (Apply to Donate link) */
    #tabContentMain > td > span > div > a {
        color: black !important;
        font-weight: 700 !important;
        font-family: 'Faustina', serif !important;
    }
    span.parent > div > a.parent[href*="4970020"],
    .co_menu_item.donate_link span.parent > div > a.parent,
    .co_menu_item.donate_link span.parent > div > span.parent {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        background-color: #56C5D0 !important;
        border-radius: 10px !important;
        padding: 10px 30px !important;
        border: unset !important;
        font-family: 'Faustina', serif !important;
        font-size: 22px !important;
        font-weight: 600 !important;
        color: #ffffff !important;
        text-decoration: none !important;
        text-transform: capitalize !important;
        line-height: 1 !important;
        transition: transform 0.2s ease, background-color 0.2s !important;
        cursor: pointer !important;
    }
    span.parent > div > a.parent[href*="4970020"]:hover,
    .co_menu_item.donate_link span.parent > div > a.parent:hover {
        transform: scale(1.05) !important;
        border: #4bb3bd solid 2px !important;
        background: white !important;
        color: white !important;
    }
    span.parent > div > a.parent[href*="4970020"]::before,
    .co_menu_item.donate_link span.parent > div > a.parent::before,
    .co_menu_item.donate_link span.parent > div > span.parent::before {
        content: '' !important;
        display: block !important;
        width: 20px !important;
        height: 20px !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'%3E%3C/path%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: contain !important;
    }
    body.cco_body #tabContentMain .co_menu_item.donate_link span.parent a{ border: unset;}

    /* =========================================================================
       PART B: HOMEPAGE SPECIFIC STYLES
       ========================================================================= */
    
    /* FONTS */
    @import url('https://fonts.googleapis.com/css2?family=Faustina:wght@400;500;600;700;800&display=swap');

    /* SPONSOR CAROUSEL */
    .widget-4.icon-updates .sponsor-carousel-window { width: 100%; overflow: hidden; white-space: nowrap; position: relative; padding: 10px 0; background: white; }
    .widget-4.icon-updates .widget_header > h5 { font-family: "Faustina" !important; color: black !important; }
    .widget-4.icon-updates .sponsor-track { display: inline-block; animation: scroll 20s linear infinite; }
    .widget-4.icon-updates .sponsor-logo { height: 120px; width: auto; margin: 0 30px; vertical-align: middle; display: inline-block; }
    @keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

    /* HERO SLIDER OVERRIDES */
    .widget-4.promo_slider .wrapper .widget_content,
    .widget-4.promo_slider .slider, .widget-4.promo_slider .slides, .widget-4.promo_slider .cycle-pager,
    .widget-4.promo_slider .cycle-prevNav, .widget-4.promo_slider .cycle-nextNav { display: none !important; }
    .branding-search #header_branding, #header_branding, .branding-search { display: none !important; }
    [class^=widget-].chabad_updates .index_format .item { margin: unset !important; }

    /* CUSTOM HERO CSS */
    .jec-custom-hero {
        position: relative !important; width: 100% !important; min-height: 100vh !important;
        background-image: url('https://brightjewishfuture.org/media/images/1349/yqAq13491160.png') !important;
        background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important;
        display: flex !important; flex-direction: column !important; justify-content: center !important;
        padding: 0 5% !important; box-sizing: border-box !important; font-family: 'Faustina', serif !important;
    }
    .jec-hero-logo { display: none !important; } 

    .jec-hero-content {
        max-width: 1600px !important; margin-top: 100px !important; z-index: 2 !important; font-family: 'Faustina' !important;
    }
    .jec-hero-title-1 {
        font-size: 8rem !important; font-weight: 300 !important; color: #231f20 !important;
        line-height: 0.9 !important; display: block !important; margin-bottom: 10px !important;
        letter-spacing: -2px !important; width: 50% !important;
    }
    .jec-hero-title-2 {
        font-size: 8rem !important; font-weight: 600 !important; color: #231f20 !important;
        line-height: 0.9 !important; display: inline-block !important; position: relative !important;
        z-index: 1 !important; white-space: nowrap !important; letter-spacing: -2px !important; margin-top: 2vh !important;
    }
    .jec-hero-title-2::after {
        content: '' !important; position: absolute !important; bottom: 5px !important; left: -5px !important;
        right: -5px !important; height: 20px !important; background-color: #56C5D0 !important;
        z-index: -1 !important; opacity: 1 !important;
    }
    .jec-cta-wrapper { display: flex !important; align-items: center !important; margin-top: 50px !important; }
    .jec-hero-button {
        display: inline-flex !important; align-items: center !important; background-color: #56C5D0 !important;
        padding: 15px 40px !important; border-radius: 10px !important; text-decoration: none !important;
        transition: transform 0.8s ease, background-color 0.8s !important;
    }
    .jec-hero-button:hover { transform: scale(1.02) !important; background-color: white !important; border: #4bb3bd solid 2px !important; }
    .jec-hero-cta-text {
        font-size: 28px !important; font-weight: 600 !important; color: black !important;
        text-transform: capitalize !important; margin-right: 15px !important; font-family: 'Faustina' !important;
    } 
    .jec-hero-arrow {
        width: 35px !important; height: 35px !important; fill: none !important;
        stroke: black !important; stroke-width: 2px !important; stroke-linecap: round !important; stroke-linejoin: round !important;
    }

    /* HERO MOBILE */
    @media (max-width: 768px) {
        .jec-custom-hero {
            background-image: url('https://brightjewishfuture.org/media/images/1349/OrRx13491264.png') !important;
            background-position: top center !important;
            justify-content: flex-start !important; padding-top: 150px !important; 
            min-height: 850px !important;
        }
        .jec-hero-content { margin-top: 0 !important; width: 100% !important; display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; }
        .v380 { margin-top: 0px !important; height: auto !important; }
        .jec-hero-title-2::after{ left: 45px !important; right: 40px !important; height: 10px !important; bottom: 5px !important; }
        .sub-image{background-size: contain !important;}
        .jec-hero-logo { width: 120px !important; top: 5px !important; left: 20px !important; }
        .jec-hero-title-1, .jec-hero-title-2 { font-size: 3.5rem !important; width: 100% !important; line-height: 1.1 !important; white-space: normal !important; }
        .jec-hero-title-1 { margin-bottom: 0 !important; width: 80% !important; }
        .jec-hero-title-2 { margin-top: 5px !important; }
        .jec-cta-wrapper { margin-top: 20px !important; }
        .jec-hero-button { padding: 10px 25px !important; }
        .jec-hero-cta-text { font-size: 18px !important; }
        .jec-hero-arrow { width: 20px !important; height: 20px !important; }
    }

    /* =========================================================================
       GRID STYLES
       ========================================================================= */
    .widget-4.chabad_updates .wrapper { max-width: 1200px; margin: 0 auto; }
    .widget-4.chabad_updates .widget_header { display: none; }
    .widget-4.chabad_updates .widget_content { display: flex !important; flex-direction: row; flex-wrap: wrap; height: auto !important; overflow: visible !important; gap: 20px; padding: 0 !important; }
    
    .widget-4.chabad_updates .item {
        position: relative; flex: 1 1 200px; min-height: 350px; box-sizing: border-box; padding: 40px 20px;
        display: flex; flex-direction: column; align-items: flex-start; text-align: left; 
        border-radius: 8px; overflow: hidden; background-size: cover; background-position: center; background-repeat: no-repeat;
        cursor: pointer; transition: border-color 0.5s ease, background-image 0.5s ease;
    }
    .widget-4.chabad_updates .item a::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; }
    .widget-4.chabad_updates .item > * { position: relative; z-index: 2; text-shadow: none !important; }
    
    /* REARRANGING ITEMS */
    .widget-4.chabad_updates .item .icon { order: 0; margin-bottom: 20px; background: transparent !important; width: 50px !important; height: 50px !important; border-radius: 0 !important; display: flex; align-items: center; justify-content: flex-start; }
    .widget-4.chabad_updates .item .icon img { width: 80px !important; height: 50px !important; object-fit: contain; filter: none; transition: filter 0.8s ease; }
    .hp-table>:nth-of-type(2n) { background: white !important; }

    /* Title & Synopsis General Styles */
    .widget-4.chabad_updates .item .title {
        order: 1; font-family: 'Faustina', serif !important; font-size: 32px !important; font-weight: 700 !important; text-transform: capitalize !important; margin-bottom: 15px; min-height: 60px; display: flex; align-items: center;
        transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.5s ease !important; transform-origin: bottom left; will-change: transform;
    }
    .widget-4.chabad_updates .item .title a { text-decoration: none !important; color: inherit !important; transition: color 0.5s ease; font-family: "Faustina" !important; }
    
    .widget-4.chabad_updates .item .synopsis {
        order: 2; font-family: 'Faustina', serif !important; font-size: 18px !important; line-height: 1.3 !important; font-weight: 400 !important;
        transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.5s ease !important; transform-origin: bottom left; will-change: transform;
    }
    
    /* General Hover Animation */
    .widget-4.chabad_updates .item:hover .title, .widget-4.chabad_updates .item:hover .synopsis { transform: scale(1.08) translate(-8px, -5px); }

    /* --- SPECIFIC DEFAULT TEXT COLORS (Before Hover) --- */
    
    /* Item 1 (About): White */
    .widget-4.chabad_updates .item:nth-child(1) .title,
    .widget-4.chabad_updates .item:nth-child(1) .synopsis,
    .widget-4.chabad_updates .item:nth-child(1) a { color: white !important; }

    /* Item 2 (Donate - Index 3): Black */
    .widget-4.chabad_updates .item:nth-child(3) .title,
    .widget-4.chabad_updates .item:nth-child(3) .synopsis,
    .widget-4.chabad_updates .item:nth-child(3) a { color: black !important; }

    /* Item 3 (Contact - Index 5): White */
    .widget-4.chabad_updates .item:nth-child(5) .title,
    .widget-4.chabad_updates .item:nth-child(5) .synopsis,
    .widget-4.chabad_updates .item:nth-child(5) a { color: white !important; }

    /* Item 4 (Endowment - Index 7): Green */
    .widget-4.chabad_updates .item:nth-child(7) .title,
    .widget-4.chabad_updates .item:nth-child(7) .synopsis,
    .widget-4.chabad_updates .item:nth-child(7) a { color: #3C8476 !important; }


    /* --- HOVER CODE --- */

    /* --- ITEM 1 (About) --- */
    .widget-4.chabad_updates .item:nth-child(1):hover {
        background-image: url('https://brightjewishfuture.org/media/images/1348/UxdM13488078.png') !important;
        border-color: #3C8476 !important;
    }
    .widget-4.chabad_updates .item:nth-child(1):hover .title,
    .widget-4.chabad_updates .item:nth-child(1):hover .synopsis,
    .widget-4.chabad_updates .item:nth-child(1):hover a {
        color: #3C8476 !important;
    }
    
    /* --- ITEM 2 (Donate) --- */
    .widget-4.chabad_updates .item:nth-child(3):hover {
        background-image: url('https://brightjewishfuture.org/media/images/1348/Nvdg13488079.png') !important;
        border-color: #000000 !important;
    }
    .widget-4.chabad_updates .item:nth-child(3):hover .title,
    .widget-4.chabad_updates .item:nth-child(3):hover .synopsis,
    .widget-4.chabad_updates .item:nth-child(3):hover a {
        color: white !important;
    }
    /* Swap Icon on Hover */
    .widget-4.chabad_updates .item:nth-child(3):hover .icon img {
        content: url('https://brightjewishfuture.org/media/images/1348/bQES13488083.png');
    }

    /* --- ITEM 3 (Contact) --- */
    .widget-4.chabad_updates .item:nth-child(5):hover {
        background-image: url('https://brightjewishfuture.org/media/images/1348/UxdM13488078.png') !important;
        border-color: #3C8476 !important;
    }
    .widget-4.chabad_updates .item:nth-child(5):hover .title,
    .widget-4.chabad_updates .item:nth-child(5):hover .synopsis,
    .widget-4.chabad_updates .item:nth-child(5):hover a {
        color: #3C8476 !important;
    }
    
    /* --- ITEM 4 (Endowment) --- */
    .widget-4.chabad_updates .item:nth-child(7):hover {
        background-image: url('https://brightjewishfuture.org/media/images/1348/bOyM13488080.png') !important;
    }
    .widget-4.chabad_updates .item:nth-child(7):hover .title,
    .widget-4.chabad_updates .item:nth-child(7):hover .synopsis,
    .widget-4.chabad_updates .item:nth-child(7):hover a {
        color: white !important;
    }
    /* Swap Icon on Hover */
    .widget-4.chabad_updates .item:nth-child(7):hover .icon img {
        content: url('https://brightjewishfuture.org/media/images/1348/USxB13488085.png');
    }
    .widget-4.chabad_updates .item:nth-child(1):hover .icon img,
    .widget-4.chabad_updates .item:nth-child(5):hover .icon img {
        /* Green Filter */
        filter: brightness(0) saturate(100%) invert(46%) sepia(29%) saturate(866%) hue-rotate(123deg) brightness(93%) contrast(86%) !important;
    }

    /* Hide Separators */
    .widget-4.chabad_updates .separator { display: none; }
    
    /* GRID MOBILE */
    @media (max-width: 768px) {
        .widget-4.chabad_updates .widget_content { gap: 10px !important; }
        .widget-4.chabad_updates .item { flex: 0 0 calc(50% - 5px) !important; min-width: calc(50% - 5px) !important; max-width: calc(50% - 5px) !important; margin-bottom: 10px; min-height: 250px !important; padding: 20px 10px !important; }
        .widget-4.chabad_updates .item .title { font-size: 22px !important; min-height: auto !important; margin-bottom: 5px !important; }
        .widget-4.chabad_updates .item .synopsis { font-size: 14px !important; line-height: 1.2 !important; }
        .widget-4.chabad_updates .item .icon { margin-bottom: 10px !important; }
        .widget-4.chabad_updates .item .icon img { width: 50px !important; height: 30px !important; }
    }

    /* SUBSCRIBE FORM */
    .widget-4.subscribe, .widget-4.subscribe h5, .widget-4.subscribe input, .widget-4.subscribe label, .widget-4.subscribe button { font-family: 'Faustina', serif !important; }
    .hp-row.hp_subscribe { background: #F1F1F1 !important; padding: 40px 0 0 0 !important; }
    .widget-4.subscribe .wrapper { max-width: 1700px !important; margin: 0 auto !important; display: flex !important; flex-direction: row !important; align-items: stretch !important; justify-content: center !important; gap: 5vw !important; padding: 0 20px !important; }
    .sub-left-col { flex: 1 !important; max-width: 50% !important; position: relative !important; min-height: 400px !important; z-index: 1 !important; margin-bottom: -100px !important; }
    .sub-image { width: 100% !important; height: 100% !important; background-size: contain; background-position: center !important; background-repeat: no-repeat !important; }
    .sub-right-col { flex: 1 !important; max-width: 50% !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; padding-left: 0 !important; z-index: 2 !important; }
    .form-colored-box { background-color: #3C8476 !important; padding: 40px !important; border-radius: 10px !important; width: 100% !important; box-sizing: border-box !important; color: white !important; margin: 100px; }
    .widget-4.subscribe .widget_header h5 { font-size: 25px !important; color: white !important; margin: 0 0 25px 0 !important; font-weight: 700 !important; text-align: left !important; display: flex !important; align-items: center !important; }
    .widget-4.subscribe fieldset { border: none !important; padding: 0 !important; margin: 0 !important; display: grid !important; grid-template-columns: 1fr !important; gap: 15px !important; width: 100% !important; }
    .widget-4.subscribe label { display: block !important; color: white !important; font-size: 14px !important; margin-top: -10px !important; margin-bottom: 10px !important; font-weight: 400 !important; text-align: left !important; }
    .widget-4.subscribe input#Fname { grid-column: 1 !important; grid-row: 1 !important; }
    .widget-4.subscribe label[for="Fname"] { grid-column: 1 !important; grid-row: 2 !important; }
    .widget-4.subscribe input#Lname { grid-column: 1 !important; grid-row: 3 !important; }
    .widget-4.subscribe label[for="Lname"] { grid-column: 1 !important; grid-row: 4 !important; }
    .widget-4.subscribe input#Email { grid-column: 1 !important; grid-row: 5 !important; }
    .widget-4.subscribe label[for="Email"] { grid-column: 1 !important; grid-row: 6 !important; }
    .widget-4.subscribe button#submit { grid-column: 1 !important; grid-row: 7 !important; margin-top: 10px !important; }
    .widget-4.subscribe input.co_global_input { width: 100% !important; padding: 12px 15px !important; border: none !important; border-radius: 4px !important; font-size: 16px !important; background: #E8E8E8 !important; color: #333 !important; box-sizing: border-box !important; }
    .widget-4.subscribe button#submit { background-color: white !important; color: #3C8476 !important; border: none !important; padding: 12px !important; border-radius: 4px !important; font-weight: 700 !important; font-size: 18px !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: transform 0.2s !important; }
    .co_global_input::placeholder { color: #E8E8E8 !important; }

    /* SUBSCRIBE MOBILE */
    @media (max-width: 768px) {
        .widget-4.subscribe .wrapper { flex-direction: column !important; padding: 0 15px !important; height: 110vh !important; }
        .sub-right-col { order: 1 !important; width: 100% !important; max-width: 100% !important; padding: 0 !important; }
        .form-colored-box { margin: 20px 0 0 0 !important; padding: 30px 20px !important; }
        .sub-left-col { order: 2 !important; width: 100% !important; max-width: 100% !important; min-height: 250px !important; margin-top: 20px !important; }
    }

    /* FADE ANIMATION STYLES */
    .scroll-section-hidden { opacity: 0 !important; transform: translateY(60px) !important; transition: opacity 1.2s ease-out, transform 1.2s ease-out !important; will-change: opacity, transform; }
    .scroll-section-visible { opacity: 1 !important; transform: translateY(0) !important; }
    `;
    document.head.appendChild(style);


    // =========================================================================
    // PART C: RUN JAVASCRIPT LOGIC (Only runs if we passed the check above)
    // =========================================================================
    
    // 1. Navbar Fixes
    function applyNavbarFixes() {
        document.body.classList.add('jec-custom-header');

        if (!document.querySelector('.jec-global-logo-link')) {
            var link = document.createElement('a');
            link.href = "https://www.brightjewishfuture.org/";
            link.className = 'jec-global-logo-link';
            
            var img = document.createElement('img');
            img.src = "https://brightjewishfuture.org/media/images/1348/HYYN13485316.png";
            img.className = 'jec-global-logo-img';
            img.alt = "JEC Logo";
            
            link.appendChild(img);
            document.body.appendChild(link);
        }
    }
    applyNavbarFixes();
    document.addEventListener("DOMContentLoaded", applyNavbarFixes);

    // 2. Custom Hero
    document.addEventListener("DOMContentLoaded", function() { initCustomHero(); });
    if (document.readyState === "complete" || document.readyState === "interactive") { initCustomHero(); }

    function initCustomHero() {
        var sliderWidget = document.querySelector('.widget-4.promo_slider');
        if (!sliderWidget) return; 

        var existingLink = sliderWidget.querySelector('a[href]');
        var targetLink = existingLink ? existingLink.href : '#';
        var arrowSVG = `<svg class="jec-hero-arrow" viewBox="0 0 24 24"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>`;

        var heroHTML = `
            <div class="jec-custom-hero">
                <div class="jec-hero-content">
                    <span class="jec-hero-title-1">Building a strong foundation</span>
                    <span class="jec-hero-title-2">for every Jewish child.</span>
                    <div class="jec-cta-wrapper">
                        <a href="${targetLink}" class="jec-hero-button">
                            <span class="jec-hero-cta-text">learn more</span>
                            <span class="jec-hero-arrow-circle">${arrowSVG}</span>
                        </a>
                    </div>
                </div>
            </div>
        `;

        var wrapper = sliderWidget.querySelector('.wrapper');
        if (wrapper) {
            var tempDiv = document.createElement('div');
            tempDiv.innerHTML = heroHTML;
            wrapper.appendChild(tempDiv.firstElementChild);
        }
    }
    
    // 3. Sponsors
document.addEventListener("DOMContentLoaded", function() {
    const googleSheetUrl = "https://docs.google.com/spreadsheets/d/e/2PACX-1vSIugk1uFTEuxhEZLKHi0UMeDAtOo01w8yQkDj90LiN_SBbFaQey9L7SA3_y4YTELXnjqVEB9fXA6Kf/pub?gid=0&single=true&output=csv"; 
    const targetWidget = document.querySelector('.widget-4.icon-updates');
    
    if (targetWidget) {
        const contentContainer = targetWidget.querySelector('.widget_content');
        const header = targetWidget.querySelector('.widget_header h5');
        if(header) header.innerText = "Our Sponsors";
        if(contentContainer) contentContainer.innerHTML = '';

        const windowDiv = document.createElement('div');
        windowDiv.className = 'sponsor-carousel-window';
        const trackDiv = document.createElement('div');
        trackDiv.className = 'sponsor-track';
        windowDiv.appendChild(trackDiv);
        if(contentContainer) contentContainer.appendChild(windowDiv);

        fetch(googleSheetUrl).then(r => r.text()).then(t => {
            // Clean the data and remove empty rows
            var rows = t.split('\n').slice(1).map(r => r.split(',')).filter(r => r[1] && r[1].trim() !== '');
            
            if(rows.length > 0) {
                // If 2 or fewer logos, disable animation and center them
                if (rows.length <= 2) {
                    trackDiv.style.animation = 'none';
                    trackDiv.style.display = 'flex';
                    trackDiv.style.justifyContent = 'center';
                    trackDiv.style.width = '100%';
                    populateTrack(rows);
                } 
                // If more than 2, enable carousel mode
                else {
                    populateTrack(rows);
                    populateTrack(rows); // Duplicate for infinite scroll loop
                }
            }
        }).catch(e => console.error(e));

        function populateTrack(items) {
            items.forEach(item => {
                var url = item[1].trim().replace(/^"|"$/g, '');
                var img = document.createElement('img');
                img.src = url; 
                img.className = 'sponsor-logo';
                trackDiv.appendChild(img);
            });
        }
    }
});

    // 4. JQuery Logic
    var waitForJQuery = setInterval(function() {
        if (typeof $j !== 'undefined') {
            clearInterval(waitForJQuery);
            runHomepageJQuery();
        }
    }, 100);

    function runHomepageJQuery() {
        $j(document).ready(function() {
            var bgImages = ["https://brightjewishfuture.org/media/images/1348/UgFv13488073.png","https://brightjewishfuture.org/media/images/1348/MDbU13488074.png","https://brightjewishfuture.org/media/images/1348/llqf13488075.png","https://brightjewishfuture.org/media/images/1348/Omnk13488076.png"];
            $j('.widget-4.chabad_updates .item').each(function(i) {
                if(bgImages[i]) $j(this).css('background-image', 'url(' + bgImages[i] + ')');
                var link = $j(this).find('a').attr('href');
                if(link) $j(this).on('click', function(e) { if(!$j(e.target).is('a')) window.location.href = link; });
            });
            
            var $wrapper = $j('.widget-4.subscribe .wrapper');
            if ($wrapper.length) {
                var $header = $j('.widget-4.subscribe .widget_header');
                var $content = $j('.widget-4.subscribe .widget_content');
                $j('input.co_global_input').each(function() { $j(this).after($j('label[for="' + $j(this).attr('id') + '"]')); });
                $j('input#submit').replaceWith('<button type="submit" id="submit" class="buttonStyle1">Join <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#3C8476" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 2L11 13"/><path d="M22 2L15 22L11 13L2 9L22 2Z"/></svg></button>');
                $header.find('h5').prepend('<svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right:10px;vertical-align:middle"><path d="M4 4H20C21.1 4 22 4.9 22 6V18C22 19.1 21.1 20 20 20H4C2.9 20 2 19.1 2 18V6C2 4.9 2.9 4 4 4Z"/><path d="M22 6L12 13L2 6"/></svg>');
                var $left = $j('<div class="sub-left-col"><div class="sub-image" style="background-image: url(https://brightjewishfuture.org/media/images/1349/gFVe13497361.png);"></div></div>');
                var $right = $j('<div class="sub-right-col"><div class="form-colored-box"></div></div>');
                $right.find('.form-colored-box').append($header).append($content);
                $wrapper.empty().append($left).append($right);
                $j('fieldset small').hide();
            }
        });
    }

    // 5. Scroll Fade
    var observer = new IntersectionObserver(function(entries, obs) {
        entries.forEach(function(entry) {
            if (entry.isIntersecting) {
                entry.target.classList.add('scroll-section-visible');
                obs.unobserve(entry.target);
            }
        });
    }, { threshold: 0.1 });

   setTimeout(function(){
        document.querySelectorAll('.jec-custom-hero, .widget-4.chabad_updates, .widget-4.icon-updates, .widget-4.subscribe').forEach(function(el) {
            el.classList.add('scroll-section-hidden');
            observer.observe(el);
        });
        
        // --- REMOVE THE LOADER & REVEAL THE RESTRUCTURED SITE ---
        document.documentElement.classList.remove('jec-loading');
        
    }, 500);

})();
</script>
</body>
</html>