<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="en" />
<meta name="keywords" content="Jewish, Cleveland, Judaism, Downtown, Jew, Chabad, Young Professionals, yuppies, Campus, University, CSU, Holidays, Holiday, Chanukah, Public Square, Federation, Community" />
<meta name="description" content="Chabad of Downtown Cleveland's Jewish Center is the place for any Jew regardless of level of observance in Downtown and near west-side" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta property="og:image" content="https://w2.chabad.org/media/images/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="exclude-custom-search" content="true" />
<meta name="scope-aids" content="2253037-4467904" />
<meta name="article-keywords" content="537-9928-18789-2170-2898" />
<meta name="scope-aid" content="2253037" />
<meta name="scope-aid" content="4467904" />
<meta name="article-keyword" content="537" />
<meta name="article-keyword" content="9928" />
<meta name="article-keyword" content="18789" />
<meta name="article-keyword" content="2170" />
<meta name="article-keyword" content="2898" />
<meta property="og:url" content="https://www.downtownchabad.com/" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Downtown Chabad &amp; CYP Cleveland" />
<link rel="icon" type="image/png" href="https://www.downtownchabad.com/media/images/1101/Gveq11016265.png" />
<link rel="canonical" href="https://www.downtownchabad.com/" />
<link rel="Stylesheet" href="/css/fonts/font-awesome/font-awesome-5.css?v=2D6ABDDB" id="kfont-awesome" type="text/css"/>
<link rel="Stylesheet" href="/css/DefaultGrid.css?v=A13D74E8" id="kgrid" type="text/css"/>
<link rel="Stylesheet" href="/css/Elements.css?v=3A4C63F4" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites.css?v=72A49647" id="ksites-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/new/main.css?v=BB63DD50" id="k7" type="text/css"/>
<link rel="Stylesheet" href="/css/global.css?v=27BD2E9E" id="k3" type="text/css"/>
<link rel="Stylesheet" href="/css/global-print.css?v=6DE80B07" id="k5" type="text/css" media="print"/>
<link rel="Stylesheet" href="/css/cco/home/widget-styles.css?v=A8AC7A58" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/sites6/red-theme.css?v=F4709400" id="k" type="text/css"/>
<link rel="Stylesheet" href="/css/old/global.css?v=43DDBA77" id="k2898" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/home/default/prettyPhoto.min.css?v=E5A10EA0" id="kprettyPhoto" type="text/css"/>
<!--[if lte IE 8]> <link rel="Stylesheet" href="/css/global-ie.css?v=807ACD6C" id="k4" type="text/css"/> <![endif]-->
<!--[if lte IE 8]> <link rel="Stylesheet" href="/css/cco/IEfix.css?v=26E38FB6" id="kfix IE7 styling issues" type="text/css"/> <![endif]-->
<!-- Co:JsonLdResources --><script>$q=[];$j=function(f){$q.push(f);}</script>


<title>
Chabad of Downtown Cleveland
</title>





<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2019-08-20","primaryArticleId":4467904,"title":"Custom Home Page (9142)","author":"","authorId":0,"siteName":"Downtown Chabad & CYP Cleveland"},"time":{"upcomingHoliday":"Rosh Hashanah","daysToUpcomingHoliday":-1,"hebrewDate":"5787-07-02"}});
		dataLayer.push({ 'articleHierarchy': '-2253037-4467904-', 'keywords': '-k2898-k2170-k18789-k9928-k537-', 'k': '-2253037-4467904--k2898-k2170-k18789-k9928-k537-' });
	
</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>
<style>
/* Stronger base override */
.kc-wrapper, 
.kc-wrapper * {
font-size: 16px !important;
line-height: 1.45 !important;
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}
/* Section header */
.kc-section-header {
font-size: 22px !important;
font-weight: 700 !important;
margin: 2rem 0 1rem !important;
padding-bottom: 0.4rem !important;
border-bottom: 2px solid #e5e7eb !important;
color: #1c4f82 !important;
}
/* Card */
.kc-card {
background: #ffffff !important;
border: 1px solid #e5e7eb !important;
border-radius: 14px !important;
padding: 1.3rem 1.1rem !important;
margin-bottom: 1.2rem !important;
box-shadow: 0 8px 18px rgba(15,23,42,0.05) !important;
}
.kc-card-title {
font-size: 20px !important;
font-weight: 600 !important;
color: #1f2933 !important;
}
.kc-description {
font-size: 15px !important;
color: #6b7280 !important;
}
.kc-address {
font-size: 15px !important;
color: #1f2933 !important;
}
.kc-address-indent {
padding-left: 1.2rem !important;
}
.kc-link, .kc-map-link {
font-size: 15px !important;
color: #1c4f82 !important;
font-weight: 600 !important;
}
</style>
<style>
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&family=Manrope:wght@300;400;500;600;700&display=swap');
html.shabbat100-theme {
/* colors — taken directly from the reference site's :root */
--s100-ink: #0c0d0e;
--s100-cream: #f3ede1;
--s100-soft: #cfc9bd;
--s100-dim: #8b8579;
--s100-teal: #7fb5ac;
--s100-teal-deep: #3f6d67;
--s100-candle: #e8b06a;
--s100-line: rgba(243,237,225,.14);
--s100-warn: #e08a68;
--s100-serif: 'Fraunces', Georgia, serif;
--s100-sans: 'Manrope', 'Hind', sans-serif;
/* the reservation card the actual input fields sit in */
--s100-card: #f3ede1;
--s100-card-dim: #6b6b5f;
--s100-card-line: rgba(0,0,0,.14);
--s100-hero-image: url('https://www.chabadone.org/media/images/1380/vitL13800261.jpg');
}
@media (prefers-reduced-motion: reduce) {
html.shabbat100-theme .s100-reveal,
html.shabbat100-theme .article-header,
html.shabbat100-theme .article-header__title,
html.shabbat100-theme .article-header::before {
transition: none !important;
animation: none !important;
opacity: 1 !important;
transform: none !important;
}
}
/* ---------------------------------------------------------------
FULL-BLEED DARK BACKGROUND
------------------------------------------------------------------*/
html.shabbat100-theme,
html.shabbat100-theme body {
background: var(--s100-ink) !important;
}
html.shabbat100-theme #ContentBody {
background: transparent !important;
padding: 70px 20px 10px !important;
color: var(--s100-soft);
}
/* ---------------------------------------------------------------
HERO — normal in-flow section, scrolls away like any other content
------------------------------------------------------------------*/
@keyframes s100-fade-up {
from { opacity: 0; transform: translateY(22px); }
to { opacity: 1; transform: none; }
}
html.shabbat100-theme .article-header {
position: relative;
min-height: clamp(460px, 60vh, 680px) !important;
display: flex;
align-items: flex-end;
justify-content: center;
text-align: center;
padding: 40px 24px 64px !important;
background:
linear-gradient(to bottom, rgba(8,9,10,.55) 0%, rgba(8,9,10,.25) 35%, rgba(8,9,10,.78) 78%, rgba(8,9,10,.96) 100%),
radial-gradient(120% 80% at 30% 40%, rgba(232,176,106,.12), transparent 60%),
var(--s100-hero-image) center 40% / cover no-repeat !important;
overflow: hidden;
}
html.shabbat100-theme .article-header::before {
content: "Downtown Chabad & CYP Cleveland Presents";
position: absolute;
top: 56px;
left: 0;
right: 0;
font-family: var(--s100-sans);
font-size: .72rem;
font-weight: 600;
letter-spacing: .32em;
text-transform: uppercase;
color: var(--s100-teal);
animation: s100-fade-up 1s ease .05s both;
}
html.shabbat100-theme .article-header__title {
background: none !important;
padding: 0 !important;
margin: 1.4rem auto 0 !important;
max-width: 900px;
font-family: var(--s100-serif) !important;
font-weight: 400 !important;
font-size: clamp(3rem, 9vw, 8rem) !important;
line-height: .95 !important;
letter-spacing: -.01em;
color: var(--s100-cream) !important;
text-shadow: 0 4px 30px rgba(0,0,0,.45);
}
/* the title is split by the script into two lines: the first word
stays upright cream, everything after becomes the italic teal
accent — matching the reference site's two-tone title treatment */
html.shabbat100-theme .article-header__title .s100-title-lead {
display: block;
opacity: 0;
animation: s100-fade-up 1s .35s both;
}
html.shabbat100-theme .article-header__title .s100-title-accent {
display: block;
color: var(--s100-teal) !important;
font-style: italic;
opacity: 0;
animation: s100-fade-up 1s .55s both;
}
/* ---------------------------------------------------------------
SCROLL REVEAL
------------------------------------------------------------------*/
html.shabbat100-theme .s100-reveal {
opacity: 0;
transform: translateY(26px);
transition: opacity .9s ease, transform .9s cubic-bezier(.16,.8,.3,1);
}
html.shabbat100-theme .s100-reveal.is-visible {
opacity: 1;
transform: none;
}
/* ---------------------------------------------------------------
CONTENT TEXT (intro copy + photo — stays on the dark background)
------------------------------------------------------------------*/
html.shabbat100-theme .form-html {
max-width: 640px;
margin: 0 auto;
}
html.shabbat100-theme .form-html p {
font-family: var(--s100-sans) !important;
font-weight: 400;
color: var(--s100-soft) !important;
font-size: 17px !important;
line-height: 1.7 !important;
margin: 0 0 22px;
}
html.shabbat100-theme .form-html p span {
font-family: var(--s100-sans) !important;
font-size: 17px !important;
color: var(--s100-soft) !important;
}
/* every italic aside in the copy gets the elegant serif treatment */
html.shabbat100-theme .form-html em {
font-family: var(--s100-serif) !important;
font-style: italic !important;
color: var(--s100-dim);
letter-spacing: .01em;
}
/* ...except label-style strongs (RSVP:, Schedule:, warnings), which
stay upright — <em> often wraps these too and would otherwise force
a fake-oblique onto the sans-serif labels */
html.shabbat100-theme .form-html strong,
html.shabbat100-theme .form-html strong em,
html.shabbat100-theme .form-html em strong {
font-family: var(--s100-sans) !important;
font-style: normal !important;
font-weight: 600 !important;
letter-spacing: .08em;
text-transform: uppercase;
font-size: 12px !important;
color: var(--s100-dim) !important;
}
/* the date / venue line becomes the large italic-serif accent */
html.shabbat100-theme .form-html span[style*="16a085"],
html.shabbat100-theme .form-html span[style*="16a085"] strong {
font-family: var(--s100-serif) !important;
font-style: italic !important;
font-weight: 400 !important;
font-size: 30px !important;
letter-spacing: .01em;
text-transform: none !important;
color: var(--s100-teal) !important;
}
html.shabbat100-theme .form-html [style*="color:#ff0000"],
html.shabbat100-theme .form-html [style*="color: #ff0000"] {
color: var(--s100-warn) !important;
}
/* the promo graphic already embedded in the form (id_18) */
html.shabbat100-theme #cid_18 img {
border-radius: 4px;
max-width: 480px;
border: 1px solid var(--s100-line);
}
/* ---------------------------------------------------------------
THE RESERVATION CARD (built by the script below, which moves the
actual input fields — name through payment — into #s100-form-card)
------------------------------------------------------------------*/
html.shabbat100-theme #formContainer {
max-width: 620px;
margin: 10px auto 40px;
font-family: var(--s100-sans);
}
html.shabbat100-theme #s100-form-card {
background: var(--s100-card);
border-radius: 20px;
padding: 10px 28px 30px;
margin: 8px 0 36px;
box-shadow: 0 25px 60px rgba(0,0,0,.35);
}
html.shabbat100-theme #s100-form-card .form-line {
padding: 16px 0 !important;
border-bottom: 1px solid var(--s100-card-line);
}
html.shabbat100-theme #s100-form-card .form-line.form-field-hidden {
border-bottom: none;
padding: 0 !important;
}
html.shabbat100-theme #s100-form-card label {
font-family: var(--s100-sans) !important;
text-transform: uppercase;
font-size: 12px !important;
letter-spacing: .1em;
color: var(--s100-card-dim) !important;
font-weight: 500 !important;
}
html.shabbat100-theme #s100-form-card .form-required { color: #b5433a; }
html.shabbat100-theme #s100-form-card select option { color: #000; }
/* pill button — cream/ink, lifts and warms on hover, per the
reference site's .btn treatment */
html.shabbat100-theme #s100-form-card .form-submit-button {
font-family: var(--s100-sans) !important;
letter-spacing: .14em;
text-transform: uppercase;
font-size: 13px !important;
font-weight: 600;
cursor: pointer;
padding: 17px 52px !important;
border-radius: 999px !important;
transition: transform .3s ease, background .3s ease, box-shadow .3s ease, color .3s ease;
}
html.shabbat100-theme #s100-form-card .form-submit-button:hover {
transform: translateY(-3px);
box-shadow: 0 14px 40px rgba(232,176,106,.28);
}
/* the card reads a bit oversized on small screens — tighten it up */
@media (max-width: 480px) {
html.shabbat100-theme #s100-form-card {
padding: 6px 16px 18px;
border-radius: 14px;
margin: 6px 0 28px;
}
html.shabbat100-theme #s100-form-card .form-line {
padding: 12px 0 !important;
}
html.shabbat100-theme #s100-form-card .form-submit-button {
padding: 14px 40px !important;
}
}
/* ---------------------------------------------------------------
MAP — stays in the normal text-width column; colors inverted into
a "night mode" look so it matches the dark page instead of showing
as a plain light rectangle
------------------------------------------------------------------*/
html.shabbat100-theme .form-line:has(iframe[src*="google.com/maps"]) iframe {
filter: invert(90%) hue-rotate(180deg) brightness(0.95) contrast(0.9);
border-radius: 12px;
border: 1px solid var(--s100-line);
}
/* ---------------------------------------------------------------
HIDE "MORE IN THIS SECTION"
------------------------------------------------------------------*/
html.shabbat100-theme #MoreInSection {
display: none !important;
}
</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><script>
(function () {
if (location.href.indexOf('/aid/6033833/') === -1) return;
/* This site has no <meta name="viewport"> tag anywhere, so mobile
browsers fall back to a ~980px virtual layout width and then try
to zoom/pan to fit it — that's what's skewing everything on
phones. The previous fix inserted the tag on DOMContentLoaded,
which fires only after the ENTIRE page has already been parsed —
far too late to affect the browser's initial viewport decision.
document.write(), called while the document is still parsing,
inserts content as if it had been written directly into the HTML
at that exact point — the only way a script can reliably affect
this. It's only safe to call while still parsing (readyState
"loading"); if this script somehow runs later than that, it
falls back to the old (weaker, but harmless) method instead of
risking document.write() wiping the page. */
if (!document.querySelector('meta[name="viewport"]')) {
if (document.readyState === 'loading') {
document.write('<meta name="viewport" content="width=device-width, initial-scale=1">');
} else {
var viewportMeta = document.createElement('meta');
viewportMeta.name = 'viewport';
viewportMeta.content = 'width=device-width, initial-scale=1';
document.head.insertBefore(viewportMeta, document.head.firstChild);
}
}
document.documentElement.classList.add('shabbat100-theme');
/* Splits the H1 into "first word" + "everything else" so CSS can
style them as two lines — an upright cream lead word and an
italic teal accent line, like the reference site's two-tone
titles. Only runs once; safe no-op if there's just one word. */
function splitTitle() {
var h1 = document.querySelector('.article-header__title');
if (!h1 || h1.querySelector('.s100-title-lead')) return;
var text = h1.textContent.trim();
var spaceIndex = text.indexOf(' ');
if (spaceIndex === -1) return;
var lead = text.slice(0, spaceIndex);
var rest = text.slice(spaceIndex + 1);
h1.textContent = '';
var leadSpan = document.createElement('span');
leadSpan.className = 's100-title-lead';
leadSpan.textContent = lead;
var restSpan = document.createElement('span');
restSpan.className = 's100-title-accent';
restSpan.textContent = rest;
h1.appendChild(leadSpan);
h1.appendChild(restSpan);
}
/* finds the map's <li> by what it contains rather than a specific
field id, since ids shift as the form is edited */
function findMapLi() {
var iframe = document.querySelector('#formContainer iframe[src*="google.com/maps"]');
return iframe ? iframe.closest('li.form-line') : null;
}
/* Moves the actual input fields (Full Name through Payment) into a
single wrapper div so CSS can style them as one cream card, while
leaving the intro copy/photo before them and the map after them
on the dark background. Only runs once. */
function wrapFormFieldsInCard() {
if (document.getElementById('s100-form-card')) return;
var section = document.querySelector('#formContainer .form-section');
var startEl = document.getElementById('id_6');
var mapLi = findMapLi();
if (!section || !startEl || !mapLi) return;
var wrapper = document.createElement('div');
wrapper.id = 's100-form-card';
section.insertBefore(wrapper, startEl);
var node = startEl;
while (node && node !== mapLi) {
var next = node.nextElementSibling;
wrapper.appendChild(node);
node = next;
}
}
/* The site's own form theme (nova.css) styles inputs/radios/buttons
via a stylesheet CSS specificity can't beat, so we reinforce the
look here with inline styles, which always win. Runs on load and
again on any change, since sponsor/payment fields toggle visibility
as the visitor fills out the form. */
function styleFormFields() {
var card = document.getElementById('s100-form-card');
if (!card) return;
/* the CSS media query for this alone isn't enough — the site's own
form theme has its own mobile-breakpoint rules for .form-line and
.form-submit-button that win the specificity fight, same as the
border/color properties above, so it's reinforced inline here too */
var isSmall = window.matchMedia('(max-width: 480px)').matches;
card.style.setProperty('padding', isSmall ? '6px 16px 18px' : '10px 28px 30px', 'important');
card.style.setProperty('border-radius', isSmall ? '14px' : '20px', 'important');
card.querySelectorAll('.form-line').forEach(function (el) {
el.style.setProperty('padding', (isSmall ? '12px' : '16px') + ' 0', 'important');
});
card.querySelectorAll('.form-submit-button').forEach(function (el) {
el.style.setProperty('padding', isSmall ? '14px 40px' : '17px 52px', 'important');
});
card.querySelectorAll(
'.form-textbox, .form-dropdown, input[type="tel"], input[type="email"]'
).forEach(function (el) {
el.style.setProperty('border', 'none', 'important');
el.style.setProperty('border-bottom', '1px solid rgba(0,0,0,.3)', 'important');
el.style.setProperty('background', 'transparent', 'important');
el.style.setProperty('border-radius', '0', 'important');
el.style.setProperty('box-shadow', 'none', 'important');
el.style.setProperty('padding', '8px 2px', 'important');
el.style.setProperty('font-family', "'Manrope', 'Hind', sans-serif", 'important');
el.style.setProperty('color', '#2b2b26', 'important');
});
card.querySelectorAll('.form-radio-item').forEach(function (el) {
var active = el.classList.contains('active-option');
el.style.setProperty('border', '1px solid ' + (active ? '#3f6d67' : 'rgba(0,0,0,.25)'), 'important');
el.style.setProperty('border-radius', '999px', 'important');
el.style.setProperty('background', active ? 'rgba(127,181,172,.16)' : 'transparent', 'important');
el.style.setProperty('box-shadow', 'none', 'important');
el.style.setProperty('padding', '8px 18px', 'important');
el.style.setProperty('margin', '4px 8px 4px 0', 'important');
el.style.setProperty('color', '#2b2b26', 'important');
});
card.querySelectorAll('.form-submit-button').forEach(function (el) {
el.style.setProperty('background', '#f3ede1', 'important');
el.style.setProperty('color', '#0c0d0e', 'important');
el.style.setProperty('border', 'none', 'important');
el.style.setProperty('border-radius', '999px', 'important');
el.style.setProperty('box-shadow', 'none', 'important');
});
/* "Street Address Line 2" is meant to be hidden (it already has an
inline display:none on its row), but the form widget's own
responsive-layout script resets it whenever the form reflows —
so it's force-hidden here every time this function runs. */
var line2 = card.querySelector('#input_12_addr_line2, input[name*="addr_line2"]');
var line2Row = line2 ? line2.closest('tr') : null;
if (line2Row) line2Row.style.setProperty('display', 'none', 'important');
}
/* fade + rise each content block in as the visitor scrolls to it */
function initReveal() {
var mapLi = findMapLi();
var targets = document.querySelectorAll('.form-html > p, #cid_18, #s100-form-card');
if (mapLi) targets = [].slice.call(targets).concat([mapLi]);
if (!targets.length || !('IntersectionObserver' in window)) return;
targets.forEach(function (el, i) {
el.classList.add('s100-reveal');
el.style.transitionDelay = (Math.min(i, 6) * 70) + 'ms';
});
var io = new IntersectionObserver(function (entries) {
entries.forEach(function (entry) {
if (entry.isIntersecting) {
entry.target.classList.add('is-visible');
io.unobserve(entry.target);
}
});
}, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });
targets.forEach(function (el) { io.observe(el); });
}
function init() {
splitTitle();
wrapFormFieldsInCard();
styleFormFields();
initReveal();
window.addEventListener('resize', styleFormFields, { passive: true });
var card = document.getElementById('s100-form-card');
if (!card) return;
// guard against the observer re-triggering on the inline styles we just set
var observer = new MutationObserver(function () {
observer.disconnect();
styleFormFields();
observer.observe(card, { childList: true, subtree: true, attributes: true, attributeFilter: ['class'] });
});
observer.observe(card, { childList: true, subtree: true, attributes: true, attributeFilter: ['class'] });
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', init);
} else {
init();
}
window.addEventListener('load', styleFormFields);
})();
</script>
</head>
<body class="lang_en dir_ltr home cco_body">



<div class="mosad_sitewide_alert no_selection clearfix">
    <div class="message">
        
                <div class="js-sitewide-alert-item" data-alert-index="0" > 
					
					<span class="alert-links">
					    <a href="/6061448">YOU'RE THE OIL THAT KEEPS THE WHEELS IN 2026! CYP Winter Campaign</a>
						
							&nbsp;&nbsp;<a href="/6061448" class="more-link">more...</a>
						
					</span>
				</div>
			
	</div>
	<div onclick="Co.Tween.FadeOut(this.parentNode, 0.5);document.cookie='mosadSitewideAlertHidden=true;path=/;'" class="close"></div>
</div>

<div id="PrintCreditHeader" class="show_for_print">
Printed from<b>DowntownChabad.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>
</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/1101/Gveq11016265.png" width="100" height="100" border="0" /></a></div>
<a href="/default.asp" title="Downtown Chabad & CYP Cleveland" class="site_title">Downtown Chabad & CYP Cleveland<span class="site_subtitle clearfix"> </span></a>
</div>
</div>
<button type='button' class='cs-mobile-menu-open js-mobile-menu-open'><i class='fa fa-bars'></i></button>
<div class="site-nav-wrapper">
<!-- BEGIN CACHE {"CachedBy":{"Server":"W43-NYC1","Url":"https://www.downtownchabad.com/templates/articlecco.aspx?aid=2298539&jewish=Hotels.htm","AppPath":"ChabadOnline.dll","Version":{"Built":"2026-09-01T17:27:06.7650922-04:00","Branch":"main","Configuration":"Release","Machine":""}},"Created":"2026-09-11T05:40:10.2595266-04:00","Expire":"2026-09-14T05:40:10.2595266-04:00","CachePath":"\\UserControls\\Modules\\PrimaryNavigation.ascx\\T9427_en.htm"}-->
<script>
var primaryNavigationVersion = "639247020102582186";
</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="2253046" 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/2265409/jewish/FAQ.htm" class="item empty" id="menu_item1-1" data-menu-level="2" data-aid="2265409">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>FAQ</span>
</a>
<a href="/templates/articlecco_cdo/aid/2298397/jewish/Our-Philosophy.htm" class="item empty" id="menu_item1-2" data-menu-level="2" data-aid="2298397">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Our Philosophy</span>
</a>
<a href="http://www.downtownchabad.com/tools/feedback.htm" class="item empty" id="menu_item1-3" data-menu-level="2" data-aid="2297909">
<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>
<a href="/library/article_cdo/aid/36226/jewish/About-Chabad-Lubavitch.htm" class="item empty" id="menu_item1-4" data-menu-level="2" data-aid="2298398">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>About Chabad-Lubavitch</span>
</a>
<a href="/templates/articlecco_cdo/aid/2265408/jewish/Chabad-CSU.htm" class="item empty" id="menu_item1-5" data-menu-level="2" data-aid="2265408">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Chabad @ CSU</span>
</a>
</div>
<div id="menu_child1-1" class="menu_child empty selected" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child1-2" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child1-3" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child1-4" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child1-5" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
</div>
<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/2253046/jewish/About-Us.htm" class="parent">About<br />Us</a></div></span><a href="/templates/articlecco_cdo/aid/2253046/jewish/About-Us.htm" class="bg_extension js-parent-menu-link" data-aid="2253046"></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="2299553" 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/5388167/jewish/Soulmates-Course.htm" class="item empty" id="menu_item2-1" data-menu-level="2" data-aid="5388167">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Soulmates Course</span>
</a>
<a href="http://linktr.ee/cypcleveland" class="item empty" id="menu_item2-2" data-menu-level="2" data-aid="5522647">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Events Linktree</span>
</a>
</div>
<div id="menu_child2-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_child2-2" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
</div>
<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/2299553/jewish/YP-Community.htm" class="parent">YP<br />Community</a></div></span><a href="/templates/articlecco_cdo/aid/2299553/jewish/YP-Community.htm" class="bg_extension js-parent-menu-link" data-aid="2299553"></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="2265417" 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/6365482/jewish/Cleveland-Israel-Business-Networking-Panel.htm" class="item empty" id="menu_item3-1" data-menu-level="2" data-aid="6365482">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Cleveland > Israel Business Networking & Panel</span>
</a>
<a href="/templates/section_cdo/aid/4462079/jewish/High-Holidays.htm" class="item" id="menu_item3-2" data-menu-level="2" data-aid="4462079">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>High Holidays</span>
</a>
<a href="/templates/articlecco_cdo/aid/2299552/jewish/Shabbat-Dinners.htm" class="item empty" id="menu_item3-3" data-menu-level="2" data-aid="2299552">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Shabbat Dinners</span>
</a>
<a href="/templates/articlecco_cdo/aid/4462077/jewish/Past-Events.htm" class="item" id="menu_item3-4" data-menu-level="2" data-aid="4462077">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Past Events</span>
</a>
<a href="/templates/articlecco_cdo/aid/2253050/jewish/Adult-Education.htm" class="item" id="menu_item3-5" data-menu-level="2" data-aid="2253050">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Adult Education</span>
</a>
<a href="/templates/articlecco_cdo/aid/2427444/jewish/Past-Photo-Galleries.htm" class="item" id="menu_item3-6" data-menu-level="2" data-aid="2427444">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Past Photo Galleries</span>
</a>
<a href="/templates/articlecco_cdo/aid/4929777/jewish/Menorah-Parade.htm" class="item empty" id="menu_item3-7" data-menu-level="2" data-aid="4929777">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Menorah Parade</span>
</a>
<a href="/templates/section_cdo/aid/5468892/jewish/Pesach.htm" class="item" id="menu_item3-8" data-menu-level="2" data-aid="5468892">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Pesach</span>
</a>
<a href="/templates/articlecco_cdo/aid/2398203/jewish/Chanuka-Menorah-Lighting.htm" class="item" id="menu_item3-9" data-menu-level="2" data-aid="2398203">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Chanuka Menorah Lighting</span>
</a>
</div>
<div id="menu_child3-1" class="menu_child empty selected" style="width:349px;">
<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>
<td class="co_column"></td>
</tr>
</table>
</div>
<div id="menu_child3-2" class="menu_child" style="width:349px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="/templates/articlecco_cdo/aid/4867799/jewish/Services-Schedule.htm" class="child_item default" data-menu-level="3" data-aid="4867799"><span>Services Schedule</span></a>
<a href="/templates/articlecco_cdo/aid/4462084/jewish/High-Holiday-Reservations.htm" class="child_item default" data-menu-level="3" data-aid="4462084"><span>High Holiday Reservations</span></a>
<a href="/templates/articlecco_cdo/aid/4863608/jewish/Shofar-on-E-9th-Pier.htm" class="child_item default" data-menu-level="3" data-aid="4863608"><span>Shofar on E. 9th Pier</span></a>
</div></td>
<td class="co_column"></td>
</tr>
</table>
</div>
<div id="menu_child3-3" class="menu_child empty" style="width:349px;">
<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>
<td class="co_column"></td>
</tr>
</table>
</div>
<div id="menu_child3-4" class="menu_child" style="width:349px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="/templates/articlecco_cdo/aid/2701863/jewish/High-Holidays.htm" class="child_item default" data-menu-level="3" data-aid="2701863"><span>High Holidays</span></a>
<a href="https://www.downtownchabad.com/tools/events/register_cdo/eventid/8286" class="child_item default" data-menu-level="3" data-aid="4210690"><span>Jewish Heritage Night - Chanukah at the Cavs</span></a>
<a href="https://www.eventbrite.com/e/netflixs-jewish-matchmaking-aleeza-ben-shalom-live-in-cleveland-tickets-639954510167" class="child_item default" data-menu-level="3" data-aid="5980418"><span>Aleeza Ben Shalom</span></a>
<a href="http://jbiz.splashthat.com" class="child_item default" data-menu-level="3" data-aid="4462075"><span>Cleveland Development Summit</span></a>
</div></td>
<td class="co_column"></td>
</tr>
</table>
</div>
<div id="menu_child3-5" class="menu_child" style="width:349px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="/templates/section_cdo/aid/3095762/jewish/Weekly-Torah-Studies-Lunch-Learn.htm" class="child_item default" data-menu-level="3" data-aid="3095762"><span>Weekly Torah Studies Lunch & Learn</span></a>
<a href="/templates/articlecco_cdo/aid/2297893/jewish/Jewish-Learning-Institute.htm" class="child_item default" data-menu-level="3" data-aid="2297893"><span>Jewish Learning Institute</span></a>
<a href="/templates/articlecco_cdo/aid/2298665/jewish/One-on-One-Classes.htm" class="child_item default" data-menu-level="3" data-aid="2298665"><span>One-on-One Classes</span></a>
</div></td>
<td class="co_column"></td>
</tr>
</table>
</div>
<div id="menu_child3-6" class="menu_child" style="width:349px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="/templates/photogallery_cdo/aid/2985538/jewish/1st-Cleveland-Development-Summit.htm" class="child_item default" data-menu-level="3" data-aid="2985538"><span>1st Cleveland Development Summit</span></a>
<a href="/templates/photogallery_cdo/aid/2985537/jewish/Purim-57752015.htm" class="child_item default" data-menu-level="3" data-aid="2985537"><span>Purim 5775/2015</span></a>
<a href="/templates/photogallery_cdo/aid/2985535/jewish/Prohibition-Purim-57752015.htm" class="child_item default" data-menu-level="3" data-aid="2985535"><span>Prohibition Purim! 5775/2015</span></a>
<a href="/templates/photogallery_cdo/aid/2813021/jewish/Grand-Menorah-Lighting-57752014.htm" class="child_item default" data-menu-level="3" data-aid="2813021"><span>Grand Menorah Lighting 5775/2014</span></a>
<a href="/templates/photogallery_cdo/aid/2591504/jewish/Lag-Baomer-Chill-n-Grill.htm" class="child_item default" data-menu-level="3" data-aid="2591504"><span>Lag Baomer Chill 'n Grill</span></a>
<a href="/templates/photogallery_cdo/aid/2591531/jewish/Purim-Bash.htm" class="child_item default" data-menu-level="3" data-aid="2591531"><span>Purim Bash</span></a>
<a href="/templates/photogallery_cdo/aid/2591532/jewish/YJP-Wine-Cheese-Open-House.htm" class="child_item default" data-menu-level="3" data-aid="2591532"><span>YJP Wine & Cheese Open House</span></a>
<a href="/templates/photogallery_cdo/aid/2591535/jewish/Menorah-Lighting-in-Public-Square-57742013.htm" class="child_item default" data-menu-level="3" data-aid="2591535"><span>Menorah Lighting in Public Square 5774/2013</span></a>
<a href="/templates/photogallery_cdo/aid/2591538/jewish/Sukkot.htm" class="child_item default" data-menu-level="3" data-aid="2591538"><span>Sukkot</span></a>
<a href="/templates/photogallery_cdo/aid/3886395/jewish/Menorah-Lighting-57782017.htm" class="child_item default" data-menu-level="3" data-aid="3886395"><span>Menorah Lighting 5778/2017</span></a>
</div></td>
<td class="co_column"><div class="column_left_wrapper">
<a href="/templates/photogallery_cdo/aid/4573625/jewish/Menorah-Lighting-57792018.htm" class="child_item default" data-menu-level="3" data-aid="4573625"><span>Menorah Lighting 5779/2018</span></a>
<a href="/templates/photogallery_cdo/aid/4573626/jewish/Chanukah-at-the-Cavs-57792018.htm" class="child_item default" data-menu-level="3" data-aid="4573626"><span>Chanukah at the Cavs 5779/2018</span></a>
<a href="/templates/photogallery_cdo/aid/6002534/jewish/Aleeza-Ben-Shalom-Live.htm" class="child_item default" data-menu-level="3" data-aid="6002534"><span>Aleeza Ben Shalom Live</span></a>
<a href="/templates/photogallery_cdo/aid/6270950/jewish/Drinks-Dreidels-5784.htm" class="child_item default" data-menu-level="3" data-aid="6270950"><span>Drinks & Dreidels 5784</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child3-7" class="menu_child empty" style="width:349px;">
<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>
<td class="co_column"></td>
</tr>
</table>
</div>
<div id="menu_child3-8" class="menu_child" style="width:349px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="/templates/articlecco_cdo/aid/4709897/jewish/Sale-of-the-Chametz-Online.htm" class="child_item default" data-menu-level="3" data-aid="4709897"><span>Sale of the Chametz Online</span></a>
<a href="/templates/articlecco_cdo/aid/5064575/jewish/The-Passover-Seder.htm" class="child_item default" data-menu-level="3" data-aid="5064575"><span>The Passover Seder</span></a>
</div></td>
<td class="co_column"></td>
</tr>
</table>
</div>
<div id="menu_child3-9" class="menu_child" style="width:349px;">
<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="http://www.chabadofcleveland.com/holidays/chanukah/default_cdo/jewish/Hanukkah.htm" class="child_item default" data-menu-level="3" data-aid="2786682"><span>Celebrate Chanukah</span></a>
<a href="/templates/articlecco_cdo/aid/4210274/jewish/All-About-the-Menorah-Lighting.htm" class="child_item default" data-menu-level="3" data-aid="4210274"><span>All About the Menorah Lighting</span></a>
<a href="/templates/articlecco_cdo/aid/5317154/jewish/Menorah-Lighting-57802019.htm" class="child_item default" data-menu-level="3" data-aid="5317154"><span>Menorah Lighting 5780/2019</span></a>
<a href="/templates/articlecco_cdo/aid/4573662/jewish/Menorah-Lighting-57792018.htm" class="child_item default" data-menu-level="3" data-aid="4573662"><span>Menorah Lighting 5779/2018</span></a>
<a href="/templates/articlecco_cdo/aid/5746039/jewish/Menorah-Lighting-57822021.htm" class="child_item default" data-menu-level="3" data-aid="5746039"><span>Menorah Lighting 5782/2021</span></a>
<a href="/templates/articlecco_cdo/aid/3516794/jewish/Menorah-Lighting-57782017.htm" class="child_item default" data-menu-level="3" data-aid="3516794"><span>Menorah Lighting 5778/2017</span></a>
<a href="/templates/articlecco_cdo/aid/3848038/jewish/Menorah-Lighting-57772016.htm" class="child_item default" data-menu-level="3" data-aid="3848038"><span>Menorah Lighting 5777/2016</span></a>
<a href="/templates/articlecco_cdo/aid/3154120/jewish/Menorah-Lighting-57762015.htm" class="child_item default" data-menu-level="3" data-aid="3154120"><span>Menorah Lighting 5776/2015</span></a>
<a href="/templates/articlecco_cdo/aid/2425886/jewish/Menorah-Lighting-57742013.htm" class="child_item default" data-menu-level="3" data-aid="2425886"><span>Menorah Lighting 5774/2013</span></a>
<a href="/templates/articlecco_cdo/aid/6210929/jewish/Menorah-Lighting-57832022.htm" class="child_item default" data-menu-level="3" data-aid="6210929"><span>Menorah Lighting 5783/2022</span></a>
</div></td>
<td class="co_column"><div class="column_left_wrapper">
<a href="/templates/articlecco_cdo/aid/6711249/jewish/Menorah-Lighting-57842023.htm" class="child_item default" data-menu-level="3" data-aid="6711249"><span>Menorah Lighting 5784/2023</span></a>
<a href="https://www.facebook.com/events/509195237844187/" class="child_item default" data-menu-level="3" data-aid="5738127"><span>Grand Menorah Lighting 5783/2022</span></a>
<a href="/templates/articlecco_cdo/aid/7157659/jewish/Menorah-Lighting-57852024.htm" class="child_item default" data-menu-level="3" data-aid="7157659"><span>Menorah Lighting 5785/2024</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/2265417/jewish/General-Events.htm" class="parent">General<br />Events</a></div></span><a href="/templates/articlecco_cdo/aid/2265417/jewish/General-Events.htm" class="bg_extension js-parent-menu-link" data-aid="2265417"></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="2265371" 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/2298509/jewish/Shabbat.htm" class="item hover" id="menu_item4-1" data-menu-level="2" data-aid="2298509">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Shabbat</span>
</a>
<a href="https://www.chabadofcleveland.com/templates/articlecco_cdo/aid/4823155/jewish/Kosher-Products.htm" class="item empty" id="menu_item4-2" data-menu-level="2" data-aid="4923801">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Kosher Products</span>
</a>
<a href="/templates/articlecco_cdo/aid/2265375/jewish/Synagogue-Services.htm" class="item empty" id="menu_item4-3" data-menu-level="2" data-aid="2265375">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Synagogue Services</span>
</a>
<a href="/templates/articlecco_cdo/aid/2253051/jewish/Mikvah.htm" class="item empty" id="menu_item4-4" data-menu-level="2" data-aid="2253051">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Mikvah</span>
</a>
<a href="/templates/articlecco_cdo/aid/2298539/jewish/Hotels.htm" class="item empty" id="menu_item4-5" data-menu-level="2" data-aid="2298539">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Hotels</span>
</a>
<a href="/templates/articlecco_cdo/aid/2298575/jewish/Cleveland-ClinicUniversity-Hospitals.htm" class="item empty" id="menu_item4-6" data-menu-level="2" data-aid="2298575">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Cleveland Clinic/University Hospitals</span>
</a>
<a href="/templates/articlecco_cdo/aid/7376978/jewish/Kosher.htm" class="item empty" id="menu_item4-7" data-menu-level="2" data-aid="7376978">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Kosher</span>
</a>
</div>
<div id="menu_child4-1" class="menu_child selected" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="/templates/articlecco_cdo/aid/5404391/jewish/Shabbat-RSVP-Form.htm" class="child_item default" data-menu-level="3" data-aid="5404391"><span>Shabbat RSVP Form</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child4-2" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child4-3" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child4-4" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child4-5" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child4-6" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child4-7" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
</div>
<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/2265371/jewish/Visitor-Info.htm" class="parent">Visitor<br />Info</a></div></span><a href="/templates/articlecco_cdo/aid/2265371/jewish/Visitor-Info.htm" class="bg_extension js-parent-menu-link" data-aid="2265371"></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="7001784" 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/7084805/jewish/Upcoming-Events.htm" class="item hover" id="menu_item5-1" data-menu-level="2" data-aid="7084805">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Upcoming Events</span>
</a>
<a href="/templates/articlecco_cdo/aid/4462071/jewish/Past-Events.htm" class="item" id="menu_item5-2" data-menu-level="2" data-aid="4462071">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Past Events</span>
</a>
<a href="/templates/articlecco_cdo/aid/2786696/jewish/The-Chai-Society.htm" class="item empty" id="menu_item5-3" data-menu-level="2" data-aid="7084808">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>The Chai Society</span>
</a>
</div>
<div id="menu_child5-1" class="menu_child selected" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="/templates/articlecco_cdo/aid/6033833/jewish/Shabbat-Reserve.htm" class="child_item default" data-menu-level="3" data-aid="6033833"><span>Shabbat Reserve</span></a>
<a href="http://cypshabbat.paperform.co" class="child_item default" data-menu-level="3" data-aid="7084809"><span>First Friday Shabbat Dinners</span></a>
<a href="/templates/articlecco_cdo/aid/6948060/jewish/CYP-Academy-Decoding-Judaism.htm" class="child_item default" data-menu-level="3" data-aid="6948060"><span>CYP Academy: Decoding Judaism</span></a>
<a href="/templates/articlecco_cdo/aid/5683648/jewish/Bake-Like-Bubby.htm" class="child_item default" data-menu-level="3" data-aid="5683648"><span>Bake Like Bubby</span></a>
<a href="/templates/articlecco_cdo/aid/5532952/jewish/Shavuot-Happy-Hour.htm" class="child_item default" data-menu-level="3" data-aid="5532952"><span>Shavuot Happy Hour</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child5-2" class="menu_child" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="/templates/articlecco_cdo/aid/6284529/jewish/CYP-Simchat-Torah.htm" class="child_item default" data-menu-level="3" data-aid="6284529"><span>CYP Simchat Torah</span></a>
<a href="/templates/articlecco_cdo/aid/7092435/jewish/CYP-Academy.htm" class="child_item default" data-menu-level="3" data-aid="7092435"><span>CYP Academy</span></a>
<a href="/templates/articlecco_cdo/aid/7092463/jewish/General-Events.htm" class="child_item default" data-menu-level="3" data-aid="7092463"><span>General Events</span></a>
<a href="/templates/articlecco_cdo/aid/7092464/jewish/Chanukah.htm" class="child_item default" data-menu-level="3" data-aid="7092464"><span>Chanukah</span></a>
<a href="/templates/articlecco_cdo/aid/7092465/jewish/Purim.htm" class="child_item default" data-menu-level="3" data-aid="7092465"><span>Purim</span></a>
<a href="/templates/articlecco_cdo/aid/7092467/jewish/Womens-Events.htm" class="child_item default" data-menu-level="3" data-aid="7092467"><span>Women's Events</span></a>
<a href="/templates/articlecco_cdo/aid/7092476/jewish/Summer-Parties.htm" class="child_item default" data-menu-level="3" data-aid="7092476"><span>Summer Parties</span></a>
<a href="/templates/articlecco_cdo/aid/7092484/jewish/Shavuot.htm" class="child_item default" data-menu-level="3" data-aid="7092484"><span>Shavuot</span></a>
<a href="/templates/articlecco_cdo/aid/7092486/jewish/Lag-Baomer.htm" class="child_item default" data-menu-level="3" data-aid="7092486"><span>Lag Baomer</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/section_cdo/aid/7001784/jewish/CYP.htm" class="parent">CYP</a></div></span><a href="/templates/section_cdo/aid/7001784/jewish/CYP.htm" class="bg_extension js-parent-menu-link" data-aid="7001784"></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="/search">Search</a>
<a href="/tools/feedback.asp">Contact</a>
</div>
</div>
</div>
</div>
<div id="content">
<div id="BodyContainer" class="wrapper">
<div class="body_wrapper no-hero-image clearfix">

<div class="g960"><div class="main clearfix">
<div class="g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 g960 no_margin g960 no_margin">
<div class="hp-table">
<div class="hp-row hp-row-first">
<div class="widget-1 promo_slider custom v380 feed">
<div class="wrapper">
<div class="widget_content html_format">
<div class="slider">
<div class="slides">
<div class="slide_wrapper" caption=".caption-0">
<a target="" href="/4462079">
<img src="https://w2.chabad.org/media/images/845/CEXK8458291.jpg" alt="" /></a>
</div>
<div class="slide_wrapper" caption=".caption-1">
<a target="" href="/2265371">
<img src="https://w2.chabad.org/media/images/1101/anxz11015363.jpg" alt="" /></a>
</div>
</div>
<ul class="captionList">
<li id="" class="cycle-html-caption caption-0">
<span>
<big>High Holiday Services</big>G-d will be in downtown and there is a seat for you at the table.</span>
<a href="/4462079" class="readMore" target="">Read More</a>
</li>
<li id="" class="cycle-html-caption caption-1">
<span>
<big>Visitor Info</big>
</span>
<a href="/2265371" class="readMore" target="">Learn More</a>
</li>
</ul>
</div>
</div></div>
</div>
</div>
<div class="hp-row">
<div class="widget-4 message custom v380 feed">
<div class="wrapper">
<div class="widget_header">
<h5>About</h5> 
</div>
<div class="widget_content message_format"><div class="bottom_padding">Downtown Chabad was established in 2013, reaching out to the growing community of young professionals and empty nesters, business commuters and convention visitors.</div>
<a class="readMore" href="/2253046">Learn More</a>
</div></div>
</div>
</div>
<div class="hp-row">
<div class="widget-4 icon custom v380 feed icon-updates">
<div class="wrapper">
<div class="widget_header">
<h5>I would like to...</h5> 
</div>
<div class="widget_content index_format">
<div class="item first clearfix">
<div class="icon">
<a href="/donate" target="">
<img src="https://w2.chabad.org/media/images/1066/gBEf10663068.png" />
</a>
</div> 
<div class="title">
<a href="/donate" target="">Donate</a>
</div>
</div>
<div class="separator" ></div>
<div class="item clearfix">
<div class="icon">
<img src="https://w2.chabad.org/media/images/1066/fhBi10663070.png" />
</div> 
<div class="title">Connect</div>
</div>
<div class="separator" ></div>
<div class="item clearfix">
<div class="icon">
<img src="https://w2.chabad.org/media/images/1066/SWte10663072.png" />
</div> 
<div class="title">Get Involved</div>
</div>
<div class="separator" ></div>
<div class="item last clearfix">
<div class="icon">
<a href="http://www.chabad.org" target="">
<img src="https://w2.chabad.org/media/images/1066/gppu10663073.png" />
</a>
</div> 
<div class="title">
<a href="http://www.chabad.org" target="">Learn Online</a>
</div>
</div></div></div>
</div>
</div>
<div class="hp-row">
<div class="widget-4 latest_photos custom v420 feed widget_index_3 loading" max_items="27">
<div class="wrapper">
<div class="widget_header">
<h5>Latest Photos</h5> 
</div>
<div class="widget_content">
</div></div>
</div>
</div>
</div></div><div class="clear" ></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
</div></div>


<div class="break_floats"></div>
</div>
</div>
</div>
<div id="footer">


<div class="wrapper body_container">
<div class="g960 footer_family_text bottom_padding">
<div class="footer_container footer_text copyright_text">
<div class="bottom_padding clear_float">
<img class="footer_hr" src="https://w2.chabad.org/images/global/spacer.gif" vspace="12" width="100%" height="1" /><br />
<div class="footer_inner_container clearfix">
<div class="footer3">
<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>
<div class="cs-f-social-icons">
<a href="https://www.facebook.com/DowntownChabadCLE" class="fa fa-facebook facebook_homepage" title="Facebook"></a>
<a href="https://wa.me/12164465111" class="fa fa-whatsapp whatsapp_homepage" title="Whatsapp"></a>
<a href="https://www.instagram.com/cypcleveland" 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=278824AF"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery.defaultValue.min.js?v=062F8985"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery.prettyPhoto.js?v=DEFC22CC"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery.cycle.all.js?v=2752F760"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/co/dist/CoLib.js?v=CC07618E"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js?v=5457FBE7"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/templates/sites6.js?v=E04072E1"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/primarynavigation.js?v=76ABCD73"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/BetaFeedback.js?v=2A22CA16"></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 type="text/javascript" src="https://w2.chabad.org/scripts/js/os/enscroll-0.6.2.min.js?v=DA18A45D"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/runenscroll.js?v=C938FABF"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/templates/LatestPhotos.js?v=C7ACBA61"></script><script>$j = $j.fn ? $j : jQuery;$j(()=>{$q.forEach(f=>{try{f.call(window);}catch(ex){console.error(ex);}});})</script>

<script>
var Images = [];
/*
There may be multiple latest_photos, so try to initialize the object and images only once.
This may need to change if/when we'll have multiple latest_photos loading image data from different sources.
*/
if( typeof(latestPhotos) == "undefined" )
{
latestPhotos = new LatestPhotos(Images);
latestPhotos.ReadMoreLink = '2427444';
latestPhotos.ReadMoreText = 'See More Photos';
Co.DomEvents.AddListener(window, "domload", function ()
{
latestPhotos.PopulatePhotos();
});
}
//Photogallery Lightbox: http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/
var pretty = jQuery("a[rel^='prettyPhoto']");
if( pretty.prettyPhoto )
{
pretty.prettyPhoto({
show_title: false,
overlay_gallery: true
});
}
</script>
<script>
$j = jQuery.noConflict(); //prevent conflict with prototype javascript library
$j(function ()
{
if ($j.fn.cycle) /* switch to jquery.cycle.all.js to have the graphic scroll */
{
$j('.slider').cycle({
fx: 'scrollHorz',
pause: 1000,
speed: 500,
timeout: 5000,
slideExpr: '.slide_wrapper',
caption: '.cycle-caption',
pager: '.cycle-controlNav',
rev: true,
directionNav: true,
activePagerClass: 'active'
});
}
});
</script>
<script  language="javascript" type="text/javascript"> Co.Settings      = {CacheClassName:'js-cache-default',MosadName:'Downtown Chabad & CYP Cleveland'}; Co.ArticleId     = '4467904';Co.SectionId     = 4467904;Co.PartnerSiteId = 0;Co.SiteId        = 9427;Co.IsMobilePage  = false;Co.IsResponsive  = false;Co.DbDomain      = 'DowntownChabad.com';Co.LanguageCode  = 'en-US';Co.LoginStatus   = 'None';</script><script>
function getAlert(items, index) {
			return items.filter('[data-alert-index=' + index + ']');
		}

		$j(function () {
			var alertItems = $j(".js-sitewide-alert-item");

			if (alertItems.length < 2) {
				return;
			}

			var heighestIndex = alertItems.length - 1;
			var currentItemIndex = 0;
			setInterval(function () {
				getAlert(alertItems, currentItemIndex).fadeToggle(function () {
					currentItemIndex = currentItemIndex == heighestIndex ? 0 : currentItemIndex + 1;
					getAlert(alertItems, currentItemIndex).fadeToggle();
				});
			}, 4000);
		});
</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><!-- END CACHE -->