<!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 property="og:image" content="https://w2.chabad.org/media/images/1290/ZmyQ12906216.jpg" itemprop="image" width="350" height="262" />
<meta property="og:image:width" content="350" />
<meta property="og:image:height" content="262" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta name="keywords" content="Hebrew,School" />
<meta name="title" content="Hebrew School" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="395479-395487-6541072-6583743-6583742" />
<meta name="article-keywords" content="2902-2170-2898" />
<meta name="scope-aid" content="395479" />
<meta name="scope-aid" content="395487" />
<meta name="scope-aid" content="6541072" />
<meta name="scope-aid" content="6583743" />
<meta name="scope-aid" content="6583742" />
<meta name="article-keyword" content="2902" />
<meta name="article-keyword" content="2170" />
<meta name="article-keyword" content="2898" />
<meta property="og:url" content="https://www.chabadofwesthills.com/templates/photogallery_cdo/aid/6583742/jewish/Hebrew-School.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Hebrew School" /><link rel="canonical" href="https://www.chabadofwesthills.com/templates/photogallery_cdo/aid/6583742/jewish/Hebrew-School.htm" />
<link rel="image_src" href="https://w2.chabad.org/media/images/1290/ZmyQ12906216.jpg" />
<link rel="icon" type="image/png" href="https://www.chabadofwesthills.com/media/images/1216/GBSN12165192.png" />
<link rel="Stylesheet" href="/css/fonts/font-awesome/font-awesome-5.css?v=2D6ABDDB" id="kfont-awesome" type="text/css"/>
<link rel="Stylesheet" href="/css/DefaultGrid.css?v=A13D74E8" id="kgrid" type="text/css"/>
<link rel="Stylesheet" href="/css/Elements.css?v=3A4C63F4" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites.css?v=72A49647" id="ksites-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/new/main.css?v=BB63DD50" id="k7" type="text/css"/>
<link rel="Stylesheet" href="/css/global.css?v=27BD2E9E" id="k3" type="text/css"/>
<link rel="Stylesheet" href="/css/global-print.css?v=6DE80B07" id="k5" type="text/css" media="print"/>
<link rel="Stylesheet" href="/css/cco/home/widget-styles.css?v=A8AC7A58" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/sites6/purple-theme.css?v=8772D6E9" id="k" type="text/css"/>
<link rel="Stylesheet" href="/css/old/global.css?v=43DDBA77" id="k2898" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/photogallery.css?v=AA129DC0" id="kphotogallery" type="text/css"/>
<link rel="Stylesheet" href="/css/bootstrap/grid.css?v=F4390F2B" id="kbootstrap4-grid" type="text/css"/>
<link rel="Stylesheet" href="/css/Library/reader-comments.css?v=8AB57D79" id="kCommentsStylesheet" type="text/css"/>
<link rel="Stylesheet" href="/css/inline/BookInfo.css?v=3D052243" id="kBookInfoCss" type="text/css"/>
<!--[if lte IE 8]> <link rel="Stylesheet" href="/css/global-ie.css?v=807ACD6C" id="k4" type="text/css"/> <![endif]-->
<script>$q=[];$j=function(f){$q.push(f);}</script>
	
	<meta property="fb:app_id" content="" />
	<meta property="og:type" content="article" />
	<meta property="og:image" content="" />
	<meta property="og:title" content="" />
	<meta property="og:description" content="" />
	<meta property="og:site_name" content="Chabad of West Hills" />

<title>
	Hebrew School
</title>
	



<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2024-09-12","primaryArticleId":6583742,"title":"","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"Youth & Teens","contentLevel3":"Youth & Teen Pics","contentLevel4":"Hebrew School","siteName":"Chabad of West Hills"},"time":{"upcomingHoliday":"Sukkot","daysToUpcomingHoliday":-5,"hebrewDate":"5787-07-20"}});
		dataLayer.push({ 'articleHierarchy': '-395479-395487-6541072-6583743-6583742-', 'keywords': '-k2898-k2170-k2902-', 'k': '-395479-395487-6541072-6583743-6583742--k2898-k2170-k2902-' });
	
</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 = 1690641;var sc_partition = 2;var sc_invisible = 1;var sc_remove_link=1;var sc_security = "11301f34";var sc_https = 1;
	</script>
	<script type="text/javascript" src="https://secure.statcounter.com/counter/counter_xhtml.js" defer async></script>
	<noscript><img src="//c3.statcounter.com/counter.php?sc_project=1690641&amp;java=0&amp;security=11301f34&amp;invisible=1" border="0" /> </noscript>
	<!-- End of StatCounter Code -->




<link rel="stylesheet" href="https://achdusoperations.github.io/chabad-west-hills-stylesheet/style.css">

<style>
#formContainer + .small::after {content:"100% of all donations and transactions benefit Chabad of West Hills";}
</style>
<script>
const pageNotFound = document.querySelector('html:has(meta[content="39704"])');
if (pageNotFound) {
 window.location.href = '/';
}
</script></head>
<body class="lang_en dir_ltr cco_body sites-article">

	


	
	<div id="PrintCreditHeader" class="show_for_print">
Printed from<b>ChabadofWestHills.com</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 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="/5207326">About</a>
				</div>
				
			
			

<div class="topBarLink mychabad_login_bar" id="mychabad_login_bar">
	
			
				<a href="/tools/login/default.asp?aid=6583742&amp;jewish=Hebrew-School.htm" class="login_link" id="login_link">Sign In</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/1216/GBSN12165192.png" width="100" height="100" border="0"  /></a></div>
					
					<a href="/default.asp" title="Chabad of West Hills" class="site_title">Chabad of West Hills<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">
				<script>
var primaryNavigationVersion = "639262684316511641";
</script>
<div id="co_menu_container_wrapper" class="co_menu_container_wrapper " data-list-name="primary navigation"> 
<div class="co_menu_container clearfix" id="co_menu_container">
<a class="menu_logo" href="/"></a>
<table cellpadding="0" cellspacing="0" border="0" class="main_menu_container first global">
<tr id="tabContentMain" tab="Main" style="display:table-row;">
<td class="co_menu_item home" data-menu-level="1"><a href="/default.asp"><img class="co_menu_home_image" src="https://w2.chabad.org/images/global/spacer.gif" width="28" height="60" border="0" onmouseover="this.className += ' hover';" onmouseout="this.className=this.className.replace(/\s?hover/gi, '');" /></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item arrow multi_level" aid="2689071" data-menu-level="1" onmouseover='Co.MainNavigation.Show(event, this);' onmouseout='Co.MainNavigation.Hide(event, this);' >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
<div class="co_column">
<a href="/templates/articlecco_cdo/aid/2689072/jewish/Services-Information.htm" class="item empty" id="menu_item1-1" data-menu-level="2" data-aid="2689072">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Services & Information</span>
</a>
<a href="/templates/articlecco_cdo/aid/4112670/jewish/Kiddush-Sponsorship.htm" class="item empty" id="menu_item1-2" data-menu-level="2" data-aid="4112670">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Kiddush Sponsorship</span>
</a>
<a href="/templates/articlecco_cdo/aid/5689120/jewish/Family-Farbrengen.htm" class="item empty" id="menu_item1-3" data-menu-level="2" data-aid="5689120">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Family Farbrengen</span>
</a>
<a href="/templates/articlecco_cdo/aid/4208442/jewish/Community-Friday-Night-Dinners.htm" class="item empty" id="menu_item1-4" data-menu-level="2" data-aid="4208442">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Community Friday Night Dinners</span>
</a>
<a href="/templates/articlecco_cdo/aid/4823483/jewish/Memorial-Board.htm" class="item empty" id="menu_item1-5" data-menu-level="2" data-aid="4823483">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Memorial Board</span>
</a>
<a href="/templates/articlecco_cdo/aid/4823378/jewish/Yartzeit-Request-Form.htm" class="item empty" id="menu_item1-6" data-menu-level="2" data-aid="4823378">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Yartzeit Request Form</span>
</a>
<a href="/templates/articlecco_cdo/aid/4379247/jewish/Annual-Security-Fee.htm" class="item empty" id="menu_item1-7" data-menu-level="2" data-aid="4379247">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Annual Security Fee </span>
</a>
<a href="/templates/articlecco_cdo/aid/6628044/jewish/Israeli-Speaking-Community-Chabad-of-West-Hills.htm" class="item empty" id="menu_item1-8" data-menu-level="2" data-aid="6628044">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Israeli Speaking Community Chabad of West Hills</span>
</a>
<a href="/templates/articlecco_cdo/aid/6724769/jewish/Sponsor-Barbeque-for-the-IDF.htm" class="item empty" id="menu_item1-9" data-menu-level="2" data-aid="6724769">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Sponsor Barbeque for the IDF</span>
</a>
<a href="/templates/articlecco_cdo/aid/7211049/jewish/Caring-Meals-Program.htm" class="item empty" id="menu_item1-10" data-menu-level="2" data-aid="7211049">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Caring Meals Program</span>
</a>
</div>
<div id="menu_child1-1" class="menu_child empty selected" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child1-2" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child1-3" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child1-4" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child1-5" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child1-6" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child1-7" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child1-8" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child1-9" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child1-10" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><img src="https://w2.chabad.org/images/global/spacer.gif" width="12" height="6" border="0" vspace="2" /><div><a href="/templates/articlecco_cdo/aid/2689071/jewish/About-Our-Shul.htm" class="parent">About&nbsp;+<br />Our&nbsp;Shul</a></div></span><a href="/templates/articlecco_cdo/aid/2689071/jewish/About-Our-Shul.htm" class="bg_extension js-parent-menu-link" data-aid="2689071"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item arrow multi_level" aid="5207281" data-menu-level="1" onmouseover='Co.MainNavigation.Show(event, this);' onmouseout='Co.MainNavigation.Hide(event, this);' >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
<div class="co_column">
<a href="/templates/articlecco_cdo/aid/6667358/jewish/Advice-for-Life.htm" class="item hover" id="menu_item2-1" data-menu-level="2" data-aid="6667358">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Advice for Life</span>
</a>
<a href="/templates/articlecco_cdo/aid/5689147/jewish/Heart-Soul.htm" class="item empty" id="menu_item2-2" data-menu-level="2" data-aid="5689147">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Heart & Soul</span>
</a>
<a href="/templates/articlecco_cdo/aid/4293294/jewish/Mench-Club.htm" class="item empty" id="menu_item2-3" data-menu-level="2" data-aid="4293294">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Mench Club </span>
</a>
<a href="/templates/articlecco_cdo/aid/5207350/jewish/Womens-Classes-Events.htm" class="item" id="menu_item2-4" data-menu-level="2" data-aid="5207350">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Women's Classes & Events</span>
</a>
<a href="/templates/articlecco_cdo/aid/6163100/jewish/Mench-Club-Meets-Shabbat.htm" class="item empty" id="menu_item2-5" data-menu-level="2" data-aid="6163100">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Mench Club Meets Shabbat</span>
</a>
</div>
<div id="menu_child2-1" class="menu_child selected" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="/templates/articlecco_cdo/aid/6667363/jewish/Advice-for-Life-Register.htm" class="child_item default" data-menu-level="3" data-aid="6667363"><span>Advice for Life Register</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child2-2" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child2-3" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child2-4" class="menu_child" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="/templates/articlecco_cdo/aid/5336840/jewish/Aishes-Chayil.htm" class="child_item default" data-menu-level="3" data-aid="5336840"><span>Aishes Chayil</span></a>
<a href="/templates/articlecco_cdo/aid/7051710/jewish/Neshama-Torah-Class-For-Women.htm" class="child_item default" data-menu-level="3" data-aid="7051710"><span>Neshama Torah Class For Women</span></a>
<a href="/templates/articlecco_cdo/aid/5207325/jewish/Challah-Bake.htm" class="child_item default" data-menu-level="3" data-aid="5207325"><span>Challah Bake</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child2-5" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><img src="https://w2.chabad.org/images/global/spacer.gif" width="12" height="6" border="0" vspace="2" /><div><a href="/templates/articlecco_cdo/aid/5207281/jewish/Adults.htm" class="parent">Adults</a></div></span><a href="/templates/articlecco_cdo/aid/5207281/jewish/Adults.htm" class="bg_extension js-parent-menu-link" data-aid="5207281"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item arrow multi_level" aid="6541072" data-menu-level="1" onmouseover='Co.MainNavigation.Show(event, this);' onmouseout='Co.MainNavigation.Hide(event, this);' >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
<div class="co_column">
<a href="/templates/articlecco_cdo/aid/5629642/jewish/CKids.htm" class="item hover" id="menu_item3-1" data-menu-level="2" data-aid="5629642">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>CKids</span>
</a>
<a href="/templates/articlecco_cdo/aid/6576162/jewish/CTeen-Jr.htm" class="item empty" id="menu_item3-2" data-menu-level="2" data-aid="6576162">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>CTeen Jr</span>
</a>
<a href="/templates/articlecco_cdo/aid/5203231/jewish/CTeen.htm" class="item" id="menu_item3-3" data-menu-level="2" data-aid="5203231">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>CTeen</span>
</a>
<a href="/templates/articlecco_cdo/aid/5202053/jewish/Chabad-Hebrew-School.htm" class="item" id="menu_item3-4" data-menu-level="2" data-aid="5202053">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Chabad Hebrew School</span>
</a>
<a href="/templates/articlecco_cdo/aid/946836/jewish/BarBat-Mitzvah-Programs.htm" class="item" id="menu_item3-5" data-menu-level="2" data-aid="946836">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Bar/Bat Mitzvah Programs</span>
</a>
<a href="/templates/articlecco_cdo/aid/7480710/jewish/Jewish-Discovery-Hour.htm" class="item empty" id="menu_item3-6" data-menu-level="2" data-aid="7480710">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Jewish Discovery Hour</span>
</a>
<a href="/templates/articlecco_cdo/aid/6583743/jewish/Youth-Teen-Pics.htm" class="item" id="menu_item3-7" data-menu-level="2" data-aid="6583743">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Youth & Teen Pics</span>
</a>
</div>
<div id="menu_child3-1" class="menu_child selected" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="/templates/articlecco_cdo/aid/6568151/jewish/CKids-Family-Events.htm" class="child_item default" data-menu-level="3" data-aid="6568151"><span>CKids Family Events</span></a>
<a href="/templates/articlecco_cdo/aid/6568152/jewish/CKids-Event-Registration-Form.htm" class="child_item default" data-menu-level="3" data-aid="6568152"><span>CKids Event Registration Form</span></a>
<a href="/templates/articlecco_cdo/aid/5632875/jewish/About-Us.htm" class="child_item default" data-menu-level="3" data-aid="5632875"><span>About Us</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child3-2" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child3-3" class="menu_child" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="/templates/articlecco_cdo/aid/2708730/jewish/About-Us.htm" class="child_item default" data-menu-level="3" data-aid="2708730"><span>About Us</span></a>
<a href="/templates/articlecco_cdo/aid/6600644/jewish/CTeen-Sponsor-a-Program.htm" class="child_item default" data-menu-level="3" data-aid="6600644"><span>CTeen Sponsor a Program </span></a>
<a href="/templates/articlecco_cdo/aid/5242953/jewish/CTeen-Membership-202627.htm" class="child_item default" data-menu-level="3" data-aid="5242953"><span>CTeen Membership 2026/27</span></a>
<a href="/templates/articlecco_cdo/aid/6576214/jewish/Upcoming-Events.htm" class="child_item default" data-menu-level="3" data-aid="6576214"><span>Upcoming Events</span></a>
<a href="/templates/articlecco_cdo/aid/7483548/jewish/Hang-Farbreng.htm" class="child_item default" data-menu-level="3" data-aid="7483548"><span>Hang & Farbreng</span></a>
<a href="/templates/articlecco_cdo/aid/5242931/jewish/Contact-Us.htm" class="child_item default" data-menu-level="3" data-aid="5242931"><span>Contact Us</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child3-4" class="menu_child" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="/templates/articlecco_cdo/aid/410570/jewish/About-Curriculum.htm" class="child_item default" data-menu-level="3" data-aid="410570"><span>About & Curriculum</span></a>
<a href="/templates/articlecco_cdo/aid/5647303/jewish/Schedule.htm" class="child_item default" data-menu-level="3" data-aid="5647303"><span>Schedule</span></a>
<a href="/templates/articlecco_cdo/aid/4077987/jewish/Registration-for-Students-5787.htm" class="child_item default" data-menu-level="3" data-aid="4077987"><span>Registration for Students 5787</span></a>
<a href="/templates/articlecco_cdo/aid/2677784/jewish/Aleph-Champ-Homework.htm" class="child_item default" data-menu-level="3" data-aid="2677784"><span>Aleph Champ Homework</span></a>
<a href="/templates/articlecco_cdo/aid/413860/jewish/FAQS.htm" class="child_item default" data-menu-level="3" data-aid="413860"><span>FAQS</span></a>
<a href="/templates/articlecco_cdo/aid/7482316/jewish/The-Yomim-Tovim-Experience.htm" class="child_item default" data-menu-level="3" data-aid="7482316"><span>The Yomim Tovim Experience</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child3-5" class="menu_child" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="/templates/articlecco_cdo/aid/4487238/jewish/Bnei-Mitzvah-Application.htm" class="child_item default" data-menu-level="3" data-aid="4487238"><span>Bnei Mitzvah Application</span></a>
<a href="/templates/articlecco_cdo/aid/7305709/jewish/Bat-Mitzvah-Club.htm" class="child_item default" data-menu-level="3" data-aid="7305709"><span>Bat Mitzvah Club</span></a>
<a href="/templates/articlecco_cdo/aid/7474432/jewish/Bar-Mitzvah-Club.htm" class="child_item default" data-menu-level="3" data-aid="7474432"><span>Bar Mitzvah Club</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child3-6" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child3-7" class="menu_child" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="/templates/photogallery_cdo/aid/6583742/jewish/Hebrew-School.htm" class="child_item default" data-menu-level="3" data-aid="6583742"><span>Hebrew School</span></a>
<a href="/templates/photogallery_cdo/aid/6583744/jewish/CTeens.htm" class="child_item default" data-menu-level="3" data-aid="6583744"><span>CTeens</span></a>
<a href="/templates/photogallery_cdo/aid/6583745/jewish/CKids.htm" class="child_item default" data-menu-level="3" data-aid="6583745"><span>CKids</span></a>
</div></td>
</tr>
</table>
</div>
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><img src="https://w2.chabad.org/images/global/spacer.gif" width="12" height="6" border="0" vspace="2" /><div><a href="/templates/articlecco_cdo/aid/6541072/jewish/Youth-Teens.htm" class="parent">Youth&nbsp;&<br />Teens</a></div></span><a href="/templates/articlecco_cdo/aid/6541072/jewish/Youth-Teens.htm" class="bg_extension js-parent-menu-link" data-aid="6541072"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item arrow multi_level" aid="5201794" data-menu-level="1" onmouseover='Co.MainNavigation.Show(event, this);' onmouseout='Co.MainNavigation.Hide(event, this);' >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
<div class="co_column">
<a href="/templates/section_cdo/aid/3268203/jewish/Planned-Giving.htm" class="item hover" id="menu_item4-1" data-menu-level="2" data-aid="3268203">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Planned Giving</span>
</a>
<a href="/templates/articlecco_cdo/aid/5203192/jewish/Chai-Partnership.htm" class="item empty" id="menu_item4-2" data-menu-level="2" data-aid="5203192">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Chai Partnership</span>
</a>
<a href="/templates/articlecco_cdo/aid/3189772/jewish/Sponsor-A-Siddur-Or-Chumash.htm" class="item empty" id="menu_item4-3" data-menu-level="2" data-aid="3189772">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Sponsor A Siddur Or Chumash!</span>
</a>
<a href="/templates/articlecco_cdo/aid/5216871/jewish/Payment-Method-Update-Form.htm" class="item empty" id="menu_item4-4" data-menu-level="2" data-aid="5216871">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Payment Method Update Form</span>
</a>
<a href="/templates/articlecco_cdo/aid/4077955/jewish/Calendar-5787-Form.htm" class="item empty" id="menu_item4-5" data-menu-level="2" data-aid="4077955">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Calendar 5787 Form</span>
</a>
<a href="/templates/articlecco_cdo/aid/6592120/jewish/Chai-Family-Information.htm" class="item empty" id="menu_item4-6" data-menu-level="2" data-aid="6592120">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Chai Family Information</span>
</a>
</div>
<div id="menu_child4-1" class="menu_child selected" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="/templates/articlecco_cdo/aid/3268205/jewish/Changing-Jewish-Destiny.htm" class="child_item default" data-menu-level="3" data-aid="3268204"><span>Why Giving Matters</span></a>
<a href="/templates/articlecco_cdo/aid/3268218/jewish/Bequest.htm" class="child_item default" data-menu-level="3" data-aid="3268217"><span>Ways To Give</span></a>
<a href="/templates/articlecco_cdo/aid/3268227/jewish/Jewish-Legacy-Society.htm" class="child_item default" data-menu-level="3" data-aid="3268226"><span>Gratitude</span></a>
<a href="/templates/articlecco_cdo/aid/3268231/jewish/Bequest-Form.htm" class="child_item default" data-menu-level="3" data-aid="3268230"><span>Resources</span></a>
<a href="/templates/articlecco_cdo/aid/3268237/jewish/Contact-Us.htm" class="child_item default" data-menu-level="3" data-aid="3268236"><span>Contact</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child4-2" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child4-3" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child4-4" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child4-5" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child4-6" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><img src="https://w2.chabad.org/images/global/spacer.gif" width="12" height="6" border="0" vspace="2" /><div><a href="/templates/articlecco_cdo/aid/5201794/jewish/Partner-With-Us.htm" class="parent">Partner<br />With&nbsp;Us</a></div></span><a href="/templates/articlecco_cdo/aid/5201794/jewish/Partner-With-Us.htm" class="bg_extension js-parent-menu-link" data-aid="5201794"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item arrow multi_level" aid="5207259" data-menu-level="1" onmouseover='Co.MainNavigation.Show(event, this);' onmouseout='Co.MainNavigation.Hide(event, this);' >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
<div class="co_column">
<a href="/templates/articlecco_cdo/aid/7215089/jewish/Yud-Shvat.htm" class="item empty" id="menu_item5-1" data-menu-level="2" data-aid="7215089">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Yud Shvat</span>
</a>
<a href="/templates/section_cdo/aid/4848974/jewish/High-Holidays.htm" class="item" id="menu_item5-2" data-menu-level="2" data-aid="4848974">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>High Holidays</span>
</a>
<a href="/templates/section_cdo/aid/4461682/jewish/Sukkos.htm" class="item" id="menu_item5-3" data-menu-level="2" data-aid="4461682">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Sukkos</span>
</a>
<a href="/templates/section_cdo/aid/5130138/jewish/Shavuos.htm" class="item" id="menu_item5-4" data-menu-level="2" data-aid="5130138">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Shavuos</span>
</a>
<a href="/templates/articlecco_cdo/aid/5930859/jewish/Lag-Baomer.htm" class="item empty" id="menu_item5-5" data-menu-level="2" data-aid="5930859">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Lag Baomer</span>
</a>
<a href="/templates/section_cdo/aid/4690113/jewish/Pesach.htm" class="item" id="menu_item5-6" data-menu-level="2" data-aid="4690113">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Pesach</span>
</a>
<a href="/templates/section_cdo/aid/6785149/jewish/Purim.htm" class="item" id="menu_item5-7" data-menu-level="2" data-aid="6785149">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Purim</span>
</a>
<a href="/templates/section_cdo/aid/6191756/jewish/Chanukah.htm" class="item" id="menu_item5-8" data-menu-level="2" data-aid="6191756">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Chanukah</span>
</a>
</div>
<div id="menu_child5-1" class="menu_child empty selected" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child5-2" class="menu_child" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="/templates/articlecco_cdo/aid/5229340/jewish/Schedule.htm" class="child_item default" data-menu-level="3" data-aid="5229340"><span>Schedule</span></a>
<a href="/templates/articlecco_cdo/aid/5576925/jewish/Save-Your-Seat.htm" class="child_item default" data-menu-level="3" data-aid="5576925"><span>Save Your Seat</span></a>
<a href="/templates/articlecco_cdo/aid/4852493/jewish/Yizkor-Book.htm" class="child_item default" data-menu-level="3" data-aid="4852493"><span>Yizkor Book</span></a>
<a href="/templates/articlecco_cdo/aid/4084610/jewish/Memorial-Board.htm" class="child_item default" data-menu-level="3" data-aid="4084610"><span>Memorial Board</span></a>
<a href="/templates/articlecco_cdo/aid/6574442/jewish/Teen-Program.htm" class="child_item default" data-menu-level="3" data-aid="6574442"><span>Teen Program</span></a>
<a href="/templates/articlecco_cdo/aid/6574445/jewish/Kids-Program.htm" class="child_item default" data-menu-level="3" data-aid="6574445"><span>Kids Program</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child5-3" class="menu_child" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="/templates/articlecco_cdo/aid/4849008/jewish/Kol-Nidrei-Appeal.htm" class="child_item default" data-menu-level="3" data-aid="4849008"><span>Kol Nidrei Appeal</span></a>
<a href="/templates/articlecco_cdo/aid/3423076/jewish/Lulav-Etrog-Order-Form.htm" class="child_item default" data-menu-level="3" data-aid="3423076"><span>Lulav & Etrog Order Form</span></a>
<a href="/templates/articlecco_cdo/aid/5211618/jewish/Sukkot-Schedule.htm" class="child_item default" data-menu-level="3" data-aid="5211618"><span>Sukkot Schedule</span></a>
<a href="/templates/articlecco_cdo/aid/5130187/jewish/Sukkot-Under-the-Stars.htm" class="child_item default" data-menu-level="3" data-aid="5130187"><span>Sukkot Under the Stars</span></a>
<a href="/templates/articlecco_cdo/aid/5223674/jewish/Simchat-Torah-Event.htm" class="child_item default" data-menu-level="3" data-aid="5223674"><span>Simchat Torah Event!</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child5-4" class="menu_child" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="/templates/articlecco_cdo/aid/5130246/jewish/Late-Night-Learning.htm" class="child_item default" data-menu-level="3" data-aid="5130246"><span>Late Night Learning</span></a>
<a href="/templates/articlecco_cdo/aid/5130186/jewish/Shavuot-Dairy-Lunch-RSVP.htm" class="child_item default" data-menu-level="3" data-aid="5130186"><span>Shavuot Dairy Lunch RSVP</span></a>
<a href="/templates/articlecco_cdo/aid/5526418/jewish/Ten-Commandments-Ice-Cream-Party.htm" class="child_item default" data-menu-level="3" data-aid="5526418"><span>Ten Commandments & Ice Cream Party</span></a>
<a href="/templates/articlecco_cdo/aid/5130139/jewish/Services.htm" class="child_item default" data-menu-level="3" data-aid="5130139"><span>Services</span></a>
<a href="/templates/articlecco_cdo/aid/5130141/jewish/What-Is-Shavuot.htm" class="child_item link" data-menu-level="3" data-aid="5130141"><span>What Is Shavuot?</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child5-5" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child5-6" class="menu_child" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="/templates/articlecco_cdo/aid/5079570/jewish/Seder-Reservation.htm" class="child_item default" data-menu-level="3" data-aid="5079570"><span>Seder Reservation</span></a>
<a href="https://www.chabadofwesthills.com/holidays/passover/sell_chometz_cdo/sc/passover_home_button" class="child_item default" data-menu-level="3" data-aid="4690345"><span>Sell Your Chametz</span></a>
<a href="/templates/articlecco_cdo/aid/3291624/jewish/Pesach-Schedule.htm" class="child_item default" data-menu-level="3" data-aid="3291624"><span>Pesach Schedule</span></a>
<a href="/templates/articlecco_cdo/aid/6835925/jewish/Seudas-Moshiach.htm" class="child_item default" data-menu-level="3" data-aid="6835925"><span>Seudas Moshiach</span></a>
<a href="https://www.chabadofwesthills.com/holidays/passover/default.htm" class="child_item default" data-menu-level="3" data-aid="4690342"><span>Pesach Holiday Guide</span></a>
<a href="/holidays/passover/pesach_cdo/aid/32593/jewish/Passover-Recipes.htm" class="child_item link" data-menu-level="3" data-aid="4690344"><span>Pesach Recipes</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child5-7" class="menu_child" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="/templates/articlecco_cdo/aid/6349503/jewish/Purim-In-the-Wild-West.htm" class="child_item default" data-menu-level="3" data-aid="6349503"><span>Purim In the Wild West</span></a>
<a href="/templates/articlecco_cdo/aid/6352429/jewish/Annual-Community-Mishloach-Manot.htm" class="child_item default" data-menu-level="3" data-aid="6352429"><span>Annual Community Mishloach Manot</span></a>
<a href="/templates/articlecco_cdo/aid/6796633/jewish/Soul-Food.htm" class="child_item default" data-menu-level="3" data-aid="6796633"><span>Soul Food</span></a>
<a href="/templates/articlecco_cdo/aid/6820872/jewish/Charity-for-Israel.htm" class="child_item default" data-menu-level="3" data-aid="6820872"><span>Charity for Israel</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child5-8" class="menu_child" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="/templates/articlecco_cdo/aid/6191758/jewish/Chanukah-Celebration-at-Topanga-Mall.htm" class="child_item default" data-menu-level="3" data-aid="6191758"><span>Chanukah Celebration at Topanga Mall</span></a>
<a href="/templates/articlecco_cdo/aid/6194126/jewish/Hebrew-School-Hanukkah-Party.htm" class="child_item default" data-menu-level="3" data-aid="6194126"><span>Hebrew School Hanukkah Party</span></a>
<a href="/templates/articlecco_cdo/aid/6703504/jewish/Menorah-Lighting.htm" class="child_item default" data-menu-level="3" data-aid="6703504"><span>Menorah Lighting</span></a>
</div></td>
</tr>
</table>
</div>
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><img src="https://w2.chabad.org/images/global/spacer.gif" width="12" height="6" border="0" vspace="2" /><div><a href="/templates/articlecco_cdo/aid/5207259/jewish/Holidays-Events.htm" class="parent">Holidays<br />&&nbsp;Events</a></div></span><a href="/templates/articlecco_cdo/aid/5207259/jewish/Holidays-Events.htm" class="bg_extension js-parent-menu-link" data-aid="5207259"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item donate_link" aid="0" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="/4970020" class="parent">Donate</a></div></span><a href="/4970020" class="bg_extension js-parent-menu-link" data-aid="0"></a></td>
</tr>
</table>
</div>
</div>
<!-- END CACHE -->
				<div class="mobile-menu-bottom-links">
					
						<a href="/5207326" 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   clearfix">
				
	<div class="co_content_container clearfix local_content" id="co_content_container">
		<div class="clearfix">
			
			
			
			<div class="clearfix bh mobile-only align_right">ב"ה</div>
			
				<div class="master-content-wrapper g960" style="background-image: url(https://w2.chabad.org/media/images/1096/eNxf10965033.jpg)">
					

<header class="article-header cf ">
	
<script type="application/ld+json">
{
	"@context": "http://schema.org",
	"@type": "BreadcrumbList",
	"itemListElement": [
  {
    "@type": "ListItem",
    "position": 1,
    "item": {
      "@id": "/templates/articlecco_cdo/aid/6541072/jewish/Youth-Teens.htm",
      "name": "Youth & Teens"
    }
  },
  {
    "@type": "ListItem",
    "position": 2,
    "item": {
      "@id": "/templates/articlecco_cdo/aid/6583743/jewish/Youth-Teen-Pics.htm",
      "name": "Youth & Teen Pics"
    }
  },
  {
    "@type": "ListItem",
    "position": 3,
    "item": {
      "@id": "/article.asp?aid=6583742",
      "name": "Hebrew School"
    }
  }
]
}
</script>
<div class="breadcrumbs breadcrumbs hide_for_print" data-list-name="breadcrumbs">
	
			<a class="breadcrumbs__crumb" href='/templates/articlecco_cdo/aid/6541072/jewish/Youth-Teens.htm' data-aid="6541072">
				Youth & Teens
			</a>
		<span class="breadcrumbs__divider fa fa-angle-end"></span>
			<a class="breadcrumbs__crumb" href='/templates/articlecco_cdo/aid/6583743/jewish/Youth-Teen-Pics.htm' data-aid="6583743">
				Youth & Teen Pics
			</a>
		
</div>
	
			<h1 class="article-header__title js-article-title js-page-title">Hebrew School</h1>
		
			<div>
				
			</div>
		
</header>
				</div>
			
			<div class="body_wrapper clearfix co_body">
				<div class="g700" id="co_body_container">
					
					<div id="ContentBody">
						
						
							<div class="content-area-parent no_margin">
								
	<div id="fb-root"></div>
	<script>	(function (d, s, id) {
		var js, fjs = d.getElementsByTagName(s)[0];
		if (d.getElementById(id)) return;
		js = d.createElement(s); js.id = id;
		js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";
		fjs.parentNode.insertBefore(js, fjs);
	}(document, 'script', 'facebook-jssdk'));</script>
	<div id="lightbox-wrapper" class="hidden">
		<div id="lightbox">
			<div id="details-panel"><span id="album-name" class="large_left_margin">Hebrew School</span>
				<a id="close" href="#"><span>X</span></a>
			</div>
			<div id="left-panel">
				<div id="img-panel">
					<div id="lightbox-img-one-section" class="img-section">
						<img id="lightbox-img-one" class="img" src="" />
						<div id="lightbox-caption-one-wrapper" class="caption-wrapper"><div id="lightbox-caption-one" class="caption"></div></div>
					</div>
					<div id="lightbox-img-two-section" class="img-section">
						<img id="lightbox-img-two" class="img" src="" />
						<div id="lightbox-caption-two-wrapper" class="caption-wrapper"><div id="lightbox-caption-two" class="caption"></div></div>
					</div>
					<div id="lightbox-beginning-section" class="img-section hidden">
						<div class="slide-text">
							<p class="slide-message">You've reached the beginning of Hebrew School</p>
							<p id="beginning-restart" class="restart"><a href="#">Start again <img class="restart-img" src="https://w2.chabad.org/images/global/spacer.gif" /></a></p>
						</div>
					</div>
					<div id="lightbox-end-section" class="img-section hidden">
						<div class="slide-text">
							<p class="slide-message">You've finished Hebrew School</p>
							<p id="end-restart" class="restart"><a href="#">Start again <img class="restart-img" src="https://w2.chabad.org/images/global/spacer.gif" /></a></p>
						</div>
					</div>
					<div id="loading-indicator"></div>
					<div id="controls">
						<a id="previous" href="#">Previous</a>
						<a id="next" href="#">Next</a>
					</div>
					<div id="social-panel">
						<div class="social_subpanel float_left">
							<div id="count" class="float_right large_right_margin"></div>
						</div>
						<div class="social_subpanel float_right">
							<div id="social-buttons" class="float_left small_left_margin">
								<div id="like-button"></div>
							</div>
						</div>
					</div>
				</div>
				<div id="thumbnails-wrapper">
					<a id="left" href="#">Left</a>
					<a id="right" href="#">Right</a>
					<div id="thumbnails-panel">
						<!-- Thumbnails | Example:

								<div class="thumbnail photo" id="thumbnail0" data-img="0">
									<a href="#">
										<img src="photos/Tulips.jpg" width="220"/>
									</a>
								</div>

								-->
						
					</div>
				</div>
			</div>
			<div id="comments"></div>
		</div>
	</div>
	<div id="cco_body" class=" g700 no_margin">
		<div id="photos" class="clearfix">
			<!-- Photos | Example:
			
			<div class="photo" id="icon0" data-img="0">
				<a href="#">
					<img src="photos/Tulips.jpg" width="220"/>
				</a>
			</div>

			-->
			
		</div>
		

<div class="content-footer">
	
	
	
	
		<div class="section-articles below-article clearfix" id="MoreInSection" data-list-name="more in this section">
			<h2 class="below-article__title">More in this section</h2>
			<div class="bs-container">
				<div class="bs-row">
					
		<div class="section-articles__column col-md-6 ">
			<ul class="small-links small-links--orange">
				
		<li class="small-links__item ">
			
				<div class="media_icon folder">
					
				</div>
			
			<a class="link_item" href="/templates/photogallery_cdo/aid/6583744/jewish/CTeens.htm" data-aid="6583744">CTeens</a>
		</li>
		
	
			</ul>
		</div>
	
		<div class="section-articles__column col-md-6 ">
			<ul class="small-links small-links--orange">
				
		<li class="small-links__item ">
			
				<div class="media_icon folder">
					
				</div>
			
			<a class="link_item" href="/templates/photogallery_cdo/aid/6583745/jewish/CKids.htm" data-aid="6583745">CKids</a>
		</li>
		
	
			</ul>
		</div>
	
				</div>
			</div> 
		</div>
	
		

	
	
</div>
	</div>
</div>
						
						<div class="break_floats"></div>
						
					</div>
				</div>
				
				
					<div class="ads g260" id="co_ads_container">
						
	



<div class="sidebar-local-navigation cf" id="">

<meta class="js-desktop-local-nav" data-base-class="co_local_menu" />

	<div class="co_local_menu local_content js-local-nav" data-list-name="local navigation">
		
			
				<div class="header ">			
					
						<div class="section_title">
						<div><a data-menu-level="0" data-aid="6541072" href="/templates/articlecco_cdo/aid/6541072/jewish/Youth-Teens.htm">Youth & Teens</a></div>
						</div>
					
				</div>
				<div class="clearfix body medium_bottom_margin">
					
							
								<div class="item first" data-menu-level="1">
									<a data-aid="5629642" href="/templates/articlecco_cdo/aid/5629642/jewish/CKids.htm"><span>CKids</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="6576162" href="/templates/articlecco_cdo/aid/6576162/jewish/CTeen-Jr.htm"><span>CTeen Jr</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="5203231" href="/templates/articlecco_cdo/aid/5203231/jewish/CTeen.htm"><span>CTeen</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="5202053" href="/templates/articlecco_cdo/aid/5202053/jewish/Chabad-Hebrew-School.htm"><span>Chabad Hebrew School</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="946836" href="/templates/articlecco_cdo/aid/946836/jewish/BarBat-Mitzvah-Programs.htm"><span>Bar/Bat Mitzvah Programs</span></a>
								</div>
							
							
						
							
								<div class="item next_selected" data-menu-level="1">
									<a data-aid="7480710" href="/templates/articlecco_cdo/aid/7480710/jewish/Jewish-Discovery-Hour.htm"><span>Jewish Discovery Hour</span></a>
								</div>
							
							
						
							
							
								<div class="item selected last" data-menu-level="1">
									<a data-aid="6583743" href="/templates/articlecco_cdo/aid/6583743/jewish/Youth-Teen-Pics.htm"><span>Youth & Teen Pics</span></a>
									
											<div class="item_sub selected" data-menu-level="2">
												<a data-aid="6583742" href="/templates/photogallery_cdo/aid/6583742/jewish/Hebrew-School.htm"><span>Hebrew School</span></a>
											</div>
										
											<div class="item_sub " data-menu-level="2">
												<a data-aid="6583744" href="/templates/photogallery_cdo/aid/6583744/jewish/CTeens.htm"><span>CTeens</span></a>
											</div>
										
											<div class="item_sub  last" data-menu-level="2">
												<a data-aid="6583745" href="/templates/photogallery_cdo/aid/6583745/jewish/CKids.htm"><span>CKids</span></a>
											</div>
										
								</div>
							
						<div class="separator"></div>
				</div>
			
			
			
	<div id="LocalNavigationQuickLinks" class="clearfix secondary_navigation local-navigation-quick-links container padding">
		<div class="header small_bottom_padding">
			<div>Quick Links</div>
		</div>

		
				<div class="item ">
					<a href="/tools/feedback.asp"><span><span>Contact</span></span></a>
				</div>
			
				<div class="item ">
					<a href="/4970020"><span><span>Donate</span></span></a>
				</div>
			
	</div>

		
	</div>
</div>

	<div id="customizable_promos" class="">
		


<div class="sneak-peek-container clearfix">
<div class="header-title">Programs & Activities</div>
<div class="widget-1 sneak_peek custom v100 feed">
<div class="wrapper">
<div class="widget_content">
<h6 class="title_only">
<a target="" href="/2689071">Our Shul</a>
</h6>

<a href="/2689071" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1097/PgBS10976181.jpg);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
<div class="widget-1 sneak_peek custom v100 feed">
<div class="wrapper">
<div class="widget_content">
<h6 class="title_only">
<a target="" href="/templates/articlecco_cdo/aid/6163100/jewish/Mench-Club-Meets-Shabbat.htm">Mench Club Meets Shabbat!</a>
</h6>

<a href="/templates/articlecco_cdo/aid/6163100/jewish/Mench-Club-Meets-Shabbat.htm" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1282/yTsp12827474.png);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
<div class="widget-1 sneak_peek custom v100 feed">
<div class="wrapper">
<div class="widget_content">
<h6 class="title_only">
<a target="" href="/5203231">CTeen Programs</a>
</h6>

<a href="/5203231" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1165/Htdr11650214.png);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
<div class="widget-1 sneak_peek custom v100 feed">
<div class="wrapper">
<div class="widget_content">
<h6 class="title_only">
<a target="" href="/4293294">Mench Club</a>
</h6>

<a href="/4293294" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1219/LhSt12191923.png);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
<div class="widget-1 sneak_peek custom v100 feed">
<div class="wrapper">
<div class="widget_content">
<h6 class="title_only">
<a target="" href="/5207350">Women's Programs</a>
</h6>

<a href="/5207350" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1263/SCZY12634231.png);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
<div class="widget-1 sneak_peek custom v100 feed">
<div class="wrapper">
<div class="widget_content">
<h6 class="title_only">
<a target="" href="/5629642">C-Kids </a>
</h6>

<a href="/5629642" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1204/WnEY12042904.png);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
</div>

	</div>


	

					</div>
				
				
			</div>
			
			
		</div>
		
		<aside class="page-tools-sidebar js-page-tools-sidebar hide_for_print">
<div class="page-tools js-page-tools-menu">
<div class="page-tools__section page-tools__section--share">
<a class="page-tools__tool js-share-popup page-tools__tool--facebook" data-share-url="https://www.facebook.com/dialog/share?app_id=188669250943&amp;display=popup&amp;href=https%3a%2f%2fwww.chabadofwesthills.com%2ftemplates%2fphotogallery_cdo%2faid%2f6583742%2fjewish%2fHebrew-School.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dFB">
				<i class="fa fa-facebook"></i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--twitter" data-share-url="https://twitter.com/intent/tweet?text=Hebrew+School&amp;url=https%3a%2f%2fwww.chabadofwesthills.com%2ftemplates%2fphotogallery_cdo%2faid%2f6583742%2fjewish%2fHebrew-School.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dtwitter&amp;via=Chabad">
				<i class="fa fa-twitter"></i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--whatsapp d-lg-none js-share-whatsapp" data-share-url="whatsapp://send?text=Hebrew+School https%3a%2f%2fwww.chabadofwesthills.com%2ftemplates%2fphotogallery_cdo%2faid%2f6583742%2fjewish%2fHebrew-School.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dwhatsapp">
				<i class="fa fa-whatsapp">
					<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" fill="#128c7e" width="1em" height="1em"><path d="M25 2C12.318 2 2 12.318 2 25c0 3.96 1.023 7.854 2.963 11.29L2.037 46.73c-.096.343-.003.711.245.966.191.197.451.304.718.304.08 0 .161-.01.24-.029l10.896-2.699C17.463 47.058 21.21 48 25 48c12.682 0 23-10.318 23-23S37.682 2 25 2zm11.57 31.116c-.492 1.362-2.852 2.605-3.986 2.772-1.018.149-2.306.213-3.72-.231-.857-.27-1.957-.628-3.366-1.229-5.923-2.526-9.791-8.415-10.087-8.804-.295-.389-2.411-3.161-2.411-6.03s1.525-4.28 2.067-4.864c.542-.584 1.181-.73 1.575-.73s.787.005 1.132.021c.363.018.85-.137 1.329 1.001.492 1.168 1.673 4.037 1.819 4.33.148.292.246.633.05 1.022s-.294.632-.59.973-.62.76-.886 1.022c-.296.291-.603.606-.259 1.19s1.529 2.493 3.285 4.039c2.255 1.986 4.158 2.602 4.748 2.894.59.292.935.243 1.279-.146.344-.39 1.476-1.703 1.869-2.286s.787-.487 1.329-.292c.542.194 3.445 1.604 4.035 1.896.59.292.984.438 1.132.681.148.242.148 1.41-.344 2.771z"/></svg>
				</i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--pinterest d-none d-lg-block" data-share-url="http://pinterest.com/pin/create/button/?url=https%3a%2f%2fwww.chabadofwesthills.com%2ftemplates%2fphotogallery_cdo%2faid%2f6583742%2fjewish%2fHebrew-School.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dpinterest&amp;description=Hebrew+School">
				<i class="fa fa-pinterest"></i>
			</a>
<a class="page-tools__tool" onclick="showEmailLayer(this);">
<i class="fa fa-envelope"></i>
</a>
</div>
</div>
<div class="js-fab-wrapper fab-wrapper">
<div class="fab">
<i class="fab-icon"></i>
</div>
</div>
</aside>
<!-- END CACHE -->
	</div>

				<div class="break_floats"></div>
			</div>
		</div>
	</div>
	<div id="footer">
		
	

		<div class="wrapper body_container">
			
				<div class="g960 footer_family_text bottom_padding">
					
		<div class="footer_container footer_text copyright_text">
			<div class="bottom_padding clear_float">
				<img class="footer_hr" src="https://w2.chabad.org/images/global/spacer.gif" vspace="12" width="100%" height="1" /><br />
				
				<div class="footer_inner_container clearfix">
					

					


	<div class="footer3"><b>Chabad of West Hills | 6601 Valley Circle Boulevard | West Hills, CA 91307 | 818-337-4544 | Nonprofit 501c3 EIN 20-5516006</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/chabadofwesthills" 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?v=278824AF"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/co/dist/CoLib.js?v=CC07618E"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js?v=5457FBE7"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/templates/sites6.js?v=E04072E1"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/primarynavigation.js?v=76ABCD73"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/modules/pagetools.js?v=930B07AB"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/templates/photogallery.js?v=42FF58D0"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/BetaFeedback.js?v=2A22CA16"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/article/comments/reply-form-controller.js?v=DC70C970"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/commentsloader.js?v=AD6AAB79"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/subscribeprompt.js?v=86D84DC2"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/deprecated.js?v=D506A83E"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/OverrideJSDocumentWrite.js?v=9A0227AA"></script><script>$j = $j.fn ? $j : jQuery;$j(()=>{$q.forEach(f=>{try{f.call(window);}catch(ex){console.error(ex);}});})</script>
	
	
	
	
	<script type="text/javascript" language="javascript">
		var photoArray = [];
		var photoMap = {};

		
				photoArray.push({Index: photoArray.length, Id: '13339820', Icon: 'https://w2.chabad.org/media/images/1333/srMM13339820.jpeg', LargeImage: 'https://w2.chabad.org/media/images/1333/Mrjr13339819.jpeg', Caption: ''});
				photoMap['13339820'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '13339822', Icon: 'https://w2.chabad.org/media/images/1333/dCWU13339822.jpeg', LargeImage: 'https://w2.chabad.org/media/images/1333/iQES13339821.jpeg', Caption: ''});
				photoMap['13339822'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '13339824', Icon: 'https://w2.chabad.org/media/images/1333/nCoV13339824.jpeg', LargeImage: 'https://w2.chabad.org/media/images/1333/WrcD13339823.jpeg', Caption: ''});
				photoMap['13339824'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '13339826', Icon: 'https://w2.chabad.org/media/images/1333/LlgN13339826.jpeg', LargeImage: 'https://w2.chabad.org/media/images/1333/viCt13339825.jpeg', Caption: ''});
				photoMap['13339826'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '13339828', Icon: 'https://w2.chabad.org/media/images/1333/DMbT13339828.jpeg', LargeImage: 'https://w2.chabad.org/media/images/1333/hSSt13339827.jpeg', Caption: ''});
				photoMap['13339828'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '13339830', Icon: 'https://w2.chabad.org/media/images/1333/xYyj13339830.jpeg', LargeImage: 'https://w2.chabad.org/media/images/1333/HsEp13339829.jpeg', Caption: ''});
				photoMap['13339830'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '13339832', Icon: 'https://w2.chabad.org/media/images/1333/vZeX13339832.jpeg', LargeImage: 'https://w2.chabad.org/media/images/1333/IYhu13339831.jpeg', Caption: ''});
				photoMap['13339832'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '13339834', Icon: 'https://w2.chabad.org/media/images/1333/xSer13339834.jpeg', LargeImage: 'https://w2.chabad.org/media/images/1333/ugLq13339833.jpeg', Caption: ''});
				photoMap['13339834'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '13339836', Icon: 'https://w2.chabad.org/media/images/1333/dJiP13339836.jpeg', LargeImage: 'https://w2.chabad.org/media/images/1333/jTxg13339835.jpeg', Caption: ''});
				photoMap['13339836'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '13339838', Icon: 'https://w2.chabad.org/media/images/1333/EniY13339838.jpeg', LargeImage: 'https://w2.chabad.org/media/images/1333/fLDt13339837.jpeg', Caption: ''});
				photoMap['13339838'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '13339840', Icon: 'https://w2.chabad.org/media/images/1333/PBvp13339840.jpeg', LargeImage: 'https://w2.chabad.org/media/images/1333/oMcU13339839.jpeg', Caption: ''});
				photoMap['13339840'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '13339842', Icon: 'https://w2.chabad.org/media/images/1333/HmMr13339842.jpeg', LargeImage: 'https://w2.chabad.org/media/images/1333/WPoC13339841.jpeg', Caption: ''});
				photoMap['13339842'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '13339844', Icon: 'https://w2.chabad.org/media/images/1333/fWyo13339844.jpeg', LargeImage: 'https://w2.chabad.org/media/images/1333/dfXR13339843.jpeg', Caption: ''});
				photoMap['13339844'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '13339846', Icon: 'https://w2.chabad.org/media/images/1333/hHmR13339846.jpeg', LargeImage: 'https://w2.chabad.org/media/images/1333/wTKv13339845.jpeg', Caption: ''});
				photoMap['13339846'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '13339848', Icon: 'https://w2.chabad.org/media/images/1333/VmcN13339848.jpeg', LargeImage: 'https://w2.chabad.org/media/images/1333/Mcxv13339847.jpeg', Caption: ''});
				photoMap['13339848'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '13339850', Icon: 'https://w2.chabad.org/media/images/1333/dodj13339850.jpeg', LargeImage: 'https://w2.chabad.org/media/images/1333/HuzM13339849.jpeg', Caption: ''});
				photoMap['13339850'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '13339852', Icon: 'https://w2.chabad.org/media/images/1333/fTKl13339852.jpeg', LargeImage: 'https://w2.chabad.org/media/images/1333/oChK13339851.jpeg', Caption: ''});
				photoMap['13339852'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '13339854', Icon: 'https://w2.chabad.org/media/images/1333/NKKu13339854.jpeg', LargeImage: 'https://w2.chabad.org/media/images/1333/GCMU13339853.jpeg', Caption: ''});
				photoMap['13339854'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '13339856', Icon: 'https://w2.chabad.org/media/images/1333/NGkX13339856.jpeg', LargeImage: 'https://w2.chabad.org/media/images/1333/vEaj13339855.jpeg', Caption: ''});
				photoMap['13339856'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '13339858', Icon: 'https://w2.chabad.org/media/images/1333/sSOF13339858.jpeg', LargeImage: 'https://w2.chabad.org/media/images/1333/Zgqp13339857.jpeg', Caption: ''});
				photoMap['13339858'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '13339860', Icon: 'https://w2.chabad.org/media/images/1333/Iini13339860.jpeg', LargeImage: 'https://w2.chabad.org/media/images/1333/inHj13339859.jpeg', Caption: ''});
				photoMap['13339860'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '13339862', Icon: 'https://w2.chabad.org/media/images/1333/wRPz13339862.jpeg', LargeImage: 'https://w2.chabad.org/media/images/1333/UFHW13339861.jpeg', Caption: ''});
				photoMap['13339862'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '13339864', Icon: 'https://w2.chabad.org/media/images/1333/ohMJ13339864.jpeg', LargeImage: 'https://w2.chabad.org/media/images/1333/xddW13339863.jpeg', Caption: ''});
				photoMap['13339864'] = photoArray[photoArray.length-1];

		var FacebookSettings = {
			CommentsEnabled: false,
			HasAlbumId : false,
			AlbumId : '',
			IsPrintVersion: false,
			BaseUrl: 'http://www.chabadofwesthills.com/templates/photogallery_cdo/aid/6583742'
		};

		Co.Anchor.Events.AddEventListener("change", function(e)
		{
			//don't parseInt this, as the ids are long enough that JS will corrupt them. Strings work fine
			var photoID = e.items['photoid'];
			if (!isNaN(photoID))
			{
				if (Co_Slideshow.currentImg && Co_Slideshow.index !== (photoMap[photoID].Index))
					Co_Slideshow.openImage(photoMap[photoID].Index);
			}					

			if (e.items['close']==='true')
				Co_Slideshow.closeLightbox(e);
		});

		if(FacebookSettings.HasAlbumId)
		{
			var json = undefined;
			var facebookLikeUrl = [];
			var facebookCommentsUrl = [];
			if (json && !json.error && json.data.length)
			{
				photoArray = [];
				photoMap = { };
				facebookLikeUrl = [];
				facebookCommentsUrl = [];
				//Index_of_Requested_image = 0;
				Co_Slideshow.index = -1;
				var photo = null;
				var photoItem = {};
				for (var i in json.data)
				{
					//val2 = a[c][d];
					photo = json.data[i];

					if(!photo.source && photo.images && photo.images.length)
						photo.source = photo.images[0].source;

					if (typeof(photo.source) != "undefined")
					{
						var caption = "";
						if (photo.name)
							caption = photo.name;
						photoItem =
						{
							Index: photoArray.length,
							Id: photo.id,
							Icon: photo.picture,
							LargeImage: photo.source,
							Caption: caption,
                            Date: new Date(photo.created_time)
						};
						if( photo.images && photo.images.length )
						{
							//CWNP-608.
							// We want the nicest looking size...
							var largeImage =
							{
								source: null,
								height: 0,
								width: 0
							};
							var icon =
							{
								source: null,
								height: 0,
								width: 0
							};
							for( var i = 0, iMax = photo.images.length; i < iMax; i++ )
							{
								var image = photo.images[i];
								if( image.height > largeImage.height || image.width > largeImage.width )
								{
									largeImage.source = image.source;
									largeImage.height = image.height;
									largeImage.width = image.width;
								}
								if( ( image.height > icon.height && image.height < 321 )//Max 320
								|| ( image.width > icon.width && image.width < 321 ))
								{
									icon.source = image.source;
									icon.height = image.height;
									icon.width = image.width;
								}
							}
							if( !icon.source )
								icon = largeImage;
							if( largeImage.source )
							{
								photoItem.LargeImage = largeImage.source;
								photoItem.Icon = icon.source;
							}
						}
						photoArray.push( photoItem );
						photoMap[photo.id] = photoArray[photoArray.length-1];

						facebookLikeUrl.push('https://www.facebook.com/'+FacebookSettings.AlbumId+photo.id);
						facebookCommentsUrl.push(photo.link);
					}
				}
				// Sort photos by most recent date.
				photoArray
					.sort((a,b) => b.Date - a.Date)
					.map((photo, index) => photo.Index = index);
			}
		}

		var photos = [];
		var thumbnails = [];
		var amountOfPhotos = Math.min(250, photoArray.length);
        for (var i = 0; i < amountOfPhotos; i++)
		{
			photo = photoArray[i];
							
			photos.push(
				'<div class="photo" id="icon' + i + '" data-img="' + i + '"><a href="#">'+
				'<img style="background-image: url(' + photo.Icon +
				'); background-size: cover; background-position: 50% 25%;"' + 
				'src="https://w2.chabad.org/images/global/spacer.gif" width="115" height="115" border="0" alt="'+ 
				photo.Caption + '" title="' + photo.Caption + '"></a></div>');

			// Thumbnails
			thumbnails.push(
				'<div class="photo thumbnail"  id="icon' + i + '" data-img="' + i + '"><a href="#">'+
				'<img style="background-image: url(' + photo.Icon +
				'); background-size: cover; background-position: 50% 25%;"' + 
				'src="https://w2.chabad.org/images/global/spacer.gif" border="0" alt="'+ 
				photo.Caption + '" title="' + photo.Caption + '"></a></div>');
		}

		Co.DomEvents.AddListener(window, "domload", function()
		{
			if (photoArray.length == 0)
			{
				document.getElementById('photos').innerHTML = 'No photos found';
			}
			else
			{
				document.getElementById('photos').innerHTML = photos.join(' ');
				document.getElementById('thumbnails-panel').innerHTML = thumbnails.join(' ');
				initSlideshow();
			}
		});

		var image_url = FacebookSettings.baseUrl + '/iid/' + photoArray[0].Id;
			
		if(FacebookSettings.HasAlbumId)
		{
			image_url = facebookLikeUrl[0];
		}

		function initSlideshow()
		{					
			Co_Slideshow.initialize();
		}
    </script>
		

<script  language="javascript" type="text/javascript"> Co.Settings      = {CacheClassName:'js-cache-default',MosadName:'Chabad of West Hills'}; Co.ArticleId     = '6583742';Co.SectionId     = 6541072;Co.PartnerSiteId = 0;Co.SiteId        = 3327;Co.IsMobilePage  = false;Co.IsResponsive  = false;Co.DbDomain      = 'ChabadofWestHills.com';Co.LanguageCode  = '';Co.LoginStatus   = 'None';</script>

    
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Maven+Pro&display=swap" rel="stylesheet"><link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap" rel="stylesheet">


<script>
//<![CDATA[
(function () {

    // =========================================================
    // Chabad of West Hills - Chai Club
    // Page: /templates/articlecco_cdo/aid/7487990/jewish/Chai-Club.htm
    // =========================================================

    if (window.location.href.indexOf('7487990') === -1) { return; }

    // ---------- CONFIG ----------------------------------------
    // Published Google Sheet (File > Share > Publish to web > Donors sheet > CSV)
    var GOOGLE_SHEET_CSV_URL = "https://docs.google.com/spreadsheets/d/e/2PACX-1vT2rqmBbaxUQS_MzvhDOxurFfXqkD0jcRFXnwH7-z3rUAsFfHXDx4TQwk4OsEdMkRNSLZDehk4JynAp/pub?gid=0&single=true&output=csv";

    // Apps Script web app URL (Deploy > New deployment > Web app > Anyone)
    var SHEET_POST_URL = "https://script.google.com/macros/s/AKfycbys-n-kXqEHE1UyqU5NY_1p0UZ8Cy8la0mnJNa-WBVP0S3JJMiZr1Zw-RhIilo_H08S-w/exec";

    var CONTACT_EMAIL = "chabadwesthills@gmail.com";

    // Cards shown before "View All"
    var INITIAL_CARDS = 9;

    // Colour used inside the inline heart SVG on each donor card.
    // Keep this the same as --wh-accent below.
    var ACCENT_HEX = "#1B5E8C";

    // ---------- TIER MAP --------------------------------------
    // Two circles. Chai Circle = the $150 and $225 options only.
    // Founders Circle = everything above, each amount its own section.
    var TIERS = [
        { name: 'Chai',           amount: 150,  circle: 'Chai Circle' },
        { name: 'Family',         amount: 225,  circle: 'Chai Circle' },
        { name: 'Chai Bronze',    amount: 300,  circle: 'Founders Circle' },
        { name: 'Chai Silver',    amount: 450,  circle: 'Founders Circle' },
        { name: 'Chai Gold',      amount: 600,  circle: 'Founders Circle' },
        { name: 'Chai Ruby',      amount: 750,  circle: 'Founders Circle' },
        { name: 'Chai Diamond',   amount: 1005, circle: 'Founders Circle' },
        { name: 'Chai Platinum',  amount: 1500, circle: 'Founders Circle' },
        { name: 'Double Chai',    amount: 3000, circle: 'Founders Circle' },
        { name: 'Triple Chai',    amount: 4500, circle: 'Founders Circle' },
        { name: 'Chai Founding',  amount: 6000, circle: 'Founders Circle' },
        { name: 'Chai Visionary', amount: 9000, circle: 'Founders Circle', alt: ['Chai Visonary'] }
    ];

    var CIRCLE_ORDER = ['Chai Circle', 'Founders Circle'];

    // =========================================================
    // 1. STYLES
    //    Every colour on the page comes from the block below.
    //    --wh-accent is the one to change if you want a different
    //    partner colour; nothing else hard-codes it except
    //    ACCENT_HEX above (the heart icon).
    // =========================================================
    var westHillsStyles = `
        @import url('https://fonts.googleapis.com/css2?family=Commissioner:wght@300;400;500;600;700;800&family=Spectral:wght@300;400;500;600;700;800&display=swap');

        :root {
            --wh-bg:          #F2F6F9;   /* page background - pale blue */
            --wh-accent:      #1B5E8C;   /* primary - sapphire */
            --wh-accent-rgb:  27, 94, 140; /* same colour as channels, for gradients */
            --wh-accent-dk:   #144B72;   /* pressed / shadow sapphire */
            --wh-accent-soft: #E8F1F7;   /* tinted card fill - sapphire */
            --wh-gold:        #D9A62E;   /* CTA / submit gold */
            --wh-gold-rgb:    217, 166, 46;
            --wh-gold-dk:     #BE8E1F;
            --wh-gold-soft:   #FBF3E0;   /* tinted card fill - gold */
            --wh-ink:         #22384A;   /* body text - navy */
            --wh-muted:       #8494A1;   /* sub-labels */
            --wh-line:        #E1E7EC;   /* hairlines */
        }

        body {
            font-family: "Spectral", serif !important;
            color: var(--wh-ink) !important;
            margin: 0 !important;
            background: var(--wh-bg) !important;
        }

        .form-label-auto, .form-label-left, .form-label-right, .form-label-top {
            font-family: "Commissioner", sans-serif !important;
            font-size: 18px !important;
            color: var(--wh-ink) !important;
        }

        .belair-img-mobile { display: none !important; }
        .belair-img-desktop { display: block !important; }

        /* ---------- ABOUT CARDS ---------- */
        .chai-belair-container { max-width: 1000px !important; margin: 0 auto 40px auto !important; width: 100% !important; box-sizing: border-box !important; }
        .chai-belair-row-top { display: flex !important; gap: 20px !important; margin-bottom: 20px !important; align-items: stretch !important; }
        .chai-belair-row-bottom { display: grid !important; grid-template-columns: 1fr 1fr 1fr !important; gap: 20px !important; }

        .chai-belair-card {
            border-radius: 15px !important;
            padding: 30px !important;
            box-sizing: border-box !important;
            box-shadow: 5px 5px 0px rgba(var(--wh-accent-rgb), 0.18) !important;
            border: 2px solid #FFFFFF !important;
        }

        .chai-belair-bg-blue  { background-color: var(--wh-accent) !important; color: #ffffff !important; border-color: var(--wh-accent) !important; }
        .chai-belair-bg-white { background-color: #ffffff !important; color: var(--wh-ink) !important; }

        #row-2 { background-color: var(--wh-accent) !important; border-color: var(--wh-accent) !important; }

        .chai-belair-gift-card { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 45% !important; }
        .chai-belair-gift-icon-wrapper { margin-right: 20px !important; border-right: 2px solid rgba(255, 255, 255, 0.35) !important; padding-right: 20px !important; }
        .chai-belair-icon-gift { width: 80px !important; height: auto !important; display: block !important; }
        .chai-belair-title { font-family: 'Commissioner', sans-serif !important; font-weight: 700 !important; font-size: 28px !important; line-height: 1.2 !important; margin: 0 !important; color: #ffffff !important; }
        .chai-belair-text-card { flex: 1 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; font-family: 'Spectral', serif !important; font-size: 17px !important; line-height: 1.5 !important; text-align: left !important; color: var(--wh-ink) !important; }
        .chai-belair-text-card p { margin-bottom: 15px !important; margin-top: 0 !important; }
        .chai-belair-text-card p:last-child { margin-bottom: 0 !important; }
        .chai-belair-feature-card { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; min-height: 200px !important; }
        .chai-belair-icon-feature { height: 60px !important; width: auto !important; margin-bottom: 20px !important; object-fit: contain !important; }
        .chai-belair-feature-text { font-family: 'Commissioner', sans-serif !important; font-size: 18px !important; line-height: 1.4 !important; margin: 0 !important; color: var(--wh-ink) !important; }
        .chai-belair-bg-blue .chai-belair-feature-text { color: #ffffff !important; }
        #row-2 .chai-belair-feature-text { color: #ffffff !important; }
        .chai-belair-highlight { color: var(--wh-accent) !important; font-weight: 700 !important; }
        .chai-belair-highlight-white { color: #ffffff !important; font-weight: 700 !important; }

        /* ---------- CHAI PARTNERSHIP BENEFITS ---------- */
        .wh-benefits {
            width: 100% !important;
            max-width: 1000px !important;
            margin: 0 auto 40px auto !important;
            background-color: #FFFFFF !important;
            border-radius: 15px !important;
            padding: 45px 40px !important;
            box-sizing: border-box !important;
            box-shadow: 5px 5px 0px rgba(var(--wh-accent-rgb), 0.18) !important;
            scroll-margin-top: 80px !important;
        }
        .wh-benefits-title {
            font-family: 'Commissioner', sans-serif !important;
            font-size: 32px !important;
            font-weight: 800 !important;
            color: var(--wh-ink) !important;
            text-transform: uppercase !important;
            letter-spacing: 0.02em !important;
            text-align: center !important;
            margin: 0 0 35px 0 !important;
            line-height: 1.2 !important;
        }
        .wh-benefits-grid {
            display: grid !important;
            grid-template-columns: 1fr 1fr !important;
            gap: 28px 40px !important;
            width: 100% !important;
        }
        .wh-benefit {
            display: flex !important;
            align-items: center !important;
            gap: 18px !important;
        }
        .wh-benefit-icon {
            flex: none !important;
            width: 72px !important;
            height: 72px !important;
            border-radius: 50% !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            overflow: hidden !important;
            box-sizing: border-box !important;
        }
        .wh-benefit:nth-child(odd)  .wh-benefit-icon { background-color: var(--wh-accent-soft) !important; }
        .wh-benefit:nth-child(even) .wh-benefit-icon { background-color: var(--wh-gold-soft) !important; }
        .wh-benefit-icon img {
            width: 100% !important;
            height: 100% !important;
            object-fit: contain !important;
            display: block !important;
            padding: 12px !important;
            box-sizing: border-box !important;
        }
        /* keeps the circle clean until the PNGs are dropped in */
        .wh-benefit-icon img:not([src]), .wh-benefit-icon img[src=""] { display: none !important; }
        .wh-benefit-text {
            font-family: 'Spectral', serif !important;
            font-size: 17px !important;
            font-weight: 600 !important;
            line-height: 1.4 !important;
            color: var(--wh-ink) !important;
            margin: 0 !important;
        }

        /* ---------- FORM WRAPPER ---------- */
        .belair-white-box {
            background-color: #FFFFFF !important;
            border-radius: 15px !important;
            padding: 40px !important;
            max-width: 1000px !important;
            margin: 0 auto 40px auto !important;
            box-sizing: border-box !important;
        }

        /* ---------- HEADER / NAV ---------- */
        .belair-chai-container { font-family: "Spectral", serif !important; color: var(--wh-ink) !important; width: 100% !important; margin: 0 auto !important; background-color: transparent !important; display: flex !important; flex-direction: column !important; align-items: center !important; }
        .belair-chai-nav { display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 20px 0px !important; width: 100% !important; max-width: 1000px !important; box-sizing: border-box !important; }
        .belair-chai-nav-left { display: flex !important; align-items: center !important; }
        .belair-chai-nav-logo-top { height: 60px !important; width: auto !important; object-fit: contain !important; }
        .belair-chai-nav-right { display: flex !important; gap: 30px !important; align-items: center !important; }
        .belair-chai-nav-item { font-size: 20px !important; font-weight: 400 !important; color: var(--wh-ink) !important; cursor: pointer !important; white-space: nowrap !important; transition: color 0.3s !important; }
        .belair-chai-nav-item:hover { color: var(--wh-accent) !important; }

        /* Hero frame, offset shadow and bottom fade are all CSS now,
           so a plain rectangular photo can be uploaded as-is. */
        .belair-chai-hero-image {
            position: relative !important;
            width: 100% !important;
            max-width: 1000px !important;
            max-height: 650px !important;
            overflow: hidden !important;
            margin: 0 0 48px 0 !important;
            padding: 0px !important;                  /* the white mat */
            box-sizing: border-box !important;
            border-radius: 18px !important;
            box-shadow: 9px 9px 0px var(--wh-accent) !important;
        }
        .belair-chai-hero-image img {
            width: 100% !important;
            height: 100% !important;
            object-fit: cover !important;
            display: block;
            border-radius: 10px !important;
        }
        /* red fade along the bottom edge of the photo */
        .belair-chai-hero-image:after {
            content: "" !important;
            position: absolute !important;
            left: 0px !important;
            right: 0px !important;
            bottom: 0px !important;
            height: 40% !important;
            border-radius: 0 0 10px 10px !important;
            pointer-events: none !important;
            background: linear-gradient(to top,
                        rgba(var(--wh-accent-rgb), 0.88) 0%,
                        rgba(var(--wh-accent-rgb), 0.45) 45%,
                        rgba(var(--wh-accent-rgb), 0) 100%) !important;
        }

        .belair-chai-header-wrapper { display: flex !important; flex-direction: column !important; align-items: center !important; margin-bottom: 30px !important; text-align: center !important; }
        .belair-chai-title-section { display: flex !important; align-items: center !important; justify-content: center !important; gap: 20px !important; padding: 0 20px !important; }
        .belair-chai-logo-img { width: 100% !important; max-width: 620px !important; height: auto !important; object-fit: contain !important; }

        /* editable tagline under the Chai logo */
        .wh-chai-tagline {
            font-family: "Spectral", serif !important;
            font-size: 34px !important;
            font-weight: 700 !important;
            color: var(--wh-accent) !important;
            text-transform: uppercase !important;
            letter-spacing: 0.11em !important;
            line-height: 1.3 !important;
            text-align: center !important;
            max-width: 720px !important;
            margin: 20px auto 0 auto !important;
            padding: 0 20px !important;
            box-sizing: border-box !important;
        }

        .belair-chai-cta-container { margin-bottom: 60px !important; }
        .belair-chai-cta-btn-large { font-size: 26px !important; padding: 14px 40px !important; }

        /* ---------- BUTTONS ---------- */
        .belair-btn-blue {
            display: flex !important;
            align-items: center !important;
            gap: 12px !important;
            background-color: var(--wh-gold) !important;
            color: var(--wh-ink) !important;
            padding: 10px 24px !important;
            border-radius: 50px !important;
            font-weight: 700 !important;
            font-size: 18px;
            cursor: pointer !important;
            text-decoration: none !important;
            white-space: nowrap !important;
            border: 2px solid var(--wh-gold) !important;
            transition: all 0.25s ease !important;
            font-family: "Commissioner", sans-serif !important;
        }
        .belair-btn-blue:hover { background-color: var(--wh-gold-dk) !important; border-color: var(--wh-gold-dk) !important; color: var(--wh-ink) !important; }
        .belair-btn-blue svg { fill: var(--wh-ink) !important; width: 18px !important; height: 18px !important; }

        /* ---------- CHAI PARTNERS WALL ---------- */
        .belair-chai-donors-wrapper {
            width: 100% !important;
            max-width: 1000px !important;
            background-color: var(--wh-accent) !important;
            padding: 60px 0 !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            text-align: center !important;
            scroll-margin-top: 80px !important;
            border-radius: 15px !important;
            margin: 0 auto 40px auto !important;
            box-sizing: border-box !important;
        }

        .belair-chai-partners-title {
            font-size: 70px !important;
            margin-bottom: 15px !important;
            display: flex !important;
            align-items: baseline !important;
            gap: 12px !important;
            line-height: 1 !important;
            font-family: 'Commissioner', sans-serif !important;
        }
        .word-chai     { font-weight: 800 !important; color: #FFFFFF !important; text-transform: uppercase !important; }
        .word-partners { font-weight: 300 !important; color: #FFFFFF !important; text-transform: uppercase !important; }
        .belair-chai-partners-logo { width: 60px !important; margin-bottom: 10px !important; height: auto !important; }

        .belair-chai-thank-you {
            font-size: 22px !important;
            font-weight: 400 !important;
            color: #FFFFFF !important;
            margin-bottom: 10px !important;
            display: flex !important;
            align-items: center !important;
            gap: 10px !important;
            font-family: "Spectral", serif !important;
        }
        .thank-you-header-heart { height: 30px !important; width: 30px !important; margin-right: 10px !important; }

        .belair-chai-active-count { font-size: 18px !important; font-weight: 300 !important; color: rgba(255,255,255,0.85) !important; margin-bottom: 40px !important; }

        .belair-chai-donors-grid { display: block !important; width: 100% !important; max-width: 900px !important; padding: 0 !important; box-sizing: border-box !important; }

        /* circle = Chai Circle / Founders Circle */
        .wh-circle { width: 100% !important; margin-bottom: 42px !important; }
        .wh-circle:last-child { margin-bottom: 0 !important; }
        .wh-circle-title {
            font-family: 'Commissioner', sans-serif !important;
            font-size: 30px !important;
            font-weight: 800 !important;
            color: #FFFFFF !important;
            text-transform: uppercase !important;
            letter-spacing: 0.04em !important;
            text-align: left !important;
            margin: 0 0 20px 0 !important;
            padding-bottom: 10px !important;
            border-bottom: 3px solid rgba(255,255,255,0.55) !important;
        }

        .belair-tier-group { width: 100% !important; margin-bottom: 28px !important; }
        .belair-tier-group:last-child { margin-bottom: 0 !important; }

        .belair-tier-group-title {
            font-family: 'Commissioner', sans-serif !important;
            font-size: 18px !important;
            font-weight: 600 !important;
            color: #FFFFFF !important;
            letter-spacing: 0.06em !important;
            text-transform: uppercase !important;
            text-align: left !important;
            margin-bottom: 12px !important;
            padding-bottom: 6px !important;
            border-bottom: 1px solid rgba(255,255,255,0.30) !important;
        }
        .belair-tier-range { font-weight: 400 !important; font-size: 14px !important; letter-spacing: 0.02em !important; color: rgba(255,255,255,0.75) !important; margin-left: 10px !important; text-transform: none !important; }

        .belair-tier-group-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 16px !important; width: 100% !important; }

        .belair-chai-donor-card {
            background-color: #FFFFFF !important;
            border-radius: 8px !important;
            padding: 20px !important;
            min-height: 110px !important;
            text-align: left !important;
            display: flex !important;
            flex-direction: column !important;
            justify-content: space-between !important;
            box-shadow: none !important;
            border: 2px solid #FFFFFF !important;
        }
        .belair-chai-card-top { margin-bottom: 12px !important; }
        .belair-chai-name-row { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-bottom: 5px !important; }
        .belair-chai-name { font-size: 18px !important; font-weight: 700 !important; color: var(--wh-ink) !important; line-height: 1.25 !important; }
        .belair-chai-card-divider { width: 100% !important; height: 1px !important; background-color: rgba(var(--wh-accent-rgb), 0.20) !important; margin: 10px 0 !important; }
        .belair-chai-level { font-size: 12px !important; text-transform: uppercase !important; color: var(--wh-accent) !important; letter-spacing: 0.5px !important; font-weight: 600 !important; }
        .belair-chai-card-bottom { font-size: 12px !important; font-weight: 600 !important; color: var(--wh-muted) !important; display: flex !important; align-items: center !important; gap: 6px !important; }
        .donor-card-heart svg { width: 14px !important; height: 14px !important; }

        .belair-view-all-container { width: 100% !important; display: flex !important; justify-content: center !important; margin-top: 30px !important; }
        .belair-view-all-btn {
            background: transparent !important;
            border: 2px solid #FFFFFF !important;
            color: #FFFFFF !important;
            padding: 10px 30px !important;
            border-radius: 50px !important;
            font-family: "Commissioner", sans-serif !important;
            font-weight: 600 !important;
            cursor: pointer !important;
            font-size: 14px !important;
            display: flex !important;
            align-items: center !important;
            gap: 8px !important;
        }
        .belair-view-all-btn:hover { background: #FFFFFF !important; color: var(--wh-accent) !important; }

        .belair-donor-notice {
            width: 100% !important;
            max-width: 900px !important;
            margin: 26px auto 0 auto !important;
            font-family: 'Commissioner', sans-serif !important;
            font-size: 13px !important;
            color: rgba(255,255,255,0.85) !important;
            text-align: center !important;
            line-height: 1.5 !important;
            box-sizing: border-box !important;
            padding: 0 20px !important;
        }
        .belair-donor-notice a { color: #FFFFFF !important; text-decoration: underline !important; }

        /* ---------- GENERAL FORM ---------- */
        .form-line { padding: 15px 0 !important; margin: 0 auto !important; max-width: 100% !important; box-sizing: border-box !important; display: block !important; }

        .form-label, .form-sub-label {
            font-family: "Commissioner", sans-serif !important;
            font-size: 16px !important;
            font-weight: 400 !important;
            color: var(--wh-muted) !important;
            margin-bottom: 8px !important;
            display: block !important;
            width: 100% !important;
            text-align: left !important;
            float: none !important;
        }

        .form-textbox, .form-dropdown, .form-textarea {
            width: 100% !important;
            max-width: 100% !important;
            padding: 12px 15px !important;
            border: 1px solid var(--wh-line) !important;
            border-radius: 6px !important;
            font-family: "Commissioner", sans-serif !important;
            font-size: 16px !important;
            box-sizing: border-box !important;
            transition: border-color 0.25s !important;
            background-color: #FAFAFA !important;
        }
        .form-textbox:focus, .form-dropdown:focus {
            border-color: var(--wh-accent) !important;
            outline: none !important;
            background-color: #fff !important;
        }

        /* ---------- TIER PICKER (id_3) ---------- */
        #cid_3 .form-single-column {
            display: grid !important;
            grid-template-columns: repeat(3, 1fr) !important;
            gap: 18px !important;
            width: 100% !important;
        }
        #label_3 { float: none !important; display: block !important; width: 100% !important; text-align: center !important; margin-bottom: 20px !important; }
        li#id_3 { display: flex !important; flex-direction: column !important; align-items: center !important; }

        .tier-card {
            position: relative !important;
            border-radius: 12px !important;
            padding: 30px 22px !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: flex-start !important;
            justify-content: center !important;
            min-height: 110px !important;
            cursor: pointer !important;
            transition: transform 0.2s, box-shadow 0.2s !important;
            box-sizing: border-box !important;
            margin-bottom: 0 !important;
            width: 100% !important;
            border-width: 2px !important;
            border-style: solid !important;
            background-color: #FFFFFF !important;
        }
        .tier-card:hover { transform: translateY(-3px) !important; }
        .tier-card.tier-selected { border-width: 4px !important; padding: 28px 20px !important; }

        /* Circle grouping inside the picker */
        .wh-tier-heading {
            grid-column: 1 / -1 !important;
            font-family: 'Commissioner', sans-serif !important;
            font-size: 17px !important;
            font-weight: 700 !important;
            color: var(--wh-accent) !important;
            text-transform: uppercase !important;
            letter-spacing: 0.06em !important;
            text-align: left !important;
            padding-bottom: 8px !important;
            margin: 10px 0 0 0 !important;
            border-bottom: 2px solid var(--wh-accent-soft) !important;
        }

        .tier-card input[type="radio"] {
            appearance: none !important;
            -webkit-appearance: none !important;
            width: 15px !important;
            height: 15px !important;
            border-radius: 50% !important;
            border: 1.5px solid #C9C9C9 !important;
            background: #fff !important;
            cursor: pointer !important;
            position: absolute !important;
            top: 14px !important;
            right: 14px !important;
            margin: 0 !important;
        }
        .tier-card input[type="radio"]:checked {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") !important;
            background-size: 11px 11px !important;
            background-repeat: no-repeat !important;
            background-position: center !important;
        }
        .tier-card input[type="radio"]:focus-visible { outline: 3px solid var(--wh-accent) !important; outline-offset: 2px !important; }

        .tier-card-content { display: flex !important; flex-direction: column !important; align-items: flex-start !important; width: 100% !important; text-align: left !important; }
        .tier-name { font-size: 19px !important; font-weight: 600 !important; margin-bottom: 0 !important; color: var(--wh-ink) !important; text-transform: none !important; letter-spacing: 0 !important; font-family: "Spectral", serif !important; }
        .tier-line { width: 100% !important; height: 1px !important; margin: 12px 0 !important; opacity: 0.45 !important; }
        .tier-price { font-size: 22px !important; font-weight: 700 !important; font-family: "Spectral", serif !important; }
        .tier-price .tier-per { font-size: 12px !important; font-weight: 400 !important; margin-left: 4px !important; color: var(--wh-muted) !important; }

        /* Alternating tier cards - red / blue */
        .tier-card-accent { border-color: var(--wh-accent) !important; }
        .tier-card-accent .tier-line  { background-color: var(--wh-accent) !important; }
        .tier-card-accent .tier-price { color: var(--wh-accent) !important; }
        .tier-card-accent:hover { box-shadow: 0 6px 16px rgba(var(--wh-accent-rgb), 0.20) !important; }
        .tier-card-accent.tier-selected { background-color: var(--wh-accent-soft) !important; }
        .tier-card-accent input[type="radio"]:checked {
            background-color: var(--wh-accent) !important;
            border-color: var(--wh-accent) !important;
        }

        .tier-card-gold { border-color: var(--wh-gold) !important; }
        .tier-card-gold .tier-line  { background-color: var(--wh-gold) !important; }
        .tier-card-gold .tier-price { color: var(--wh-gold-dk) !important; }
        .tier-card-gold:hover { box-shadow: 0 6px 16px rgba(var(--wh-gold-rgb), 0.28) !important; }
        .tier-card-gold.tier-selected { background-color: var(--wh-gold-soft) !important; }
        .tier-card-gold input[type="radio"]:checked {
            background-color: var(--wh-gold) !important;
            border-color: var(--wh-gold) !important;
        }

        .tier-main-title { font-size: 26px !important; font-weight: 800 !important; color: var(--wh-ink) !important; margin-bottom: 5px !important; text-align: center !important; display: block !important; font-family: "Spectral", serif !important; }
        .tier-sub-title { font-size: 18px !important; font-weight: 400 !important; color: var(--wh-muted) !important; margin-bottom: 25px !important; text-align: center !important; display: block !important; font-family: "Spectral", serif !important; }

        #cid_3 br, #cid_3 .clearfix { display: none !important; }

        /* ---------- PAYMENT DETAILS HEADER (header_4) ---------- */
        #header_4 {
            text-align: center !important;
            font-size: 30px !important;
            color: var(--wh-ink) !important;
            font-family: "Spectral", serif !important;
            font-weight: 700 !important;
            margin: 20px 0 10px 0 !important;
            padding-bottom: 10px !important;
            display: block !important;
        }

        /* ---------- NAME FIELDS (id_5) ---------- */
        #id_5 .form-sub-label-container { width: 49% !important; display: inline-block !important; }
        #id_5 .form-sub-label-container:first-child { margin-right: 1% !important; }
        #id_5 .form-label-top, #id_6 .form-label-top, #id_7 .form-label-top, #id_8 .form-label-top { float: none !important; display: block !important; text-align: left !important; }
        .form-input { margin-left: 0 !important; width: 100% !important; }

        #id_7 .form-checkbox-item label { font-family: "Commissioner", sans-serif !important; font-size: 15px !important; color: var(--wh-ink) !important; }
        #id_7 input[type="checkbox"], #id_11 input[type="checkbox"] { accent-color: var(--wh-accent) !important; }

        /* ---------- TOTAL (id_11) ---------- */
        #id_11 {
            padding: 20px !important;
            margin-top: 20px !important;
            width: 100% !important;
            display: flex !important;
            flex-direction: column !important;
            background-color: #FFFFFF !important;
            border: 1px solid var(--wh-line) !important;
            border-radius: 8px !important;
            box-sizing: border-box !important;
        }
        #id_11 > .form-label-top label { font-family: "Commissioner", sans-serif !important; font-size: 16px !important; color: var(--wh-ink) !important; margin: 0 !important; }
        #total_amount { font-size: 24px !important; font-weight: 700 !important; color: var(--wh-accent) !important; display: flex !important; align-items: baseline !important; font-family: "Commissioner", sans-serif !important; }
        #total_amount:after { content: "/Month" !important; font-size: 16px !important; color: var(--wh-muted) !important; font-weight: 400 !important; margin-left: 5px !important; }
        #div_offset_gift_11 { display: block !important; width: 100% !important; margin-top: 8px !important; }
        #div_offset_gift_11 label { font-family: "Commissioner", sans-serif !important; font-size: 14px !important; color: var(--wh-muted) !important; }

        /* ---------- PAYMENT METHODS (id_10) ---------- */
        #cid_10 { background: transparent !important; border: none !important; padding: 0 !important; margin-top: 10px !important; box-sizing: border-box !important; }

        #cid_10 .form-payment-methods {
            display: flex !important;
            flex-direction: row !important;
            gap: 15px !important;
            width: 100% !important;
            margin-bottom: 20px !important;
            padding: 0 !important;
            box-sizing: border-box !important;
        }
        #cid_10 .form-payment-methods .form-radio-item {
            flex: 1 1 0 !important;
            display: flex !important;
            flex-direction: row-reverse !important;
            justify-content: center !important;
            align-items: center !important;
            background-color: #fff !important;
            border: 1px solid var(--wh-line) !important;
            border-radius: 12px !important;
            padding: 15px 10px !important;
            cursor: pointer !important;
            box-sizing: border-box !important;
            float: none !important;
            margin: 0 !important;
            transition: all 0.2s ease;
        }
        #cid_10 .form-payment-methods .form-radio-item.active-payment-card { background-color: var(--wh-accent-soft) !important; border-color: var(--wh-accent) !important; }
        #cid_10 .form-payment-methods label { font-size: 16px !important; font-family: 'Commissioner', sans-serif !important; color: var(--wh-ink) !important; cursor: pointer !important; white-space: nowrap !important; }
        #cid_10 .form-payment-methods input[type="radio"] { accent-color: var(--wh-accent) !important; transform: scale(1.1) !important; margin-left: 6px !important; }

        #cid_10 .form-address-table, #cid_10 .form-address-table tbody { display: block !important; width: 100% !important; }
        #cid_10 .form-address-table { max-width: 100% !important; }
        #cid_10 .form-address-table tr:not(.hide) { display: flex !important; flex-wrap: wrap !important; width: 100% !important; margin-bottom: 15px !important; }
        #cid_10 .form-address-table td { padding: 0 !important; width: 100% !important; display: flex !important; }
        #cid_10 tr.credit_card:not(.hide),
        #cid_10 tr.paypal:not(.hide),
        #cid_10 tr.other:not(.hide),
        #cid_10 tr.billing_address:not(.hide) { border-radius: 8px !important; padding: 0 !important; box-sizing: border-box !important; margin-top: 15px !important; }

        #cid_10 th {
            font-family: "Commissioner", sans-serif !important;
            font-weight: 600 !important;
            color: var(--wh-ink) !important;
            text-align: left !important;
            padding-bottom: 10px !important;
            display: block !important;
            border-bottom: 1px solid var(--wh-line) !important;
            margin: 5px 0 15px 0 !important;
            width: 100% !important;
        }
        #cid_10 .cc-field-wrapper { width: 100% !important; }
        #cid_10 .cc_ccv { width: 100% !important; margin-top: 10px !important; }
        #cid_10 .form-sub-label { font-family: "Commissioner", sans-serif !important; font-size: 14px !important; color: var(--wh-muted) !important; margin-top: 5px !important; display: block !important; }

        /* ---------- SUBMIT ---------- */
        #id_2 { margin-top: 20px !important; padding-bottom: 20px !important; }
        #input_2 {
            width: 100% !important;
            background-color: var(--wh-gold) !important;
            color: var(--wh-ink) !important;
            font-family: "Commissioner", sans-serif !important;
            font-weight: 700 !important;
            font-size: 22px !important;
            padding: 15px 25px !important;
            border-radius: 50px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 15px !important;
            cursor: pointer !important;
            border: 2px solid var(--wh-gold) !important;
            transition: all 0.25s ease !important;
            box-shadow: none !important;
        }
        #input_2:hover { background-color: var(--wh-gold-dk) !important; border-color: var(--wh-gold-dk) !important; color: var(--wh-ink) !important; }
        #input_2 .belair-submit-arrow svg { fill: var(--wh-ink) !important; }
        #input_2[disabled] { opacity: 0.65 !important; cursor: not-allowed !important; }

        /* ---------- CMS BACK-LINK BAR ---------- */
        .cco_templateless_template { display: none !important; }

        /* ---------- SCROLL ANIMATION ---------- */
        .belair-animate-hidden { opacity: 0; transform: translateY(30px); transition: opacity 0.8s ease-out, transform 0.8s ease-out; will-change: opacity, transform; }
        .belair-animate-visible { opacity: 1; transform: translateY(0); }
        @media (prefers-reduced-motion: reduce) {
            .belair-animate-hidden { opacity: 1 !important; transform: none !important; transition: none !important; }
        }

        /* ---------- RESPONSIVE ---------- */
        @media only screen and (max-width: 768px) {
            .belair-img-mobile { display: block !important; }
            .belair-img-desktop { display: none !important; }

            .belair-chai-nav { display: none !important; }
            .belair-white-box { padding: 16px !important; }

            .belair-chai-hero-image {
                height: 300px !important;
                padding: 6px !important;
                border-radius: 14px !important;
                box-shadow: 6px 6px 0px var(--wh-accent) !important;
                margin-bottom: 34px !important;
            }
           

            .wh-chai-tagline { font-size: 21px !important; letter-spacing: 0.07em !important; margin-top: 14px !important; }

            .chai-belair-row-top { flex-direction: column !important; }
            .chai-belair-gift-card { flex: auto !important; justify-content: flex-start !important; }
            .chai-belair-row-bottom { grid-template-columns: 1fr !important; }

            #row-1, #row-3 { background-color: #FFFFFF !important; }
            #row-2 { background-color: var(--wh-accent) !important; }

            .wh-benefits { padding: 28px 18px !important; }
            .wh-benefits-title { font-size: 23px !important; margin-bottom: 25px !important; }
            .wh-benefits-grid { grid-template-columns: 1fr !important; gap: 18px !important; }
            .wh-benefit-icon { width: 58px !important; height: 58px !important; }
            .wh-benefit-text { font-size: 16px !important; }

            .belair-chai-partners-title { font-size: 42px !important; }
            .belair-chai-logo-img { width: 100% !important; }
            .wh-circle-title { font-size: 22px !important; }
            .belair-tier-group-title { font-size: 15px !important; }
            .belair-tier-group-grid { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }

            #cid_3 .form-single-column { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
            #id_5 .form-sub-label-container { width: 100% !important; margin-right: 0 !important; }
            #cid_10 .form-payment-methods { flex-wrap: wrap !important; }
            #cid_10 .form-payment-methods .form-radio-item { flex: 0 0 calc(50% - 10px) !important; }
        }
    `;

    var styleSheet = document.createElement("style");
    styleSheet.textContent = westHillsStyles;
    document.head.appendChild(styleSheet);


    // =========================================================
    // 2. SVGs + nav actions
    // =========================================================
    var ARROW_SVG = '<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">'
                  + '<path d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"/></svg>';

    function injectSVGs() {
        var arrowTargets = document.querySelectorAll('.box-arrow-target');
        Array.prototype.forEach.call(arrowTargets, function (el) { el.innerHTML = ARROW_SVG; });

        var submitBtn = document.getElementById('input_2');
        if (submitBtn && !submitBtn.querySelector('.belair-submit-arrow')) {
            var arrowDiv = document.createElement('div');
            arrowDiv.className = 'belair-submit-arrow';
            arrowDiv.style.display = 'flex';
            arrowDiv.style.alignItems = 'center';
            arrowDiv.innerHTML = ARROW_SVG;
            var overrideStyle = document.createElement('style');
            overrideStyle.innerHTML = '#input_2::after { display: none !important; content: none !important; }';
            document.head.appendChild(overrideStyle);
            submitBtn.appendChild(arrowDiv);
        }

        function scrollToTiers() {
            var target = document.getElementById('id_3') || document.getElementById('cid_3');
            if (target) target.scrollIntoView({ behavior: 'smooth' });
        }

        Array.prototype.forEach.call(document.querySelectorAll('.nav-join-action'), function (btn) {
            btn.addEventListener('click', function (e) { e.preventDefault(); scrollToTiers(); });
        });
    }

    function removeBackLinkBar() {
        var bar = document.querySelector('.cco_templateless_template');
        if (bar) bar.remove();
    }


    // =========================================================
    // 3. TIER HELPERS (shared by the wall and the submit hook)
    // =========================================================
    function tierByName(raw) {
        var clean = String(raw || '').replace(/^"|"$/g, '').trim().toLowerCase();
        if (!clean) return null;
        for (var i = 0; i < TIERS.length; i++) {
            if (TIERS[i].name.toLowerCase() === clean) return TIERS[i];
            var alts = TIERS[i].alt || [];
            for (var a = 0; a < alts.length; a++) {
                if (alts[a].toLowerCase() === clean) return TIERS[i];
            }
        }
        return null;
    }

    function tierByAmount(amount) {
        for (var i = TIERS.length - 1; i >= 0; i--) {
            if (amount >= TIERS[i].amount) return TIERS[i];
        }
        return TIERS[0]; // anything under $150 sits with Chai
    }

    // Level string wins (we write it ourselves); amount is the fallback.
    function resolveTier(donor) {
        var byName = tierByName(donor['Level'] || donor['Category'] || donor['level']);
        if (byName) return byName;

        var rawAmount = donor['Amount'] || donor['amount'] || '';
        var num = parseFloat(String(rawAmount).replace(/[^0-9.]/g, ''));
        if (!isNaN(num) && num > 0) return tierByAmount(num);

        return null; // unknown level, no amount - grouped under its raw text
    }


    // =========================================================
    // 4. DONOR WALL
    // =========================================================
    function fetchAndRenderDonors() {
        var grid = document.getElementById('belair-chai-donors-grid');
        var countDisplay = document.getElementById('donor-count-display');
        var viewAllBtn = document.getElementById('btn-view-all-donors');

        if (!countDisplay || !viewAllBtn) return;

        if (!grid) {
            grid = document.createElement('div');
            grid.id = 'belair-chai-donors-grid';
            grid.className = 'belair-chai-donors-grid';
            countDisplay.parentNode.insertBefore(grid, viewAllBtn.parentNode);
        }

        var HEART = '<svg viewBox="0 0 24 24" style="fill:' + ACCENT_HEX + '"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>';

        // Quote-aware CSV parser - donor names contain commas and ampersands.
        function parseCSV(text) {
            text = text.replace(/\r\n/g, "\n").replace(/\r/g, "\n");
            var rows = [], row = [], field = '', inQuotes = false;
            for (var i = 0; i < text.length; i++) {
                var c = text.charAt(i);
                if (inQuotes) {
                    if (c === '"') {
                        if (text.charAt(i + 1) === '"') { field += '"'; i++; }
                        else { inQuotes = false; }
                    } else { field += c; }
                } else if (c === '"') { inQuotes = true; }
                else if (c === ',') { row.push(field); field = ''; }
                else if (c === "\n") { row.push(field); rows.push(row); row = []; field = ''; }
                else { field += c; }
            }
            if (field.length || row.length) { row.push(field); rows.push(row); }
            if (!rows.length) return [];

            var headers = rows.shift().map(function (h) { return h.trim(); });
            return rows.filter(function (r) {
                return r.join('').trim() !== '';
            }).map(function (r) {
                var obj = {};
                headers.forEach(function (h, idx) { obj[h] = (r[idx] || '').trim(); });
                return obj;
            });
        }

        // Built from char codes so no CMS editor can decode the entities on paste.
        var AMP = String.fromCharCode(38), LT = String.fromCharCode(60), GT = String.fromCharCode(62);
        function escapeHtml(s) {
            return String(s)
                .split(AMP).join(AMP + 'amp;')
                .split(LT).join(AMP + 'lt;')
                .split(GT).join(AMP + 'gt;');
        }

        function render(data) {
            var donors = data.filter(function (d) {
                var name = (d['Name'] || d['name'] || '').trim();
                var level = (d['Level'] || d['Category'] || '').trim().toLowerCase();
                return name !== '' && level !== 'no category';
            });

            countDisplay.innerText = donors.length + ' active partners';

            // bucket: circle -> tier name -> donors
            var buckets = {};
            var extraTiers = {};   // tier names that are not in TIERS

            donors.forEach(function (d) {
                var tier = resolveTier(d);
                var circle, tierName;
                if (tier) {
                    circle = tier.circle;
                    tierName = tier.name;
                } else {
                    circle = 'Founders Circle';
                    tierName = (d['Level'] || d['Category'] || 'Chai Partner').trim();
                    extraTiers[tierName] = true;
                }
                if (!buckets[circle]) buckets[circle] = {};
                if (!buckets[circle][tierName]) buckets[circle][tierName] = [];
                buckets[circle][tierName].push(d);
            });

            // biggest gift first inside each circle
            function tierOrderFor(circleName) {
                var order = TIERS.filter(function (t) { return t.circle === circleName; })
                                 .sort(function (a, b) { return b.amount - a.amount; })
                                 .map(function (t) { return t.name; });
                if (circleName === 'Founders Circle') {
                    Object.keys(extraTiers).forEach(function (n) {
                        if (order.indexOf(n) === -1) order.push(n);
                    });
                }
                return order;
            }

            var drawn = 0;

            function draw(limit) {
                grid.innerHTML = '';
                drawn = 0;

                CIRCLE_ORDER.forEach(function (circleName) {
                    var tiersInCircle = buckets[circleName];
                    if (!tiersInCircle) return;
                    if (limit !== -1 && drawn >= limit) return;

                    var circleWrap = document.createElement('div');
                    circleWrap.className = 'wh-circle';

                    var circleHeading = document.createElement('h3');
                    circleHeading.className = 'wh-circle-title';
                    circleHeading.textContent = circleName;
                    circleWrap.appendChild(circleHeading);

                    var anyDrawnInCircle = false;

                    tierOrderFor(circleName).forEach(function (tierName) {
                        var members = tiersInCircle[tierName];
                        if (!members || !members.length) return;
                        if (limit !== -1 && drawn >= limit) return;

                        var section = document.createElement('div');
                        section.className = 'belair-tier-group';

                        var known = tierByName(tierName);
                        var heading = document.createElement('div');
                        heading.className = 'belair-tier-group-title';
                        heading.innerHTML = escapeHtml(tierName)
                            + (known ? ' <span class="belair-tier-range">$' + known.amount + '/month</span>' : '');
                        section.appendChild(heading);

                        var groupGrid = document.createElement('div');
                        groupGrid.className = 'belair-tier-group-grid';

                        members.forEach(function (d) {
                            if (limit !== -1 && drawn >= limit) return;
                            var name = escapeHtml(d['Name'] || d['name'] || 'Anonymous');
                            var since = escapeHtml(d['Since'] || d['Date'] || d['Month'] || '');

                            var card = document.createElement('div');
                            card.className = 'belair-chai-donor-card';
                            card.innerHTML =
                                '<div class="belair-chai-card-top">'
                              +   '<div class="belair-chai-name-row"><div class="belair-chai-name">' + name + '</div></div>'
                              +   '<div class="belair-chai-level">' + escapeHtml(tierName) + '</div>'
                              + '</div>'
                              + '<div class="belair-chai-card-divider"></div>'
                              + '<div class="belair-chai-card-bottom">'
                              +   '<div class="donor-card-heart">' + HEART + '</div>'
                              +   (since ? 'Partner since ' + since : 'Chai Partner')
                              + '</div>';
                            groupGrid.appendChild(card);
                            drawn++;
                            anyDrawnInCircle = true;
                        });

                        section.appendChild(groupGrid);
                        circleWrap.appendChild(section);
                    });

                    if (anyDrawnInCircle) grid.appendChild(circleWrap);
                });
            }

            draw(INITIAL_CARDS);

            if (donors.length <= INITIAL_CARDS) {
                viewAllBtn.style.display = 'none';
            } else {
                viewAllBtn.style.display = 'flex';
                var expanded = false;
                viewAllBtn.addEventListener('click', function (e) {
                    e.preventDefault();
                    expanded = !expanded;
                    draw(expanded ? -1 : INITIAL_CARDS);
                    viewAllBtn.textContent = expanded ? 'Show less' : 'View all partners';
                });
                viewAllBtn.textContent = 'View all partners';
            }
        }

        if (!GOOGLE_SHEET_CSV_URL || GOOGLE_SHEET_CSV_URL.indexOf('http') !== 0) {
            countDisplay.innerText = '';
            return;
        }

        fetch(GOOGLE_SHEET_CSV_URL)
            .then(function (r) { return r.text(); })
            .then(function (text) { render(parseCSV(text)); })
            .catch(function (err) {
                countDisplay.innerText = 'Our partner list is taking a moment to load.';
                if (window.console) console.error('Chai Club donor list:', err);
            });
    }

    function addDonorNotice() {
        var wrapper = document.getElementById('section-partners');
        if (!wrapper || document.querySelector('.belair-donor-notice')) return;
        var notice = document.createElement('div');
        notice.className = 'belair-donor-notice';
        notice.innerHTML = 'Please contact <a href="mailto:' + CONTACT_EMAIL + '">' + CONTACT_EMAIL + '</a> if a name is listed incorrectly.';
        wrapper.appendChild(notice);
    }


    // =========================================================
    // 5. FORM LAYOUT
    // =========================================================
    function wrapFormContent() {
        var startElement = document.getElementById('id_3');
        var endElement = document.getElementById('id_2');
        if (!startElement || !endElement) return;

        var parent = startElement.parentNode;
        var wrapper = document.createElement('div');
        wrapper.className = 'belair-white-box';
        parent.insertBefore(wrapper, startElement);

        var current = startElement, toMove = [];
        while (current) {
            toMove.push(current);
            if (current === endElement) break;
            current = current.nextElementSibling;
        }
        toMove.forEach(function (el) { wrapper.appendChild(el); });
    }

    function restructureTierSection() {
        var headerLabelContainer = document.getElementById('label_3');
        var headerLabel = headerLabelContainer ? headerLabelContainer.querySelector('label') : null;
        if (headerLabel) {
            var parts = headerLabel.innerHTML.split('/n');
            if (parts.length > 1) {
                headerLabel.innerHTML = '<span class="tier-main-title">' + parts[0].trim() + '</span>'
                                      + '<span class="tier-sub-title">' + parts[1].trim() + '</span>';
            }
        }

        var container = document.querySelector('#cid_3 .form-single-column');
        if (!container) return;

        var items = container.querySelectorAll('.form-radio-item');

        Array.prototype.forEach.call(items, function (item, index) {
            item.classList.add('tier-card');
            item.classList.add(index % 2 === 0 ? 'tier-card-accent' : 'tier-card-gold');

            item.addEventListener('click', function (e) {
                Array.prototype.forEach.call(items, function (i) { i.classList.remove('tier-selected'); });
                item.classList.add('tier-selected');
                if (e.target.tagName === 'INPUT') return;
                var radio = item.querySelector('input[type="radio"]');
                if (radio) radio.click();
            });

            var label = item.querySelector('label');
            if (!label) return;

            var fullText = label.innerText.trim();
            var dollarIndex = fullText.lastIndexOf('$');
            if (dollarIndex === -1) return;

            var title = fullText.substring(0, dollarIndex).trim();
            var priceRaw = fullText.substring(dollarIndex).trim();
            var slashIndex = priceRaw.indexOf('/');
            var priceMain = slashIndex !== -1 ? priceRaw.substring(0, slashIndex) : priceRaw;
            var priceSuffix = slashIndex !== -1 ? priceRaw.substring(slashIndex) : '';

            label.innerHTML = '<div class="tier-card-content">'
                            +   '<div class="tier-name">' + title + '</div>'
                            +   '<div class="tier-line"></div>'
                            +   '<div class="tier-price">' + priceMain + '<span class="tier-per">' + priceSuffix + '</span></div>'
                            + '</div>';
        });

        // Drop a circle heading in front of the first card of each circle
        var seen = {};
        Array.prototype.forEach.call(items, function (item) {
            var radio = item.querySelector('input[type="radio"]');
            if (!radio) return;
            var value = radio.value || '';
            var d = value.lastIndexOf('$');
            var levelName = d === -1 ? value.trim() : value.substring(0, d).trim();
            var tier = tierByName(levelName);
            if (!tier || seen[tier.circle]) return;
            seen[tier.circle] = true;

            var heading = document.createElement('div');
            heading.className = 'wh-tier-heading';
            heading.textContent = tier.circle;
            container.insertBefore(heading, item);
        });
    }

    function enhancePaymentSection() {
        var ccNumber = document.getElementById('input_10_cc_number');
        if (ccNumber) ccNumber.placeholder = '0000 0000 0000 0000';
        var ccCvv = document.getElementById('input_10_cc_ccv');
        if (ccCvv) ccCvv.placeholder = 'CVV';
        var nameOnCard = document.getElementById('input_10_cc_nameOnCard');
        if (nameOnCard) nameOnCard.placeholder = 'ex. John Smith';

        var paymentMethodItems = document.querySelectorAll('#cid_10 .form-payment-methods .form-radio-item');
        Array.prototype.forEach.call(paymentMethodItems, function (item) {
            item.addEventListener('click', function (e) {
                Array.prototype.forEach.call(paymentMethodItems, function (i) { i.classList.remove('active-payment-card'); });
                item.classList.add('active-payment-card');
                if (e.target.tagName !== 'INPUT') {
                    var radio = item.querySelector('input[type="radio"]');
                    if (radio && !radio.checked && !radio.disabled) radio.click();
                }
            });
            var radio = item.querySelector('input[type="radio"]');
            if (radio && radio.checked) item.classList.add('active-payment-card');
        });
    }

    // Monthly recurrence lives on id_9 for this form. Force it on, hide it.
    function handleMonthlyRecurrence() {
        var monthlyCheckbox = document.getElementById('input_9');
        var monthlyRow = document.getElementById('id_9');
        if (monthlyCheckbox && !monthlyCheckbox.checked) {
            monthlyCheckbox.checked = true;
            monthlyCheckbox.dispatchEvent(new Event('change', { bubbles: true }));
        }
        if (monthlyRow) monthlyRow.style.display = 'none';
    }


    // =========================================================
    // 6. GOOGLE SHEET WRITE ON SUBMIT
    //
    //    This NEVER calls preventDefault, never calls form.submit(),
    //    and never blocks the CMS. The card is charged exactly once,
    //    by the CMS, exactly as it would be without this script.
    //    All we do is fire one keepalive request alongside it.
    // =========================================================
    var sheetPosted = false;

    function selectedTier() {
        var radio = document.querySelector('#cid_3 input[type="radio"]:checked');
        if (!radio) return null;
        var value = radio.value || '';
        var d = value.lastIndexOf('$');
        if (d === -1) return { level: value.trim(), amount: '' };

        var level = value.substring(0, d).trim();
        var price = value.substring(d + 1);
        var slash = price.indexOf('/');
        if (slash !== -1) price = price.substring(0, slash);
        var amount = parseFloat(price.replace(/[^0-9.]/g, ''));
        return { level: level, amount: isNaN(amount) ? '' : amount };
    }

    function donorName() {
        var anon = document.getElementById('input_7_0');
        if (anon && anon.checked) return 'Anonymous';

        var display = document.getElementById('input_6');
        if (display && display.value.trim()) return display.value.trim();

        var first = document.getElementById('first_5');
        var last = document.getElementById('last_5');
        var full = ((first ? first.value : '') + ' ' + (last ? last.value : '')).trim();
        return full || 'Anonymous';
    }

    function sinceLabel() {
        try {
            return new Date().toLocaleDateString('en-US', { month: 'short', year: 'numeric' });
        } catch (e) {
            return '';
        }
    }

    function hookSheetSubmit() {
        var form = document.querySelector('.userform-form') || document.forms[0];
        var button = document.getElementById('input_2');
        if (!form || !button) return;
        if (!SHEET_POST_URL || SHEET_POST_URL.indexOf('http') !== 0) return;

        button.addEventListener('click', function () {
            // Let the CMS run its own validation first, then look at the result.
            setTimeout(function () {
                if (sheetPosted) return;

                var tier = selectedTier();
                if (!tier) return;                       // no tier chosen, nothing to record

                var payMethod = document.querySelector('#cid_10 input.paymentMethod:checked');
                if (!payMethod) return;                  // no payment method, the CMS will block

                var hasErrors = document.querySelectorAll('.form-line-error, .form-validation-error, .form-error-message').length > 0;
                if (hasErrors) return;
                if (form.checkValidity && !form.checkValidity()) return;

                var emailEl = document.getElementById('input_8');

                var payload = {
                    name:    donorName(),
                    amount:  tier.amount,
                    level:   tier.level,
                    month:   sinceLabel(),
                    email:   emailEl ? emailEl.value.trim() : '',
                    method:  payMethod.value || '',
                    anonymous: !!(document.getElementById('input_7_0') && document.getElementById('input_7_0').checked)
                };

                sheetPosted = true;                      // one write per page load, full stop

                fetch(SHEET_POST_URL, {
                    method: 'POST',
                    mode: 'no-cors',
                    keepalive: true,                     // survives the page navigating away
                    headers: { 'Content-Type': 'text/plain;charset=utf-8' },
                    body: JSON.stringify(payload)
                }).catch(function () {});
            }, 300);
        });
    }


    // =========================================================
    // 7. SCROLL ANIMATION
    // =========================================================
    function setupScrollAnimations() {
        if (!('IntersectionObserver' in window)) return;
        if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;

        var observer = new IntersectionObserver(function (entries, obs) {
            entries.forEach(function (entry) {
                if (entry.isIntersecting) {
                    entry.target.classList.add('belair-animate-visible');
                    obs.unobserve(entry.target);
                }
            });
        }, { threshold: 0.1 });

        [
            '.belair-chai-header-wrapper',
            '.belair-chai-hero-image',
            '.chai-belair-container',
            '.wh-benefits',
            '.belair-chai-donors-wrapper',
            '#id_3',
            '#id_5',
            '#id_10',
            '#id_2'
        ].forEach(function (selector) {
            Array.prototype.forEach.call(document.querySelectorAll(selector), function (el) {
                el.classList.add('belair-animate-hidden');
                observer.observe(el);
            });
        });
    }


    // =========================================================
    // 8. GO
    // =========================================================
    var started = false;
    function init() {
        if (started) return;
        started = true;

        removeBackLinkBar();
        injectSVGs();
        handleMonthlyRecurrence();
        fetchAndRenderDonors();
        addDonorNotice();
        wrapFormContent();
        restructureTierSection();
        enhancePaymentSection();
        hookSheetSubmit();
        setupScrollAnimations();
    }

    window.addEventListener('load', init);
    if (typeof jQuery !== 'undefined') { jQuery(document).ready(init); }

})();
//]]>
</script>
</body>
</html>