<!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="chabad brown" />
<meta name="description" content="Serving the Jewish community at Brown University and Rhode Island School of Design" />
<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/1060/AfFw10607231.jpg" itemprop="image" width="500" height="500" />
<meta property="og:image:width" content="500" />
<meta property="og:image:height" content="500" />
<meta name="exclude-custom-search" content="true" />
<meta name="scope-aids" content="561783-6134622" />
<meta name="article-keywords" content="9928-537-2170-2898" />
<meta name="scope-aid" content="561783" />
<meta name="scope-aid" content="6134622" />
<meta name="article-keyword" content="9928" />
<meta name="article-keyword" content="537" />
<meta name="article-keyword" content="2170" />
<meta name="article-keyword" content="2898" />
<meta property="og:url" content="https://www.chabadbrown.com/" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Chabad of College Hill" />
<link rel="icon" type="image/jpg" href="https://www.chabadbrown.com/media/images/1060/AfFw10607231.jpg" />
<link rel="canonical" href="https://www.chabadbrown.com/" />
<link rel="Stylesheet" href="/css/fonts/font-awesome/font-awesome-5.css?g=30&v=2D6ABDDB" id="kfont-awesome" type="text/css"/>
<link rel="Stylesheet" href="/css/DefaultGrid.css?g=30&v=A13D74E8" id="kgrid" type="text/css"/>
<link rel="Stylesheet" href="/css/Elements.css?g=30&v=7A8278DB" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites.css?g=30&v=E85A5000" id="ksites-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites-light.css?g=30&v=E925C647" id="ksites-light-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/new/main.css?g=30&v=9BBF50E5" id="k7" type="text/css"/>
<link rel="Stylesheet" href="/css/global.css?g=30&v=27BD2E9E" id="k3" type="text/css"/>
<link rel="Stylesheet" href="/css/global-print.css?g=30&v=40836E98" id="k5" type="text/css" media="print"/>
<link rel="Stylesheet" href="/css/cco/home/widget-styles.css?g=30&v=A8AC7A58" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/sites6/default-theme.css?g=30&v=546A0139" id="k" type="text/css"/>
<link rel="Stylesheet" href="/css/old/global.css?g=30&v=43DDBA77" id="k2898" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/home/default/prettyPhoto.min.css?g=30&v=E5A10EA0" id="kprettyPhoto" type="text/css"/>
<!--[if lte IE 8]> <link rel="Stylesheet" href="/css/global-ie.css?g=30&v=807ACD6C" id="k4" type="text/css"/> <![endif]-->
<!--[if lte IE 8]> <link rel="Stylesheet" href="/css/cco/IEfix.css?g=30&v=26E38FB6" id="kfix IE7 styling issues" type="text/css"/> <![endif]-->
<!-- Co:JsonLdResources --><script>$q=[];$j=function(f){$q.push(f);}</script><title>
The Rohr Chabad House Serving Brown University, RISD and J&W
</title>








<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2023-10-18","primaryArticleId":6134622,"title":"Custom Home Page (9142)","author":"","authorId":0,"siteName":"Chabad of College Hill "},"time":{"upcomingHoliday":"Chanukah","daysToUpcomingHoliday":52,"hebrewDate":"5787-08-03"}});
		dataLayer.push({ 'articleHierarchy': '-561783-6134622-', 'keywords': '-k2898-k2170-k537-k9928-', 'k': '-561783-6134622--k2898-k2170-k537-k9928-' });
	
</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 = 2895156;var sc_partition = 29;var sc_invisible = 1;var sc_remove_link=1;var sc_security = "82d637e3";var sc_https = 1;
	</script>
	<script type="text/javascript" src="https://secure.statcounter.com/counter/counter_xhtml.js" defer async></script>
	<noscript><img src="//c30.statcounter.com/counter.php?sc_project=2895156&amp;java=0&amp;security=82d637e3&amp;invisible=1" border="0" /> </noscript>
	<!-- End of StatCounter Code -->


<script>
(function() {
// 0. URL CHECK
if (!window.location.href.includes("Templates/ArticleCcoResponse_cdo/aid/7353314")) {
return;
}
// --- CONFIGURATION ---
const GOOGLE_SCRIPT_URL = "https://script.google.com/macros/s/AKfycbxevpoQEZZtBFyc2XyHZnVARVwBMnbK_xtTw5DWf_UOpH_Kamdcl8ZirAxUG5Wtjnb7Cg/exec"; 
console.log("Scraper Script Loaded. Waiting for table...");
// 1. Helper to clean text
function cleanText(text) {
if (!text) return "";
return text.replace(/[\r\n]+/g, " ").trim();
}
// 2. Helper to get all table data
function getTableData() {
let data = {};
let rows = document.querySelectorAll('table.response_table tr');
rows.forEach(row => {
let labelCell = row.querySelector('td.field_name');
let valueCell = row.querySelector('td.field_value');
if (labelCell && valueCell) {
let key = cleanText(labelCell.innerText).toLowerCase();
let val = cleanText(valueCell.innerText);
data[key] = val;
}
});
return data;
}
// 3. Helper to extract numbers
function extractAmount(str) {
if (!str) return 0;
let cleaned = str.replace(/[^0-9.]/g, ''); 
let val = parseFloat(cleaned);
return isNaN(val) ? 0 : val;
}
function calculateTierFromAmount(amount) {
// Top Tiers
if (amount >= 1000) return "Chai Legacy";
if (amount >= 770) return "Chai Founder";
// Mid Tiers
if (amount >= 360) return "Chai Benefactor";
if (amount >= 180) return "Chai Pillar";
if (amount >= 108) return "Chai Platinum";
// Base Tiers
if (amount >= 72) return "Chai Gold";
if (amount >= 36) return "Chai Silver";
if (amount >= 18) return "Chai Bronze";
// Fallback for amounts under $18
return "Chai Partner"; 
}
// --- MAIN LOGIC ---
function tryScrape() {
let data = getTableData();
// CHECK: Do we have the Submission ID yet?
let submissionId = data["submission id"];
if (!submissionId) {
return false; // Table not loaded yet, keep waiting
}
// CHECK: Duplicates
if (localStorage.getItem("scraped_" + submissionId)) {
console.warn("STOPPING: Already processed ID " + submissionId);
return true; // Stop retrying, we are done
}
console.log("Table found! Processing...");
// A. NAME & ANONYMOUS LOGIC
let nameKey = Object.keys(data).find(k => k.includes("name to be displayed"));
let originalName = nameKey ? data[nameKey] : "Anonymous";
let finalName = "Anonymous"; // Default to Anonymous to be safe
// Check for "checkbo 7" (specific spelling) or "donate anonymously" label
let anonKey = Object.keys(data).find(k => k.includes("checkbo7") || k.includes("donate anonymously"));
let anonValue = anonKey ? data[anonKey] : "";
// UPDATED LOGIC: 
// If it explicitly says "No (Unchecked)", we SHOW the name.
// Otherwise (Checked, Yes, etc.), we hide it.
if (anonValue && anonValue.toLowerCase().includes("no (unchecked)")) {
finalName = originalName;
} else {
// It is checked, or explicitly anonymous
finalName = "Anonymous";
}
// B. LEVEL LOGIC
let tierKey = Object.keys(data).find(k => k.includes("choose a tier"));
let tierValue = tierKey ? data[tierKey] : "";
let amount = extractAmount(tierValue);
// If 0, try Total/Paid fields
if (amount === 0) {
let totalKey = Object.keys(data).find(k => k.includes("total amount") || k.includes("paid"));
if (totalKey) {
amount = extractAmount(data[totalKey]);
}
}
// CHECK: SKIP IF LESS THAN 100
if (amount < 100) {
console.log(`Skipping submission ID ${submissionId} - Amount ($${amount}) is less than $100.`);
// Mark as processed so we don't keep trying to find/send it
localStorage.setItem("scraped_" + submissionId, "true"); 
return true; // Return true to stop the retry interval
}
let level = calculateTierFromAmount(amount);
// C. DATE LOGIC (Month Year)
let dateKey = Object.keys(data).find(k => k.includes("submission date"));
let dateStr = dateKey ? data[dateKey] : "";
let finalDate = "";
if (dateStr) {
let dateObj = new Date(dateStr);
if (!isNaN(dateObj.getTime())) {
// Formatting: "December 2025"
let month = dateObj.toLocaleString('default', { month: 'long' });
let year = dateObj.getFullYear();
finalDate = `${month} ${year}`;
} else {
finalDate = dateStr;
}
}
// SEND
console.log(`Sending: ${finalName} | ${level} | ${finalDate}`);
fetch(GOOGLE_SCRIPT_URL, {
method: "POST",
mode: "no-cors",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ name: finalName, level: level, month: finalDate })
})
.then(() => {
localStorage.setItem("scraped_" + submissionId, "true");
console.log("%c SUCCESS! Data sent.", "background: #4CAF50; color: #fff;");
})
.catch(err => console.error("Error:", err));
return true; // Success, stop retrying
}
// --- RETRY LOOP ---
// Check every 500ms for the table
let attempts = 0;
let interval = setInterval(() => {
attempts++;
let done = tryScrape();
if (done) {
clearInterval(interval);
} else if (attempts > 20) { 
// Stop after 10 seconds (20 attempts)
console.log("Gave up waiting for table after 10 seconds.");
clearInterval(interval);
}
}, 500);
})();
</script>
</head>
<body class="lang_en dir_ltr home cco_body">




<div id="PrintCreditHeader" class="show_for_print">
Printed from<b>ChabadBrown.com</b>
</div>
<div id="header">
<div class="wrapper header-wrapper">
<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 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/1060/AfFw10607231.jpg" width="100" height="100" border="0" /></a></div>
<a href="/default.asp" title="Chabad of College Hill " class="site_title">Chabad of College Hill <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":"W32-NYC1","Url":"https://www.chabadbrown.com/calendar/view/day.aspx?tdate=11/3/2026&mode=j","AppPath":"ChabadOnline.dll","Version":{"Built":"2026-10-12T15:35:57.8061445-04:00","Branch":"main","Configuration":"Release","Machine":""}},"Created":"2026-10-13T11:30:58.6670118-04:00","Expire":"2026-10-16T11:30:58.6670118-04:00","CachePath":"\\UserControls\\Modules\\PrimaryNavigation.ascx\\T3686_en.htm"}-->
<script>
var primaryNavigationVersion = "639292680000000000";
</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="4095081" 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/campus/article_cdo/aid/4128702/jewish/Sinai-ScholarsSociety.htm" class="item empty" id="menu_item1-1" data-menu-level="2" data-aid="4128702">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Sinai Scholars Society</span>
</a>
<a href="/templates/campus/article_cdo/aid/4095082/jewish/Shabbat-Dinner.htm" class="item empty" id="menu_item1-2" data-menu-level="2" data-aid="4095082">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Shabbat Dinner </span>
</a>
<a href="/templates/articlecco_cdo/aid/6583680/jewish/Jewish-U.htm" class="item empty" id="menu_item1-3" data-menu-level="2" data-aid="6583680">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Jewish U</span>
</a>
<a href="/templates/articlecco_cdo/aid/6583697/jewish/BINAH.htm" class="item" id="menu_item1-4" data-menu-level="2" data-aid="6583697">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>BINAH</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" 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/6660324/jewish/Join-the-Bina-group.htm" class="child_item default" data-menu-level="3" data-aid="6660324"><span>Join the Bina group!</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/campus/article_cdo/aid/4095081/jewish/Programs.htm" class="parent">Programs</a></div></span><a href="/templates/campus/article_cdo/aid/4095081/jewish/Programs.htm" class="bg_extension js-parent-menu-link" data-aid="4095081"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item" aid="6644611" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="https://www.chabadbrown.com/calendar/view/month.htm" class="parent">Calander</a></div></span><a href="https://www.chabadbrown.com/calendar/view/month.htm" class="bg_extension js-parent-menu-link" data-aid="6644611"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item" aid="7353314" 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="/templates/articlecco_cdo/aid/7353314/jewish/Chai-Club-Form.htm" class="parent">Chai&nbsp;Club<br />Form</a></div></span><a href="/templates/articlecco_cdo/aid/7353314/jewish/Chai-Club-Form.htm" class="bg_extension js-parent-menu-link" data-aid="7353314"></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 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-4 promo_slider custom v380 feed hide_controls">
<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="https://www.instagram.com/chabadatbrown/">
<img src="https://w2.chabad.org/media/images/1290/VySI12906089.jpg" alt="" /></a>
</div>
</div>
<ul class="captionList">
<li id="" class="cycle-html-caption caption-0">
<span>
<big>Shalom!</big>
</span>
<a href="https://www.instagram.com/chabadatbrown/" class="readMore" target="">Welcome!</a>
</li>
</ul>
</div>
</div></div>
</div>
</div>
<div class="hp-row">
<div class="sneak-peek-container clearfix">
<div class="sneak-peek-item item-1 even g480 no_margin">
<div class="widget-1 sneak_peek custom v200 feed">
<div class="wrapper">
<div class="widget_content">
<h6 class="title_only">
<a target="" href="/4095082">Shabbat Dinner </a>
</h6>
<a href="/4095082" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/964/MKux9644968.jpg);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
</div>
<div class="sneak-peek-item item-2 odd g480">
<div class="widget-1 sneak_peek custom v200 feed">
<div class="wrapper">
<div class="widget_content">
<h6 class="title_only">
<a target="" href="/6583680">Jewish U</a>
</h6>
<a href="/6583680" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1119/RiuI11199727.jpg);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
</div><div class="clear" ></div>
<div class="sneak-peek-item item-3 even g480 no_margin">
<div class="widget-1 sneak_peek custom v200 feed">
<div class="wrapper">
<div class="widget_content">
<h6>
<a target="" href="/6583697">BINAH</a>
</h6>
<p>Jewish women at Brown </p>
<a href="/6583697" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1290/AZuG12906108.png);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
</div>
<div class="sneak-peek-item item-4 odd g480">
<div class="widget-1 sneak_peek custom v200 feed">
<div class="wrapper">
<div class="widget_content">
<h6 class="title_only">
<a target="" href="/4128702">Sinai Scholars Society</a>
</h6>
<a href="/4128702" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1309/XXQM13092479.jpg);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
</div><div class="clear" ></div>
</div>
</div>
<div class="hp-row">
<div class="widget-1 latest_photos custom v400 feed widget_index_2 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 class="hp-row">
<script type="text/javascript">
$j(function() {
function fixWidgetBodyHeight(widget_selector) {
var $j = jQuery;
$j(widget_selector).each(function() {
var headHeight = $j(this).find(".wrapper > .widget_header").outerHeight();
var footHeight = $j(this).find(".wrapper > .widget_footer").outerHeight();
var wrapHeight = $j(this).children(".wrapper").outerHeight();
var widgetbody = $j(this).find(".wrapper > .widget_content");
var padding = widgetbody.outerHeight() - widgetbody.height();
widgetbody.height(wrapHeight - (headHeight + footHeight) - padding);
});
}
fixWidgetBodyHeight(".upcoming_events");
});
</script>
<div class="widget-1 upcoming_events custom v400 feed">
<div class="wrapper">
<div class="widget_header">
<h5>Upcoming Events</h5> 
</div>
<div class="widget_content list_format make_scrollable"><div id="noRecordsText">There are no upcoming events posted at this time.</div>
</div></div>
</div>
</div>
<div class="hp-row hp_subscribe">
<div class="widget-4 subscribe custom v280 feed">
<div class="wrapper">
<div class="widget_header">
<h5>Join our mailing list</h5> 
</div>
<div class="widget_content"><div id="formContainer">
<form novalidate="true" action="" method="get" onsubmit="return submitHeaderSubscribe(this, document.getElementById('formContainer'), document.getElementById('response'))" target=""><script>
var recaptchaIsEnterprise = false;
var recaptchaV2Key = "6LcG_TcUAAAAAKAVgwgW39ujc9OCjXSoQYFIA-Su";
</script>
<input type="hidden" class="js-recaptcha-input" name="cdo-captcha-response" value="" data-div-id="b4d721b1-6477-48bc-9a48-10aa6e8fca7f" data-processed="false" />
<div class="js-recaptcha-wrapper" id="b4d721b1-6477-48bc-9a48-10aa6e8fca7f" ></div> 
<fieldset>
<label for="Fname">First Name</label>
<input id="Fname" type="text" name="fname" maxlength="50" placeholder="First Name" class="co_global_input" required="visible" vmessage="Please enter first name" />
<label for="Lname">Last Name</label>
<input id="Lname" type="text" name="lname" maxlength="50" placeholder="Last Name" class="co_global_input" required="visible" vmessage="Please enter last name" />
<label for="Email">Email Address</label>
<input id="Email" type="email" name="email" placeholder="Email Address" class="co_global_input" required="true" data_type="email" vmessage="Please enter a valid email address" />
<input type="submit" id="submit" name="submit" value="Subscribe" class="buttonStyle1" />
<small>Weekly articles in your inbox</small>
<input type="hidden" name="subscriptionid" id="subscriptionid" value="55878" />
</fieldset>
</form>
</div>
<small id="response" style="display:none;height:147px;" ></small></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></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" >Chabad of College Hill </span>
<div class="footer-address">
<span class="footer-street">14 Olive Street </span>
<span class="footer-city-state">Providence, RI 02906</span>
</div>
<span>401-743-4725</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://wa.me/4017434725" class="fa fa-whatsapp whatsapp_homepage" title="Whatsapp"></a>
<a href="https://www.instagram.com/chabadatbrown" 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?g=30&v=278824AF"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery.defaultValue.min.js?g=30&v=062F8985"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery.prettyPhoto.js?g=30&v=DEFC22CC"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery.cycle.all.js?g=30&v=2752F760"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/co/dist/CoLib.js?g=30&v=CC07618E"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js?g=30&v=D2E99F73"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/templates/sites6.js?g=30&v=E04072E1"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/primarynavigation.js?g=30&v=76ABCD73"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/BetaFeedback.js?g=30&v=2A22CA16"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/subscribeprompt.js?g=30&v=86D84DC2"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/deprecated.js?v=D506A83E&g=30"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/OverrideJSDocumentWrite.js?g=30&v=9A0227AA"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/enscroll-0.6.2.min.js?g=30&v=DA18A45D"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/runenscroll.js?g=30&v=C938FABF"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/templates/LatestPhotos.js?g=30&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 = [{"height":750,"width":564,"src":"https://w2.chabad.org/media/images/1323/KscG13234577.jpg","href":"/article.asp?aid=6818431#photoid=13234578","created_date":"2025-06-09T18:31:47.043","updated_time":null,"caption":"Photos"},{"height":750,"width":564,"src":"https://w2.chabad.org/media/images/1323/ECQx13234575.jpg","href":"/article.asp?aid=6818431#photoid=13234576","created_date":"2025-06-09T18:31:45.593","updated_time":null,"caption":"Photos"},{"height":750,"width":564,"src":"https://w2.chabad.org/media/images/1323/QRYv13234573.jpg","href":"/article.asp?aid=6818431#photoid=13234574","created_date":"2025-06-09T18:31:44.19","updated_time":null,"caption":"Photos"},{"height":750,"width":564,"src":"https://w2.chabad.org/media/images/1323/iQQx13234571.jpg","href":"/article.asp?aid=6818431#photoid=13234572","created_date":"2025-06-09T18:31:42.41","updated_time":null,"caption":"Photos"},{"height":750,"width":564,"src":"https://w2.chabad.org/media/images/1323/kFtb13234569.jpg","href":"/article.asp?aid=6818431#photoid=13234570","created_date":"2025-06-09T18:31:40.647","updated_time":null,"caption":"Photos"},{"height":750,"width":565,"src":"https://w2.chabad.org/media/images/1323/CpoG13234567.jpg","href":"/article.asp?aid=6818431#photoid=13234568","created_date":"2025-06-09T18:31:39.21","updated_time":null,"caption":"Photos"},{"height":750,"width":564,"src":"https://w2.chabad.org/media/images/1323/qQhx13234565.jpg","href":"/article.asp?aid=6818431#photoid=13234566","created_date":"2025-06-09T18:31:37.5","updated_time":null,"caption":"Photos"},{"height":750,"width":565,"src":"https://w2.chabad.org/media/images/1323/mIyI13234563.jpg","href":"/article.asp?aid=6818431#photoid=13234564","created_date":"2025-06-09T18:31:35.713","updated_time":null,"caption":"Photos"},{"height":750,"width":565,"src":"https://w2.chabad.org/media/images/1323/dJeN13234561.jpg","href":"/article.asp?aid=6818431#photoid=13234562","created_date":"2025-06-09T18:31:33.673","updated_time":null,"caption":"Photos"},{"height":750,"width":564,"src":"https://w2.chabad.org/media/images/1323/OsVw13234559.jpg","href":"/article.asp?aid=6818431#photoid=13234560","created_date":"2025-06-09T18:31:32.283","updated_time":null,"caption":"Photos"},{"height":750,"width":565,"src":"https://w2.chabad.org/media/images/1323/herO13234555.jpg","href":"/article.asp?aid=6818431#photoid=13234556","created_date":"2025-06-09T18:31:29.07","updated_time":null,"caption":"Photos"},{"height":750,"width":564,"src":"https://w2.chabad.org/media/images/1323/rIav13234553.jpg","href":"/article.asp?aid=6818431#photoid=13234554","created_date":"2025-06-09T18:31:27.287","updated_time":null,"caption":"Photos"},{"height":750,"width":565,"src":"https://w2.chabad.org/media/images/1323/hBuf13234551.jpg","href":"/article.asp?aid=6818431#photoid=13234552","created_date":"2025-06-09T18:31:25.767","updated_time":null,"caption":"Photos"},{"height":750,"width":564,"src":"https://w2.chabad.org/media/images/1323/qFDD13234549.jpg","href":"/article.asp?aid=6818431#photoid=13234550","created_date":"2025-06-09T18:31:23.68","updated_time":null,"caption":"Photos"},{"height":750,"width":565,"src":"https://w2.chabad.org/media/images/1323/ueuw13234547.jpg","href":"/article.asp?aid=6818431#photoid=13234548","created_date":"2025-06-09T18:31:20.24","updated_time":null,"caption":"Photos"},{"height":750,"width":564,"src":"https://w2.chabad.org/media/images/1323/Ghif13234545.jpg","href":"/article.asp?aid=6818431#photoid=13234546","created_date":"2025-06-09T18:31:18.723","updated_time":null,"caption":"Photos"},{"height":750,"width":565,"src":"https://w2.chabad.org/media/images/1323/ORPc13234543.jpg","href":"/article.asp?aid=6818431#photoid=13234544","created_date":"2025-06-09T18:31:17.39","updated_time":null,"caption":"Photos"},{"height":750,"width":565,"src":"https://w2.chabad.org/media/images/1323/laoG13234541.jpg","href":"/article.asp?aid=6818431#photoid=13234542","created_date":"2025-06-09T18:31:15.55","updated_time":null,"caption":"Photos"},{"height":750,"width":565,"src":"https://w2.chabad.org/media/images/1323/IJol13234539.jpg","href":"/article.asp?aid=6818431#photoid=13234540","created_date":"2025-06-09T18:31:13.49","updated_time":null,"caption":"Photos"},{"height":750,"width":564,"src":"https://w2.chabad.org/media/images/1323/xMyq13234537.jpg","href":"/article.asp?aid=6818431#photoid=13234538","created_date":"2025-06-09T18:31:11.533","updated_time":null,"caption":"Photos"},{"height":750,"width":970,"src":"https://w2.chabad.org/media/images/1319/RIVf13196591.png","href":"/article.asp?aid=6818431#photoid=13196592","created_date":"2025-05-05T15:51:29.73","updated_time":null,"caption":"Photos"},{"height":750,"width":970,"src":"https://w2.chabad.org/media/images/1319/JUOd13196589.png","href":"/article.asp?aid=6818431#photoid=13196590","created_date":"2025-05-05T15:51:24.61","updated_time":null,"caption":"Photos"},{"height":750,"width":970,"src":"https://w2.chabad.org/media/images/1319/bqPs13196587.png","href":"/article.asp?aid=6818431#photoid=13196588","created_date":"2025-05-05T15:51:18.42","updated_time":null,"caption":"Photos"},{"height":750,"width":579,"src":"https://w2.chabad.org/media/images/1319/pIMV13196585.png","href":"/article.asp?aid=6818431#photoid=13196586","created_date":"2025-05-05T15:51:12.65","updated_time":null,"caption":"Photos"},{"height":750,"width":970,"src":"https://w2.chabad.org/media/images/1319/eBwY13196579.png","href":"/article.asp?aid=6818431#photoid=13196580","created_date":"2025-05-05T15:47:37.437","updated_time":null,"caption":"Photos"},{"height":750,"width":996,"src":"https://w2.chabad.org/media/images/1319/QUAd13196577.jpg","href":"/article.asp?aid=6818431#photoid=13196578","created_date":"2025-05-05T15:47:31.87","updated_time":null,"caption":"Photos"},{"height":750,"width":562,"src":"https://w2.chabad.org/media/images/1318/NmLX13189461.jpg","href":"/article.asp?aid=6818431#photoid=13189462","created_date":"2025-04-29T10:18:55.76","updated_time":null,"caption":"Photos"}];
/*
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 = '6659864';
latestPhotos.ReadMoreText = 'View All 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:'Chabad of College Hill '}; Co.ArticleId     = '6134622';Co.SectionId     = 6134622;Co.PartnerSiteId = 0;Co.SiteId        = 3686;Co.IsMobilePage  = false;Co.IsResponsive  = false;Co.DbDomain      = 'ChabadBrown.com';Co.LanguageCode  = 'en-US';Co.LoginStatus   = 'None';</script>

<script>
(function() {
// 0. URL CHECK
if (window.location.href.indexOf('7353314') === -1) { return; }
console.log("Bel Air Form Script: Initializing...");
// CONFIGURATION: GOOGLE SHEET
const GOOGLE_SHEET_CSV_URL = "https://docs.google.com/spreadsheets/d/e/2PACX-1vTG5nNyx3qYpe-T5WunB3pe4RifTCKl94irCWOvHufJMC1txHiRJak_y_7LmMnV8En9RYWecjE1CJsW/pub?output=csv"; 
// 1. STYLE INJECTION
var belairStyles = `
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Spectral:wght@300;400;500;600;700;800&family=Commissioner:wght@400;700;800&display=swap');
/* PAGE BACKGROUND UPDATE */
body { 
font-family: "Spectral", serif !important; 
color: rgb(66, 66, 66) !important; 
margin: 0 !important; 
background: #F7EDE3 !important; 
}
/* TOP BACK BAR OVERRIDES */
.cco_templateless_template {
background-color: #F7EDE3 !important;
font-family: "Outfit", sans-serif !important;
}
.cco_templateless_template a {
font-family: "Outfit", sans-serif !important;
color: #503D34 !important;
text-decoration: none !important;
font-weight: 500 !important;
}
.form-label-auto, .form-label-left, .form-label-right, .form-label-top {
font-family: "Outfit" !important;
font-size: 18px !important;
color: rgb(66, 66, 66) !important
}
/* Default: Hide Mobile images, Show Desktop images */
.belair-img-mobile { display: none !important; }
.belair-img-desktop { display: block !important; }
/* On screens smaller than 768px (Mobile): Hide Desktop, Show Mobile */
@media only screen and (max-width: 768px) {
.belair-img-mobile { display: block !important; }
.belair-img-desktop { display: none !important;}
.belair-chai-donors-wrapper{ width: 100% !important;}
.chai-belair-highlight {color: white !important;}
#cid_10 > table > tbody > tr:nth-child(3) > td > table > tbody > tr:nth-child(2) > td.cc_ccv > span {
margin-top: -15px !important;
}
}
/* --- NEW CHAI BELAIR STYLES --- */
.chai-belair-container { max-width: 1000px !important; margin: 0 auto 40px auto !important; width: 100% !important; box-sizing: border-box !important; }
.chai-belair-row-top { display: flex !important; gap: 20px !important; margin-bottom: 20px !important; align-items: stretch !important; }
.chai-belair-row-bottom { display: grid !important; grid-template-columns: 1fr 1fr 1fr !important; gap: 20px !important; }
/* CARD STYLES WITH OUTLINE */
.chai-belair-card { 
border-radius: 15px !important; 
padding: 30px !important; 
box-sizing: border-box !important; 
box-shadow: 5px 5px 0px #e69681 !important;
border: 2px solid #e69681 !important;
}
.chai-belair-bg-blue { background-color: #503D34 !important; color: #ffffff !important; }
.chai-belair-bg-white { background-color: #ffffff !important; color: #333333 !important; }
/* HEARTBEAT CARD SPECIFIC BACKGROUND */
#row-2 { background-color: #BF2025 !important; }
.chai-belair-gift-card { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 45% !important; }
.chai-belair-gift-icon-wrapper { margin-right: 20px !important; border-right: 2px solid rgba(255, 255, 255, 0.3) !important; padding-right: 20px !important; }
.chai-belair-icon-gift { width: 80px !important; height: auto !important; display: block !important; }
.chai-belair-title { font-family: 'Commissioner', sans-serif !important; font-weight: 700 !important; font-size: 28px !important; line-height: 1.2 !important; margin: 0 !important; color: #ffffff !important; }
.chai-belair-text-card { flex: 1 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; font-family: 'Spectral', serif !important; font-size: 17px !important; line-height: 1.5 !important; text-align: left !important; }
.chai-belair-text-card p { margin-bottom: 15px !important; margin-top: 0 !important; }
.chai-belair-text-card p:last-child { margin-bottom: 0 !important; }
/* Applied to the bold text in the Become A Chai Partner section */
.chai-belair-text-bold { font-weight: 700 !important; color: #503D34 !important; }
.chai-belair-feature-card { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; min-height: 200px !important; }
.chai-belair-icon-feature { height: 60px !important; width: auto !important; margin-bottom: 20px !important; object-fit: contain !important; }
.chai-belair-feature-text { font-family: 'Commissioner', sans-serif !important; font-size: 18px !important; line-height: 1.4 !important; margin: 0 !important; color: #503D34 !important; }
.chai-belair-bg-blue .chai-belair-feature-text { color: #ffffff !important; }
.chai-belair-highlight { color: #503D34; font-weight: 700 !important; }
.chai-belair-highlight-white { color: #ffffff; font-weight: 700 !important; }
@media (max-width: 768px) {
.chai-belair-row-top { flex-direction: column !important; }
.chai-belair-gift-card { flex: auto !important; justify-content: flex-start !important; }
.chai-belair-row-bottom { grid-template-columns: 1fr !important; }
#id_4 .form-sub-label-container {width: 45% !important;}
}
/* --- WRAPPER BOX STYLE (The Form) --- */
.belair-white-box {
background-color: #FFFFFF !important; 
border-radius: 15px !important;
padding: 40px !important;
max-width: 1000px !important; 
margin: 0 auto 40px auto !important;
box-sizing: border-box !important;
}
/* --- HEADER & NAV STYLES --- */
.belair-chai-container { font-family: "Spectral", serif !important; color: rgb(66, 66, 66) !important; width: 100% !important; margin: 0 auto !important; background-color: transparent !important; display: flex !important; flex-direction: column !important; align-items: center !important; }
.belair-chai-nav { display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 20px 0px !important; width: 100% !important; max-width: 1000px !important; box-sizing: border-box !important; }
.belair-chai-nav-left { display: flex !important; align-items: center !important; }
.belair-chai-nav-logo-top { height: 60px !important; width: auto !important; object-fit: contain !important; }
.belair-chai-nav-right { display: flex !important; gap: 30px !important; align-items: center !important; }
.belair-chai-nav-item { font-size: 20px !important; font-weight: 300 !important; text-transform: capitalize !important; cursor: pointer !important; white-space: nowrap !important; transition: color 0.3s !important; }
.belair-chai-nav-item:hover { color: #503D34 !important; }
/* HEADER TEXT UPDATE (CHAI PARTNER) */
.belair-chai-title-wrapper { 
display: flex !important; 
flex-direction: column !important; 
justify-content: center !important; 
line-height: 0.9 !important; 
text-align: left !important; 
}
.belair-chai-title-chai { 
font-family: 'Commissioner', sans-serif !important;
font-size: 140px !important; 
font-weight: 800 !important; 
color: #503D34 !important; 
text-transform: uppercase !important; 
text-shadow: 5px 5px 0px #e69681 !important;
}
.belair-chai-title-club { 
font-family: 'Commissioner', sans-serif !important;
font-size: 160px !important; 
font-weight: 800 !important; 
color: #BF2025 !important; 
text-transform: uppercase !important; 
letter-spacing: -2px !important; 
margin-left: 0 !important;
line-height: 0.8 !important;
text-shadow: 5px 5px 0px #e69681 !important;
}
/* HERO IMAGE HEIGHT */
.belair-chai-hero-image { 
width: 100% !important; 
max-width: 1000px !important; 
max-height: 650px !important; 
overflow: hidden !important; 
margin-bottom: 40px !important; 
padding: 0 !important; 
box-sizing: border-box !important; 
}
.belair-chai-hero-image img { 
width: 100% !important; 
height: 100% !important; 
object-fit: cover !important; 
display: block; 
border-radius: 8px !important;
}
.belair-chai-header-wrapper { display: flex !important; flex-direction: column !important; align-items: center !important; margin-bottom: 40px !important; text-align: center !important; }
.belair-chai-top-text { font-size: 30px !important; font-weight: 500 !important; letter-spacing: 0.1em !important; color: rgb(66, 66, 66) !important; text-transform: capitalize !important; margin-bottom: 20px !important; }
.belair-chai-title-section { display: flex !important; align-items: center !important; justify-content: center !important; gap: 20px !important; padding: 0 20px !important; }
.belair-chai-logo-img { width: 100% !important; height: auto !important; object-fit: contain !important; }
.belair-chai-cta-container { margin-bottom: 60px !important; }
.belair-chai-cta-btn-large { font-size: 28px !important; padding: 15px 40px !important; } 
/* --- BUTTONS --- */
.belair-btn-blue {
display: flex !important;
align-items: center !important;
gap: 12px !important;
background-color: #974633 !important;
color: #fff !important;
padding: 10px 24px !important;
border-radius: 50px !important;
font-weight: 600 !important;
font-size: 18px;
cursor: pointer !important;
text-decoration: none !important;
white-space: nowrap !important;
border: 2px solid #974633 !important;
transition: all 0.3s ease !important;
font-family: "Spectral", serif !important;
}
.belair-btn-blue:hover { background-color: #fff !important; color: #974633 !important; }
.belair-btn-blue svg { fill: #fff !important; width: 18px !important; height: 18px !important; }
.belair-btn-blue:hover svg { fill: #974633 !important; }
/* --- DONORS SECTION UPDATES --- */
.belair-chai-donors-wrapper { 
width: 1000px ; 
background-color: #974633 !important; /* Chai Partners Background */
padding: 60px 0 !important; 
border-top: 1px solid #eee !important; 
display: flex !important; 
flex-direction: column !important; 
align-items: center !important; 
text-align: center !important; 
scroll-margin-top: 80px !important;
border-radius: 15px !important;
}
.belair-chai-partners-title { 
font-size: 80px !important; 
margin-bottom: 15px !important; 
display: flex !important;
align-items: baseline !important;
gap: 10px !important;
line-height: 1 !important;
font-family: 'Spectral', serif !important; /* Changed to Spectral */
}
.word-chai {
font-weight: 800 !important;
color: #EBBCC1 !important; /* PINK COLOR */
text-transform: uppercase !important;
}
.word-partners {
font-weight: 300 !important;
color: #EBBCC1 !important; /* PINK COLOR */
text-transform: uppercase !important;
}
.belair-chai-partners-logo { width: 60px !important; margin-bottom: 10px !important; height: auto !important; }
.belair-chai-thank-you {
font-size: 22px !important;
font-weight: 400 !important;
color: #fff !important; 
margin-bottom: 10px !important;
display: flex !important;
align-items: center !important;
gap: 10px !important;
font-family: "Spectral", serif !important;
}
.thank-you-header-heart {
height: 30px !important;
width: 30px !important;
margin-right: 10px !important;
fill: #EBBCC1 !important; /* PINK HEART */
}
.belair-chai-active-count {
font-size: 18px !important;
font-weight: 300 !important;
color: #FFD0D5 !important; /* LIGHT PINK */
margin-bottom: 40px !important;
}
/* DONOR GRID */
.belair-chai-donors-grid {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 20px !important;
width: 100% !important;
max-width: 900px !important;
padding: 0 !important;
box-sizing: border-box !important;
}
/* DONOR CARD STYLES */
.belair-chai-donor-card {
background-color: #ECECEC !important; /* CHANGED FROM PINKISH TO ECECEC */
border-radius: 5px !important; 
padding: 25px 20px !important;
min-height: 120px !important;
text-align: left !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
box-shadow: none !important;
border: 3px solid #D1D1D1 !important; 
}
.belair-chai-card-top { margin-bottom: 15px !important; }
.belair-chai-name-row {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
margin-bottom: 5px !important;
}
.belair-chai-name { 
font-size: 20px !important; 
font-weight: 700 !important; 
color: rgb(57, 57, 57) !important; 
line-height: 1.2 !important;
}
.belair-chai-card-divider {
width: 100% !important;
height: 1px !important;
background-color: rgba(178, 95, 50, 0.2) !important;
margin: 10px 0 !important;
}
.belair-chai-level { 
font-size: 13px !important; 
text-transform: uppercase !important; 
color: rgb(100, 100, 100) !important; 
letter-spacing: 0.5px !important;
}
.belair-chai-card-bottom { 
font-size: 12px !important; 
font-weight: 600 !important; 
color: rgb(167, 167, 167) !important; 
display: flex !important;
align-items: center !important;
gap: 5px !important;
}
.donor-card-heart svg {
width: 14px !important;
height: 14px !important;
}
/* VIEW ALL BUTTON */
.belair-view-all-container {
width: 100% !important;
display: flex !important;
justify-content: center !important;
margin-top: 30px !important;
}
.belair-view-all-btn {
background: transparent !important;
border: 1px solid #fff !important; 
color: #fff !important;
padding: 10px 30px !important;
border-radius: 50px !important;
font-family: "Outfit", sans-serif !important;
font-weight: 600 !important;
cursor: pointer !important;
font-size: 14px !important;
display: flex !important;
align-items: center !important;
gap: 8px !important;
}
.belair-view-all-btn:hover {
background: #fff !important;
color: #C95E25 !important;
}
/* --- GENERAL FORM OVERRIDES --- */
.form-line { padding: 15px 0 !important; margin: 0 auto !important; max-width: 100% !important; box-sizing: border-box !important; display: block !important; }
.form-label, .form-sub-label { 
font-family: "Outfit", sans-serif !important; 
font-size: 16px !important; 
font-weight: 300 !important; 
color: #777 !important; 
margin-bottom: 8px !important; 
display: block !important; 
width: 100% !important; 
text-align: left !important;
float: none !important;
}
.form-address-table th { display: table-cell !important; color: #777 !important; font-weight: 600 !important; padding-bottom: 10px !important; text-align: left !important; }
.form-textbox, .form-dropdown, .form-textarea { 
width: 100% !important; 
max-width: 100% !important; 
padding: 12px 15px !important; 
border: 1px solid #ddd !important; 
border-radius: 6px !important; 
font-family: "Outfit", sans-serif !important; 
font-size: 16px !important; 
box-sizing: border-box !important; 
transition: border-color 0.3s !important; 
background-color: #f9f9f9 !important; 
}
.form-textbox:focus, .form-dropdown:focus { 
border-color: #503D34 !important; 
outline: none !important; 
background-color: #fff !important; 
}
/* --- TIER SECTION STYLES (id_1) --- */
#cid_1 .form-single-column {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 20px !important;
width: 100% !important;
}
#label_1 {
float: none !important;
display: block !important;
width: 100% !important;
text-align: center !important;
margin-bottom: 20px !important;
}
li#id_1 {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
}
.tier-card {
position: relative !important;
border-radius: 12px !important;
padding: 20px !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
min-height: 180px !important;
cursor: pointer !important;
transition: transform 0.2s !important;
box-sizing: border-box !important;
margin-bottom: 0 !important;
width: 100% !important;
border-width: 3px !important;
border-style: solid !important;
}
.form-submit-button {box-shadow: unset !important;}
.tier-card:hover { transform: translateY(-3px) !important; box-shadow: 0 5px 15px rgba(0,0,0,0.05) !important; }
.tier-card-orange { 
border: 2px solid #BF2025 !important; 
background-color: #FFFFFF !important; 
}
.tier-card-blue { 
border: 2px solid #503D34 !important; 
background-color: #FFFFFF !important; 
}
.tier-card-orange .tier-price { color: #BF2025 !important; }
.tier-card-blue .tier-price { color: #503D34 !important; }
.tier-card-orange:hover { 
background-color: #ECECEC !important; 
border: 2px solid #BF2025 !important; 
}
.tier-card-orange.tier-selected { 
background-color: #ECECEC !important; 
border: 4px solid #BF2025 !important; 
}
.tier-card-blue:hover { 
background-color: #ECECEC !important; 
border: 2px solid #503D34 !important; 
}
.tier-card-blue.tier-selected { 
background-color: #ECECEC !important; 
border: 4px solid #503D34 !important; 
}
.tier-card-other { grid-column: 1 / -1 !important; margin-top: 10px !important; }
.tier-card-other .tier-card-content { flex-direction: row !important; gap: 15px !important; justify-content: center !important; height: 5em !important;}
.tier-card-other .tier-name { margin-bottom: 0 !important; white-space: nowrap !important; }
.tier-other-wrapper { width: auto !important; flex-grow: 1 !important; max-width: 300px !important; }
.tier-card input[type="text"], .tier-card input[type="number"] { width: 100% !important; }
/* Custom Radio Buttons */
.tier-card input[type="radio"] { 
appearance: none !important;
width: 24px !important;
height: 24px !important;
border-radius: 50% !important;
border: 2px solid #ccc !important;
background: #fff !important;
cursor: pointer !important;
position: absolute !important;
top: 15px !important;
right: 15px !important;
}
.tier-card-orange input[type="radio"]:checked {
background-color: #BF2025 !important;
border-color: #BF2025 !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") !important;
}
.tier-card-blue input[type="radio"]:checked {
background-color: #503D34 !important;
border-color: #503D34 !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") !important;
}
.tier-card-content { display: flex !important; flex-direction: column !important; align-items: center !important; width: 100% !important; text-align: center !important; }
.tier-name { 
font-size: 18px !important; 
font-weight: 600 !important;
margin-bottom: 10px !important; 
color: #333 !important; 
text-transform: uppercase !important; 
letter-spacing: 0.5px !important; 
font-family: "Spectral", serif !important; 
}
.tier-line { width: 80% !important; height: 1px !important; background-color: rgba(0,0,0,0.1) !important; margin: 10px 0 !important; }
.tier-price { 
font-size: 16px !important; 
font-weight: 800 !important;
color: #555 !important; 
font-family: "Spectral", serif !important; 
}
.tier-main-title { font-size: 26px !important; font-weight: 800 !important; color: rgb(66, 66, 66) !important; margin-bottom: 5px !important; text-align: center !important; display: block !important; font-family: "Spectral", serif !important; }
.tier-sub-title { font-size: 18px !important; font-weight: 400 !important; color: #666 !important; margin-bottom: 25px !important; text-align: center !important; display: block !important; font-family: "Spectral", serif !important; }
.tier-other-wrapper { display: flex !important; align-items: center !important; justify-content: center !important; margin-top: 0 !important; }
.tier-currency { font-size: 18px !important; font-weight: 600 !important; margin-right: 2px !important; color: #503D34 !important; }
#cid_1 br, #cid_1 .clearfix { display: none !important; }
/* --- PAYMENT SECTION SPECIFIC STYLES --- */
#header_3, #header_4 {
text-align: center !important;
font-size: 32px !important;
color: rgb(66, 66, 66) !important;
font-family: "Spectral", serif !important;
font-weight: 700 !important;
margin: 10px 0 20px 0 !important;
position: relative !important;
padding-bottom: 15px !important;
display: block !important;
}
#id_4 .form-sub-label-container { width: 49%; display: inline-block !important; }
#id_4 .form-sub-label-container:first-child { margin-right: 1% !important; }
#id_4 [data-type="control_fullname"] { display: flex !important; gap: 10px !important; }
/* Make sure all labels display properly */
#id_4 .form-label-top, #id_5 .form-label-top, #id_6 .form-label-top, #id_7 .form-label-top {
float: none !important;
display: block !important;
text-align: left !important;
}
.form-input {
margin-left: 0 !important;
width: 100% !important;
}
/* TOTAL AMOUNT BOX / PAYMENT WRAPPER */
#id_9 { 
padding: 20px !important; 
margin-top: 20px !important; 
width: 100% !important; 
display: flex !important; 
flex-direction: column !important; 
background-color: #F6F6F6 !important;
border: 1px solid #D8D8D8 !important;
border-radius: 8px !important;
box-sizing: border-box !important;
}
#label_9 { font-family: "Outfit", sans-serif !important; font-size: 16px !important; color: rgb(66, 66, 66) !important; margin: 0 !important; }
#total_amount { font-size: 24px !important; font-weight: 700 !important; color: #503D34 !important; display: flex !important; align-items: baseline !important; font-family: "Outfit", sans-serif !important; }
#total_amount:after { content: "/Month" !important; font-size: 16px !important; color: #777 !important; font-weight: 400 !important; margin-left: 5px !important; text-transform: capitalize !important; } 
#div_offset_gift_9 { display: block !important; width: 100% !important; margin-top: 5px !important; text-align: center !important; }
/* ==========================================================
--- PAYMENT METHODS GRID STYLES (FIXED ALIGNMENT) --- 
========================================================== */
/* Remove box styles from Main Container */
#cid_9 {
background: transparent !important;
border: none !important;
border-radius: 0 !important;
padding: 0 !important;
margin-top: 10px !important;
box-sizing: border-box !important;
}
/* Flex Layout for Payment Method Cards */
#cid_9 .form-payment-methods {
display: flex !important;
flex-direction: row !important;
gap: 15px !important;
width: 100% !important;
margin-bottom: 20px !important;
padding: 0 !important;
box-sizing: border-box !important;
}
/* Individual Payment Cards */
#cid_9 .form-payment-methods .form-radio-item {
flex: 1 1 0 !important; /* Forces them to share row equally */
display: flex !important;
flex-direction: row-reverse !important;
justify-content: center !important;
align-items: center !important;
background-color: #fff !important;
border: 1px solid #D8D8D8 !important;
border-radius: 15px !important;
padding: 15px 10px !important;
cursor: pointer !important;
box-sizing: border-box !important;
float: none !important;
margin: 0 !important;
transition: all 0.2s ease;
}
.form-payment-methods .form-radio-item.active-payment-card {
background-color: #d3e9eb !important;
border-color: #95c3db !important;
}
.form-payment-methods label {
font-size: 16px !important;
font-family: 'Outfit', sans-serif !important;
color: #535353 !important;
cursor: pointer !important;
white-space: nowrap !important;
}
.form-payment-methods input[type="radio"] {
accent-color: #0000FF !important;
transform: scale(1.1) !important;
margin-left: 5px !important;
}
/* Force Table Elements to Block for Layout Control */
#cid_9 .form-address-table,
#cid_9 .form-address-table tbody {
display: block !important;
width: 100% !important;
}
.form-address-table {max-width: 100% !important;}
/* Only apply flex layout to visible rows (respect CMS .hide class) */
#cid_9 .form-address-table tr:not(.hide) {
display: flex !important;
flex-wrap: wrap !important;
width: 100% !important;
margin-bottom: 15px !important;
}
#cid_9 .form-address-table td {
padding: 0 !important;
width: 100% !important;
display: block !important;
}
/* Add box style to specific visible payment rows */
#cid_9 tr.credit_card:not(.hide),
#cid_9 tr.paypal:not(.hide),
#cid_9 tr.e_check:not(.hide),
#cid_9 tr.other:not(.hide),
#cid_9 tr.billing_address:not(.hide) {
border-radius: 8px !important;
padding: 0px !important;
box-sizing: border-box !important;
margin-top: 15px !important;
}
/* Payment Input Styles */
#cid_9 .form-textbox, 
#cid_9 .form-dropdown {
width: 100% !important;
max-width: 100% !important;
padding: 12px 15px !important;
border: 1px solid #ddd !important;
border-radius: 6px !important;
font-family: "Outfit", sans-serif !important;
font-size: 16px !important;
box-sizing: border-box !important;
background-color: #f9f9f9 !important;
transition: border-color 0.3s !important;
}
#cid_9 .form-textbox:focus, 
#cid_9 .form-dropdown:focus {
border-color: #3065B4 !important;
background-color: #fff !important;
outline: none !important;
}
/* Headers inside Payment (Credit Card, Billing Address) */
#cid_9 th {
font-family: "Outfit", sans-serif !important;
font-weight: 600 !important;
color: #535353 !important;
text-align: left !important;
padding-bottom: 10px !important;
display: block !important;
border-bottom: 1px solid #eee !important;
margin-bottom: 15px !important;
margin-top: 5px !important;
width: 100% !important;
}
/* Layout Fixes for CC Fields */
#cid_9 tr.credit_card:not(.hide) {
display: flex !important;
flex-direction: row !important;
gap: 15px !important;
}
#cid_9 tr.credit_card:not(.hide) td {
width: 50% !important;
padding: 0 !important;
margin: 0 !important;
display: block !important;
}
#cid_9 .cc-field-wrapper { width: 100% !important; }
#cid_9 .cc_ccv { width: 100% !important; margin-top: 0 !important; }
/* Sub-labels */
#cid_9 .form-sub-label {
font-family: "Outfit", sans-serif !important;
font-size: 14px !important;
color: #777 !important;
margin-top: 5px !important;
display: block !important;
}
/* --- SUBMIT BUTTON --- */
#id_2 { margin-top: 20px !important; padding-bottom: 20px !important; }
#input_2 {
width: 100% !important;
background-color: #974633 !important;
color: #fff !important;
font-family: "Spectral", serif !important;
font-size: 22px !important;
padding: 15px 25px !important;
border-radius: 50px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 15px !important;
position: relative !important;
cursor: pointer !important;
border: 2px solid #974633 !important;
transition: all 0.3s ease !important;
}
#input_2:hover {
background-color: #ffffff !important;
color: #974633 !important;
border-color: #974633 !important;
}
#input_2:hover .belair-submit-arrow svg {
fill: #974633 !important;
transition: fill 0.3s ease !important;
}
/* --- RESPONSIVE / MOBILE QUERIES --- */
@media (max-width: 768px) {
.belair-chai-nav { display: none !important; flex-direction: column !important; padding: 10px !important; }
.belair-chai-nav-right { flex-direction: column !important; gap: 15px !important; margin-top: 15px !important; }
.belair-white-box { padding: 20px !important; }
#row-1, #row-3 { background-color: #503D34 !important;}
.chai-belair-feature-text{ color: white !important;}
#row-2{ background-color: #BF2025 !important;}
.belair-chai-partners-title { font-size: 45px !important;}
.belair-chai-logo-img { width: 120px !important;}
.belair-chai-title-club { font-size: 80px !important;}
.belair-chai-title-chai { font-size: 70px !important;}
.belair-chai-donors-grid { grid-template-columns: 1fr 1fr !important; gap: 10px !important; width: 95% !important;} 
#cid_1 .form-single-column { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; }
.tier-card-other { grid-column: 1 / -1 !important; }
/* Make Payment methods wrap cleanly on mobile */
#cid_9 .form-payment-methods {
flex-wrap: wrap !important;
}
#cid_9 .form-payment-methods .form-radio-item {
flex: 0 0 calc(50% - 10px) !important;
}
}
/* --- SCROLL ANIMATION STYLES (NEW) --- */
.belair-animate-hidden {
opacity: 0;
transform: translateY(30px);
transition: opacity 0.8s ease-out, transform 0.8s ease-out;
will-change: opacity, transform;
}
.belair-animate-visible {
opacity: 1;
transform: translateY(0);
}
`;
// Inject the styles
var styleSheet = document.createElement("style");
styleSheet.textContent = belairStyles;
document.head.appendChild(styleSheet);
// 2. LOGIC: INJECT SVGS INTO HTML
// ----------------------------
function injectSVGs() {
const ARROW_SVG = `<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" fill="#ffffff">
<path d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"/>
</svg>`;
const arrowTargets = document.querySelectorAll('.box-arrow-target');
arrowTargets.forEach(el => { el.innerHTML = ARROW_SVG; });
const submitBtn = document.getElementById('input_2');
if(submitBtn && !submitBtn.querySelector('.belair-submit-arrow')) {
const arrowDiv = document.createElement('div');
arrowDiv.className = 'belair-submit-arrow'; 
arrowDiv.style.marginLeft = "12px";
arrowDiv.style.display = "flex";
arrowDiv.style.alignItems = "center";
arrowDiv.innerHTML = ARROW_SVG;
const overrideStyle = document.createElement('style');
overrideStyle.innerHTML = `#input_2::after { display: none !important; content: none !important; }`;
document.head.appendChild(overrideStyle);
submitBtn.appendChild(arrowDiv);
}
function scrollToTiers() {
var formStart = document.getElementById('id_1'); // Mapped to Tier Radio Buttons ID
if(formStart) formStart.scrollIntoView({behavior: 'smooth'});
else {
var cid1 = document.getElementById('cid_1');
if(cid1) cid1.scrollIntoView({behavior: 'smooth'});
}
}
var joinButtons = document.querySelectorAll('.nav-join-action');
joinButtons.forEach(function(btn) {
btn.addEventListener('click', function(e) {
e.preventDefault();
scrollToTiers();
});
});
}
// 3. LOGIC: FETCH AND RENDER DONORS
// ---------------------------------
function fetchAndRenderDonors() {
// Automatically inject missing grid container if it wasnt added into the custom HTML wrapper block
let grid = document.getElementById('belair-chai-donors-grid');
const countDisplay = document.getElementById('donor-count-display');
const viewAllBtn = document.getElementById('btn-view-all-donors');
if (!grid && countDisplay) {
grid = document.createElement('div');
grid.id = 'belair-chai-donors-grid';
grid.className = 'belair-chai-donors-grid';
countDisplay.parentNode.insertBefore(grid, viewAllBtn.parentNode);
}
if (!grid) return;
const HEART_ORANGE = `<svg viewBox="0 0 24 24" style="fill:#BF2025"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>`;
const HEART_BLUE = `<svg viewBox="0 0 24 24" style="fill:#503D34"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>`;
function csvToArray(str, delimiter = ",") {
const headers = str.slice(0, str.indexOf("\n")).split(delimiter).map(h => h.trim());
const rows = str.slice(str.indexOf("\n") + 1).split("\n");
return rows.map(function (row) {
const values = row.split(delimiter);
const el = headers.reduce(function (object, header, index) {
object[header] = values[index] ? values[index].trim() : "";
return object;
}, {});
return el;
});
}
function renderCards(data) {
var filteredData = data.filter(function(donor) {
var rawLevel = donor['Level'] || donor['Category'] || "";
var cleanLevel = rawLevel.replace(/^"|"$/g, '').trim().toLowerCase();
return cleanLevel !== 'no category';
});
grid.innerHTML = "";
countDisplay.innerText = `${filteredData.length} active partners`;
if (filteredData.length <= 9) { viewAllBtn.style.display = 'none'; } 
else { viewAllBtn.style.display = 'flex'; }
let showCount = 9;
let isExpanded = false;
function draw(limit) {
grid.innerHTML = ""; 
filteredData.forEach((donor, index) => {
if (index >= limit && limit !== -1) return;
let heartIcon = (index % 2 === 0) ? HEART_ORANGE : HEART_BLUE;
let name = donor['Name'] || donor['name'] || "Anonymous";
let rawLevel = donor['Level'] || donor['Category'] || "Chai Partner";
let level = rawLevel.replace(/^"|"$/g, '').trim(); 
let date = donor['Since'] || donor['Date'] || "Nov 2025";
let card = document.createElement('div');
card.className = 'belair-chai-donor-card';
card.innerHTML = `
<div class="belair-chai-card-top">
<div class="belair-chai-name-row">
<div class="belair-chai-name">${name}</div>
</div>
<div class="belair-chai-level">${level}</div>
</div>
<div class="belair-chai-card-divider"></div>
<div class="belair-chai-card-bottom">
<div class="donor-card-heart">${heartIcon}</div>
Partner since ${date}
</div>
`;
grid.appendChild(card);
});
}
draw(showCount);
viewAllBtn.addEventListener('click', function(e) {
e.preventDefault(); 
if (!isExpanded) {
draw(-1); 
viewAllBtn.innerHTML = `Show Less <span class="arrow-up"></span>`;
isExpanded = true;
} else {
draw(showCount); 
viewAllBtn.innerHTML = `View All <span class="arrow-down"></span>`;
isExpanded = false;
}
});
}
if (GOOGLE_SHEET_CSV_URL && GOOGLE_SHEET_CSV_URL.startsWith('http')) {
fetch(GOOGLE_SHEET_CSV_URL)
.then(response => response.text())
.then(text => {
const data = csvToArray(text);
renderCards(data);
})
.catch(err => { console.error("Error fetching sheet:", err); });
}
}
// 4. WRAP FORM
function wrapFormContent() {
var startElement = document.getElementById('id_1'); // Updated to Form Tiers ID
var endElement = document.getElementById('id_2'); // Submit Button
if (startElement && endElement) {
var parent = startElement.parentNode;
var wrapper = document.createElement('div');
wrapper.className = 'belair-white-box';
parent.insertBefore(wrapper, startElement);
var current = startElement;
var elementsToMove = [];
while (current) {
elementsToMove.push(current);
if (current === endElement) break;
current = current.nextElementSibling;
}
elementsToMove.forEach(function(el) { wrapper.appendChild(el); });
}
}
// 5. RESTRUCTURE TIERS
function restructureTierSection() {
var headerLabelContainer = document.querySelector('#label_1'); // Updated mapped ID
var headerLabel = headerLabelContainer ? headerLabelContainer.querySelector('label') : null;
if (headerLabel) {
var text = headerLabel.innerHTML; 
var parts = text.split('/n');
if (parts.length > 1) {
headerLabel.innerHTML = `
<span class="tier-main-title">${parts[0].trim()}</span>
<span class="tier-sub-title">${parts[1].trim()}</span>
`;
}
}
var container = document.querySelector('#cid_1 .form-single-column'); // Updated mapped ID
if (container) {
var items = container.querySelectorAll('.form-radio-item');
items.forEach(function(item, index) {
item.classList.add('tier-card');
item.addEventListener('click', function(e) {
items.forEach(i => i.classList.remove('tier-selected'));
item.classList.add('tier-selected');
if (e.target.tagName === 'INPUT') return;
var radio = item.querySelector('input[type="radio"]');
if (radio) radio.click(); 
var otherInput = item.querySelector('.form-radio-other-input');
if (otherInput) otherInput.focus();
});
if (index % 2 === 0) item.classList.add('tier-card-orange');
else item.classList.add('tier-card-blue');
var isOther = item.querySelector('.form-radio-other'); 
if (!isOther) {
var label = item.querySelector('label');
if (label) {
var fullText = label.innerText.trim(); 
var dollarIndex = fullText.lastIndexOf('$');
if (dollarIndex !== -1) {
var title = fullText.substring(0, dollarIndex).trim();
var price = fullText.substring(dollarIndex).trim();
label.innerHTML = `
<div class="tier-card-content">
<div class="tier-name">${title}</div>
<div class="tier-line"></div>
<div class="tier-price">${price}</div>
</div>
`;
}
}
}
});
}
}
// 6. ENHANCE PAYMENT
function enhancePaymentSection() {
var ccNumber = document.querySelector('[id*="cc_number"]');
if (ccNumber) ccNumber.placeholder = "0000 0000 0000 0000";
var ccCvv = document.querySelector('[id*="cc_ccv"]');
if (ccCvv) ccCvv.placeholder = "CVV";
var expiryRow = document.querySelector('.credit_card:last-of-type'); 
var cvvInput = document.getElementById('input_9_cc_ccv'); // Updated mapped ID
if (expiryRow && cvvInput) {
var cvvContainer = cvvInput.closest('td');
if (cvvContainer && cvvContainer.parentNode !== expiryRow) {
expiryRow.appendChild(cvvContainer);
}
}
// ===============================================
// --- NEW: PAYMENT METHOD SELECTION LOGIC ---
// ===============================================
var paymentMethodItems = document.querySelectorAll('#cid_9 .form-payment-methods .form-radio-item');
if (paymentMethodItems.length > 0) {
paymentMethodItems.forEach(function(item) {
item.addEventListener('click', function(e) {
// Remove active class from all
paymentMethodItems.forEach(i => i.classList.remove('active-payment-card'));
// Add active class to clicked item
item.classList.add('active-payment-card');
// Trigger native click on the radio button to open the form section
if (e.target.tagName !== 'INPUT') {
var radio = item.querySelector('input[type="radio"]');
if (radio && !radio.checked) {
radio.click(); // Fires the inline BuildSource onclick event
}
}
});
// Set initial active state based on default checked radio
var radio = item.querySelector('input[type="radio"]');
if (radio && radio.checked) {
item.classList.add('active-payment-card');
}
});
}
}
// 7. HIDE MONTHLY
function handleMonthlyRecurrence() {
// 1. Specifically target the Email field (id_8) to ensure it is visible 
// (overriding any inline styles that might have been applied by the builder)
var emailRow = document.getElementById('id_8');
if (emailRow) {
emailRow.style.setProperty('display', 'block', 'important');
emailRow.style.setProperty('visibility', 'visible', 'important');
}
// 2. Target the new Monthly Recurrence checkbox ID (id_9) to auto-check and hide it
var monthlyCheckbox = document.getElementById('input_9'); 
var monthlyRow = document.getElementById('id_9'); 
if (monthlyCheckbox) monthlyCheckbox.checked = true;
if (monthlyRow) {
// Using !important to guarantee it overrides any CSS classes mapping to #id_9
monthlyRow.style.setProperty('display', 'none', 'important');
monthlyRow.style.setProperty('visibility', 'hidden', 'important');
}
}
// 8. ANIMATION LOGIC (INTERSECTION OBSERVER)
function setupScrollAnimations() {
const observerOptions = {
root: null, 
rootMargin: '0px',
threshold: 0.1 
};
const observer = new IntersectionObserver((entries, observer) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add('belair-animate-visible');
observer.unobserve(entry.target); 
}
});
}, observerOptions);
const targets = [
'.belair-chai-nav', 
'.belair-chai-header-wrapper', 
'.belair-chai-hero-image', 
'.chai-belair-container', 
'.belair-chai-donors-wrapper', 
'#id_1', // Form: Tiers Section
'#id_4', // Form: Full Name
'#id_5', // Form: Display Name
'#id_9', // Form: Payment Details Container
'#id_2' // Form: Submit Button
];
targets.forEach(selector => {
const elements = document.querySelectorAll(selector);
elements.forEach(el => {
el.classList.add('belair-animate-hidden'); 
observer.observe(el); 
});
});
}
function init() {
injectSVGs();
handleMonthlyRecurrence();
fetchAndRenderDonors(); 
wrapFormContent(); 
restructureTierSection(); 
enhancePaymentSection(); 
// Trigger animations last
setupScrollAnimations();
}
window.addEventListener('load', init);
if (typeof jQuery !== 'undefined') { jQuery(document).ready(init); }
})();
</script>
</body>
</html><!-- END CACHE -->