<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="en" />
<meta name="keywords" content="Bright Jewish Future, Chabad, Lubavitch, Jewish, Jewish Education, Yeshiva, Jewish School, Jewish Camp, Scholarships, Endowments, Jewish Legacy, Foundation" />
<meta name="description" content="Chabad Education Foundation, Bright Jewish Future, Chabad, Lubavitch, Jewish, Jewish Education, Yeshiva, Jewish School, Jewish Camp, Scholarships" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<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="exclude-custom-search" content="true" />
<meta name="scope-aids" content="549979-5423746" />
<meta name="article-keywords" content="9928-537-2170-2898" />
<meta name="scope-aid" content="549979" />
<meta name="scope-aid" content="5423746" />
<meta name="article-keyword" content="9928" />
<meta name="article-keyword" content="537" />
<meta name="article-keyword" content="2170" />
<meta name="article-keyword" content="2898" />
<meta property="og:url" content="https://www.brightjewishfuture.org/" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Chabad Education Foundation" />
<link rel="icon" type="image/png" href="https://www.brightjewishfuture.org/media/images/1360/WFib13606212.png" />
<link rel="canonical" href="https://www.brightjewishfuture.org/" />
<link rel="Stylesheet" href="/css/fonts/font-awesome/font-awesome-5.css?g=30&v=2D6ABDDB" id="kfont-awesome" type="text/css"/>
<link rel="Stylesheet" href="/css/DefaultGrid.css?g=30&v=A13D74E8" id="kgrid" type="text/css"/>
<link rel="Stylesheet" href="/css/Elements.css?g=30&v=7A8278DB" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites.css?g=30&v=77EFEE59" id="ksites-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites-light.css?g=30&v=F05E3D94" id="ksites-light-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/new/main.css?g=30&v=220E279D" id="k7" type="text/css"/>
<link rel="Stylesheet" href="/css/global.css?g=30&v=27BD2E9E" id="k3" type="text/css"/>
<link rel="Stylesheet" href="/css/global-print.css?g=30&v=40836E98" id="k5" type="text/css" media="print"/>
<link rel="Stylesheet" href="/css/cco/home/widget-styles.css?g=30&v=A8AC7A58" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/sites6/default-theme.css?g=30&v=546A0139" id="k" type="text/css"/>
<link rel="Stylesheet" href="/css/old/global.css?g=30&v=43DDBA77" id="k2898" type="text/css"/>
<!--[if lte IE 8]> <link rel="Stylesheet" href="/css/global-ie.css?g=30&v=807ACD6C" id="k4" type="text/css"/> <![endif]-->
<!--[if lte IE 8]> <link rel="Stylesheet" href="/css/cco/IEfix.css?g=30&v=26E38FB6" id="kfix IE7 styling issues" type="text/css"/> <![endif]-->
<!-- Co:JsonLdResources --><script>$q=[];$j=function(f){$q.push(f);}</script>


<title>
Chabad Education Foundation
</title>





<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2022-03-01","primaryArticleId":5423746,"title":"Custom Home Page (9142)","author":"","authorId":0,"siteName":"Chabad Education Foundation"},"time":{"upcomingHoliday":"Chanukah","daysToUpcomingHoliday":43,"hebrewDate":"5787-08-12"}});
		dataLayer.push({ 'articleHierarchy': '-549979-5423746-', 'keywords': '-k2898-k2170-k537-k9928-', 'k': '-549979-5423746--k2898-k2170-k537-k9928-' });
	
</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>
</head>
<body class="lang_en dir_ltr home cco_body">




<div id="PrintCreditHeader" class="show_for_print">
Printed from<b>BrightJewishFuture.org</b>
</div>
<div id="header">
<div class="wrapper header-wrapper">

<div id="feedback_bar" class="hide_for_print no_outline">
	<div class="wrapper">
		
	</div>
</div>

<div id="header_container" class="header_container">
<div class="clearfix links">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="15" height="8" class="baruch_hashem" />
<div class="float_right">
<div class="topBarLink cco_topbar_link ask_the_rabbi_link">
<a href="/asktherabbi/default_cdo/jewish/Ask-the-Rabbi.htm">Ask the Rabbi</a>
</div>
<div id="HeaderSubscribe" class="top_bar_item topBarLink cco_topbar_link subscribe_link">Subscribe
<div id="HeaderSubscribeContainer" class="topBarLayer" style="display:none;width:295px;">
<div id="SubscribeFormContainer">
<span id="SubscribeMessage" class="error" style="display:none;"></span>
<form name="topSubscribe8c83519559" class="subscribe_box" target="" action="" method="get" onsubmit="return submitHeaderSubscribe(this, document.getElementById('8c83519559FormContainer'), document.getElementById('8c83519559ResponseContainer'));">



<script>
	var recaptchaIsEnterprise = false;
		 var recaptchaV2Key = "6LcG_TcUAAAAAKAVgwgW39ujc9OCjXSoQYFIA-Su";

</script>

	<input type="hidden" class="js-recaptcha-input" name="cdo-captcha-response" value="" data-div-id="e051f6ad-d2d9-4948-8959-50df3180c8f5" data-processed="false" />
	<div class="js-recaptcha-wrapper" id="e051f6ad-d2d9-4948-8959-50df3180c8f5"></div>	

<div class="container horizontal_padding" id="8c83519559Container">
<div style="margin:10px 0;">
<div class="co_form_container" id="8c83519559FormContainer">
<input type="text" maxlength="50" class="co_global_input float_left medium_bottom_margin" value="" required="" display_name="First Name" id="Fname" name="fname" placeholder="First Name">
<input type="text" maxlength="50" class="co_global_input float_right medium_bottom_margin" value="" required="" display_name="Last Name" id="Lname" name="lname" placeholder="Last Name">
<div class="form_group">
<input type="hidden" name="via" value="inlineSubscribeBox:706568;" />
<input type="text" class="co_global_input medium_bottom_margin" value="" required="" display_name="Email" id="SubscribeEmail" name="email" placeholder="Email Address">
<div id="CoButton_wrapper" class="co_global_submit" style="width:100%;padding:0;"><button id="CoButton" type="submit" class="button" value="Subscribe"><span>Subscribe</span></button></div>
</div>
<div class="break_floats"></div>
<div class="light_grey f-small" style="padding-top:3px;padding-left:3px;">
<input type="hidden" name="subscriptionid" value="58427" />
Subscribe to Chabad Education Foundation
</div>
</div>
<div id="8c83519559ResponseContainer"></div>
</div>
</div>
</form>
<!-- END CACHE -->
<div class="break_floats"></div>
</div>
<div class="blue f-small bold small_vertical_padding medium_horizontal_padding footer_box">
<a href="/tools/subscribe/default_cdo">View all subscriptions &raquo;</a>
</div>
</div>
</div>
<div class="topBarLink cco_topbar_link contact_link">
<a href="/tools/feedback.asp">Contact</a>
</div>
</div>
<div class="float_left">
<div class="topBarLink cco_topbar_link home_link">
<a href="/">Home</a>
</div>
<div class="topBarLink cco_topbar_link about_link">
<a href="/707425">About</a>
</div>
</div>
</div>
<div class="break_floats"></div>
</div>
<div class="clearfix branding-search">
<div id="header_branding" class="no_outline logo">
<div class="g260 no_margin cco_search_header float_right">
<div class="co_search_form margin05">
<form name="MainSearchForm" id="MainSearchForm" method="get" action="/search/results.asp" class="clearfix" onsubmit="return Co.Forms.Validation.Validate(this, null, {markAsSubmitted:false});">
<div class="co_global_submit"><button type="submit" class="button" value=" "><span> </span></button></div>


<div class="co_global_input_container clearfix">
	<input id="topAreaTopSearch_search" required="true" autocomplete="nope" placeholder="Search" value="" class="co_global_input co_search js-search-field active js-mirrored-input" onblur="this.form.className = this.form.className.replace(/\sactive/gi, &#39;&#39;);" name="searchWord" onfocus="this.form.className+=&#39; active&#39;;" type="text" display_name="Search Field" min_length="3"></input>
</div>

<div id="topAreaTopSearch_search_wrapper" class="co_field_options" style="display:none;">
<div class="co_absolute_wraper" id="co_absolute_wraper" style="">
<div class="inner">
<div id="topAreaTopSearch_search_container" class="co_field_options_suggestions"></div>
<div class="break_floats"></div>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="float_left site-logo-wrapper"><a href="/"><img src="https://w2.chabad.org/media/images/1360/WFib13606212.png" width="100" height="100" border="0" /></a></div>
<a href="/default.asp" title="Chabad Education Foundation" class="site_title">Chabad Education Foundation<span class="site_subtitle clearfix"></span></a>
</div>
</div>
<button type='button' class='cs-mobile-menu-open js-mobile-menu-open'><i class='fa fa-bars'></i></button>
<div class="site-nav-wrapper">
<!-- BEGIN CACHE {"CachedBy":{"Server":"W34-NYC1","Url":"https://www.brightjewishfuture.org/templates/events.aspx?tdate=6/19/2026&mode=j","AppPath":"ChabadOnline.dll","Version":{"Built":"2026-10-13T14:33:37.6958247-04:00","Branch":"HOTFIX-fix-external-google-login","Configuration":"Release","Machine":""}},"Created":"2026-10-21T00:42:11.845833-04:00","Expire":"2026-10-24T00:42:11.845833-04:00"}-->
<script>
var primaryNavigationVersion = "639174312000000000";
</script>
<div id="co_menu_container_wrapper" class="co_menu_container_wrapper " data-list-name="primary navigation"> 
<div class="co_menu_container clearfix" id="co_menu_container">
<a class="menu_logo" href="/"></a>
<table cellpadding="0" cellspacing="0" border="0" class="main_menu_container first global">
<tr id="tabContentMain" tab="Main" style="display:table-row;">
<td class="co_menu_item home" data-menu-level="1"><a href="/default.asp"><img class="co_menu_home_image" src="https://w2.chabad.org/images/global/spacer.gif" width="28" height="60" border="0" onmouseover="this.className += ' hover';" onmouseout="this.className=this.className.replace(/\s?hover/gi, '');" /></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item" aid="7251169" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="https://www.brightjewishfuture.org/templates/articlecco_cdo/aid/7242668/jewish/About.htm" class="parent">About</a></div></span><a href="https://www.brightjewishfuture.org/templates/articlecco_cdo/aid/7242668/jewish/About.htm" class="bg_extension js-parent-menu-link" data-aid="7251169"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item" aid="7251170" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="https://www.brightjewishfuture.org/templates/articlecco_cdo/aid/7250949/jewish/Donor.htm" class="parent">Donor</a></div></span><a href="https://www.brightjewishfuture.org/templates/articlecco_cdo/aid/7250949/jewish/Donor.htm" class="bg_extension js-parent-menu-link" data-aid="7251170"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item" aid="7251171" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="https://www.brightjewishfuture.org/templates/articlecco_cdo/aid/7243488/jewish/Endowment-Fund.htm" class="parent">Endowment<br />Fund</a></div></span><a href="https://www.brightjewishfuture.org/templates/articlecco_cdo/aid/7243488/jewish/Endowment-Fund.htm" class="bg_extension js-parent-menu-link" data-aid="7251171"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item" aid="7250960" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="/templates/section_cdo/aid/7250960/jewish/Nonprofits.htm" class="parent">Nonprofits</a></div></span><a href="/templates/section_cdo/aid/7250960/jewish/Nonprofits.htm" class="bg_extension js-parent-menu-link" data-aid="7250960"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item donate_link" aid="0" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="/7255175" class="parent">Donate</a></div></span><a href="/7255175" class="bg_extension js-parent-menu-link" data-aid="0"></a></td>
</tr>
</table>
</div>
</div>
<!-- END CACHE -->
<div class="mobile-menu-bottom-links">
<a href="/707425" class="site-menu-general__link">About</a>
<a href="/search">Search</a>
<a href="/tools/feedback.asp">Contact</a>
</div>
</div>
</div>
</div>
<div id="content">
<div id="BodyContainer" class="wrapper">
<div class="body_wrapper no-hero-image clearfix">

<div class="g960"><div class="main clearfix">
<div class="g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 no_margin g960 no_margin">
<div class="hp-table">
<div class="hp-row hp-row-first">
<div class="widget-4 promo_slider custom v380 feed hide_controls">
<div class="wrapper">
<div class="widget_content html_format">
<div class="slider">
<div class="slides">
<div class="slide_wrapper" caption=".caption-0">
<a target="" href="/7242668">
<img src="" alt="" /></a>
</div>
</div>
<ul class="captionList">
<li id="" class="cycle-html-caption caption-0">
<span>
<big>Building a strong foundation /n for every jewish child </big>
</span>
<a href="/7242668" class="readMore" target="">learn more</a>
</li>
</ul>
</div>
</div></div>
</div>
</div>
<div class="hp-row">
<script type="text/javascript">
$j(function() {
function fixWidgetBodyHeight(widget_selector) {
var $j = jQuery;
$j(widget_selector).each(function() {
var headHeight = $j(this).find(".wrapper > .widget_header").outerHeight();
var footHeight = $j(this).find(".wrapper > .widget_footer").outerHeight();
var wrapHeight = $j(this).children(".wrapper").outerHeight();
var widgetbody = $j(this).find(".wrapper > .widget_content");
var padding = widgetbody.outerHeight() - widgetbody.height();
widgetbody.height(wrapHeight - (headHeight + footHeight) - padding);
});
}
fixWidgetBodyHeight(".chabad_updates");
});
</script>
<div class="widget-4 chabad_updates custom v380 feed">
<div class="wrapper">
<div class="widget_header">
<h5>Chabad Updates</h5> 
</div>
<div class="widget_content index_format make_scrollable">
<div class="item first clearfix">
<div class="icon">
<a href="/7242668" target="">
<img src="https://w2.chabad.org/media/images/1348/NhHL13488065.png" />
</a>
</div> 
<div class="title">
<a href="/7242668" target="">About</a>
</div>
<div class="synopsis"> Our mission, vison and community we serve.</div>
</div>
<div class="separator" ></div>
<div class="item clearfix">
<div class="icon">
<a href="/7255175" target="">
<img src="https://w2.chabad.org/media/images/1348/EDBX13488066.png" />
</a>
</div> 
<div class="title">
<a href="/7255175" target="">Donate</a>
</div>
<div class="synopsis">Support our cause and make a lasting impact today.</div>
</div>
<div class="separator" ></div>
<div class="item clearfix">
<div class="icon">
<a href="/7250949" target="">
<img src="https://w2.chabad.org/media/images/1358/fjXj13580075.png" />
</a>
</div> 
<div class="title">
<a href="/7250949" target="">Donors</a>
</div>
<div class="synopsis">Secure the future with long term contribution</div>
</div>
<div class="separator" ></div>
<div class="item last clearfix">
<div class="icon">
<a href="/7250960" target="">
<img src="https://w2.chabad.org/media/images/1358/vngY13580076.png" />
</a>
</div> 
<div class="title">
<a href="/7250960" target="">Nonprofits</a>
</div>
<div class="synopsis">How We Support Non-Profit Organizations</div>
</div></div></div>
</div>
</div>
<div class="hp-row hp_subscribe">
<div class="widget-4 subscribe custom v280 feed">
<div class="wrapper">
<div class="widget_header">
<h5>Join our mailing list</h5> 
</div>
<div class="widget_content"><div id="formContainer">
<form novalidate="true" action="" method="get" onsubmit="return submitHeaderSubscribe(this, document.getElementById('formContainer'), document.getElementById('response'))" target=""><script>
var recaptchaIsEnterprise = false;
var recaptchaV2Key = "6LcG_TcUAAAAAKAVgwgW39ujc9OCjXSoQYFIA-Su";
</script>
<input type="hidden" class="js-recaptcha-input" name="cdo-captcha-response" value="" data-div-id="b0c17e6f-d9e5-473e-bdff-98afece8e9d2" data-processed="false" />
<div class="js-recaptcha-wrapper" id="b0c17e6f-d9e5-473e-bdff-98afece8e9d2" ></div> 
<fieldset>
<label for="Fname">First Name</label>
<input id="Fname" type="text" name="fname" maxlength="50" placeholder="First Name" class="co_global_input" required="visible" vmessage="Please enter first name" />
<label for="Lname">Last Name</label>
<input id="Lname" type="text" name="lname" maxlength="50" placeholder="Last Name" class="co_global_input" required="visible" vmessage="Please enter last name" />
<label for="Email">Email Address</label>
<input id="Email" type="email" name="email" placeholder="Email Address" class="co_global_input" required="true" data_type="email" vmessage="Please enter a valid email address" />
<input type="submit" id="submit" name="submit" value="Subscribe" class="buttonStyle1" />
<small>Weekly articles in your inbox</small>
<input type="hidden" name="subscriptionid" id="subscriptionid" value="58427" />
</fieldset>
</form>
</div>
<small id="response" style="display:none;height:147px;" ></small></div></div>
</div>
</div>
<div class="hp-row">
<div class="widget-4 icon custom v380 feed icon-updates">
<div class="wrapper">
<div class="widget_header">
<h5>Our Sponsors</h5> 
</div>
<div class="widget_content index_format">
<div class="item first last clearfix">
<div class="title">Sample Title</div>
</div></div></div>
</div>
</div>
</div></div><div class="clear" ></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
</div></div>


<div class="break_floats"></div>
</div>
</div>
</div>
<div id="footer">


<div class="wrapper body_container">
<div class="g960 footer_family_text bottom_padding">
<div class="footer_container footer_text copyright_text">
<div class="bottom_padding clear_float">
<img class="footer_hr" src="https://w2.chabad.org/images/global/spacer.gif" vspace="12" width="100%" height="1" /><br />
<div class="footer_inner_container clearfix">
<div class="footer3"><b>Chabad 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>
<div class="cs-f-social-icons">
<a href="https://www.facebook.com/-1" class="fa fa-facebook facebook_homepage" title="Facebook"></a>
</div>
</div>
</div>
</div>

<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery-latest.min.js?g=30&v=278824AF"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery.defaultValue.min.js?g=30&v=062F8985"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery.cycle.all.js?g=30&v=2752F760"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/co/dist/CoLib.js?g=30&v=6777A16C"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js?g=30&v=A13136FE"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/templates/sites6.js?g=30&v=E04072E1"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/primarynavigation.js?g=30&v=76ABCD73"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/BetaFeedback.js?g=30&v=2A22CA16"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/subscribeprompt.js?g=30&v=86D84DC2"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/deprecated.js?v=D506A83E&g=30"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/OverrideJSDocumentWrite.js?g=30&v=9A0227AA"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/enscroll-0.6.2.min.js?g=30&v=DA18A45D"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/runenscroll.js?g=30&v=C938FABF"></script><script>$j = $j.fn ? $j : jQuery;$j(()=>{$q.forEach(f=>{try{f.call(window);}catch(ex){console.error(ex);}});})</script>

<script>
$j = jQuery.noConflict(); //prevent conflict with prototype javascript library
$j(function ()
{
if ($j.fn.cycle) /* switch to jquery.cycle.all.js to have the graphic scroll */
{
$j('.slider').cycle({
fx: 'scrollHorz',
pause: 1000,
speed: 500,
timeout: 5000,
slideExpr: '.slide_wrapper',
caption: '.cycle-caption',
pager: '.cycle-controlNav',
rev: true,
directionNav: true,
activePagerClass: 'active'
});
}
});
</script>
<script  language="javascript" type="text/javascript"> Co.Settings      = {CacheClassName:'js-cache-default',MosadName:'Chabad Education Foundation'}; Co.ArticleId     = '5423746';Co.SectionId     = 5423746;Co.PartnerSiteId = 0;Co.SiteId        = 5;Co.IsMobilePage  = false;Co.IsResponsive  = false;Co.DbDomain      = 'BrightJewishFuture.org';Co.LanguageCode  = 'en-US';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><!-- END CACHE -->