<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="en" />

<meta property="og:image" content="https://w2.chabad.org/media/images/1101/Gveq11016265.png" itemprop="image" width="150" height="150" />
<meta property="og:image:width" content="150" />
<meta property="og:image:height" content="150" />
<meta name="keywords" content="Cleveland,Lights" />
<meta name="title" content="Cleveland Lights - Downtown Chabad &amp; CYP Cleveland" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="2253037-2253045-2265417-4963259" />
<meta name="article-keywords" content="16669-6760-1675-1709-2471-1674-2170-2898" />
<meta name="scope-aid" content="2253037" />
<meta name="scope-aid" content="2253045" />
<meta name="scope-aid" content="2265417" />
<meta name="scope-aid" content="4963259" />
<meta name="article-keyword" content="16669" />
<meta name="article-keyword" content="6760" />
<meta name="article-keyword" content="1675" />
<meta name="article-keyword" content="1709" />
<meta name="article-keyword" content="2471" />
<meta name="article-keyword" content="1674" />
<meta name="article-keyword" content="2170" />
<meta name="article-keyword" content="2898" />
<meta property="og:url" content="https://www.downtownchabad.com/templates/articlecco_cdo/aid/4963259/jewish/Cleveland-Lights.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Cleveland Lights - Downtown Chabad &amp; CYP Cleveland" /><link rel="canonical" href="https://www.downtownchabad.com/templates/articlecco_cdo/aid/4963259/jewish/Cleveland-Lights.htm" />
<link rel="icon" type="image/png" href="https://www.downtownchabad.com/media/images/1101/Gveq11016265.png" />
<link rel="Stylesheet" href="/css/fonts/font-awesome/font-awesome-5.css" id="kfont-awesome" type="text/css"/>
<link rel="Stylesheet" href="/css/DefaultGrid.css" id="kgrid" type="text/css"/>
<link rel="Stylesheet" href="/css/Elements.css" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites.css" id="ksites-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/new/main.css" id="k7" type="text/css"/>
<link rel="Stylesheet" href="/css/old/global.css" id="k2898" type="text/css"/>
<link rel="Stylesheet" href="/css/bootstrap/grid.css" id="kbootstrap4-grid" type="text/css"/>
<link rel="Stylesheet" href="/css/Library/reader-comments.css" id="kCommentsStylesheet" type="text/css"/>
<link rel="Stylesheet" href="/css/inline/BookInfo.css" id="kBookInfoCss" type="text/css"/>

<script>$q=[];$j=function(f){$q.push(f);}</script> 
	
	<style type="text/css">
		body{margin:0;}
	</style>
	


<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2020-12-04","primaryArticleId":4963259,"title":"","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"General Events","contentLevel3":"Cleveland Lights","siteName":"Downtown Chabad & CYP Cleveland"},"time":{"upcomingHoliday":"The Three Weeks","daysToUpcomingHoliday":1,"hebrewDate":"5786-04-16"}});
		dataLayer.push({ 'articleHierarchy': '-2253037-2253045-2265417-4963259-', 'keywords': '-k2898-k2170-k1674-k2471-k1709-k1675-k6760-k16669-', 'k': '-2253037-2253045-2265417-4963259--k2898-k2170-k1674-k2471-k1709-k1675-k6760-k16669-' });
	
</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>

<script>
  !function(f,b,e,v,n,t,s)
  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  n.queue=[];t=b.createElement(e);t.async=!0;
  t.src=v;s=b.getElementsByTagName(e)[0];
  s.parentNode.insertBefore(t,s)}(window, document,'script',
  'https://connect.facebook.net/en_US/fbevents.js');
  fbq('init', '394463774349788');
  fbq('track', 'PageView');
</script><script>
if (window.location.href.includes(4970020)) {
	const address = document.querySelector("#address");
	const addressLabel = document.querySelector("label[for=address]");
	const city = document.querySelector("#city");
	const cityLabel = document.querySelector("label[for=city]");
	const state = document.querySelector("#state");
	const stateLabel = document.querySelector("label[for=state]");
	const zip = document.querySelector("#zip");
	const zipLabel = document.querySelector("label[for=zip]");
	if (address) {
		address.required = true;
		addressLabel.innerHTML = 'Address<span class="req">*</span>';
	}
	if (city) {
		city.required = true;
		cityLabel.innerHTML = 'City<span class="req">*</span>';
	}
	if (state) {
		state.required = true;
		stateLabel.innerHTML = 'State<span class="req">*</span>';
	}
	if (zip) {
		zip.required = true;
		zipLabel.innerHTML = 'Zip Code<span class="req">*</span>';
	}
}
</script><script>
document.addEventListener('DOMContentLoaded', (event) => {
    console.log('Script loaded and DOM content is ready.');

    if (location.pathname.toLowerCase().includes('chai')) {
        console.log('URL contains "chai". Proceeding with logic.');

        let monthlyInputs = document.querySelectorAll('input[value="Monthly"]');
        console.log('Found monthly inputs:', monthlyInputs.length, 'element(s).');

        if (monthlyInputs.length > 0) {
            monthlyInputs.forEach(e => {
                console.log('Processing input element:', e);

                // Set the checkbox to checked
                e.checked = true;
                console.log('Input checked status after setting:', e.checked);

                // Find the closest parent div with the class 'form-single-column'
                let parentDiv = e.closest('.form-single-column');

                if (parentDiv) {
                    console.log('Found parent div to hide:', parentDiv);
                    // Apply styles to hide the element
                    parentDiv.style.cssText = 'height:0 !important; overflow:hidden !important; padding:0 !important; margin:0 !important;';
                    console.log('Parent div hiding styles applied.');
                } else {
                    console.error('Could not find parent div with class "form-single-column" for input:', e);
                }
            });
        } else {
            console.log('No input elements with value="Monthly" found.');
        }
    } else {
        console.log('URL does NOT contain "chai". Script logic skipped.');
    }
});
</script><title>
	Cleveland Lights - Downtown Chabad & CYP Cleveland
</title></head>
<body class="lang_en dir_ltr cco_body cco_templateless_page">
	
	
		<div width="100%" class="cco_templateless_template" style="z-index:100 !important;display:block !important;left:0px !important;top:0px !important;height:30px!important;width:100% !important;line-height:30px !important; position:relative !important; margin-bottom:0 !important; padding:0;text-indent: 25px;" align="Left"><a href="//www.DowntownChabad.com" style="display:block!important;font-size:14px !important;">&laquo; Back to&nbsp;Downtown Chabad & CYP Cleveland</a></div>
	
	<div class="cco_templatelates_content">
		
	<div id="cco_body">
		<div class="content  no_margin no_overflow" id="co_content_container">
			
			
	

	<article class="content js-content" itemscope itemtype="http://schema.org/Article">
	



<meta itemprop="mainEntityOfPage headline name" content="" />

<meta itemprop="image" content="" />


<meta itemprop="uploadDate" content="2020-12-04T00:36:29" />
<span itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
	<meta itemprop="name" content="Downtown Chabad &amp; CYP Cleveland" />
	<meta itemprop="brand" content="Downtown Chabad &amp; CYP Cleveland" />
	<span itemprop="logo" itemscope itemtype="http://schema.org/ImageObject">
		<meta itemprop="url" content="https://w2.chabad.org/media/images/1101/Gveq11016265.png" />
		<meta itemprop="height" content="150" />
		<meta itemprop="width" content="150" />
	</span>
</span>
<meta itemprop="datePublished" content="2020-12-04T00:36:29" />
			<div itemprop="articleBody">
				<co:body xmlns:co="www1.chabadonline.com/alpha1" xmlns:ext="urn:xslt-extensions">
  <div class="co_body article-body cf">
<p style="text-align: center;">
<iframe id="ls_embed_1607539923" src="https://livestream.com/accounts/26830596/events/9438969/player?width=640&amp;height=360&amp;enableInfoAndActivity=true&amp;defaultDrawer=&amp;autoPlay=true&amp;mute=false" width="640px" height="360px" frameborder="0" scrolling="no" allowfullscreen=""></iframe>
    </p>
<p style="text-align: center;">
<span style="font-size: 10px;">
<em>On some mobile browsers you may need to view page in "Desktop mode," then put video on full screen.</em></span></p>
<p style="text-align: center;">Share a photo of your Menorah tonight with hashtag #clemenorah or email it to clemenorah@gmail.com to be featured live!</p>
<p style="text-align: center;">
<strong>A project of Downtown Chabad and the Friendship Circle of Cleveland</strong></p>
<p style="text-align: center;">
<img src="https://w2.chabad.org/media/images/1144/wXBd11441793.jpg" alt="Cleveland Menorah" real_width="2500" real_height="3333" border="0" width="800" height="1067"></p>
<p style="text-align: center;">
<span style="font-size: 28px;"></span><span style="font-size: 28px;"></span><span style="font-size: 36px;"></span><strong>
<span style="">
<a href="https://docs.google.com/forms/d/e/1FAIpQLSd6MQyM4xbmBhajSeHtV6oHsIVDkmJJNWC4IXUFNfddN2Tjrw/viewform"><span style="font-family: 'Trebuchet MS'; color: rgb(51, 51, 51); font-size: 36px;">Request A Menorah Kit Here</span></a></span></strong></p>
<p style="text-align: center;"> </p>
</div>
</co:body>
			</div>
			

			<div class="break_floats"></div>
			
	<div class="break_floats"></div>
	

<div class="content-footer">
	
	
	
	
	
	
</div>
	</article>

		</div>
	</div>

	</div>

	<div id="BodyContainer">
		<div class="g960 footer">
			<div class="poweredby large_bottom_margin">
				



	<div class="footer3">
		<span class="footer-title" >Downtown Chabad & CYP Cleveland</span>
		<div class="footer-address">
			<span class="footer-street">1111 Superior Avenue E Suite 1320</span>
			<span class="footer-city-state">Cleveland, OH 44114</span>
		</div>
			<span>216-446-5111</span>
	</div>
	<img src="https://w2.chabad.org/images/global/spacer.gif" width="1" height="6" border="0" /><br />



Powered by <a href="https://www.chabad.org/" target="_new" class="">Chabad.org</a> &copy; 1993-2026 <a href="/4026210" target="_blank" class="privacy-link">Privacy Policy</a>




			</div>
		</div>
	</div>
	
	
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery-latest.min.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/co/dist/CoLib.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/multimedia/infolayer.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/commentsloader.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/subscribeprompt.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/deprecated.js?v=4.1.3"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/OverrideJSDocumentWrite.js"></script><script>$j = $j.fn ? $j : jQuery;$j(()=>{$q.forEach(f=>{try{f.call(window);}catch(ex){console.error(ex);}});})</script>
<script  language="javascript" type="text/javascript"> Co.Settings      = {CacheClassName:'js-cache-default',MosadName:'Downtown Chabad & CYP Cleveland'}; Co.ArticleId     = '4963259';Co.SectionId     = 2265417;Co.PartnerSiteId = 0;Co.SiteId        = 9427;Co.IsMobilePage  = false;Co.IsResponsive  = false;Co.DbDomain      = 'DowntownChabad.com';Co.LanguageCode  = '';Co.LoginStatus   = 'None';</script>
	
	
<script>
// This is a self-executing anonymous function. It runs automatically without being called
// and helps prevent conflicts with other scripts on your website by keeping variables private.
(function() {

    // --- Configuration ---
    // Define the exact URL where the custom styles and scripts should be applied.
    const targetURL = 'https://www.downtownchabad.com/templates/articlecco_cdo/aid/2786696/jewish/The-Chai-Society.htm';

    // --- URL Check ---
    // Check if the browser's current URL matches the target URL.
    // The rest of the code inside this 'if' block will only run on that specific page.
    if (window.location.href === targetURL) {

        // --- CSS Injection ---
        // All of your custom CSS rules are combined into a single string.
        const customCSS = `
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
div#total_amount {font-size: 50px !important;}
.co_body .content .form-all .form-captcha INPUT, .co_body .content .form-all .form-textarea, .co_body .content .form-all .form-textbox:not(.form-checkbox-other-input):not(.form-radio-other-input), .co_body .content .form-all .form-upload {border: #770208 solid 2px !important;}
.form-label-left label{font-family: 'Stinger Trial' !important;}
label{font-family: Stoke !important;}
#co_content_container > div > div.master-content-wrapper.g960{display: none !important;}
            /* General Promo Section Styles */
            .promo-section-container {
                width: 100%;
                max-width: 1200px;
                margin: 0 auto;
                padding: 2em;
            }
            .form-textbox{FONT-SIZE: 1.2rem!important;}
            .promo-items-wrapper {
                display: flex;
                justify-content: space-around;
                align-items: flex-start;
                flex-wrap: wrap;
                gap: 2em;
            }
            .promo-item {
                flex: 1;
                min-width: 280px;
                max-width: 320px;
                display: flex;
                flex-direction: column;
                align-items: center;
                text-align: center;
                padding: 1.5em;
                box-sizing: border-box;
            }
            .promo-item-icon {
                width: 100px;
                height: 100px;
                object-fit: cover;
                margin-bottom: 1.5em;
            }
            .promo-item-heading {
                color: #770208;
                font-size: 28px;
                font-weight: 700;
                margin-bottom: 0.5em;
                font-family: 'Stinger Trial', serif;
            }
            .promo-item-description {
                color: #333;
                font-size: 18px;
                line-height: 1.6;
                font-family: Stoke, sans-serif;
            }

            /* Hero Image and Content Styles */
            .hero-image-container {
                width: 100%;
                overflow: hidden;
                border-bottom-left-radius: 50% 20%;
                border-bottom-right-radius: 50% 20%;
                line-height: 0;
            }
            .hero-image {
                width: 100%;
                height: auto;
                display: block;
            }
            .content-container {
                text-align: center;
                padding: 0 2rem 3rem 2rem;
                margin-top: -8%;
                position: relative;
                z-index: 10;
            }
            .logo-wrapper {
                margin-bottom: 1.5rem;
            }
            .logo-image {
                width: 249px;
                height: auto;
                object-fit: contain;
                padding: 5px;
            }
            #text_12 > h1 {
                font-size: clamp(1.75rem, 5vw, 5.75rem);
                font-weight: 400;
                font-family: 'Stinger Trial', sans-serif;
                color: #1a1a1a;
                margin: 0 0 0.75rem 0;
                line-height: 1.2;
            }
            .main-heading strong {
                font-weight: 700;
            }
            #text_12 > p.sub-heading {
                font-size: clamp(0.9rem, 2.5vw, 2.1rem);
                color: #555555;
                font-family: 'Stinger Trial', sans-serif;
                margin: 0 auto;
            }
            #co_content_container > div > div.body_wrapper.clearfix.co_body{
                background-color: #F0EEDF !important;
            }

            /* Donation Card Styles */
            #id_8 {
                display: flex;
                flex-direction: column;
            }
            #label_8 {
                order: -1;
                text-align: center;
                margin-bottom: 20px;
                width: 100% !important;
            }
            #label_8 > label {
                font-family: 'Stinger Trial', sans-serif;
                font-size: 40px;
                font-weight: 600;
            }
            #cid_8 .form-multiple-column {
                display: grid !important;
                grid-template-columns: repeat(2, 1fr) !important;
                gap: 15px !important;
                width: 50% !important;
                padding-left: 30% !important;
            }
            #cid_8 .clearfix {
                display: none !important;
            }
            #cid_8 .form-radio-item {
                position: relative !important;
                background: white !important;
                border-radius: 12px !important;
                box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important;
                transition: all 0.2s ease !important;
                border: 3px solid transparent !important;
                box-sizing: border-box !important;
                height: 160px !important;
                width: 100% !important;
            }
            #cid_8 .form-radio-item:hover {
                transform: translateY(-4px) !important;
                box-shadow: 0 6px 20px rgba(0,0,0,0.1) !important;
            }
            #cid_8 .form-radio {
                position: absolute !important;
                opacity: 0 !important;
                width: 1px !important;
                height: 1px !important;
            }
            #cid_8 .form-radio-item label {
                display: flex !important;
                flex-direction: column !important;
                justify-content: center !important;
                align-items: center !important;
                width: 100% !important;
                height: 100% !important;
                padding: 15px !important;
                cursor: pointer !important;
                box-sizing: border-box !important;
            }
            #cid_8 .form-radio-item:not(:last-child) label::before {
                content: "Tier" !important;
                color: #770208 !important;
                font-family: 'Stinger Trial', sans-serif !important;
                font-size: 32px !important;
                margin-bottom: 8px !important;
            }
            #cid_8 .form-multiple-column > span:nth-child(1) > label::before { content: 'Tier Four' !important; }
            #cid_8 .form-multiple-column > span:nth-child(3) > label::before { content: 'Tier Three' !important; }
            #cid_8 .form-multiple-column > span:nth-child(5) > label::before { content: 'Tier Two' !important; }
            #cid_8 .form-multiple-column > span:nth-child(7) > label::before { content: 'Tier One' !important; }

            #cid_8 .form-radio-item label span {
                font-family: 'Stoke', serif !important;
                font-size: 60px !important;
                font-weight: 700 !important;
                color: #000 !important;
                display: flex !important;
                align-items: baseline !important;
                white-space: nowrap !important;
            }
            #cid_8 .form-radio-item:not(:last-child) label span::after {
                content: "/ mo" !important;
                font-family: 'Montserrat', sans-serif !important;
                font-size: 24px !important;
                font-weight: 400 !important;
                color: #333 !important;
                margin-left: 8px !important;
            }
            #cid_8 .form-radio-item.selected {
                border-color: #770208 !important;
            }
            #cid_8 .form-multiple-column > span:last-of-type {
                grid-column: 1 / -1 !important;
                height: 80px !important;
            }
            #cid_8 .other-amount-label {
                flex-direction: row !important;
                justify-content: space-between !important;
                font-size: 28px !important;
                font-style: italic !important;
                color: rgba(0,0,0,0.55) !important;
                font-family: 'Stinger Trial', sans-serif !important;
            }
            #cid_8 .form-radio-other-input {
                border: none !important;
                outline: none !important;
                background: transparent !important;
                font-family: Stoke, sans-serif !important;
                font-size: 28px !important;
                color: rgba(0,0,0,0.8) !important;
                width: 58% !important;
                text-align: right !important;
                box-sizing: border-box !important;
                padding-top: 21px !important;
            }
            #cid_8 .form-radio-other-input::placeholder {
                color: rgba(0,0,0,0.55) !important;
            }

            /* Chai Members List Styles */
            .chai-members-container {
                width: 100%;
                padding: 2em;
                border-radius: 8px;
                text-align: center;
            }
            .chai-main-title {
                color: #222222;
                font-size: 2.5em;
                font-weight: 700;
                margin-bottom: 1.5em;
                line-height: 1.2;
                font-family: 'Stinger Trial', serif;
            }
            .chai-highlight-text {
                color: #770208;
            }
            .chai-tier-heading {
                color: #770208;
                font-size: 1.8em;
                font-weight: 700;
                margin-top: 2em;
                margin-bottom: 0.8em;
                font-family: 'Stinger Trial', serif;
            }
            .chai-member-list {
                color: #222222;
                font-size: 1.1em;
                line-height: 1.6;
                margin-bottom: 1em;
                font-family: 'Stinger Trial', serif;
            }

            /* Donate Button Styles */
            .donate-button-container {
                text-align: center;
            }
            .donate-button {
                display: inline-block;
                padding: 15px 40px;
                background-color: #770208;
                color: #ffffff;
                font-family: 'Stinger Trial', sans-serif;
                font-size: 24px;
                font-weight: 700;
                text-decoration: none;
                border-radius: 8px;
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
                transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
                cursor: pointer;
                border: none;
            }
            .donate-button:hover {
                background-color: #92030b;
                transform: translateY(-2px);
                box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
            }
            .donate-button:active {
                background-color: #5e0106;
                transform: translateY(0);
                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
            }

            /* --- Responsive Media Queries --- */
            @media (max-width: 768px) {
       
                .hero-image-container {
                    border-bottom-left-radius: 50% 15%;
                    border-bottom-right-radius: 50% 15%;
                }
                .content-container { margin-top: -12%; }
                .promo-item-heading { font-size: 24px; }
                .promo-item-description { font-size: 16px; }
                .promo-section-container { padding: 1em; }
                #label_8 > label { font-size: 32px; }
                #cid_8 .form-multiple-column { width: 70% !important; padding-left: 15% !important; }
                #cid_8 .form-radio-item { height: 140px !important; }
                #cid_8 .form-radio-item label::before { font-size: 28px !important; }
                #cid_8 .form-radio-item label span { font-size: 50px !important; }
                #cid_8 .form-radio-item:not(:last-child) label span::after { font-size: 20px !important; }
                #cid_8 .other-amount-label { font-size: 24px !important; }
                #cid_8 .form-radio-other-input { font-size: 24px !important; padding-top: 15px !important; }
                .chai-main-title { font-size: 2em; }
                .chai-tier-heading { font-size: 1.5em; }
                .chai-member-list { font-size: 1em; }
                .chai-members-container { padding: 1.5em; }
                .donate-button { padding: 12px 30px; font-size: 20px; }
            }
@media (max-width: 600px) {
        .co_body .content .form-all .form-line {
padding-left: 5% !important;
            padding-right: 5% !important;
        }}


            @media (max-width: 480px) {
                .hero-image-container {
                    border-bottom-left-radius: 50% 10%;
                    border-bottom-right-radius: 50% 10%;
                }
                .content-container { margin-top: -18%; padding: 0 1rem 2rem 1rem; }
                .logo-image { width: 120px; height: 120px; }
                #text_12 > h1 { font-size: 2.5em; }
                #text_12 > p.sub-heading { font-size: 1.5em; }
                .promo-items-wrapper { flex-direction: column; align-items: center; }
                .promo-item { min-width: unset; max-width: 90%; width: 100%; }
                .promo-item-heading { font-size: 22px; }
                .promo-item-description { font-size: 15px; }
                #label_8 > label { font-size: 28px; }
                #cid_8 .form-multiple-column { grid-template-columns: 1fr !important; width: 90% !important; padding-left: 17% !important; padding-right: 5% !important; }
                #cid_8 .form-radio-item { height: 120px !important; }
                #cid_8 .form-radio-item label::before { font-size: 24px !important; }
                #cid_8 .form-radio-item label span { font-size: 40px !important; }
                #cid_8 .form-radio-item:not(:last-child) label span::after { font-size: 18px !important; }
                #cid_8 .other-amount-label { font-size: 20px !important; }
                #cid_8 .form-radio-other-input { font-size: 20px !important; padding-top: 10px !important; }
                .chai-main-title { font-size: 1.5em; }
                .chai-tier-heading { font-size: 1.3em; }
                .chai-member-list { font-size: 0.9em; }
                .chai-members-container { padding: 1em; }
                .donate-button { padding: 10px 25px; font-size: 18px; width: 80%; max-width: 250px; }
            }
        `;

        // A new <style> element is created dynamically in JavaScript.
        const styleElement = document.createElement('style');
        styleElement.type = 'text/css';

        // The combined CSS string is inserted into the new <style> element.
        styleElement.appendChild(document.createTextNode(customCSS));

        // The new <style> element is appended to the <head> of the document, applying all the styles.
        document.head.appendChild(styleElement);


        // --- JavaScript Execution ---
        // This function contains all the interactive logic from your scripts.
        function runPageEnhancements() {

            // --- Logic for Donation Card Selection ---
            const formItems = document.querySelectorAll('#cid_8 .form-radio-item');
            const radioButtons = document.querySelectorAll('#cid_8 .form-radio');

            radioButtons.forEach(radio => {
                radio.addEventListener('change', () => {
                    formItems.forEach(item => item.classList.remove('selected'));
                    if (radio.checked) {
                        // Find the parent .form-radio-item to apply the 'selected' class
                        let parent = radio.closest('.form-radio-item');
                        if (parent) {
                            parent.classList.add('selected');
                        }
                    }
                });
            });

            // --- Logic for "Other Amount" Input Field ---
            const otherTextInput = document.getElementById('input_8');
            const otherRadio = document.getElementById('other_8');

            if (otherTextInput && otherRadio) {
                const otherCard = otherTextInput.closest('.form-radio-item');

                // Function to enable the input, fighting against other scripts that might disable it.
                const enableInput = () => {
                    if (otherTextInput.hasAttribute('disabled')) {
                        otherTextInput.removeAttribute('disabled');
                    }
                };
                
                // Enable it right away.
                enableInput();

                // Use a MutationObserver to watch for changes to the 'disabled' attribute.
                // If another script adds 'disabled', this will immediately remove it.
                const observer = new MutationObserver((mutationsList) => {
                    for (const mutation of mutationsList) {
                        if (mutation.type === 'attributes' && mutation.attributeName === 'disabled') {
                            enableInput();
                        }
                    }
                });
                observer.observe(otherTextInput, { attributes: true });

                // Add a click listener to the entire "Other" card to select its radio
                // button and focus the text input for a better user experience.
                if (otherCard) {
                    otherCard.addEventListener('click', function(e) {
                        if (!otherRadio.checked) {
                            otherRadio.checked = true;
                            // Dispatch a 'change' event so the selection logic above runs.
                            otherRadio.dispatchEvent(new Event('change', { bubbles: true }));
                        }
                        // Focus the input field unless the user clicked directly on it.
                        if (e.target !== otherTextInput) {
                            otherTextInput.focus();
                        }
                    });
                }
            } else {
                console.warn('JotForm "Other Amount" input or radio button not found.');
            }

            // --- Logic for Smooth-Scrolling Donate Button ---
            const scrollButton = document.getElementById('scrollDonateButton');
            if (scrollButton) {
                scrollButton.addEventListener('click', function(event) {
                    event.preventDefault(); // Prevent default link behavior
                    const targetElement = document.getElementById('id_7'); // The form section to scroll to
                    if (targetElement) {
                        targetElement.scrollIntoView({
                            behavior: 'smooth',
                            block: 'center'
                        });
                    } else {
                        console.warn('Scroll target element with ID "id_3" not found.');
                    }
                });
            }
        }

        // --- DOM Ready Check ---
        // It's important to wait until the page's HTML structure is fully loaded before
        // trying to find and manipulate elements with JavaScript.
        if (document.readyState === 'loading') {
            // If the page is still loading, wait for the DOMContentLoaded event.
            document.addEventListener('DOMContentLoaded', runPageEnhancements);
        } else {
            // If the DOM is already loaded, run the function immediately.
            runPageEnhancements();
        }
    }
})();
</script>
</body>
</html>