<!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/922/fNTV9226420.jpg" itemprop="image" width="150" height="150" />
<meta property="og:image:width" content="150" />
<meta property="og:image:height" content="150" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta name="keywords" content="8th,Day,Live,in,Concert!" />
<meta name="title" content="8th Day Live in Concert! - Jewish Youth Library" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="56381-56385-436331-1656389" />
<meta name="article-keywords" content="1675-2170-2898" />
<meta name="scope-aid" content="56381" />
<meta name="scope-aid" content="56385" />
<meta name="scope-aid" content="436331" />
<meta name="scope-aid" content="1656389" />
<meta name="article-keyword" content="1675" />
<meta name="article-keyword" content="2170" />
<meta name="article-keyword" content="2898" />
<meta property="og:url" content="https://www.jewishyouthlibrary.com/templates/articlecco_cdo/aid/1656389/jewish/8th-Day-Live-in-Concert.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="8th Day Live in Concert! - Jewish Youth Library" /><link rel="canonical" href="https://www.jewishyouthlibrary.com/templates/articlecco_cdo/aid/1656389/jewish/8th-Day-Live-in-Concert.htm" />
<link rel="icon" type="image/jpg" href="https://www.jewishyouthlibrary.com/media/images/922/fNTV9226420.jpg" />
<link rel="Stylesheet" href="/css/fonts/font-awesome/font-awesome-5.css?v=98662BF4" id="kfont-awesome" type="text/css"/>
<link rel="Stylesheet" href="/css/DefaultGrid.css?v=44B79007" id="kgrid" type="text/css"/>
<link rel="Stylesheet" href="/css/Elements.css?v=E669C926" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites.css?v=D77AD1C0" id="ksites-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/new/main.css?v=2B7F734E" id="k7" type="text/css"/>
<link rel="Stylesheet" href="/css/global.css?v=D37C5613" id="k3" type="text/css"/>
<link rel="Stylesheet" href="/css/global-print.css?v=1FE80AC1" id="k5" type="text/css" media="print"/>
<link rel="Stylesheet" href="/css/cco/home/widget-styles.css?v=B14CEBA0" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/sites6/red-theme.css?v=F87CB162" id="k" type="text/css"/>
<link rel="Stylesheet" href="/css/old/global.css?v=F7C22456" id="k2898" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/fundraising/FundraisingTickerltr.css?v=AAA2454B" id="kfundraisingtickerCss" type="text/css"/>
<link rel="Stylesheet" href="/css/bootstrap/grid.css?v=B92FCAD8" id="kbootstrap4-grid" type="text/css"/>
<link rel="Stylesheet" href="/css/Library/reader-comments.css?v=5F31D0D8" id="kCommentsStylesheet" type="text/css"/>
<link rel="Stylesheet" href="/css/inline/BookInfo.css?v=14B88022" id="kBookInfoCss" type="text/css"/>
<!--[if lte IE 8]> <link rel="Stylesheet" href="/css/global-ie.css?v=E699B0F3" id="k4" type="text/css"/> <![endif]-->
<script>$q=[];$j=function(f){$q.push(f);}</script>
	
<title>
	8th Day Live in Concert! - Jewish Youth Library
</title>
	



<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2011-10-23","primaryArticleId":1656389,"title":"","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"Past Events","contentLevel3":"8th Day Live in Concert!","siteName":"Jewish Youth Library"},"time":{"upcomingHoliday":"The Three Weeks","daysToUpcomingHoliday":38,"hebrewDate":"5786-03-09"}});
		dataLayer.push({ 'articleHierarchy': '-56381-56385-436331-1656389-', 'keywords': '-k2898-k2170-k1675-', 'k': '-56381-56385-436331-1656389--k2898-k2170-k1675-' });
	
</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 = 1173640;var sc_partition = 10;var sc_invisible = 1;var sc_remove_link=1;var sc_security = "6672c7f6";var sc_https = 1;
	</script>
	<script type="text/javascript" src="https://secure.statcounter.com/counter/counter_xhtml.js" defer async></script>
	<noscript><img src="//c11.statcounter.com/counter.php?sc_project=1173640&amp;java=0&amp;security=6672c7f6&amp;invisible=1" border="0" /> </noscript>
	<!-- End of StatCounter Code -->


</head>
<body class="lang_en dir_ltr cco_body sites-article">

	


	
	<div id="PrintCreditHeader" class="show_for_print">
Printed from<b>JewishYouthLibrary.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="/430140">About</a>
				</div>
				
			
			

<div class="topBarLink mychabad_login_bar" id="mychabad_login_bar">
	
			
				<a href="/tools/login/default.asp?aid=1656389&amp;jewish=8th-Day-Live-in-Concert.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="" OnAutoSuggestSelect="OnSearchAutoSuggestSelect(ev);" class="co_global_input co_search js-search-field active js-mirrored-input" onblur="this.form.className = this.form.className.replace(/\sactive/gi, &#39;&#39;);" name="searchWord" onfocus="this.form.className+=&#39; active&#39;;" type="text" autoSuggestProperties="&quot;Highlight&quot;:true,&quot;Name&quot;:&quot;topAreaTopSearch_search&quot;,&quot;AutoSubmit&quot;:true,&quot;ShowRecommendedOnTop&quot;:false" autoSuggestUrl="/WebServices/RemoteCall/Get_Suggestions" display_name="Search Field" min_length="3"></input>
</div>

			
		
		
	
		<div id="topAreaTopSearch_search_wrapper" class="co_field_options" style="display:none;">
			<div class="co_absolute_wraper" id="co_absolute_wraper" style="">
				<div class="inner">
					<div id="topAreaTopSearch_search_container" class="co_field_options_suggestions"></div>
					<div class="break_floats"></div>
					
				</div>
			</div>
		</div>
	</form>
</div>
					</div>
					
						<div class="float_left site-logo-wrapper"><a href="/"><img src="https://w2.chabad.org/media/images/922/fNTV9226420.jpg" width="100" height="100" border="0"  /></a></div>
					
					<a href="/default.asp" title="Jewish Youth Library" class="site_title">Jewish Youth Library<span class="site_subtitle clearfix"> An Affiliate of the Chabad Lubavitch Movement</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 = "639152327395240421";
</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="430140" 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/439542/jewish/From-Our-Board-of-Directors.htm" class="item empty" id="menu_item1-1" data-menu-level="2" data-aid="439542">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>From Our Board of Directors</span>
</a>
<a href="/templates/articlecco_cdo/aid/4930367/jewish/Testimonials.htm" class="item empty" id="menu_item1-2" data-menu-level="2" data-aid="4930367">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Testimonials</span>
</a>
<a href="/templates/articlecco_cdo/aid/445884/jewish/Contact-Us.htm" class="item empty" id="menu_item1-3" data-menu-level="2" data-aid="445884">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Contact Us</span>
</a>
</div>
<div id="menu_child1-1" class="menu_child empty selected" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child1-2" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child1-3" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><img src="https://w2.chabad.org/images/global/spacer.gif" width="12" height="6" border="0" vspace="2" /><div><a href="/templates/articlecco_cdo/aid/430140/jewish/About.htm" class="parent">About</a></div></span><a href="/templates/articlecco_cdo/aid/430140/jewish/About.htm" class="bg_extension js-parent-menu-link" data-aid="430140"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item" aid="6928360" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="https://www.westborojewishmontessoripreschool.org/" class="parent">Westboro&nbsp;Jewish<br />Montessori&nbsp;Preschool</a></div></span><a href="https://www.westborojewishmontessoripreschool.org/" class="bg_extension js-parent-menu-link" data-aid="6928360"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item" aid="1397597" 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="http://www.cgiottawa.org" class="parent">Camp&nbsp;Gan<br />Israel</a></div></span><a href="http://www.cgiottawa.org" class="bg_extension js-parent-menu-link" data-aid="1397597"></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="6928368" 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="https://www.jewishyouthlibrary.com/templates/fundraising/default_cdo/aid/7094264/jewish/Campaign.htm" class="item empty" id="menu_item4-1" data-menu-level="2" data-aid="7116835">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Annual Fundraising Matching Campaign 2025</span>
</a>
</div>
<div id="menu_child4-1" class="menu_child empty selected" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
</div>
<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/6928368/jewish/Jewish-Youth-Library.htm" class="parent">Jewish&nbsp;Youth<br />Library</a></div></span><a href="/templates/articlecco_cdo/aid/6928368/jewish/Jewish-Youth-Library.htm" class="bg_extension js-parent-menu-link" data-aid="6928368"></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="6959937" 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/6959995/jewish/Join-the-Circle.htm" class="item empty selected" id="menu_item5-1" data-menu-level="2" data-aid="6959995">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Join the Circle</span>
</a>
<a href="/templates/articlecco_cdo/aid/6960017/jewish/Volunteer.htm" class="item empty selected" id="menu_item5-2" data-menu-level="2" data-aid="6960017">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Volunteer</span>
</a>
<a href="/templates/articlecco_cdo/aid/4441193/jewish/Donate-Online.htm" class="item empty selected" id="menu_item5-3" data-menu-level="2" data-aid="4441193">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Donate Online</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 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-3" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><img src="https://w2.chabad.org/images/global/spacer.gif" width="12" height="6" border="0" vspace="2" /><div><a href="/templates/articlecco_cdo/aid/6959937/jewish/Friendship-Circle.htm" class="parent">Friendship<br />Circle</a></div></span><a href="/templates/articlecco_cdo/aid/6959937/jewish/Friendship-Circle.htm" class="bg_extension js-parent-menu-link" data-aid="6959937"></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="/430140" class="site-menu-general__link">About</a>
					
					<a href="/search">Search</a>
					
						<a href="/tools/feedback.asp">Contact</a>
					
				</div>
			</div>
		</div>
	</div>
	<div id="content">
		<div id="BodyContainer" class="wrapper">
			<div class="body_wrapper  no-hero-image clearfix">
				
	<div class="co_content_container clearfix local_content" id="co_content_container">
		<div class="clearfix">
			
			
			
			<div class="clearfix bh mobile-only align_right">ב"ה</div>
			
				<div class="master-content-wrapper g960" >
					

<header class="article-header cf ">
	
<script type="application/ld+json">
{
	"@context": "http://schema.org",
	"@type": "BreadcrumbList",
	"itemListElement": [
  {
    "@type": "ListItem",
    "position": 1,
    "item": {
      "@id": "/templates/articlecco_cdo/aid/436331/jewish/Past-Events.htm",
      "name": "Past Events"
    }
  },
  {
    "@type": "ListItem",
    "position": 2,
    "item": {
      "@id": "/article.asp?aid=1656389",
      "name": "8th Day Live in Concert!"
    }
  }
]
}
</script>
<div class="breadcrumbs breadcrumbs hide_for_print" data-list-name="breadcrumbs">
	
			<a class="breadcrumbs__crumb" href='/templates/articlecco_cdo/aid/436331/jewish/Past-Events.htm' data-aid="436331">
				Past Events
			</a>
		
</div>
	
			<h1 class="article-header__title js-article-title js-page-title">8th Day Live in Concert!</h1>
		
			<div>
				
			</div>
		
</header>
				</div>
			
			<div class="body_wrapper clearfix co_body">
				<div class="g700" id="co_body_container">
					
					<div id="ContentBody">
						
						
							<div class="content-area-parent no_margin">
								
	<div id="cco_body">
		<div class="content g700 no_margin no_overflow" id="co_content_container">
			
			
	

	<article class="content js-content" itemscope itemtype="http://schema.org/Article">
	



<meta itemprop="mainEntityOfPage headline name" content="" />

<meta itemprop="image" content="" />


<meta itemprop="uploadDate" content="2011-10-23T20:10:20" />
<span itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
	<meta itemprop="name" content="Jewish Youth Library" />
	<meta itemprop="brand" content="Jewish Youth Library" />
	<span itemprop="logo" itemscope itemtype="http://schema.org/ImageObject">
		<meta itemprop="url" content="https://w2.chabad.org/media/images/922/fNTV9226420.jpg" />
		<meta itemprop="height" content="150" />
		<meta itemprop="width" content="150" />
	</span>
</span>
<meta itemprop="datePublished" content="2011-10-23T20:10:20" />
			<div itemprop="articleBody">
				<co:body xmlns:co="www1.chabadonline.com/alpha1" xmlns:ext="urn:xslt-extensions">
  <div class="co_body article-body cf">
    <p><img border="0" alt="8th day.jpg" real_height="860" real_width="663" src="https://w2.chabad.org/media/images/579/PyHS5795575.jpg"></p>
</div>
</co:body>
			</div>
			

			<div class="break_floats"></div>
			
	<div class="break_floats"></div>
	

<div class="content-footer">
	<!-- END CACHE -->
	
	
	
	
	
</div>
	</article>

		</div>
	</div>
</div>
						
						<div class="break_floats"></div>
						
					</div>
				</div>
				
				
					<div class="ads g260" id="co_ads_container">
						
	



<div class="sidebar-local-navigation cf" id="">

<meta class="js-desktop-local-nav" data-base-class="co_local_menu" />

	<div class="co_local_menu local_content js-local-nav" data-list-name="local navigation">
		
			
				<div class="header ">			
					
						<div class="section_title">
						<div><a data-menu-level="0" data-aid="436331" href="/templates/articlecco_cdo/aid/436331/jewish/Past-Events.htm">Past Events</a></div>
						</div>
					
				</div>
				<div class="clearfix body medium_bottom_margin">
					
							
								<div class="item first" data-menu-level="1">
									<a data-aid="1151542" href="/templates/articlecco_cdo/aid/1151542/jewish/Raffle-2010.htm"><span>Raffle 2010</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="1041847" href="/templates/articlecco_cdo/aid/1041847/jewish/Perceiving-Reality.htm"><span>Perceiving Reality</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="1043693" href="/templates/articlecco_cdo/aid/1043693/jewish/Mumbai-Memorial-Tribute.htm"><span>Mumbai Memorial Tribute</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="1020830" href="/templates/articlecco_cdo/aid/1020830/jewish/Rabbi-Zalman-Markowitz.htm"><span>Rabbi Zalman Markowitz</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="1038541" href="/templates/articlecco_cdo/aid/1038541/jewish/Mission-to-Israel.htm"><span>Mission to Israel</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="1015023" href="/templates/articlecco_cdo/aid/1015023/jewish/Rivkahs-Tent.htm"><span>Rivkah's Tent</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="1023103" href="/templates/articlecco_cdo/aid/1023103/jewish/Community-Invited-to-Celebration-in-the-Sukkah.htm"><span>Community Invited to Celebration in the Sukkah</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="953542" href="/templates/articlecco_cdo/aid/953542/jewish/Rabbi-Zirkind.htm"><span>Rabbi Zirkind </span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="884542" href="/templates/articlecco_cdo/aid/884542/jewish/Parenting-Book-Club.htm"><span>Parenting Book Club</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="902824" href="/templates/articlecco_cdo/aid/902824/jewish/Volunteers-Support-2009-Raffle.htm"><span>Volunteers Support 2009 Raffle</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="696822" href="/templates/articlecco_cdo/aid/696822/jewish/Raffle-2009.htm"><span>Raffle 2009</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="889632" href="/templates/articlecco_cdo/aid/889632/jewish/Raffle-2009-Winners.htm"><span>Raffle 2009 Winners</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="696924" href="/templates/articlecco_cdo/aid/696924/jewish/July-2008-Yehuda-Avner.htm"><span>July 2008-Yehuda Avner </span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="494292" href="/templates/articlecco_cdo/aid/494292/jewish/Raffle-2007-Winners.htm"><span>Raffle - 2007 - Winners</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="607884" href="/templates/articlecco_cdo/aid/607884/jewish/November-2007-Rabbi-Gurkow.htm"><span>November 2007 Rabbi Gurkow</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="579465" href="/templates/articlecco_cdo/aid/579465/jewish/September-2007-Rabbi-Schonbuch-MA.htm"><span>September 2007 Rabbi Schonbuch MA</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="587238" href="/templates/articlecco_cdo/aid/587238/jewish/May-2007-Fashionable-Fruit.htm"><span>May 2007 - Fashionable Fruit</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="587245" href="/templates/articlecco_cdo/aid/587245/jewish/May-2006-Esther-Piekarski.htm"><span>May 2006 -Esther Piekarski</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="587242" href="/templates/articlecco_cdo/aid/587242/jewish/June-2006-Cantor-Kraus.htm"><span>June 2006 Cantor Kraus</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="587240" href="/templates/articlecco_cdo/aid/587240/jewish/-May-2005-Dennis-Prager.htm"><span> May 2005 Dennis Prager</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="587775" href="/templates/articlecco_cdo/aid/587775/jewish/December-2004-Gershon-Wachtel.htm"><span>December 2004 - Gershon Wachtel</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="443436" href="/templates/articlecco_cdo/aid/443436/jewish/Story-Hour.htm"><span>Story Hour</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="1111759" href="/templates/articlecco_cdo/aid/1111759/jewish/Celebrate-Purim.htm"><span>Celebrate Purim </span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="1160842" href="/templates/articlecco_cdo/aid/1160842/jewish/Community-Seder.htm"><span>Community Seder</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="1211045" href="/templates/articlecco_cdo/aid/1211045/jewish/Shavuot.htm"><span>Shavuot</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="1228190" href="/templates/articlecco_cdo/aid/1228190/jewish/Camp-Scholarships.htm"><span>Camp Scholarships</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="1230101" href="/templates/articlecco_cdo/aid/1230101/jewish/Rebbes-Yahrtzeit.htm"><span>Rebbe's Yahrtzeit</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="1251386" href="/templates/articlecco_cdo/aid/1251386/jewish/Rebbetzin-Sara-Kaplan.htm"><span>Rebbetzin Sara Kaplan</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="1278793" href="/templates/articlecco_cdo/aid/1278793/jewish/Camp-Gan-Israel-Visits-Hillel-Lodge.htm"><span>Camp Gan Israel Visits Hillel Lodge</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="935591" href="/templates/articlecco_cdo/aid/935591/jewish/Rebbetzin-Sara-Kaplan.htm"><span>Rebbetzin Sara Kaplan</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="1230144" href="/templates/articlecco_cdo/aid/1230144/jewish/Friendship-Circle-Honours-Volunteers-at-BBQ.htm"><span>Friendship Circle Honours Volunteers at BBQ</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="1084997" href="/templates/articlecco_cdo/aid/1084997/jewish/Chase-Community-Giving-Challenge.htm"><span>Chase Community Giving Challenge</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="983066" href="/templates/articlecco_cdo/aid/983066/jewish/New-Faces-at-the-Westboro-Jewish-Montessori-Preschool.htm"><span>New Faces at the Westboro Jewish Montessori Preschool</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="986187" href="/templates/articlecco_cdo/aid/986187/jewish/Ice-Cream-Social-September-14-2009.htm"><span>Ice Cream Social - September 14, 2009</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="989669" href="/templates/articlecco_cdo/aid/989669/jewish/A-Sweet-Learning-Experience.htm"><span>A Sweet Learning Experience</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="998212" href="/templates/articlecco_cdo/aid/998212/jewish/Spaghetti-Dinner.htm"><span>Spaghetti Dinner</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="1066538" href="/templates/articlecco_cdo/aid/1066538/jewish/Montessori-Open-House.htm"><span>Montessori Open House</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="1222649" href="/templates/articlecco_cdo/aid/1222649/jewish/Sports-Day.htm"><span>Sports Day</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="1004476" href="/templates/articlecco_cdo/aid/1004476/jewish/New-York-Trip-2010.htm"><span>New York Trip 2010</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="438331" href="/templates/articlecco_cdo/aid/438331/jewish/New-York-December-2006.htm"><span>New York December 2006</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="1408720" href="/templates/articlecco_cdo/aid/1408720/jewish/Yud-Shevat-Gathering.htm"><span>Yud Shevat Gathering</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="1567703" href="/templates/articlecco_cdo/aid/1567703/jewish/Shabbaton.htm"><span>Shabbaton</span></a>
								</div>
							
							
						
							
								<div class="item next_selected" data-menu-level="1">
									<a data-aid="1535247" href="/templates/articlecco_cdo/aid/1535247/jewish/2011-Raffle.htm"><span>2011 Raffle</span></a>
								</div>
							
							
						
							
							
								<div class="item selected" data-menu-level="1">
									<a data-aid="1656389" href="/templates/articlecco_cdo/aid/1656389/jewish/8th-Day-Live-in-Concert.htm"><span>8th Day Live in Concert!</span></a>
									
								</div>
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="1656388" href="/templates/articlecco_cdo/aid/1656388/jewish/Raffle-2013-Winners.htm"><span>Raffle 2013 Winners!</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="2635017" href="/templates/articlecco_cdo/aid/2635017/jewish/Shabbaton-2014.htm"><span>Shabbaton 2014</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="2430045" href="/templates/articlecco_cdo/aid/2430045/jewish/Tribute-Dinner.htm"><span>Tribute Dinner</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="2722886" href="/templates/articlecco_cdo/aid/2722886/jewish/Shop-for-Charity-2014.htm"><span>Shop for Charity 2014</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="2772670" href="/templates/articlecco_cdo/aid/2772670/jewish/Seniors-Networking-and-Education-Workshops-Series.htm"><span>Seniors' Networking and Education Workshops Series</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="2751631" href="/templates/articlecco_cdo/aid/2751631/jewish/Rosh-Chodesh-SoulMates.htm"><span>Rosh Chodesh: SoulMates</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="2907244" href="/templates/articlecco_cdo/aid/2907244/jewish/New-York-Retreat.htm"><span>New York Retreat</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="2538398" href="/templates/articlecco_cdo/aid/2538398/jewish/2014-Raffle-Winners.htm"><span>2014 Raffle Winners!</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="3068309" href="/templates/articlecco_cdo/aid/3068309/jewish/Health-and-Wellness-Conference.htm"><span>Health and Wellness Conference</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="3117724" href="/templates/articlecco_cdo/aid/3117724/jewish/Raffle-2015.htm"><span>Raffle 2015</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="3288371" href="/templates/articlecco_cdo/aid/3288371/jewish/Shabbaton-2016.htm"><span>Shabbaton 2016</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="2235971" href="/templates/articlecco_cdo/aid/2235971/jewish/Gimmel-Tammuz-Program.htm"><span>Gimmel Tammuz Program</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="1625330" href="/templates/articlecco_cdo/aid/1625330/jewish/Bagel-Babies.htm"><span>Bagel Babies</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="3050074" href="/templates/articlecco_cdo/aid/3050074/jewish/Simple-Truths.htm"><span>Simple Truths</span></a>
								</div>
							
							
						
							
								<div class="item last" data-menu-level="1">
									<a data-aid="5983325" href="/templates/articlecco_cdo/aid/5983325/jewish/Journey-Through-Chassidic-Song.htm"><span>Journey Through Chassidic Song</span></a>
								</div>
							
							
						<div class="separator"></div>
				</div>
			
			
			
	<div id="LocalNavigationQuickLinks" class="clearfix secondary_navigation local-navigation-quick-links container padding">
		<div class="header small_bottom_padding">
			<div>Quick Links</div>
		</div>

		
				<div class="item ">
					<a href="/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><!-- END CACHE -->

	<div id="customizable_promos" class="">
		


<div class="sneak-peek-container clearfix">
<div class="header-title">Programs</div>
<div class="widget-1 sneak_peek custom v100 feed">
<div class="wrapper">
<div class="widget_content">
<h6 class="title_only">
<a target="" href="/6928368">Jewish Youth Library</a>
</h6>

<a href="/6928368" 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="/6928360">Westboro Jewish Montessori Preschool</a>
</h6>

<a href="/6928360" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1322/HUjU13227937.jpeg);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
<div class="widget-1 sneak_peek custom v100 feed">
<div class="wrapper">
<div class="widget_content">
<h6 class="title_only">
<a target="" href="/1397597">Camp Gan Israel</a>
</h6>

<a href="/1397597" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1322/fYVg13227941.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="/1397582">Friendship Circle</a>
</h6>

<a href="/1397582" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1322/UhAH13227934.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="/6940811">Rosh Chodesh Society</a>
</h6>

<a href="/6940811" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1322/bhgQ13227942.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="/3788268">a gift of love</a>
</h6>

<a href="/3788268" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1097/Wfzu10976223.jpg);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
</div>

	</div>


	

					</div>
				
				
			</div>
			
			
		</div>
		
		
	</div>

				<div class="break_floats"></div>
			</div>
		</div>
	</div>
	<div id="footer">
		
	

		<div class="wrapper body_container">
			
				<div class="g960 footer_family_text bottom_padding">
					
		<div class="footer_container footer_text copyright_text">
			<div class="bottom_padding clear_float">
				<img class="footer_hr" src="https://w2.chabad.org/images/global/spacer.gif" vspace="12" width="100%" height="1" /><br />
				
				<div class="footer_inner_container clearfix">
					

					



	<div class="footer3">
		<span class="footer-title" >Jewish Youth Library</span>
		<div class="footer-address">
			<span class="footer-street">192 Switzer Avenue </span>
			<span class="footer-city-state">Ottawa, ON K1Z 7H9</span>
		</div>
			<span class="footer-country">Canada</span><span>613-729-1619</span>
	</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/jewishyouthlibraryottawa" class="fa fa-facebook facebook_homepage" title="Facebook"></a>
		
			<a href="https://www.instagram.com/jylottawa" class="fa fa-instagram instagram_homepage" title="Instagram"></a>
		
</div>
	

				</div>
			
		</div>
	</div>

	
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery-latest.min.js?v=0293E3EC"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/co/dist/CoLib.js?v=F809B22F"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js?v=95D39855"></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/custom/scroller.js?v=AE99E00D"></script>
<script type="text/javascript" src="/scripts/js/templates/modules/sitewideticker.js.asp?campaignid=4489&template=8533&sc=topbar"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/fundraisingCountDown.js?v=CB0AFCAD"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/BetaFeedback.js?v=D421ABC8"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/multimedia/infolayer.js?v=ED1B8531"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/commentsloader.js?v=AD6AAB79"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/subscribeprompt.js?v=86D84DC2"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/deprecated.js?v=D506A83E"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/OverrideJSDocumentWrite.js?v=9A0227AA"></script><script>$j = $j.fn ? $j : jQuery;$j(()=>{$q.forEach(f=>{try{f.call(window);}catch(ex){console.error(ex);}});})</script>
	

<script  language="javascript" type="text/javascript"> Co.Settings      = {CacheClassName:'js-cache-default',MosadName:'Jewish Youth Library'}; Co.ArticleId     = '1656389';Co.SectionId     = 436331;Co.PartnerSiteId = 0;Co.SiteId        = 862;Co.IsMobilePage  = false;Co.IsResponsive  = false;Co.DbDomain      = 'JewishYouthLibrary.com';Co.LanguageCode  = '';Co.LoginStatus   = 'None';</script>

    
<!-- ============================================================
     JYL LIBRARY CAMPAIGN — Drop-in Bundle (v6)
     ============================================================ -->

<script>
(function () {
  'use strict';

  /* ============ URL GATE ============ */
  try {
    var here = (window.location && window.location.href) || '';
    if (here.indexOf('https://www.jewishyouthlibrary.com/templates/articlecco_cdo/aid/7372696') === -1) {
      return;
    }
  } catch (e) { return; }

  /* ============ CONFIG ============ */
  var WEB_APP_URL = 'https://script.google.com/macros/s/AKfycby3ijtup3QAOQ1EOMhVvU_0qjaQxLFmH-aZR7GrY1p45dhPkePn4XZPjD62uEYtu-juXA/exec';
  var FORM_ID = '7372696';
  var SUBMIT_BTN_ID = 'input_2';
  var REFRESH_INTERVAL = 0;

  /* Image URLs */
  var IMG_HERO_BG     = 'https://jewishww.com/media/images/1371/xPIw13711033.png';
  var IMG_LOGO_JYL    = 'https://jewishww.com/media/images/1371/vsEw13711036.png';
  var IMG_LOGO_CHABAD = 'https://jewishww.com/media/images/1371/tuMT13711037.png';
  var IMG_BUILDING    = 'https://jewishww.com/media/images/1371/vOfO13711039.png';
  var IMG_LEGACY      = 'https://jewishyouthlibrary.com/media/images/1371/CYwj13719521.jpeg';
  var IMG_COMMUNITY   = 'https://jewishww.com/media/images/1371/WIES13711043.png';

  /* ============ CSS ============ */
  var CSS = [
    "@import url('https://fonts.googleapis.com/css2?family=Alegreya:ital,wght@0,400..900;1,400..900&family=Outfit:wght@100..900&family=Anek+Malayalam:wght@400&display=swap');",

    /* CSS variables */
    ":root{--jyl-primary-blue:#004169;--jyl-secondary-teal:#008182;--jyl-tan-gold:#cea981;--jyl-tan-gold-deep:#c29b71;--jyl-grey-bg:#6d696d;--jyl-light-blue:#a5d1d2;--jyl-white:#ffffff;--jyl-dark-text:#1a1a1a;--jyl-form-bg:rgba(255,255,255,0.57);--jyl-header-height:clamp(70px,8vw,100px);}",

    /* Reset within our scope */
    ".jyl-root,.jyl-root *{box-sizing:border-box !important;}",
    ".jyl-root{font-family:'Alegreya',serif !important;color:#ffffff !important;line-height:1.5 !important;-webkit-font-smoothing:antialiased !important;width:100% !important;max-width:100% !important;margin:0 !important;padding:0 !important;overflow-x:hidden !important;background-color:#004169 !important;}",
"#cid_3 > div{ padding: 0 !important; margin:0 !important;}",
    /* Reveal Animations */
    ".jyl-reveal-up{opacity:0 !important;transform:translateY(40px) !important;transition:opacity 0.8s cubic-bezier(0.25,1,0.5,1),transform 0.8s cubic-bezier(0.25,1,0.5,1) !important;}",
    ".jyl-reveal-slide-right{opacity:0 !important;transform:translateX(100px) !important;transition:opacity 1s cubic-bezier(0.25,1,0.5,1),transform 1s cubic-bezier(0.25,1,0.5,1) !important;}",
    ".jyl-in-view{opacity:1 !important;transform:translate(0,0) !important;}",
    ".jyl-delay-100{transition-delay:0.1s !important;}",
    ".jyl-delay-200{transition-delay:0.2s !important;}",
    ".jyl-delay-300{transition-delay:0.3s !important;}",
    ".jyl-delay-400{transition-delay:0.4s !important;}",
    ".jyl-delay-500{transition-delay:0.5s !important;}",

    /* Typography */
    ".jyl-root h1,.jyl-root h2,.jyl-root h3,.jyl-root h4,.jyl-root p{margin:0 !important;}",
    ".jyl-root a{text-decoration:none !important;color:inherit !important;cursor:pointer !important;display:inline-block !important;}",
    ".jyl-root img{max-width:100% !important;height:auto !important;display:block !important;}",

    /* ============ NAVBAR ============ */
    ".jyl-nav-container{width:100% !important;height:var(--jyl-header-height) !important;display:flex !important;justify-content:center !important;align-items:center !important;position:fixed !important;top:0 !important;left:0 !important;z-index:1000 !important;transition:background-color 0.3s ease,box-shadow 0.3s ease !important;background-color:transparent !important;font-family:'Alegreya',serif !important;}",
    ".jyl-nav-container.jyl-scrolled{background-color:#ffffff !important;box-shadow:0 4px 20px rgba(0,0,0,0.1) !important;}",
    ".jyl-nav-bar{display:flex !important;justify-content:center !important;align-items:center !important;gap:clamp(20px,5vw,76px) !important;list-style:none !important;margin:0 !important;padding:0 !important;}",
    ".jyl-nav-bar a{color:#ffffff !important;font-weight:700 !important;font-size:clamp(18px,2vw,28px) !important;text-transform:capitalize !important;letter-spacing:0.56px !important;transition:color 0.3s ease !important;}",
    ".jyl-nav-bar a:hover{color:#cea981 !important;}",
    ".jyl-nav-container.jyl-scrolled .jyl-nav-bar a{color:#004169 !important;}",
    ".jyl-nav-container.jyl-scrolled .jyl-nav-bar a:hover{color:#cea981 !important;}",
    ".jyl-hamburger-btn{display:none;background:none !important;border:none !important;cursor:pointer !important;padding:10px !important;z-index:30 !important;}",
    ".jyl-hamburger-btn span{display:block !important;width:30px !important;height:3px !important;background-color:#ffffff !important;margin:6px 0 !important;transition:transform 0.3s ease,opacity 0.3s ease,background-color 0.3s ease !important;}",
    ".jyl-nav-container.jyl-scrolled .jyl-hamburger-btn span{background-color:#004169 !important;}",
    ".jyl-hamburger-btn.jyl-active span:nth-child(1){transform:rotate(-45deg) translate(-6px,6px) !important;}",
    ".jyl-hamburger-btn.jyl-active span:nth-child(2){opacity:0 !important;}",
    ".jyl-hamburger-btn.jyl-active span:nth-child(3){transform:rotate(45deg) translate(-7px,-7px) !important;}",

    /* ============ HERO ============ */
    ".jyl-hero{position:relative !important;background-color:#004169 !important;overflow:hidden !important;padding:80px 0 100px 0 !important;padding-top:calc(var(--jyl-header-height) + 40px) !important;width:100% !important;display:block !important;}",
    ".jyl-hero-bg{position:absolute !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:100% !important;height:100% !important;object-fit:cover !important;opacity:0.35 !important;z-index:1 !important;pointer-events:none !important;}",
    ".jyl-hero-inner{position:relative !important;z-index:5 !important;width:100% !important;max-width:1600px !important;margin:0 auto !important;padding:0 !important;}",
    ".jyl-hero-row{display:flex !important;width:100% !important;align-items:center !important;justify-content:space-between !important;gap:40px !important;margin-top:40px !important;}",
    ".jyl-hero-content{flex:1 !important;display:flex !important;flex-direction:column !important;align-items:flex-start !important;text-align:left !important;}",
    ".jyl-logo-group{display:flex !important;gap:15px !important;align-items:center !important;margin-bottom:38px !important;flex-wrap:wrap !important;}",
    ".jyl-logo-jyl{width:clamp(100px,10vw,146px) !important;height:auto !important;}",
    ".jyl-logo-chabad{width:clamp(130px,13vw,185px) !important;height:auto !important;}",
    ".jyl-hero-title{font-family:'Alegreya',serif !important;font-size:clamp(40px,7vw,94px) !important;font-weight:500 !important;text-transform:uppercase !important;line-height:1.1 !important;color:#ffffff !important;margin:0 !important;}",
    ".jyl-hero-title .jyl-highlight{color:#cea981 !important;}",
    ".jyl-help-box{position:relative !important;margin-top:45px !important;display:inline-block !important;}",
    ".jyl-help-bg{position:absolute !important;bottom:clamp(5px,1vw,12px) !important;left:0 !important;width:100% !important;height:clamp(8px,1.5vw,18px) !important;background-color:#008182 !important;z-index:1 !important;}",
    ".jyl-help-text{font-family:'Alegreya',serif !important;font-style:italic !important;font-weight:400 !important;font-size:clamp(35px,4vw,53px) !important;text-transform:capitalize !important;color:#ffffff !important;padding:0 5px !important;position:relative !important;z-index:2 !important;margin:0 !important;}",
    ".jyl-illustration{flex:1 !important;display:flex !important;justify-content:flex-end !important;align-items:center !important;}",
    ".jyl-illustration img{width:clamp(430px,45vw,850px) !important;height:auto !important;max-width:none !important;display:block !important;transition:transform 0.6s cubic-bezier(0.25,1,0.5,1) !important;}",
    ".jyl-illustration img:hover{transform:scale(1.04) !important;}",

    /* ============ STATS / PROGRESS BAR ============ */
    ".jyl-stats-box{position:relative !important;margin:60px auto 0 auto !important;width:clamp(300px,90%,1137px) !important;background-color:rgba(7,127,201,0.34) !important;padding:clamp(30px,4vw,57px) clamp(20px,5vw,74px) !important;display:flex !important;flex-direction:column !important;align-items:center !important;z-index:10 !important;border-radius:4px !important;}",
    ".jyl-stats-header{width:100% !important;display:flex !important;justify-content:space-between !important;align-items:flex-end !important;margin-bottom:clamp(15px,2vw,25px) !important;flex-wrap:wrap !important;gap:20px !important;}",
    ".jyl-stat-group{display:flex !important;flex-direction:column !important;text-align:left !important;}",
    ".jyl-stat-group.jyl-goal{align-items:flex-end;text-align:right;}",
    ".jyl-stat-label{font-family:'Alegreya',serif !important;font-size:clamp(20px,2vw,28px) !important;color:#ffffff !important;text-transform:capitalize !important;margin:0 0 -5px 0 !important;line-height:1 !important;}",
    ".jyl-stat-value{font-family:'Alegreya',serif !important;font-size:clamp(36px,3.5vw,48px) !important;font-weight:500 !important;font-style:italic !important;color:#cea981 !important;line-height:1 !important;margin:0 !important;}",
    ".jyl-goal .jyl-stat-label{font-size:clamp(22px,2.5vw,32px) !important;}",
    ".jyl-goal .jyl-stat-value{font-size:clamp(42px,4vw,56px) !important;}",
    ".jyl-bar-track{width:100% !important;max-width:1001px !important;height:clamp(30px,4vw,54px) !important;background-color:rgba(255,255,255,0.6) !important;border-radius:37px !important;position:relative !important;margin-bottom:clamp(30px,4vw,61px) !important;overflow:hidden !important;}",
    ".jyl-bar-fill{position:absolute !important;left:0 !important;top:0 !important;height:100% !important;width:0%;background-color:#008182 !important;border-radius:37px !important;display:flex !important;align-items:center !important;justify-content:flex-end !important;padding-right:20px !important;transition:width 1.5s cubic-bezier(0.25,1,0.5,1) !important;overflow:hidden !important;}",
    ".jyl-bar-fill::after{content:'' !important;position:absolute !important;top:0 !important;left:-100% !important;width:50% !important;height:100% !important;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent) !important;animation:jyl-shimmer 2.5s infinite !important;animation-delay:1.5s !important;}",
    "@keyframes jyl-shimmer{100%{left:200%;}}",
    ".jyl-bar-text{font-family:'Alegreya',serif !important;font-size:clamp(16px,1.5vw,22px) !important;font-weight:500 !important;font-style:italic !important;color:#ffffff !important;position:relative !important;z-index:2 !important;}",
    ".jyl-cta-row{display:flex !important;gap:clamp(15px,3vw,40px) !important;width:100% !important;justify-content:center !important;flex-wrap:wrap !important;}",

    /* ============ BUTTONS ============ */
    ".jyl-btn{position:relative !important;padding:clamp(15px,1.5vw,23px) clamp(20px,4vw,56px) !important;border-radius:6px !important;font-family:'Alegreya',serif !important;font-weight:700 !important;font-size:clamp(20px,2vw,33px) !important;text-transform:capitalize !important;text-align:center !important;text-decoration:none !important;cursor:pointer !important;overflow:hidden !important;z-index:1 !important;transition:color 0.4s ease,background-color 0.4s ease !important;background-color:transparent !important;border:2px solid transparent !important;display:inline-block !important;}",
    ".jyl-btn-white{color:#ffffff !important;border-color:#ffffff !important;}",
    ".jyl-btn-white:hover{background-color:#ffffff !important;color:#004169 !important;}",
    ".jyl-btn-gold{color:#cea981 !important;border-color:#cea981 !important;}",
    ".jyl-btn-gold:hover{background-color:#cea981 !important;color:#1a1a1a !important;}",

    /* ============ SPLIT SECTIONS ============ */
    ".jyl-split{display:grid !important;grid-template-columns:1fr 1fr !important;min-height:543px !important;width:100% !important;}",
    ".jyl-split-text{display:flex !important;flex-direction:column !important;justify-content:center !important;padding:clamp(40px,5vw,80px) clamp(30px,10vw,153px) !important;position:relative !important;z-index:2 !important;}",
    ".jyl-split-text h2{font-family:'Outfit',sans-serif !important;font-weight:700 !important;font-size:clamp(18px,1.5vw,22px) !important;letter-spacing:1.1px !important;text-transform:uppercase !important;color:#cea981 !important;margin:0 0 0 0 !important;}",
    ".jyl-legacy-title{font-family:'Alegreya',serif !important;font-weight:500 !important;font-style:italic !important;font-size:clamp(40px,4vw,60px) !important;color:#ffffff !important;line-height:1.1 !important;margin:0 0 33px 0 !important;text-transform:uppercase !important;}",
    ".jyl-split-text p{font-family:'Alegreya',serif !important;font-size:18px !important;max-width:488px !important;color:#ffffff !important;margin:0 !important;}",
    ".jyl-heritage{background-color:#008182 !important;}",
    ".jyl-residences{background-color:#cea981 !important;}",
    ".jyl-residences p{color:#1a1a1a !important;}",
    ".jyl-split-img-wrap{position:relative !important;width:100% !important;height:100% !important;min-height:300px !important;overflow:hidden !important;}",
    ".jyl-split-img-wrap img{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;object-fit:cover !important;transition:transform 0.8s cubic-bezier(0.25,1,0.5,1) !important;}",
    ".jyl-split:hover .jyl-split-img-wrap img{transform:scale(1.08) !important;}",

    /* ============ JOTFORM RESTYLE ============ */
    "#formContainer{background-color:transparent !important;padding:0 !important;display:block !important;width:100% !important;max-width:100% !important;}",
    "#formContainer .form-all,#formContainer .form-section{background:transparent !important;border:none !important;font-family:'Alegreya',serif !important;width:100% !important;max-width:100% !important;padding:0 !important;margin:0 !important;list-style:none !important;color:#ffffff !important;}",

    /* ============ SECTION BACKGROUND WRAPPERS (injected) ============ */
    ".jyl-donation-section{background-color:#004169 !important;padding:clamp(60px,6vw,81px) 20px !important;text-align:center !important;}",
    ".jyl-dedication-section{background-color:#6d696d !important;padding:clamp(60px,6vw,100px) 20px !important;text-align:center !important;}",
    ".jyl-donor-section{background-color:#cea981 !important;padding:clamp(60px,6vw,93px) 20px !important;}",
"#label_1{width: 100vw !Important;}", ".form-address-table{ width: 100% !Important; max-width: 100% !important;}",

    /* ============ JOTFORM SECTION HEADERS (h2 inside .form-header-group) ============ */
    /* These render the italic pill style for "Dedication Opportunities" and similar h2 headers */
    "#formContainer .form-header-group{background:transparent !important;padding:0 0 0px 0 !important;border:none !important;text-align:center !important;}",
    "#formContainer .form-header{font-family:'Alegreya',serif !important;font-style:italic !important;font-weight:500 !important;font-size:clamp(30px,3vw,39px) !important;color:#ffffff !important;display:inline-block !important;padding:0 10px !important;margin:0 !important;text-transform:capitalize !important;position:relative !important;z-index:2 !important;background:transparent !important;}",
    /* Pill underline on form-header inside donation section — teal */
    ".jyl-donation-section .form-header::before{content:'' !important;position:absolute !important;bottom:clamp(5px,1vw,12px) !important;left:0 !important;right:0 !important;width:100% !important;height:clamp(8px,1.5vw,18px) !important;background-color:#008182 !important;z-index:-1 !important;}",
    /* Pill underline on form-header inside dedication section — tan-gold-deep */
    ".jyl-dedication-section .form-header::before{content:'' !important;position:absolute !important;bottom:clamp(5px,1vw,12px) !important;left:0 !important;right:0 !important;width:100% !important;height:clamp(8px,1.5vw,18px) !important;background-color:#c29b71 !important;z-index:-1 !important;}",

    /* ============ DONATION OPTIONS LABEL (id_1 label) — pill-styled, NOT letter-spaced ============ */
    /* The label_1 element styles "Donation options" as the same italic pill */
    "#formContainer #label_1{text-align:center !important;padding:0 0 50px 0;}",
    "#formContainer #label_1 label[for=\"input_1\"]:not(.label-message){font-family:'Alegreya',serif !important;font-style:italic !important;font-weight:500 !important;font-size:clamp(30px,3vw,39px) !important;color:#ffffff !important;display:inline-block !important;padding:0 10px !important;margin:0 !important;text-transform:capitalize !important;position:relative !important;z-index:2 !important;letter-spacing:0 !important;opacity:1 !important;background:transparent !important;}",
    "#formContainer #label_1 label[for=\"input_1\"]:not(.label-message)::before{content:'' !important;position:absolute !important;bottom:clamp(5px,1vw,12px) !important;left:0 !important;right:0 !important;width:100% !important;height:clamp(8px,1.5vw,18px) !important;background-color:#008182 !important;z-index:-1 !important;}",
    "#formContainer #label_1 .label-message{display:none !important;}",

    /* ============ DEDICATION SUB-LABELS (Lead Gifts, Visionaries, Founders, Builders) ============ */
    /* These are .form-label-left labels INSIDE the dedication section, but NOT id_1 */
    ".jyl-dedication-section .form-label-left,.jyl-dedication-section .form-label-right,.jyl-dedication-section .form-label-top{display:block !important;float:none !important;width:100% !important;text-align:center !important;padding:30px 0 24px 0 !important;margin:0 !important;}",
    ".jyl-dedication-section .form-label-left label,.jyl-dedication-section .form-label-right label,.jyl-dedication-section .form-label-top label{font-family:'Outfit',sans-serif !important;font-weight:600 !important;font-size:clamp(20px,2vw,25px) !important;letter-spacing:10px !important;text-transform:uppercase !important;color:#ffffff !important;opacity:0.85 !important;background:transparent !important;}",

    /* Default labels in donation section that aren't id_1 — letter-spaced */
    ".jyl-donation-section .form-label-left:not(#label_1),.jyl-donation-section .form-label-right:not(#label_1),.jyl-donation-section .form-label-top:not(#label_1){display:block !important;float:none !important;width:100% !important;text-align:center !important;padding:0 0 24px 0 !important;margin:0 !important;}",

    "#formContainer .form-line{display:block !important;width:100% !important;padding:24px 0 !important;margin:0 !important;border:none !important;background:transparent !important;clear:both !important;}",
    "#formContainer .form-input,#formContainer .form-input-wide{display:block !important;width:100% !important;margin:0 !important;padding:0 !important;background:transparent !important;}",

    /* ============ DONATION CARDS GRID (id_1) — auto-fit, original sizing ============ */
    "#formContainer #id_1 .form-single-column{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(260px,1fr)) !important;gap:25px !important;width:100% !important;max-width:1140px !important;margin:0 auto !important;padding:0 !important;list-style:none !important;}",
    "#formContainer .clearfix{display:none !important;}",

    /* ============ DEDICATION GRIDS — auto-fit for most, 5-col for founders ============ */
    ".jyl-dedication-section .form-single-column{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr)) !important;gap:19px !important;width:100% !important;max-width:1141px !important;margin:0 auto !important;padding:0 !important;list-style:none !important;}",
    ".jyl-dedication-section .jyl-grid-founders .form-single-column{grid-template-columns:repeat(5,1fr) !important;gap:16px !important;}",
    ".jyl-dedication-section .jyl-grid-lead-gifts .form-single-column{grid-template-columns:repeat(auto-fit,minmax(300px,1fr)) !important;}",

    /* ============ CARDS (alternating borders) ============ */
    "#formContainer .form-checkbox-item{position:relative !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;background-color:rgba(255,255,255,0.06) !important;border:1px solid #ffffff !important;border-radius:13px !important;padding:30px 20px !important;min-height:140px !important;cursor:pointer !important;transition:all 0.3s cubic-bezier(0.25,1,0.5,1) !important;margin:0 !important;width:auto !important;float:none !important;text-align:center !important;}",
    "#formContainer .form-checkbox-item.jyl-card-alt{border-color:#cea981 !important;}",
    "#formContainer .form-checkbox-item:hover{transform:translateY(-4px) !important;background-color:rgba(255,255,255,0.12) !important;border-color:#cea981 !important;box-shadow:0 15px 30px rgba(0,0,0,0.2) !important;}",
    "#formContainer .form-checkbox-item.jyl-selected{background-color:#cea981 !important;border-color:#cea981 !important;transform:translateY(-4px) !important;box-shadow:0 10px 20px rgba(0,0,0,0.15) !important;}",
    "#formContainer .form-checkbox-item.jyl-selected .jyl-card-title,#formContainer .form-checkbox-item.jyl-selected .jyl-card-price,#formContainer .form-checkbox-item.jyl-selected .jyl-card-status{color:#1a1a1a !important;}",

    /* Hide original checkboxes/labels for cards (EXCEPT attendance & other) */
    "#formContainer .form-checkbox-item:not(.jyl-attendance-item) input.form-checkbox:not(.form-checkbox-other){position:absolute !important;opacity:0 !important;width:1px !important;height:1px !important;pointer-events:none !important;}",
    "#formContainer .form-checkbox-item:not(.jyl-attendance-item) > label{display:none !important;}",

    /* Injected card content */
    ".jyl-card-content{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:5px !important;width:100% !important;pointer-events:none !important;}",
    ".jyl-card-title{font-family:'Outfit',sans-serif !important;font-weight:700 !important;font-size:clamp(14px,1.3vw,18px) !important;letter-spacing:2px !important;text-transform:uppercase !important;color:#ffffff !important;line-height:1.2 !important;margin:0 0 5px 0 !important;transition:color 0.3s ease !important;}",
    ".jyl-card-price{font-family:'Alegreya',serif !important;font-weight:800 !important;font-size:clamp(28px,2.8vw,40px) !important;color:#cea981 !important;line-height:1 !important;margin:0 !important;transition:color 0.3s ease !important;}",
    ".jyl-card-status{font-family:'Outfit',sans-serif !important;font-weight:800 !important;font-size:clamp(13px,1vw,16px) !important;letter-spacing:0.66px !important;text-transform:uppercase !important;color:#a5d1d2 !important;margin-top:8px !important;}",

    /* Dedication cards smaller title for longer names */
    ".jyl-dedication-section .form-checkbox-item .jyl-card-title{letter-spacing:1px !important;font-size:clamp(14px,1.2vw,17px) !important;}",
    ".jyl-dedication-section .form-checkbox-item .jyl-card-price{font-size:clamp(24px,2.4vw,34px) !important;}",
    /* Founders cards a bit tighter */
    ".jyl-dedication-section .jyl-grid-founders .form-checkbox-item{padding:20px 12px !important;min-height:120px !important;}",
    ".jyl-dedication-section .jyl-grid-founders .form-checkbox-item .jyl-card-title{font-size:clamp(14px,1.05vw,15px) !important;letter-spacing:0.5px !important;}",
    ".jyl-dedication-section .jyl-grid-founders .form-checkbox-item .jyl-card-price{font-size:clamp(20px,2vw,28px) !important;}",

    /* Fully reserved */
    "#formContainer .form-checkbox-item.jyl-reserved{opacity:0.9 !important;filter:grayscale(0.5) !important;pointer-events:none !important;cursor:not-allowed !important;border-color:rgba(255,255,255,0.2) !important;}",

    /* ============ OTHER AMOUNT CARD — DOUBLE WIDTH, IN PLACE ============ */
    "#formContainer .form-checkbox-item.jyl-other-card{grid-column:span 2 !important;flex-direction:row !important;gap:20px !important;justify-content:center !important;align-items:center !important;padding:25px 30px !important;max-width:none !important;margin:0 !important;flex-wrap:wrap !important;cursor:text !important;}",
    "#formContainer .form-checkbox-item.jyl-other-card:hover{transform:translateY(-4px) !important;}",
    "#formContainer .form-checkbox-item.jyl-other-card .jyl-card-title{font-size:clamp(20px,2vw,28px) !important;font-family:'Outfit',sans-serif !important;font-weight:700 !important;margin:0 !important;letter-spacing:1px !important;text-transform:capitalize !important;color:#ffffff !important;white-space:nowrap !important;}",
    "#formContainer input.form-checkbox-other-input{position:relative !important;z-index:5 !important;flex:1 1 200px !important;min-width:180px !important;max-width:320px !important;background-color:#ffffff !important;color:#1a1a1a !important;border:none !important;border-radius:8px !important;padding:15px 20px !important;font-family:'Alegreya',serif !important;font-size:clamp(22px,2vw,30px) !important;text-align:left !important;outline:none !important;height:auto !important;pointer-events:auto !important;cursor:text !important;opacity:1 !important;}",
    "#formContainer input.form-checkbox-other-input:focus{box-shadow:0 0 0 3px #cea981 !important;}",
    "#formContainer input.form-checkbox-other-input::placeholder{color:rgba(26,26,26,0.4) !important;}",
    "#formContainer input.form-checkbox-other-input::-webkit-outer-spin-button,#formContainer input.form-checkbox-other-input::-webkit-inner-spin-button{-webkit-appearance:none !important;margin:0 !important;}",
    "#formContainer .form-checkbox-item.jyl-other-card.jyl-selected .jyl-card-title{color:#1a1a1a !important;}",
    "#formContainer .form-checkbox-item.jyl-other-card input.form-checkbox-other{position:absolute !important;opacity:0 !important;width:1px !important;height:1px !important;pointer-events:none !important;}",

    /* ============ CONTINUE TO DONATE BUTTON ============ */
    ".jyl-continue-cta{text-align:center !important;padding:50px 0 0 0 !important;}",

    /* ============ DONOR DETAILS WRAPPER ============ */
    ".jyl-donor-box{background-color:rgba(255,255,255,0.57) !important;max-width:1038px !important;margin:0 auto !important;border-radius:8px !important;padding:clamp(40px,5vw,85px) clamp(20px,5vw,78px) !important;color:#023443 !important;}",
    ".jyl-donor-box-title{font-family:'Alegreya',serif !important;font-size:clamp(24px,2vw,28px) !important;font-weight:500 !important;text-align:center !important;text-transform:uppercase !important;color:#023443 !important;margin:0 0 clamp(40px,4vw,64px) 0 !important;display:block !important;}",
    ".jyl-donor-box .form-header-group{display:none !important;}",
    /* Donor form rows — transparent, full width */
    "#formContainer .jyl-donor-row{background-color:transparent !important;margin:0 !important;max-width:none !important;width:100% !important;padding:14px 0 !important;border:none !important;border-radius:0 !important;}",
    "#formContainer .jyl-donor-row .form-input,#formContainer .jyl-donor-row .form-input-wide{width:100% !important;max-width:100% !important;}",
    "#formContainer .jyl-donor-row table.form-address-table{width:100% !important;}",

    /* Donor labels — dark blue, left aligned */
    "#formContainer .jyl-donor-row .form-label-left,#formContainer .jyl-donor-row .form-label-right,#formContainer .jyl-donor-row .form-label-top{text-align:left !important;padding:0 0 11px 0 !important;}",
    "#formContainer .jyl-donor-row .form-label-left label,#formContainer .jyl-donor-row .form-label-right label,#formContainer .jyl-donor-row .form-label-top label{font-family:'Outfit',sans-serif !important;font-weight:600 !important;font-size:clamp(18px,1.5vw,20px) !important;color:#004169 !important;text-transform:capitalize !important;letter-spacing:0 !important;text-align:left !important;opacity:1 !important;}",

    /* Inputs — full width inside donor box */
    "#formContainer input.form-textbox,#formContainer select.form-dropdown,#formContainer select.form-textbox,#formContainer textarea.form-textbox{background-color:#ffffff !important;border:2px solid #ebebeb !important;border-radius:10px !important;padding:14px 16px !important;font-family:'Alegreya',serif !important;font-size:16px !important;color:#1a1a1a !important;width:100% !important;max-width:100% !important;height:auto !important;min-height:57px !important;box-sizing:border-box !important;margin:0 0 6px 0 !important;}",
    "#formContainer input.form-textbox:focus,#formContainer select.form-dropdown:focus,#formContainer textarea.form-textbox:focus{border-color:#004169 !important;outline:none !important;}",
    "#formContainer .form-sub-label{font-family:'Outfit',sans-serif !important;font-weight:300 !important;font-size:14px !important;color:#4c4c4c !important;text-transform:capitalize !important;display:block !important;margin-top:4px !important;}",
    "#cid_9 > span:nth-child(1),#cid_9 > span:nth-child(2){display:inline-block !important;width:48% !important;margin:0 1% 14px 1% !important;vertical-align:top !important;}",

    /* Total amount */
    "#formContainer #total_amount{font-family:'Outfit',sans-serif !important;font-weight:800 !important;font-size:clamp(24px,2vw,30px) !important;color:#1374be !important;background-color:#f6f6f6 !important;border:1.169px solid #d8d8d8 !important;border-radius:11px !important;padding:25px clamp(15px,2vw,26px) !important;display:block !important;width:100% !important;text-align:right !important;box-sizing:border-box !important;}",

    /* ============ ATTENDANCE CHECKBOX (id_15) — inline, checkbox on left ============ */
    /* Move label below checkbox row visually: checkbox + label on one horizontal line */
    "#formContainer #id_15{display:flex !important;flex-direction:row !important;align-items:flex-start !important;gap:12px !important;padding:14px 0 !important;}",
    "#formContainer #id_15 .form-label-left{display:none !important;}",
    "#formContainer #id_15 .form-input{display:flex !important;flex-direction:row !important;align-items:center !important;gap:12px !important;width:100% !important;padding:0 !important;}",
    "#formContainer #id_15 .form-single-column{display:inline-flex !important;align-items:center !important;width:100% !important;flex:0 0 auto !important;gap:0 !important;}",
    "#formContainer #id_15 .form-checkbox-item{display:inline-flex !important;flex-direction:row !important;align-items:center !important;background:transparent !important;border:none !important;min-height:0 !important;padding:0 !important;margin:0 !important;cursor:pointer !important;}",
    "#formContainer #id_15 .form-checkbox-item:hover{transform:none !important;box-shadow:none !important;background:transparent !important;}",
    "#formContainer #id_15 .form-checkbox-item input.form-checkbox{position:static !important;opacity:1 !important;width:18px !important;height:18px !important;pointer-events:auto !important;margin:0 !important;cursor:pointer !important;flex:0 0 auto !important;}",
    "#formContainer #id_15 .form-checkbox-item > label{display:none !important;}",
    /* Inject our own label text via JS into id_15 */
    "#formContainer #id_15 .jyl-attendance-text{padding-left: 20px; font-family:'Alegreya',serif !important;color:#1a1a1a !important;font-size:16px !important;font-weight:400 !important;flex:1 !important;cursor:pointer !important;letter-spacing:0 !important;text-transform:none !important;}",

    /* Payment Methods */
    "#formContainer .form-radio-item{display:inline-flex !important;align-items:center !important;gap:10px !important;margin:0 10px 10px 0 !important;padding:18px 20px !important;background-color:#f6f6f6 !important;border:1.14px solid #d8d8d8 !important;border-radius:10px !important;color:#535353 !important;font-family:'Outfit',sans-serif !important;font-size:15px !important;cursor:pointer !important;transition:all 0.3s ease !important;}",
    "#formContainer .form-radio-item input[type=radio]:checked + label,#formContainer .form-radio-item:has(input:checked){background-color:rgba(45,164,255,0.06) !important;border-color:rgba(19,116,190,0.7) !important;}",
    /* Payment methods row spans full width */
    "#formContainer #id_16 .form-payment-methods{display:flex !important;flex-wrap:nowrap ;gap:10px !important;width:100% !important;padding:10px 0 !important;}",

    /* ============ SUBMIT BUTTON — primary blue, slide-out fill on hover ============ */
    "#formContainer .form-submit-button{position:relative !important;display:block !important;background-color:transparent !important;color:#ffffff !important;border:2px solid #004169 !important;border-radius:6px !important;padding:20px 56px !important;font-family:'Anek Malayalam',sans-serif !important;font-weight:400 !important;font-size:24px !important;text-transform:uppercase !important;letter-spacing:1px !important;cursor:pointer !important;margin:clamp(40px,4vw,64px) auto 0 auto !important;width:100% !important;max-width:589px !important;height:72px !important;overflow:hidden !important;z-index:1 !important;transition:color 0.4s ease !important;}",
    "#formContainer .form-submit-button::before{content:'' !important;position:absolute !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;background-color:#004169 !important;z-index:-1 !important;transform:scaleX(1) !important;transform-origin:left !important;transition:transform 0.4s cubic-bezier(0.25,1,0.5,1) !important;}",
    "#formContainer .form-submit-button:hover{color:#004169 !important;background-color:transparent !important;}",
    "#formContainer .form-submit-button:hover::before{transform:scaleX(0) !important;transform-origin:right !important;}",
    "#formContainer .form-buttons-wrapper{text-align:center !important;padding:0 !important;background:transparent !important;text-indent:0 !important;}",
    "#formContainer #id_2{padding:0 !important;background:transparent !important;}",

    /* Mobile */
    "@media (max-width:1024px){",
    "  .jyl-hero{padding-bottom:50px !important;}",
    "  .jyl-hero-row{flex-direction:column !important;text-align:center !important;}",
    "  .jyl-hero-content{align-items:center !important;text-align:center !important;margin-bottom:40px !important;}",
    "  .jyl-logo-group{justify-content:center !important;}",
    "  .jyl-illustration{padding:0 !important;justify-content:center !important;width:90% !important;}",
    "  .jyl-stats-box{width:95% !important;margin-top:40px !important;}",
    "  .jyl-dedication-section .jyl-grid-founders .form-single-column{grid-template-columns:repeat(3,1fr) !important;}",
    "}",
    "@media (max-width:900px){",
    "  .jyl-split{grid-template-columns:1fr !important;}",
    "  .jyl-split-text{order:2 !important;padding:60px 20px !important;}",
    "  .jyl-split-img-wrap{order:1 !important;height:400px !important;min-height:400px !important;}",
    "  .jyl-residences .jyl-split-text{order:2 !important;}",
    "  .jyl-residences .jyl-split-img-wrap{order:1 !important;}",
    "  #formContainer .form-checkbox-item.jyl-other-card{grid-column:span 2 !important;}",
    "}",
    "@media (max-width:768px){",
    "  .jyl-nav-container{justify-content:flex-end !important;padding-right:20px !important;}",
"#formContainer #label_1{ padding-right: 50px !important;}",
    "#formContainer #id_16 .form-payment-methods{ flex-wrap:wrap !important;}",
    "  .jyl-hamburger-btn{display:block !important;}",
    "  .jyl-nav-bar{flex-direction:column !important;position:absolute !important;top:100% !important;left:0 !important;width:100% !important;background-color:#004169 !important;padding:0 !important;gap:0 !important;max-height:0 !important;overflow:hidden !important;transition:max-height 0.4s ease,background-color 0.3s ease !important;box-shadow:0 4px 10px rgba(0,0,0,0.3) !important;}",
    "  .jyl-nav-container.jyl-scrolled .jyl-nav-bar{background-color:#ffffff !important;}",
    "  .jyl-nav-bar.jyl-active{max-height:300px !important;}",
    "  .jyl-nav-bar a{padding:20px !important;width:100% !important;text-align:center !important;border-top:1px solid rgba(255,255,255,0.05) !important;}",
    "  .jyl-hero-title{font-size:clamp(40px,13vw,60px) !important;}",
    "  .jyl-stats-header{flex-direction:column !important;align-items:center !important;}",
    "  .jyl-stat-group,.jyl-goal{align-items:center !important;text-align:center !important;}",
    "  .jyl-cta-row{flex-direction:column !important;width:100% !important;gap:15px !important;}",
    "  .jyl-cta-row .jyl-btn{width:100% !important;}",
    "  #formContainer #id_1 .form-single-column{grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;}",
    "  #formContainer .form-checkbox-item.jyl-other-card{grid-column:span 2 !important;flex-direction:column !important;}",
    "  #formContainer .form-sub-label-container{display:block !important;width:100% !important;margin:0 0 14px 0 !important;}",
    "  .jyl-dedication-section .form-single-column{grid-template-columns: repeat(2, 1fr) !important;}",
    "  .jyl-dedication-section .jyl-grid-founders .form-single-column{grid-template-columns: repeat(2, 1fr) !important;}",
    "}",
"@media (min-width:769px){",
    "  .jyl-hero{overflow:hidden !important;}",
    "  .jyl-hero-inner{position:relative !important;max-width:100% !important;margin:0 auto !important;padding:0 40px !important; padding-right: 0 !important; margin-right: 0 !important;}",
    "  .jyl-hero-row{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:40px !important;position:relative !important;}",
    "  .jyl-hero-content{flex:1 1 50% !important;min-width:0 !important;}",
    "  .jyl-illustration{position:relative !important;left:auto !important;right:auto !important;top:auto !important;flex:1 1 50% !important;min-width:0 !important;display:flex !important;justify-content:flex-end !important;align-items:center !important;}",
    "  .jyl-illustration img{position:relative !important;right:auto !important;left:auto !important;top:auto !important;width:100% !important;max-width:100% !important;height:auto !important;display:block !important;}",
    "}" ].join('\n');

  function injectCSS() {
    if (document.getElementById('jyl-injected-css')) return;
    var style = document.createElement('style');
    style.id = 'jyl-injected-css';
    style.type = 'text/css';
    style.appendChild(document.createTextNode(CSS));
    (document.head || document.documentElement).appendChild(style);
  }

  /* ============ REMOVE CMS BACK BANNER ============ */
  function removeCmsBanner() {
    var banners = document.querySelectorAll('.cco_templateless_template');
    banners.forEach(function (b) {
      if (b && b.parentNode) b.parentNode.removeChild(b);
    });
  }

  /* ============ HTML INJECTION (Hero + Navbar + Splits) ============ */
  function injectHeader() {
    if (document.getElementById('jylRoot')) return;

    var html =
      '<div class="jyl-root" id="jylRoot">' +
        /* NAVBAR */
        '<div class="jyl-nav-container" id="jylNav">' +
          '<button class="jyl-hamburger-btn" aria-label="Toggle menu" id="jylHamburger">' +
            '<span></span><span></span><span></span>' +
          '</button>' +
          '<nav class="jyl-nav-bar" id="jylNavBar">' +
            '<a href="#jylTop" data-jyl-nav="top">home</a>' +
            '<a href="#jylDonate" data-jyl-nav="donate">donate</a>' +
            '<a href="#jylDedications" data-jyl-nav="dedications">dedications</a>' +
          '</nav>' +
        '</div>' +

        '<div id="jylTop"></div>' +

        /* HERO */
        '<div class="jyl-hero">' +
          '<img src="' + IMG_HERO_BG + '" alt="" class="jyl-hero-bg">' +
          '<div class="jyl-hero-inner">' +
            '<div class="jyl-hero-row">' +
              '<div class="jyl-hero-content">' +
                '<div class="jyl-logo-group jyl-reveal-up jyl-delay-100">' +
                  '<img src="' + IMG_LOGO_JYL + '" alt="JYL Logo" class="jyl-logo-jyl">' +
                  '<img src="' + IMG_LOGO_CHABAD + '" alt="Chabad Logo" class="jyl-logo-chabad">' +
                '</div>' +
                '<div class="jyl-hero-title jyl-reveal-up jyl-delay-200">our doors<br>are <span class="jyl-highlight">opening.</span></div>' +
                '<div class="jyl-help-box jyl-reveal-up jyl-delay-300">' +
                  '<div class="jyl-help-bg"></div>' +
                  '<div class="jyl-help-text">help make it complete!</div>' +
                '</div>' +
              '</div>' +
              '<div class="jyl-illustration jyl-reveal-slide-right jyl-delay-400">' +
                '<img src="' + IMG_BUILDING + '" alt="Building Illustration">' +
              '</div>' +
            '</div>' +
            '<div class="jyl-stats-box jyl-reveal-up jyl-delay-500">' +
              '<div class="jyl-stats-header">' +
                '<div class="jyl-stat-group">' +
                  '<span class="jyl-stat-label">money raised:</span>' +
                  '<span class="jyl-stat-value" id="jylRaised">$1,715,000</span>' +
                '</div>' +
                '<div class="jyl-stat-group jyl-goal">' +
                  '<span class="jyl-stat-label">goal:</span>' +
                  '<span class="jyl-stat-value" id="jylGoal">$3,594,950</span>' +
                '</div>' +
              '</div>' +
              '<div class="jyl-bar-track">' +
                '<div class="jyl-bar-fill" id="jylBarFill" style="width:0%">' +
                  '<span class="jyl-bar-text" id="jylPercent">0%</span>' +
                '</div>' +
              '</div>' +
              '<div class="jyl-cta-row">' +
                '<a href="#jylDonate" class="jyl-btn jyl-btn-white">donate now</a>' +
                '<a href="#jylDedications" class="jyl-btn jyl-btn-gold">make a dedication</a>' +
              '</div>' +
            '</div>' +
          '</div>' +
        '</div>' +

        /* HERITAGE SPLIT */
        '<div class="jyl-split jyl-heritage">' +
          '<div class="jyl-split-text">' +
            '<div class="jyl-reveal-up jyl-delay-100" style="font-family:\'Outfit\',sans-serif;font-weight:700;font-size:20px;letter-spacing:1.1px;color:#cea981;">EXTENDING THE</div>' +
            '<div class="jyl-legacy-title jyl-reveal-up jyl-delay-200">Legacy</div>' +
            '<div class="jyl-reveal-up jyl-delay-300" style="font-size:18px;max-width:488px;">The beautifully renovated historic home at 166 Huron Ave. N. is becoming a permanent centre for Jewish life in the heart of Wellington West. As the future home of the Jewish Youth Library of Ottawa and Chabad of Wellington West, this landmark Prairie Style building will bring new energy and opportunity to Ottawa\u2019s Jewish community for generations to come.</div>' +
          '</div>' +
          '<div class="jyl-split-img-wrap jyl-reveal-slide-right jyl-delay-200">' +
            '<img src="' + IMG_LEGACY + '" alt="Historic Home Interior">' +
          '</div>' +
        '</div>' +

        /* RESIDENCES SPLIT */
        '<div class="jyl-split jyl-residences">' +
          '<div class="jyl-split-img-wrap jyl-reveal-up jyl-delay-100">' +
            '<img src="' + IMG_COMMUNITY + '" alt="Community Gathering">' +
          '</div>' +
          '<div class="jyl-split-text jyl-reveal-up jyl-delay-200">' +
            '<div style="font-size:18px;color:#1a1a1a;max-width:488px;">This campaign is about far more than renovating a building - it is about building the future of Jewish life in our community. In a time when meaningful connection and strong Jewish identity are more important than ever, this Centre will serve as a vibrant and welcoming home for Jews of all backgrounds to gather, celebrate, learn, and grow together.</div>' +
          '</div>' +
        '</div>' +
      '</div>';

    var fc = document.getElementById('formContainer');
    var holder = document.createElement('div');
    holder.innerHTML = html;
    var block = holder.firstChild;

    if (fc && fc.parentNode) {
      fc.parentNode.insertBefore(block, fc);
    } else {
      document.body.insertBefore(block, document.body.firstChild);
    }

    hookNavbar();
  }

  /* ============ NAVBAR BEHAVIOR ============ */
function hookNavbar() {
  var nav = document.getElementById('jylNav');
  var hamburger = document.getElementById('jylHamburger');
  var navBar = document.getElementById('jylNavBar');
  if (!nav) return;

  window.addEventListener('scroll', function () {
    if (window.scrollY > 50) nav.classList.add('jyl-scrolled');
    else nav.classList.remove('jyl-scrolled');
  });

  if (hamburger && navBar) {
    hamburger.addEventListener('click', function () {
      hamburger.classList.toggle('jyl-active');
      navBar.classList.toggle('jyl-active');
    });
  }

  // Unified click handler for all hash/anchor links
  // This looks up the target LIVE at click-time to beat CMS delays
  function handleAnchorClick(e, targetId) {
    // 1. Try to find the element right now
    var target = document.getElementById(targetId.replace('#', ''));
    
    if (target) {
      e.preventDefault(); // Stop native jump only if we found the target

      // 2. Calculate offset for sticky headers
      var navHeight = nav ? nav.offsetHeight : 0;
      var elementPosition = target.getBoundingClientRect().top + window.scrollY;
      var offsetPosition = elementPosition - navHeight - 15;

      // 3. Smooth scroll
      window.scrollTo({
        top: offsetPosition,
        behavior: 'smooth'
      });

      // 4. Manually update the URL bar since we prevented default behavior
      if (history.pushState) {
        history.pushState(null, null, targetId);
      } else {
        location.hash = targetId;
      }
    } else {
      // If the CMS is hiding the element in a shadow DOM/iframe, let the 
      // browser try its natural fallback native jump instead of breaking.
      console.log('Target ' + targetId + ' not found in top DOM yet. Falling back to native behavior.');
    }

    // Close mobile menu if open
    if (hamburger) hamburger.classList.remove('jyl-active');
    if (navBar) navBar.classList.remove('jyl-active');
  }

  // Listen to Nav Links
  var navLinks = document.querySelectorAll('a[data-jyl-nav]');
  navLinks.forEach(function (a) {
    a.addEventListener('click', function (e) {
      var which = a.getAttribute('data-jyl-nav');
      if (which === 'top') {
        e.preventDefault();
        window.scrollTo({ top: 0, behavior: 'smooth' });
        if (history.pushState) history.pushState(null, null, '#jylTop');
      } else {
        var hash = a.getAttribute('href');
        handleAnchorClick(e, hash);
      }
    });
  });

  // Listen to Hero CTAs
  var ctaLinks = document.querySelectorAll('.jyl-cta-row a[href^="#"]');
  ctaLinks.forEach(function (a) {
    a.addEventListener('click', function (e) {
      var hash = a.getAttribute('href');
      handleAnchorClick(e, hash);
    });
  });
}

  /* ============ STATE & UTILS ============ */
  var campaignState = { goal: 3594950, raised: 1715000, percent: 47, inventory: [] };

  function $(sel, root) { return (root || document).querySelector(sel); }
  function $$(sel, root) { return Array.prototype.slice.call((root || document).querySelectorAll(sel)); }
  function fmtMoney(n) { return '$' + Math.round(n).toLocaleString('en-US'); }

  /* ============ GET STATE ============ */
  /* ============ GET STATE ============ */
  function fetchState() {
    if (!WEB_APP_URL || WEB_APP_URL.indexOf('PASTE_DEPLOYMENT_ID_HERE') !== -1) {
      console.warn('[JYL] WEB_APP_URL not configured — using static values');
      renderProgress();
      return;
    }

    // Add a unique timestamp to the URL so the browser never uses a cached version
    var liveUrl = WEB_APP_URL + '?t=' + new Date().getTime();

    fetch(liveUrl, { method: 'GET' })
      .then(function (r) { return r.json(); })
      .then(function (data) {
        if (!data || !data.ok) throw new Error((data && data.error) || 'Unknown');
        campaignState = {
          goal: Number(data.goal) || campaignState.goal,
          raised: Number(data.raised) || campaignState.raised,
          percent: Number(data.percent) || 0,
          inventory: Array.isArray(data.inventory) ? data.inventory : []
        };
        renderProgress();
        applyInventory();
      })
      .catch(function (err) {
        console.error('[JYL] fetchState failed:', err);
        renderProgress();
      });
  }

  function renderProgress() {
    var raisedEl = $('#jylRaised');
    var goalEl   = $('#jylGoal');
    var fillEl   = $('#jylBarFill');
    var pctEl    = $('#jylPercent');

    if (raisedEl) raisedEl.textContent = fmtMoney(campaignState.raised);
    if (goalEl)   goalEl.textContent   = fmtMoney(campaignState.goal);

    var pct = Math.max(0, Math.min(100, campaignState.percent || (campaignState.goal > 0 ? (campaignState.raised / campaignState.goal * 100) : 0)));
    if (fillEl) {
      fillEl.style.width = '0%';
      setTimeout(function () { fillEl.style.width = pct + '%'; }, 100);
    }
    if (pctEl) pctEl.textContent = pct.toFixed(0) + '%';
  }

  /* ============ INVENTORY ============ */
  function applyInventory() {
    if (!campaignState.inventory.length) return;
    var invMap = {};
    campaignState.inventory.forEach(function (it) { invMap[it.item_key] = it; });

    $$('#formContainer .form-checkbox-item').forEach(function (item) {
      var input = $('input.form-checkbox', item);
      if (!input || input.classList.contains('form-checkbox-other')) return;
      var key = input.value;
      var inv = invMap[key];
      var statusEl = $('.jyl-card-status', item);
      if (!inv) return;

      if (inv.fully_reserved) {
        item.classList.add('jyl-reserved');
        input.disabled = true;
        input.checked = false;
        if (statusEl) statusEl.textContent = 'Reserved';
      } else if (inv.reserved_qty > 0) {
        item.classList.remove('jyl-reserved');
        input.disabled = false;
        if (statusEl) statusEl.textContent = inv.reserved_qty + ' Reserved';
      } else {
        item.classList.remove('jyl-reserved');
        input.disabled = false;
        if (statusEl) statusEl.textContent = '';
      }
    });
  }

  /* ============ TRANSFORM FORM ============ */
  function transformForm() {
    var fc = $('#formContainer');
    if (!fc) return false;
    if (!$('input.form-checkbox', fc)) return false;
    if (fc.dataset.jylTransformed === '1') return true;
    fc.dataset.jylTransformed = '1';

    /* ---- Transform attendance row FIRST so we can flag it ---- */
    var id15 = document.getElementById('id_15');
    if (id15) {
      var attItem = id15.querySelector('.form-checkbox-item');
      if (attItem) {
        attItem.classList.add('jyl-attendance-item');
        attItem.dataset.jylCard = '1';

        // Grab the original label text from label_15
        var labelText = '';
        var labelEl = id15.querySelector('#label_15 label[for="input_15"]');
        if (labelEl) labelText = (labelEl.textContent || '').trim();

        // Inject a custom label span next to the checkbox
        var input15 = id15.querySelector('input.form-checkbox');
        if (input15 && !id15.querySelector('.jyl-attendance-text')) {
          var span = document.createElement('span');
          span.className = 'jyl-attendance-text';
          span.textContent = labelText;
          span.addEventListener('click', function () {
            input15.checked = !input15.checked;
            input15.dispatchEvent(new Event('change', { bubbles: true }));
          });
          // Place the text next to the checkbox (after the wrapping span containing checkbox)
          if (input15.parentNode && input15.parentNode.parentNode) {
            input15.parentNode.parentNode.appendChild(span);
          }
        }
      }
    }

    /* ---- Transform donation/dedication cards ---- */
    $$('#formContainer .form-checkbox-item').forEach(function (item) {
      var inp = $('input.form-checkbox', item);
      if (!inp) return;
      if (item.dataset.jylCard === '1') return;
      if (item.classList.contains('jyl-attendance-item')) return;

      item.dataset.jylCard = '1';
      item.classList.add('jyl-reveal-up');

      var rawValue = inp.value || '';
      var isOther  = inp.classList.contains('form-checkbox-other');

      var title = rawValue, price = '';
      var m = rawValue.match(/^(.*?)\s*(\$[\d,]+(?:\.\d+)?)(\s*(?:each|x\s*\d+))?\s*$/i);
      if (m) {
        title = m[1].trim();
        price = m[2] + (m[3] || '');
      }

if (isOther) {
  item.classList.add('jyl-other-card');
  var labelEl2 = document.createElement('div');
  labelEl2.className = 'jyl-card-title';
  labelEl2.textContent = 'Other Amount:';
  labelEl2.style.pointerEvents = 'none';
  item.insertBefore(labelEl2, item.firstChild);

  // Safely grab the raw input element even if jQuery is used
  var $otherInput = $('input.form-checkbox-other-input', item);
  var otherInput = $otherInput.jquery ? $otherInput[0] : $otherInput;

  if (otherInput) {
    otherInput.disabled = false;
    otherInput.removeAttribute('disabled');
    otherInput.removeAttribute('readonly');
    otherInput.placeholder = '0.00';

    otherInput.addEventListener('mousedown', function (e) { e.stopPropagation(); });
    otherInput.addEventListener('click',     function (e) { e.stopPropagation(); });
    otherInput.addEventListener('focus',     function () { item.classList.add('jyl-selected'); });
    otherInput.addEventListener('input', function () {
      if (parseFloat(otherInput.value) > 0) {
        inp.checked = true;
        item.classList.add('jyl-selected');
      } else {
        inp.checked = false;
        item.classList.remove('jyl-selected');
      }
    });

    // Keep forcing the input to stay enabled every 500ms
    setInterval(function () {
      if (otherInput.hasAttribute('disabled') || otherInput.disabled) {
        otherInput.disabled = false;
        otherInput.removeAttribute('disabled');
      }
      if (otherInput.hasAttribute('readonly')) {
        otherInput.removeAttribute('readonly');
      }
    }, 500);
  }

  item.addEventListener('click', function (e) {
    if (e.target === otherInput) return;
    if (otherInput) otherInput.focus();
  });
} else {
  var content = document.createElement('div');
  content.className = 'jyl-card-content';
  var titleEl = document.createElement('div');
  titleEl.className = 'jyl-card-title';
  titleEl.textContent = title;
  var priceEl = document.createElement('div');
  priceEl.className = 'jyl-card-price';
  priceEl.textContent = price;
  var statusEl = document.createElement('div');
  statusEl.className = 'jyl-card-status';
  statusEl.textContent = '';
  content.appendChild(titleEl);
  content.appendChild(priceEl);
  content.appendChild(statusEl);
  item.insertBefore(content, item.firstChild);

  item.addEventListener('click', function (e) {
    if (item.classList.contains('jyl-reserved')) return;
    if (e.target.tagName === 'INPUT' || e.target.tagName === 'LABEL') return;
    inp.checked = !inp.checked;
    inp.dispatchEvent(new Event('change', { bubbles: true }));
    inp.dispatchEvent(new Event('click',  { bubbles: true }));
  });
  
  inp.addEventListener('change', function () {
    if (inp.checked) item.classList.add('jyl-selected');
    else item.classList.remove('jyl-selected');
  });
}
    });

    /* ---- Apply alternating borders within each form-line that contains cards ---- */
    $$('#formContainer .form-line').forEach(function (line) {
      var cards = $$('.form-checkbox-item:not(.jyl-other-card):not(.jyl-attendance-item)', line);
      cards.forEach(function (c, idx) {
        if (idx % 2 === 1) c.classList.add('jyl-card-alt');
      });
    });

    /* ---- Tag donor rows ---- */
    var donorLineIds = ['id_9', 'id_10', 'id_11', 'id_12', 'id_13', 'id_14', 'id_15', 'id_16'];
    donorLineIds.forEach(function (id) {
      var el = document.getElementById(id);
      if (el) {
        el.classList.add('jyl-donor-row');
        el.classList.add('jyl-reveal-up');
      }
    });

    /* ---- Wrap sections ---- */
    wrapSections();

    /* ---- Identify dedication subgroups for grid sizing ---- */
    tagDedicationGroups();

    var submitBtn = document.querySelector('.form-submit-button');
    if (submitBtn) submitBtn.classList.add('jyl-reveal-up');

    initAnimations();
    return true;
  }

  /* ============ WRAP SECTIONS ============ */
  function wrapSections() {
    var formList = document.querySelector('#formContainer .form-section');
    if (!formList || formList.dataset.jylWrapped === '1') return;
    formList.dataset.jylWrapped = '1';

    var children = Array.prototype.slice.call(formList.children);

    function indexWhere(arr, pred) {
      for (var i = 0; i < arr.length; i++) if (pred(arr[i])) return i;
      return -1;
    }

    var donationStart = -1, dedicationStart = -1, donorStart = -1, submitStart = -1;

    children.forEach(function (li, i) {
      var header = li.querySelector && li.querySelector('.form-header');
      var hTxt = header ? header.textContent.trim().toLowerCase() : '';
      // Check id_1 label too — "Donation options" lives in label_1
      var label1 = li.querySelector && li.querySelector('#label_1 label');
      var lTxt = label1 ? label1.textContent.trim().toLowerCase() : '';

      if ((li.id === 'id_1' || hTxt.indexOf('donation option') !== -1 || lTxt.indexOf('donation option') !== -1) && donationStart === -1) donationStart = i;
      if (hTxt.indexOf('dedication opportun') !== -1 && dedicationStart === -1) dedicationStart = i;
      if (li.id === 'id_9' && donorStart === -1) donorStart = i;
      if (li.id === 'id_2' && submitStart === -1) submitStart = i;
    });

    if (donationStart === -1) donationStart = indexWhere(children, function (c) { return c.id === 'id_1'; });

    var donationEnd     = (dedicationStart !== -1 ? dedicationStart : donorStart) - 1;
    var dedicationEnd   = (donorStart !== -1 ? donorStart : submitStart) - 1;
    var donorEnd        = submitStart !== -1 ? submitStart : children.length - 1;

    function wrapRange(startIdx, endIdx, className) {
      if (startIdx < 0 || endIdx < startIdx) return null;
      var wrapper = document.createElement('div');
      wrapper.className = className;
      var first = children[startIdx];
      if (!first || !first.parentNode) return null;
      first.parentNode.insertBefore(wrapper, first);
      for (var i = startIdx; i <= endIdx; i++) {
        if (children[i]) wrapper.appendChild(children[i]);
      }
      return wrapper;
    }

    var donationWrap = wrapRange(donationStart, donationEnd, 'jyl-donation-section');
    if (donationWrap) {
      donationWrap.id = 'jylDonate';
      var cta = document.createElement('div');
      cta.className = 'jyl-continue-cta jyl-reveal-up';
      cta.innerHTML = '<a href="#" class="jyl-btn jyl-btn-white">continue to donate</a>';
      donationWrap.appendChild(cta);
      cta.querySelector('a').addEventListener('click', function (e) {
  e.preventDefault();
  var target = document.getElementById('jylDonor');
  if (target) {
    var nav = document.getElementById('jylNav');
    var navHeight = nav ? nav.offsetHeight : 0;
    var top = target.getBoundingClientRect().top + window.pageYOffset - navHeight - 15;
    history.replaceState(null, '', window.location.pathname + window.location.search);
    window.scrollTo({ top: top, behavior: 'smooth' });
  }
});
    }

    var dedicationWrap = wrapRange(dedicationStart, dedicationEnd, 'jyl-dedication-section');
if (dedicationWrap) {
  dedicationWrap.id = 'jylDedications';
  var dedCta = document.createElement('div');
  dedCta.className = 'jyl-continue-cta jyl-reveal-up';
  dedCta.innerHTML = '<a href="#" class="jyl-btn jyl-btn-white">continue to complete form</a>';
  dedicationWrap.appendChild(dedCta);
  dedCta.querySelector('a').addEventListener('click', function (e) {
  e.preventDefault();
  var target = document.getElementById('jylDonor');
  if (target) {
    var nav = document.getElementById('jylNav');
    var navHeight = nav ? nav.offsetHeight : 0;
    var top = target.getBoundingClientRect().top + window.pageYOffset - navHeight - 15;
    history.replaceState(null, '', window.location.pathname + window.location.search);
    window.scrollTo({ top: top, behavior: 'smooth' });
  }
});
}

    var donorWrap = wrapRange(donorStart, donorEnd, 'jyl-donor-section');
    if (donorWrap) {
      donorWrap.id = 'jylDonor';
      var box = document.createElement('div');
      box.className = 'jyl-donor-box jyl-reveal-up';
      var title = document.createElement('h2');
      title.className = 'jyl-donor-box-title';
      title.textContent = 'Donor Details';
      box.appendChild(title);

      var donorChildren = Array.prototype.slice.call(donorWrap.children);
      donorChildren.forEach(function (c) { box.appendChild(c); });
      donorWrap.appendChild(box);
    }
  }

  /* ============ TAG DEDICATION GROUPS ============ */
  function tagDedicationGroups() {
    var section = document.querySelector('.jyl-dedication-section');
    if (!section) return;
    var lines = $$('.form-line', section);
    var currentGroup = null;
    lines.forEach(function (line) {
      var label = line.querySelector('.form-label-left label, .form-label-right label, .form-label-top label');
      var labelTxt = label ? label.textContent.trim().toLowerCase() : '';
      var hasCards = !!line.querySelector('.form-checkbox-item');

      if (labelTxt.indexOf('lead') !== -1) currentGroup = 'lead-gifts';
      else if (labelTxt.indexOf('visionar') !== -1) currentGroup = 'visionaries';
      else if (labelTxt.indexOf('founder') !== -1) currentGroup = 'founders';
      else if (labelTxt.indexOf('builder') !== -1) currentGroup = 'builders';

      if (hasCards && currentGroup) {
        line.classList.add('jyl-grid-' + currentGroup);
      }
    });
  }

  /* ============ ANIMATION OBSERVER ============ */
  var _jylObserver = null;
  function initAnimations() {
    if (!('IntersectionObserver' in window)) {
      $$('.jyl-reveal-up, .jyl-reveal-slide-right').forEach(function (el) { el.classList.add('jyl-in-view'); });
      return;
    }
    if (!_jylObserver) {
      _jylObserver = new IntersectionObserver(function (entries, obs) {
        entries.forEach(function (entry) {
          if (entry.isIntersecting) {
            entry.target.classList.add('jyl-in-view');
            obs.unobserve(entry.target);
          }
        });
      }, { threshold: 0.1 });
    }
    $$('.jyl-reveal-up, .jyl-reveal-slide-right').forEach(function (el) {
      if (!el.classList.contains('jyl-in-view') && !el.dataset.jylObserved) {
        el.dataset.jylObserved = '1';
        _jylObserver.observe(el);
      }
    });
  }

  /* ============ SUBMIT GATE ============ */
  function hookSubmit() {
    var form = document.getElementById(FORM_ID);
    var submitButton = document.getElementById(SUBMIT_BTN_ID);
    if (!form || !submitButton) return false;
    if (submitButton.dataset.jylHooked === '1') return true;
    submitButton.dataset.jylHooked = '1';

    submitButton.addEventListener('click', function () {
      setTimeout(function () {
        var hasErrors = document.querySelectorAll('.form-line-error, .form-validation-error, .form-error-message').length > 0;
        var isHtml5Valid = form.checkValidity();
        if (hasErrors || !isHtml5Valid) {
          console.log('[JYL] Submission blocked: form has validation errors.');
          return;
        }
        var get = function (id) { var el = document.getElementById(id); return el ? (el.value || '').trim() : ''; };
        var firstName = get('first_9');
        var lastName  = get('last_9');
        var fullName  = (firstName + ' ' + lastName).trim() || 'Anonymous Donor';

        var items = [];
        var total = 0;
        $$('#formContainer input.form-checkbox:checked').forEach(function (cb) {
          var v = cb.value || '';
          if (!v) return;
          var m = v.match(/\$([\d,]+(?:\.\d+)?)/);
          var price = m ? parseFloat(m[1].replace(/,/g, '')) : 0;
          items.push({ key: v, price: price, qty: 1 });
          total += price;
        });
        var other = $('#formContainer input.form-checkbox-other-input');
        if (other && other.value) {
          var n = parseFloat(other.value);
          if (!isNaN(n) && n > 0) {
            items.push({ key: '__other__', price: n, qty: 1 });
            total += n;
          }
        }
        var pm = document.querySelector('input[name="q16_payment[payment_method]"]:checked');
        var paymentMethod = pm ? pm.value : '';

        var payload = {
          full_name: fullName,
          email: get('input_10'),
          phone: get('input_11_full'),
          address: [get('input_12_addr_line1'), get('input_12_addr_line2'), get('input_12_city'), get('input_12_state'), get('input_12_postal'), get('input_12_country')].filter(Boolean).join(', '),
          total_amount: total,
          items: items,
          dedication_message: get('input_13'),
          payment_method: paymentMethod
        };

        fetch(WEB_APP_URL, {
          method: 'POST',
          mode: 'no-cors',
          headers: { 'Content-Type': 'application/json' },
          body: JSON.stringify(payload)
        }).then(function () { console.log('[JYL] Payload sent.'); })
          .catch(function (err) { console.error('[JYL] Failed:', err); });
      }, 300);
    });

    return true;
  }

  /* ============ POLL ============ */
  function pollUntilReady() {
    var attempts = 0;
    var tick = function () {
      attempts++;
      var didTransform = transformForm();
      var didHook = hookSubmit();
      if (didTransform && didHook) {
        applyInventory();
        return;
      }
      if (attempts < 80) setTimeout(tick, 250);
    };
    tick();
  }

  /* ============ INIT ============ */
  function init() {
    removeCmsBanner();
    injectCSS();
    injectHeader();
    initAnimations();
    fetchState();
    pollUntilReady();
    if (REFRESH_INTERVAL > 0) setInterval(fetchState, REFRESH_INTERVAL);
    setTimeout(removeCmsBanner, 500);
    setTimeout(removeCmsBanner, 2000);
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', init);
  } else {
    init();
  }
})();
</script>
</body>
</html>