<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="en" />

<meta property="og:image" content="https://w2.chabad.org/media/images/1101/Gveq11016265.png" itemprop="image" width="150" height="150" />
<meta property="og:image:width" content="150" />
<meta property="og:image:height" content="150" />
<meta name="keywords" content="Chanukah" />
<meta name="title" content="Chanukah - Downtown Chabad &amp; CYP Cleveland" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="2253037-2253045-7001784-4462071-7092464" />
<meta name="article-keywords" content="8495-20962-31783-32769-2170-2898" />
<meta name="scope-aid" content="2253037" />
<meta name="scope-aid" content="2253045" />
<meta name="scope-aid" content="7001784" />
<meta name="scope-aid" content="4462071" />
<meta name="scope-aid" content="7092464" />
<meta name="article-keyword" content="8495" />
<meta name="article-keyword" content="20962" />
<meta name="article-keyword" content="31783" />
<meta name="article-keyword" content="32769" />
<meta name="article-keyword" content="2170" />
<meta name="article-keyword" content="2898" />
<meta property="og:url" content="https://www.downtownchabad.com/templates/articlecco_cdo/aid/7092464/jewish/Chanukah.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Chanukah - Downtown Chabad &amp; CYP Cleveland" /><link rel="canonical" href="https://www.downtownchabad.com/templates/articlecco_cdo/aid/7092464/jewish/Chanukah.htm" />
<link rel="icon" type="image/png" href="https://www.downtownchabad.com/media/images/1101/Gveq11016265.png" />
<link rel="Stylesheet" href="/css/fonts/font-awesome/font-awesome-5.css?g=10&v=98662BF4" id="kfont-awesome" type="text/css"/>
<link rel="Stylesheet" href="/css/DefaultGrid.css?g=10&v=44B79007" id="kgrid" type="text/css"/>
<link rel="Stylesheet" href="/css/Elements.css?g=10&v=E669C926" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites.css?g=10&v=A6ADC6CE" id="ksites-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/new/main.css?g=10&v=2B7F734E" id="k7" type="text/css"/>
<link rel="Stylesheet" href="/css/old/global.css?g=10&v=F7C22456" id="k2898" type="text/css"/>
<link rel="Stylesheet" href="https://w2.chabad.org/images/shluchim/minisites/themes/cyp/style.css?v=154" id="k32769" type="text/css"/>
<link rel="Stylesheet" href="https://w2.chabad.org/css/cco/minisites/global.css" id="k20962" type="text/css"/>
<link rel="Stylesheet" href="/css/bootstrap/grid.css?g=10&v=B92FCAD8" id="kbootstrap4-grid" type="text/css"/>
<link rel="Stylesheet" href="/css/Library/reader-comments.css?g=10&v=5F31D0D8" id="kCommentsStylesheet" type="text/css"/>
<link rel="Stylesheet" href="/css/inline/BookInfo.css?g=10&v=14B88022" id="kBookInfoCss" type="text/css"/>

<script>$q=[];$j=function(f){$q.push(f);}</script>
	
 
	
	<style type="text/css">
		body{margin:0;}
	</style>
	
	



<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2025-10-27","primaryArticleId":7092464,"title":"","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"CYP","contentLevel3":"Past Events","contentLevel4":"Chanukah","siteName":"Downtown Chabad & CYP Cleveland"},"time":{"upcomingHoliday":"Shavuot","daysToUpcomingHoliday":16,"hebrewDate":"5786-02-19"}});
		dataLayer.push({ 'articleHierarchy': '-2253037-2253045-7001784-4462071-7092464-', 'keywords': '-k2898-k2170-k32769-k31783-k20962-k8495-', 'k': '-2253037-2253045-7001784-4462071-7092464--k2898-k2170-k32769-k31783-k20962-k8495-' });
	
</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 = 9036006;var sc_partition = 95;var sc_invisible = 1;var sc_remove_link=1;var sc_security = "858cc0e3";var sc_https = 1;
	</script>
	<script type="text/javascript" src="https://secure.statcounter.com/counter/counter_xhtml.js" defer async></script>
	<noscript><img src="//c96.statcounter.com/counter.php?sc_project=9036006&amp;java=0&amp;security=858cc0e3&amp;invisible=1" border="0" /> </noscript>
	<!-- End of StatCounter Code -->


<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+Hebrew:wght@100..900&family=Passion+One:wght@400;700;900&family=Poppins:wght@400;600&family=Stoke:wght@300;400&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet">
<link href="https://fonts.cdnfonts.com/css/stinger-fit-trial" rel="stylesheet">

<!-- Facebook Pixel Code -->

<noscript><img height="1" width="1" style="display:none"
  src="https://www.facebook.com/tr?id=394463774349788&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->
<style>
@font-face{font-family:Muli;font-style:normal;font-display:swap;font-weight:400;src:url(/css/vendor/fonts/muli/files/muli-all-400-normal.woff) format("woff")}@font-face{font-family:Muli;font-style:normal;font-display:swap;font-weight:600;src:url(/css/vendor/fonts/muli/files/muli-all-600-normal.woff) format("woff")}@font-face{font-family:Muli;font-style:normal;font-display:swap;font-weight:700;src:url(/css/vendor/fonts/muli/files/muli-all-700-normal.woff) format("woff")}@font-face{font-family:Muli;font-style:normal;font-display:swap;font-weight:800;src:url(/css/vendor/fonts/muli/files/muli-all-800-normal.woff) format("woff")}
form#\36 033833 .form-line:not(:first-child, :nth-last-child(-n+2)) {
    max-width: min(750px,100%);
    margin: auto;
    & * {
        font-family: Muli,sans-serif;
    }
}
</style>


<link href="https://use.typekit.net/pgg7dkt.css" rel="stylesheet" />
<style type="text/css">
  body, .nl-container p {
    font-family: Georgia, serif;
    font-size: 16px;
    color: #1c1c1c;
    line-height: 1.5;
  }
  h1, h2, h3 {
    color: #5a73f2;
    font-family: Georgia, serif;
    font-weight: 800;
    margin: 1em 0 0.5em;
  }
  .section {
    max-width: 900px;
    margin: 0 auto;
    background: #fffaf0;
    padding: 20px 30px;
    border-radius: 10px;
  }
  .course-box {
    margin-bottom: 30px;
    background: #f9f9f9;
    border-radius: 8px;
    padding: 20px;
  }
  .course-box h3 {
    font-size: 22px;
    margin-top: 0;
    color: #5a73f2;
  }
  .course-box p {
    font-size: 18px;
    margin: 0.5em 0;
  }
  .video {
    text-align: center;
    margin: 30px 0;
  }
  .video iframe {
    max-width: 100%;
    border-radius: 8px;
  }
  .register-btn {
    display: inline-block;
    background-color: #5a73f2;
    color: white;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    padding: 14px 36px;
    border-radius: 8px;
    margin: 20px auto;
    display: block;
    max-width: 280px;
    transition: background-color 0.3s ease, transform 0.2s ease;
  }
  .register-btn:hover {
    background-color: #425ad8;
    transform: scale(1.03);
  }
</style>
<style type="text/css">
/* Bake Like Bubby – Form polish (scoped to this page only) */
body.cco_body .article-body a,
body.cco_body .article-body a:visited { text-decoration: none; }

/* Scope by URL when possible: many Chabad sites include body id or unique containers.
   If this doesn't apply on your template, we'll adjust after you confirm results. */
body.cco_body .article-body .co_body,
body.cco_body .article-body .content { }

body.cco_body .article-body .form-body,
body.cco_body .article-body .cco_form,
body.cco_body .article-body form {
  font-family: arial, helvetica, sans-serif;
}

/* Card wrapper feel (works on many classic form containers) */
body.cco_body .article-body .cco_form,
body.cco_body .article-body .form-body,
body.cco_body .article-body .formContainer,
body.cco_body .article-body .registration-form {
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  padding: 18px;
  margin: 12px 0px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 8px 24px rgba(0,0,0,0.08);
  -moz-box-shadow: 0px 8px 24px rgba(0,0,0,0.08);
  box-shadow: 0px 8px 24px rgba(0,0,0,0.08);
}

/* Inputs / selects / textareas – modern spacing */
body.cco_body .article-body input[type="text"],
body.cco_body .article-body input[type="email"],
body.cco_body .article-body input[type="tel"],
body.cco_body .article-body input[type="number"],
body.cco_body .article-body input[type="password"],
body.cco_body .article-body select,
body.cco_body .article-body textarea {
  width: 98%;
  padding: 10px 10px;
  border: 1px solid #cfcfcf;
  background-color: #fbfbfb;
  color: #222222;
  font-size: 14px;
  line-height: 18px;
  margin: 4px 0px 12px 0px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  box-sizing: border-box;
}

/* Focus state */
body.cco_body .article-body input[type="text"]:focus,
body.cco_body .article-body input[type="email"]:focus,
body.cco_body .article-body input[type="tel"]:focus,
body.cco_body .article-body input[type="number"]:focus,
body.cco_body .article-body input[type="password"]:focus,
body.cco_body .article-body select:focus,
body.cco_body .article-body textarea:focus {
  border-color: #7a5cff;
  background-color: #ffffff;
  outline: none;
}

/* Primary button styling (submit) */
body.cco_body .article-body input[type="submit"],
body.cco_body .article-body button,
body.cco_body .article-body .submit,
body.cco_body .article-body .form-submit {
  background-color: #111111;
  color: #ffffff;
  border: 1px solid #111111;
  padding: 11px 18px;
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

body.cco_body .article-body input[type="submit"]:hover,
body.cco_body .article-body button:hover,
body.cco_body .article-body .submit:hover,
body.cco_body .article-body .form-submit:hover {
  background-color: #2a2a2a;
  border-color: #2a2a2a;
}

/* Small helper text / error messages (best-effort, varies by form engine) */
body.cco_body .article-body .error,
body.cco_body .article-body .form-error,
body.cco_body .article-body .validation-error {
  color: #b00020;
}
</style>
<style>body:has(.menu-part .logo-text) .bh.mobile-only {
    position: absolute;
    z-index: 100;
    display: block;
    color: white;
    right: 10px;
    top: -28px;
}</style>
<script>
  !function(f,b,e,v,n,t,s)
  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  n.queue=[];t=b.createElement(e);t.async=!0;
  t.src=v;s=b.getElementsByTagName(e)[0];
  s.parentNode.insertBefore(t,s)}(window, document,'script',
  'https://connect.facebook.net/en_US/fbevents.js');
  fbq('init', '394463774349788');
  fbq('track', 'PageView');
</script><script>
if (window.location.href.includes(4970020)) {
	const address = document.querySelector("#address");
	const addressLabel = document.querySelector("label[for=address]");
	const city = document.querySelector("#city");
	const cityLabel = document.querySelector("label[for=city]");
	const state = document.querySelector("#state");
	const stateLabel = document.querySelector("label[for=state]");
	const zip = document.querySelector("#zip");
	const zipLabel = document.querySelector("label[for=zip]");
	if (address) {
		address.required = true;
		addressLabel.innerHTML = 'Address<span class="req">*</span>';
	}
	if (city) {
		city.required = true;
		cityLabel.innerHTML = 'City<span class="req">*</span>';
	}
	if (state) {
		state.required = true;
		stateLabel.innerHTML = 'State<span class="req">*</span>';
	}
	if (zip) {
		zip.required = true;
		zipLabel.innerHTML = 'Zip Code<span class="req">*</span>';
	}
}
</script><script>
document.addEventListener('DOMContentLoaded', (event) => {
    console.log('Script loaded and DOM content is ready.');

    if (location.pathname.toLowerCase().includes('chai')) {
        console.log('URL contains "chai". Proceeding with logic.');

        let monthlyInputs = document.querySelectorAll('input[value="Monthly"]');
        console.log('Found monthly inputs:', monthlyInputs.length, 'element(s).');

        if (monthlyInputs.length > 0) {
            monthlyInputs.forEach(e => {
                console.log('Processing input element:', e);

                // Set the checkbox to checked
                e.checked = true;
                console.log('Input checked status after setting:', e.checked);

                // Find the closest parent div with the class 'form-single-column'
                let parentDiv = e.closest('.form-single-column');

                if (parentDiv) {
                    console.log('Found parent div to hide:', parentDiv);
                    // Apply styles to hide the element
                    parentDiv.style.cssText = 'height:0 !important; overflow:hidden !important; padding:0 !important; margin:0 !important;';
                    console.log('Parent div hiding styles applied.');
                } else {
                    console.error('Could not find parent div with class "form-single-column" for input:', e);
                }
            });
        } else {
            console.log('No input elements with value="Monthly" found.');
        }
    } else {
        console.log('URL does NOT contain "chai". Script logic skipped.');
    }
});
</script><title>
	Chanukah - Downtown Chabad & CYP Cleveland
</title></head>
<body class="lang_en dir_ltr cco_body cco_templateless_page section_branch">
	
	
		<div width="100%" class="cco_templateless_template" style="z-index:100 !important;display:block !important;left:0px !important;top:0px !important;height:30px!important;width:100% !important;line-height:30px !important; position:relative !important; margin-bottom:0 !important; padding:0;text-indent: 25px;" align="Left"><a href="//www.DowntownChabad.com" style="display:block!important;font-size:14px !important;">&laquo; Back to&nbsp;Downtown Chabad & CYP Cleveland</a></div>
	
	<div class="cco_templatelates_content">
		
	<div class="co_content_container clearfix local_content" id="co_content_container">
		<div class="clearfix">
			<!-- BEGIN HEADER -->
<div id="chabad_body_page">
<div id="chabad_main_content">

<div id="back-header" class="back-header transparent-header">


<div class="toolbar-area hidden-md">
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-12">
<div class="toolbar-text">

<co:item>

<a href="tel:216-446-5111">
<img src="https://w2.chabad.org/images/shluchim/minisites/themes/fontawesome-free-6.7.2-web/svgs/solid/phone.svg" alt="Phone social icon" />
216-446-5111
</a>

</co:item>

</div>
</div>
<div class="col-lg-4 col-md-12">
<div class="toolbar-content">
<div class="toolbar-contact">
<ul>
<li>

<co:item>

<a href="/tools/feedback">
<img src="https://w2.chabad.org/images/shluchim/minisites/themes/fontawesome-free-6.7.2-web/svgs/regular/envelope.svg" alt="Email social icon" />Contact Us</a>

</co:item>

</li>
</ul>
</div>
<div class="toolbar-sl-share">
<ul>

<co:item>
<li>

<a href="https://www.facebook.com/chabadyoungprofessionals/">
<img src="https://w2.chabad.org/images/shluchim/minisites/themes/fontawesome-free-6.7.2-web/svgs/brands/facebook-f.svg" alt="Social icon" /></a>

</li>
</co:item>


<co:item>
<li>

<a href="https://www.instagram.com/chabadyoung">
<img src="https://w2.chabad.org/images/shluchim/minisites/themes/fontawesome-free-6.7.2-web/svgs/brands/instagram.svg" alt="Social icon" /></a>

</li>
</co:item>

</ul>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="menu-part">
<div class="container">
<div class="back-main-menu">
<div class="menu-toggle">

<div class="logo-text">

<a href="/7001784">
<img src="https://w2.chabad.org/images/shluchim/minisites/themes/cyp/assets/images/logo/logo.png" alt="Logo" />
</a>


<a href="/7001784">
<div class="secondary-color normal" style="display: inline-block;">CYP of Cleveland</div>
</a>

</div>

<button type="button" id="menu-btn">
<span class="icon-bar" ></span>
<span class="icon-bar" ></span>
<span class="icon-bar" ></span></button>
</div>
<div class="back-inner-menus">
<div class="chabad_navigator_bar_wrapper">

<div id="navigation" class="chabad_navigator_bar">
<div class="chabad_menu_content">
<ul id="menu" class="navi">
<li class="item parent">
<a href="/article.asp?aid=7001784" class="parent">Home</a>
|
</li>
<li class="item parent arrow">
<a href="/article.asp?aid=7084805" class="parent arrow">Upcoming Events</a>
<div class="sub_menu">
<ul>
<li class="item first">
<a href="/article.asp?aid=7084809">First Friday Shabbat Dinners</a>
</li>
<li class="item">
<a href="/article.asp?aid=6948060">CYP Academy: How Success Thinks</a>
</li>
<li class="item">
<a href="/article.asp?aid=5683648">Bake Like Bubby</a>
</li>
<li class="item last">
<a href="/article.asp?aid=5532952">Shavuot Happy Hour</a>
</li>
</ul>
</div>
|
</li>
<li class="item parent arrow selected">
<a href="/article.asp?aid=4462071" class="parent arrow selected">Past Events</a>
<div class="sub_menu">
<ul>
<li class="item first">
<a href="/article.asp?aid=6284529">CYP Simchat Torah</a>
</li>
<li class="item">
<a href="/article.asp?aid=7092435">CYP Academy</a>
</li>
<li class="item">
<a href="/article.asp?aid=7092463">General Events</a>
</li>
<li class="item selected">
<a href="/article.asp?aid=7092464">Chanukah</a>
</li>
<li class="item">
<a href="/article.asp?aid=7092465">Purim</a>
</li>
<li class="item">
<a href="/article.asp?aid=7092467">Women's Events</a>
</li>
<li class="item">
<a href="/article.asp?aid=7092476">Summer Parties</a>
</li>
<li class="item">
<a href="/article.asp?aid=7092484">Shavuot</a>
</li>
<li class="item last">
<a href="/article.asp?aid=7092486">Lag Baomer</a>
</li>
</ul>
</div>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=7084808" class="parent">The Chai Society</a>
</li>

</ul>
</div>
</div>


</div>
<ul id="backmenu" class="back-menus back-sub-shadow" style="display: none;" ></ul>
</div>
</div>
</div>
</div>
</div>

<div class="chabad_left_column" detached="true" type="static" name="content_area" id="ContentArea"><div id="content_page" class="content_page"><!-- END HEADER -->
			
			
			<div class="clearfix bh mobile-only align_right">ב"ה</div>
			
				<div class="master-content-wrapper " >
					

<header class="article-header cf ">
	
	
			<h1 class="article-header__title js-article-title js-page-title">Chanukah</h1>
		
			<div>
				
			</div>
		
</header>
				</div>
			
			<div class="body_wrapper clearfix co_body">
				<div class="" id="co_body_container">
					
					<div id="ContentBody">
						
						
							<div class="content-area-parent no_margin">
								
	<div id="cco_body">
		<div class="content  no_margin no_overflow" id="co_content_container">
			
			
	

	<article class="content js-content" itemscope itemtype="http://schema.org/Article">
	



<meta itemprop="mainEntityOfPage headline name" content="" />

<meta itemprop="image" content="" />


<meta itemprop="uploadDate" content="2025-10-27T23:17:01" />
<span itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
	<meta itemprop="name" content="Downtown Chabad &amp; CYP Cleveland" />
	<meta itemprop="brand" content="Downtown Chabad &amp; CYP Cleveland" />
	<span itemprop="logo" itemscope itemtype="http://schema.org/ImageObject">
		<meta itemprop="url" content="https://w2.chabad.org/media/images/1101/Gveq11016265.png" />
		<meta itemprop="height" content="150" />
		<meta itemprop="width" content="150" />
	</span>
</span>
<meta itemprop="datePublished" content="2025-10-27T23:17:01" />
			<div itemprop="articleBody">
				<co:body xmlns:co="www1.chabadonline.com/alpha1" xmlns:ext="urn:xslt-extensions">
  <div class="co_body article-body cf">
</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>
			
			<!-- BEGIN FOOTER -->


<div id="back-footer" class="back-footer style2">
<div class="footer-top">
<div class="container">
<div class="row">
<div class="col-lg-3 md-mb-30">
<div class="copyright-text">

<a href="https://www.chabadyoung.com/" target="_blank">
© Chabad Young Professionals International</a>
</div>
</div>
<div class="col-lg-9" style="text-align: right;">
<div class="footer-widget"></div>
<ul class="social-links">

<co:item>
<li>

<a href="https://www.facebook.com/chabadyoungprofessionals">
<img src="https://w2.chabad.org/images/shluchim/minisites/themes/fontawesome-free-6.7.2-web/svgs/brands/facebook-f.svg" alt="Social icon" /></a>

</li>
</co:item>


<co:item>
<li>

<a href="https://www.instagram.com/chabadyoung">
<img src="https://w2.chabad.org/images/shluchim/minisites/themes/fontawesome-free-6.7.2-web/svgs/brands/instagram.svg" alt="Social icon" /></a>

</li>
</co:item>

</ul>
</div>
</div>
</div>
</div>
</div>



<div class="content3">
<script src="https://01.myjewishpage.com/images/shluchim/minisites/themes/cyp/scripts.js?v=11"></script>
<script src="https://01.myjewishpage.com/images/shluchim/minisites/themes/cyp/assets/js/jquery.min.js"></script>
<script src="https://01.myjewishpage.com/images/shluchim/minisites/themes/cyp/assets/js/bootstrap.min.js"></script>
<script src="https://01.myjewishpage.com/images/shluchim/minisites/themes/cyp/assets/js/back-menus.js"></script>
<script src="https://01.myjewishpage.com/images/shluchim/minisites/themes/cyp/assets/js/main.js?v=4"></script></div>


</div>
</div>
<!-- END FOOTER -->
		</div>
		
		<aside class="page-tools-sidebar js-page-tools-sidebar hide_for_print">
<div class="page-tools js-page-tools-menu">
<div class="page-tools__section page-tools__section--share">
<a class="page-tools__tool js-share-popup page-tools__tool--facebook" data-share-url="https://www.facebook.com/dialog/share?app_id=188669250943&amp;display=popup&amp;href=https%3a%2f%2fwww.downtownchabad.com%2ftemplates%2farticlecco_cdo%2faid%2f7092464%2fjewish%2fChanukah.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dFB">
				<i class="fa fa-facebook"></i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--twitter" data-share-url="https://twitter.com/intent/tweet?text=Chanukah+-+Downtown+Chabad+%26+CYP+Cleveland&amp;url=https%3a%2f%2fwww.downtownchabad.com%2ftemplates%2farticlecco_cdo%2faid%2f7092464%2fjewish%2fChanukah.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dtwitter&amp;via=Chabad">
				<i class="fa fa-twitter"></i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--whatsapp d-lg-none js-share-whatsapp" data-share-url="whatsapp://send?text=Chanukah+-+Downtown+Chabad+%26+CYP+Cleveland https%3a%2f%2fwww.downtownchabad.com%2ftemplates%2farticlecco_cdo%2faid%2f7092464%2fjewish%2fChanukah.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dwhatsapp">
				<i class="fa fa-whatsapp">
					<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" fill="#128c7e" width="1em" height="1em"><path d="M25 2C12.318 2 2 12.318 2 25c0 3.96 1.023 7.854 2.963 11.29L2.037 46.73c-.096.343-.003.711.245.966.191.197.451.304.718.304.08 0 .161-.01.24-.029l10.896-2.699C17.463 47.058 21.21 48 25 48c12.682 0 23-10.318 23-23S37.682 2 25 2zm11.57 31.116c-.492 1.362-2.852 2.605-3.986 2.772-1.018.149-2.306.213-3.72-.231-.857-.27-1.957-.628-3.366-1.229-5.923-2.526-9.791-8.415-10.087-8.804-.295-.389-2.411-3.161-2.411-6.03s1.525-4.28 2.067-4.864c.542-.584 1.181-.73 1.575-.73s.787.005 1.132.021c.363.018.85-.137 1.329 1.001.492 1.168 1.673 4.037 1.819 4.33.148.292.246.633.05 1.022s-.294.632-.59.973-.62.76-.886 1.022c-.296.291-.603.606-.259 1.19s1.529 2.493 3.285 4.039c2.255 1.986 4.158 2.602 4.748 2.894.59.292.935.243 1.279-.146.344-.39 1.476-1.703 1.869-2.286s.787-.487 1.329-.292c.542.194 3.445 1.604 4.035 1.896.59.292.984.438 1.132.681.148.242.148 1.41-.344 2.771z"/></svg>
				</i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--pinterest d-none d-lg-block" data-share-url="http://pinterest.com/pin/create/button/?url=https%3a%2f%2fwww.downtownchabad.com%2ftemplates%2farticlecco_cdo%2faid%2f7092464%2fjewish%2fChanukah.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dpinterest&amp;description=Chanukah+-+Downtown+Chabad+%26+CYP+Cleveland">
				<i class="fa fa-pinterest"></i>
			</a>
<a class="page-tools__tool" onclick="showEmailLayer(this);">
<i class="fa fa-envelope"></i>
</a>
</div>
</div>
<div class="js-fab-wrapper fab-wrapper">
<div class="fab">
<i class="fab-icon"></i>
</div>
</div>
</aside>
<!-- END CACHE -->
	</div>

	</div>

	<div id="BodyContainer">
		<div class="g960 footer">
			<div class="poweredby large_bottom_margin">
				



	<div class="footer3">
		<span class="footer-title" >Downtown Chabad & CYP Cleveland</span>
		<div class="footer-address">
			<span class="footer-street">1111 Superior Avenue E Suite 1320</span>
			<span class="footer-city-state">Cleveland, OH 44114</span>
		</div>
			<span>216-446-5111</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>
	
	

	
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery-latest.min.js?g=10&v=0293E3EC"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/co/dist/CoLib.js?g=10&v=87098EA1"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js?g=10&v=F6438A68"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/modules/pagetools.js?g=10&v=930B07AB"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/multimedia/infolayer.js?g=10&v=ED1B8531"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/commentsloader.js?g=10&v=AD6AAB79"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/minisites.js?g=10&v=F38E4DA5"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/subscribeprompt.js?g=10&v=86D84DC2"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/deprecated.js?v=D506A83E&g=10"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/OverrideJSDocumentWrite.js?g=10&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:'Downtown Chabad & CYP Cleveland'}; Co.ArticleId     = '7092464';Co.SectionId     = 7001784;Co.PartnerSiteId = 0;Co.SiteId        = 9427;Co.IsMobilePage  = false;Co.IsResponsive  = false;Co.DbDomain      = 'DowntownChabad.com';Co.LanguageCode  = '';Co.LoginStatus   = 'None';</script>
	
	
<script>
// This is a self-executing anonymous function. It runs automatically without being called
// and helps prevent conflicts with other scripts on your website by keeping variables private.
(function() {

    // --- Configuration ---
    // Define the exact URL where the custom styles and scripts should be applied.
    const targetURL = 'https://www.downtownchabad.com/templates/articlecco_cdo/aid/2786696/jewish/The-Chai-Society.htm';

    // --- URL Check ---
    // Check if the browser's current URL matches the target URL.
    // The rest of the code inside this 'if' block will only run on that specific page.
    if (window.location.href === targetURL) {

        // --- CSS Injection ---
        // All of your custom CSS rules are combined into a single string.
        const customCSS = `
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
div#total_amount {font-size: 50px !important;}
.co_body .content .form-all .form-captcha INPUT, .co_body .content .form-all .form-textarea, .co_body .content .form-all .form-textbox:not(.form-checkbox-other-input):not(.form-radio-other-input), .co_body .content .form-all .form-upload {border: #770208 solid 2px !important;}
.form-label-left label{font-family: 'Stinger Trial' !important;}
label{font-family: Stoke !important;}
#co_content_container > div > div.master-content-wrapper.g960{display: none !important;}
            /* General Promo Section Styles */
            .promo-section-container {
                width: 100%;
                max-width: 1200px;
                margin: 0 auto;
                padding: 2em;
            }
            .form-textbox{FONT-SIZE: 1.2rem!important;}
            .promo-items-wrapper {
                display: flex;
                justify-content: space-around;
                align-items: flex-start;
                flex-wrap: wrap;
                gap: 2em;
            }
            .promo-item {
                flex: 1;
                min-width: 280px;
                max-width: 320px;
                display: flex;
                flex-direction: column;
                align-items: center;
                text-align: center;
                padding: 1.5em;
                box-sizing: border-box;
            }
            .promo-item-icon {
                width: 100px;
                height: 100px;
                object-fit: cover;
                margin-bottom: 1.5em;
            }
            .promo-item-heading {
                color: #770208;
                font-size: 28px;
                font-weight: 700;
                margin-bottom: 0.5em;
                font-family: 'Stinger Trial', serif;
            }
            .promo-item-description {
                color: #333;
                font-size: 18px;
                line-height: 1.6;
                font-family: Stoke, sans-serif;
            }

            /* Hero Image and Content Styles */
            .hero-image-container {
                width: 100%;
                overflow: hidden;
                border-bottom-left-radius: 50% 20%;
                border-bottom-right-radius: 50% 20%;
                line-height: 0;
            }
            .hero-image {
                width: 100%;
                height: auto;
                display: block;
            }
            .content-container {
                text-align: center;
                padding: 0 2rem 3rem 2rem;
                margin-top: -8%;
                position: relative;
                z-index: 10;
            }
            .logo-wrapper {
                margin-bottom: 1.5rem;
            }
            .logo-image {
                width: 249px;
                height: auto;
                object-fit: contain;
                padding: 5px;
            }
            #text_12 > h1 {
                font-size: clamp(1.75rem, 5vw, 5.75rem);
                font-weight: 400;
                font-family: 'Stinger Trial', sans-serif;
                color: #1a1a1a;
                margin: 0 0 0.75rem 0;
                line-height: 1.2;
            }
            .main-heading strong {
                font-weight: 700;
            }
            #text_12 > p.sub-heading {
                font-size: clamp(0.9rem, 2.5vw, 2.1rem);
                color: #555555;
                font-family: 'Stinger Trial', sans-serif;
                margin: 0 auto;
            }
            #co_content_container > div > div.body_wrapper.clearfix.co_body{
                background-color: #F0EEDF !important;
            }

            /* Donation Card Styles */
            #id_8 {
                display: flex;
                flex-direction: column;
            }
            #label_8 {
                order: -1;
                text-align: center;
                margin-bottom: 20px;
                width: 100% !important;
            }
            #label_8 > label {
                font-family: 'Stinger Trial', sans-serif;
                font-size: 40px;
                font-weight: 600;
            }
            #cid_8 .form-multiple-column {
                display: grid !important;
                grid-template-columns: repeat(2, 1fr) !important;
                gap: 15px !important;
                width: 50% !important;
                padding-left: 30% !important;
            }
            #cid_8 .clearfix {
                display: none !important;
            }
            #cid_8 .form-radio-item {
                position: relative !important;
                background: white !important;
                border-radius: 12px !important;
                box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important;
                transition: all 0.2s ease !important;
                border: 3px solid transparent !important;
                box-sizing: border-box !important;
                height: 160px !important;
                width: 100% !important;
            }
            #cid_8 .form-radio-item:hover {
                transform: translateY(-4px) !important;
                box-shadow: 0 6px 20px rgba(0,0,0,0.1) !important;
            }
            #cid_8 .form-radio {
                position: absolute !important;
                opacity: 0 !important;
                width: 1px !important;
                height: 1px !important;
            }
            #cid_8 .form-radio-item label {
                display: flex !important;
                flex-direction: column !important;
                justify-content: center !important;
                align-items: center !important;
                width: 100% !important;
                height: 100% !important;
                padding: 15px !important;
                cursor: pointer !important;
                box-sizing: border-box !important;
            }
            #cid_8 .form-radio-item:not(:last-child) label::before {
                content: "Tier" !important;
                color: #770208 !important;
                font-family: 'Stinger Trial', sans-serif !important;
                font-size: 32px !important;
                margin-bottom: 8px !important;
            }
            #cid_8 .form-multiple-column > span:nth-child(1) > label::before { content: 'Tier Four' !important; }
            #cid_8 .form-multiple-column > span:nth-child(3) > label::before { content: 'Tier Three' !important; }
            #cid_8 .form-multiple-column > span:nth-child(5) > label::before { content: 'Tier Two' !important; }
            #cid_8 .form-multiple-column > span:nth-child(7) > label::before { content: 'Tier One' !important; }

            #cid_8 .form-radio-item label span {
                font-family: 'Stoke', serif !important;
                font-size: 60px !important;
                font-weight: 700 !important;
                color: #000 !important;
                display: flex !important;
                align-items: baseline !important;
                white-space: nowrap !important;
            }
            #cid_8 .form-radio-item:not(:last-child) label span::after {
                content: "/ mo" !important;
                font-family: 'Montserrat', sans-serif !important;
                font-size: 24px !important;
                font-weight: 400 !important;
                color: #333 !important;
                margin-left: 8px !important;
            }
            #cid_8 .form-radio-item.selected {
                border-color: #770208 !important;
            }
            #cid_8 .form-multiple-column > span:last-of-type {
                grid-column: 1 / -1 !important;
                height: 80px !important;
            }
            #cid_8 .other-amount-label {
                flex-direction: row !important;
                justify-content: space-between !important;
                font-size: 28px !important;
                font-style: italic !important;
                color: rgba(0,0,0,0.55) !important;
                font-family: 'Stinger Trial', sans-serif !important;
            }
            #cid_8 .form-radio-other-input {
                border: none !important;
                outline: none !important;
                background: transparent !important;
                font-family: Stoke, sans-serif !important;
                font-size: 28px !important;
                color: rgba(0,0,0,0.8) !important;
                width: 58% !important;
                text-align: right !important;
                box-sizing: border-box !important;
                padding-top: 21px !important;
            }
            #cid_8 .form-radio-other-input::placeholder {
                color: rgba(0,0,0,0.55) !important;
            }

            /* Chai Members List Styles */
            .chai-members-container {
                width: 100%;
                padding: 2em;
                border-radius: 8px;
                text-align: center;
            }
            .chai-main-title {
                color: #222222;
                font-size: 2.5em;
                font-weight: 700;
                margin-bottom: 1.5em;
                line-height: 1.2;
                font-family: 'Stinger Trial', serif;
            }
            .chai-highlight-text {
                color: #770208;
            }
            .chai-tier-heading {
                color: #770208;
                font-size: 1.8em;
                font-weight: 700;
                margin-top: 2em;
                margin-bottom: 0.8em;
                font-family: 'Stinger Trial', serif;
            }
            .chai-member-list {
                color: #222222;
                font-size: 1.1em;
                line-height: 1.6;
                margin-bottom: 1em;
                font-family: 'Stinger Trial', serif;
            }

            /* Donate Button Styles */
            .donate-button-container {
                text-align: center;
            }
            .donate-button {
                display: inline-block;
                padding: 15px 40px;
                background-color: #770208;
                color: #ffffff;
                font-family: 'Stinger Trial', sans-serif;
                font-size: 24px;
                font-weight: 700;
                text-decoration: none;
                border-radius: 8px;
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
                transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
                cursor: pointer;
                border: none;
            }
            .donate-button:hover {
                background-color: #92030b;
                transform: translateY(-2px);
                box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
            }
            .donate-button:active {
                background-color: #5e0106;
                transform: translateY(0);
                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
            }

            /* --- Responsive Media Queries --- */
            @media (max-width: 768px) {
       
                .hero-image-container {
                    border-bottom-left-radius: 50% 15%;
                    border-bottom-right-radius: 50% 15%;
                }
                .content-container { margin-top: -12%; }
                .promo-item-heading { font-size: 24px; }
                .promo-item-description { font-size: 16px; }
                .promo-section-container { padding: 1em; }
                #label_8 > label { font-size: 32px; }
                #cid_8 .form-multiple-column { width: 70% !important; padding-left: 15% !important; }
                #cid_8 .form-radio-item { height: 140px !important; }
                #cid_8 .form-radio-item label::before { font-size: 28px !important; }
                #cid_8 .form-radio-item label span { font-size: 50px !important; }
                #cid_8 .form-radio-item:not(:last-child) label span::after { font-size: 20px !important; }
                #cid_8 .other-amount-label { font-size: 24px !important; }
                #cid_8 .form-radio-other-input { font-size: 24px !important; padding-top: 15px !important; }
                .chai-main-title { font-size: 2em; }
                .chai-tier-heading { font-size: 1.5em; }
                .chai-member-list { font-size: 1em; }
                .chai-members-container { padding: 1.5em; }
                .donate-button { padding: 12px 30px; font-size: 20px; }
            }
@media (max-width: 600px) {
        .co_body .content .form-all .form-line {
padding-left: 5% !important;
            padding-right: 5% !important;
        }}


            @media (max-width: 480px) {
                .hero-image-container {
                    border-bottom-left-radius: 50% 10%;
                    border-bottom-right-radius: 50% 10%;
                }
                .content-container { margin-top: -18%; padding: 0 1rem 2rem 1rem; }
                .logo-image { width: 120px; height: 120px; }
                #text_12 > h1 { font-size: 2.5em; }
                #text_12 > p.sub-heading { font-size: 1.5em; }
                .promo-items-wrapper { flex-direction: column; align-items: center; }
                .promo-item { min-width: unset; max-width: 90%; width: 100%; }
                .promo-item-heading { font-size: 22px; }
                .promo-item-description { font-size: 15px; }
                #label_8 > label { font-size: 28px; }
                #cid_8 .form-multiple-column { grid-template-columns: 1fr !important; width: 90% !important; padding-left: 17% !important; padding-right: 5% !important; }
                #cid_8 .form-radio-item { height: 120px !important; }
                #cid_8 .form-radio-item label::before { font-size: 24px !important; }
                #cid_8 .form-radio-item label span { font-size: 40px !important; }
                #cid_8 .form-radio-item:not(:last-child) label span::after { font-size: 18px !important; }
                #cid_8 .other-amount-label { font-size: 20px !important; }
                #cid_8 .form-radio-other-input { font-size: 20px !important; padding-top: 10px !important; }
                .chai-main-title { font-size: 1.5em; }
                .chai-tier-heading { font-size: 1.3em; }
                .chai-member-list { font-size: 0.9em; }
                .chai-members-container { padding: 1em; }
                .donate-button { padding: 10px 25px; font-size: 18px; width: 80%; max-width: 250px; }
            }
        `;

        // A new <style> element is created dynamically in JavaScript.
        const styleElement = document.createElement('style');
        styleElement.type = 'text/css';

        // The combined CSS string is inserted into the new <style> element.
        styleElement.appendChild(document.createTextNode(customCSS));

        // The new <style> element is appended to the <head> of the document, applying all the styles.
        document.head.appendChild(styleElement);


        // --- JavaScript Execution ---
        // This function contains all the interactive logic from your scripts.
        function runPageEnhancements() {

            // --- Logic for Donation Card Selection ---
            const formItems = document.querySelectorAll('#cid_8 .form-radio-item');
            const radioButtons = document.querySelectorAll('#cid_8 .form-radio');

            radioButtons.forEach(radio => {
                radio.addEventListener('change', () => {
                    formItems.forEach(item => item.classList.remove('selected'));
                    if (radio.checked) {
                        // Find the parent .form-radio-item to apply the 'selected' class
                        let parent = radio.closest('.form-radio-item');
                        if (parent) {
                            parent.classList.add('selected');
                        }
                    }
                });
            });

            // --- Logic for "Other Amount" Input Field ---
            const otherTextInput = document.getElementById('input_8');
            const otherRadio = document.getElementById('other_8');

            if (otherTextInput && otherRadio) {
                const otherCard = otherTextInput.closest('.form-radio-item');

                // Function to enable the input, fighting against other scripts that might disable it.
                const enableInput = () => {
                    if (otherTextInput.hasAttribute('disabled')) {
                        otherTextInput.removeAttribute('disabled');
                    }
                };
                
                // Enable it right away.
                enableInput();

                // Use a MutationObserver to watch for changes to the 'disabled' attribute.
                // If another script adds 'disabled', this will immediately remove it.
                const observer = new MutationObserver((mutationsList) => {
                    for (const mutation of mutationsList) {
                        if (mutation.type === 'attributes' && mutation.attributeName === 'disabled') {
                            enableInput();
                        }
                    }
                });
                observer.observe(otherTextInput, { attributes: true });

                // Add a click listener to the entire "Other" card to select its radio
                // button and focus the text input for a better user experience.
                if (otherCard) {
                    otherCard.addEventListener('click', function(e) {
                        if (!otherRadio.checked) {
                            otherRadio.checked = true;
                            // Dispatch a 'change' event so the selection logic above runs.
                            otherRadio.dispatchEvent(new Event('change', { bubbles: true }));
                        }
                        // Focus the input field unless the user clicked directly on it.
                        if (e.target !== otherTextInput) {
                            otherTextInput.focus();
                        }
                    });
                }
            } else {
                console.warn('JotForm "Other Amount" input or radio button not found.');
            }

            // --- Logic for Smooth-Scrolling Donate Button ---
            const scrollButton = document.getElementById('scrollDonateButton');
            if (scrollButton) {
                scrollButton.addEventListener('click', function(event) {
                    event.preventDefault(); // Prevent default link behavior
                    const targetElement = document.getElementById('id_7'); // The form section to scroll to
                    if (targetElement) {
                        targetElement.scrollIntoView({
                            behavior: 'smooth',
                            block: 'center'
                        });
                    } else {
                        console.warn('Scroll target element with ID "id_3" not found.');
                    }
                });
            }
        }

        // --- DOM Ready Check ---
        // It's important to wait until the page's HTML structure is fully loaded before
        // trying to find and manipulate elements with JavaScript.
        if (document.readyState === 'loading') {
            // If the page is still loading, wait for the DOMContentLoaded event.
            document.addEventListener('DOMContentLoaded', runPageEnhancements);
        } else {
            // If the DOM is already loaded, run the function immediately.
            runPageEnhancements();
        }
    }
})();
</script>
</body>
</html>