<!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, jewish, jewish caribbean, jews, judaism, jewish st maarten, Jewish St Barths, Jewish Anguilla, Chabad Anguilla, jewish sint maarten, jewish saint martin, jews in st. maarten, shabbat dinner, " />
<meta name="description" content="Information for the Jewish tourists and visitors to the islands of St. Maarten St. Barths, Anguilla, Saba, and Statia" />
<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/1235/ZIjf12352137.png" itemprop="image" width="150" height="150" />
<meta property="og:image:width" content="150" />
<meta property="og:image:height" content="150" />
<meta name="exclude-custom-search" content="true" />
<meta name="scope-aids" content="995650-4823242" />
<meta name="article-keywords" content="9928-537-2170-2898" />
<meta name="scope-aid" content="995650" />
<meta name="scope-aid" content="4823242" />
<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.jewishsxm.com/" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Chabad of St. Maarten/Martin" />
<link rel="icon" type="image/png" href="https://www.jewishsxm.com/media/images/1235/ZIjf12352137.png" />
<link rel="canonical" href="https://www.jewishsxm.com/" />
<link rel="Stylesheet" href="/css/Library/reader-comments.css" id="kCommentsStylesheet" type="text/css"/>
<link rel="Stylesheet" href="/css/sections/calendar/calendarpicker.css" id="kcalendar" type="text/css"/>
<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/global.css" id="k3" type="text/css"/>
<link rel="Stylesheet" href="/css/global-print.css" id="k5" type="text/css" media="print"/>
<link rel="Stylesheet" href="/css/cco/home/widget-styles.css" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/sites6/blue-theme.css" id="k" type="text/css"/>
<link rel="Stylesheet" href="/css/old/global.css" id="k2898" type="text/css"/>
<!--[if lte IE 8]> <link rel="Stylesheet" href="/css/global-ie.css" id="k4" type="text/css"/> <![endif]-->
<!--[if lte IE 8]> <link rel="Stylesheet" href="/css/cco/IEfix.css" id="kfix IE7 styling issues" type="text/css"/> <![endif]-->
<!-- Co:JsonLdResources --><script>$q=[];$j=function(f){$q.push(f);}</script><title>
Chabad of St. Maarten/Martin chabad Anguilla
</title>








<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2020-07-28","primaryArticleId":4823242,"title":"Custom Home Page (9142)","author":"","authorId":0,"siteName":"Chabad of St. Maarten/Martin"},"time":{"upcomingHoliday":"The Three Weeks","daysToUpcomingHoliday":-1,"hebrewDate":"5786-04-18"}});
		dataLayer.push({ 'articleHierarchy': '-995650-4823242-', 'keywords': '-k2898-k2170-k537-k9928-', 'k': '-995650-4823242--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 = 5146407;var sc_partition = 56;var sc_invisible = 1;var sc_remove_link=1;var sc_security = "a5c06ee3";var sc_https = 1;
	</script>
	<script type="text/javascript" src="https://secure.statcounter.com/counter/counter_xhtml.js" defer async></script>
	<noscript><img src="//c57.statcounter.com/counter.php?sc_project=5146407&amp;java=0&amp;security=a5c06ee3&amp;invisible=1" border="0" /> </noscript>
	<!-- End of StatCounter Code -->


<link rel="stylesheet" href="https://achdusoperations.github.io/s.marteen/style.css">
<link rel="icon" type="image/png" href="https://jewishsxm.com/media/images/1181/DUqV11810877.png" />
<style>
html:has(meta[content*="Chanukah Jewish Carribbean Festival RSVP - Jewishsxm.com"]) #BodyContainer #co_content_container>.clearfix>.g960:not(.categorized) .article-header .article-header__title{
visibility:hidden !important;
}
html:has(meta[content*="Chanukah Jewish Carribbean Festival RSVP - Jewishsxm.com"]) #BodyContainer #co_content_container>.clearfix>.g960:not(.categorized){
background-color: #fff !important;
}
html:has(meta[content*="Chanukah Jewish Carribbean Festival RSVP - Jewishsxm.com"]) #BodyContainer #co_content_container>.clearfix>.g960:not(.categorized) .article-header .breadcrumbs .breadcrumbs__crumb{
visibility:hidden !important;
}
html:has(meta[content*="Chanukah Jewish Carribbean Festival RSVP - Jewishsxm.com"]) .chabad_header {
background-image: url("https://jewishsxm.com/media/images/1345/pjSu13456570.jpg");
background-size:cover !important;
}
html:has(meta[content*="Chanukah Jewish Carribbean Festival RSVP - Jewishsxm.com"]) .cco_templateless_page .chabad_header{
background-position:center 0px;
background-attachment:scroll;
}
html:has(meta[content*="Chanukah Jewish Carribbean Festival RSVP - Jewishsxm.com"]) .chabad_header .headerTitle a, html:has(meta[content*="Chanukah Jewish Carribbean Festival RSVP - Jewishsxm.com"]) .centerName , html:has(meta[content*="Chanukah Jewish Carribbean Festival RSVP - Jewishsxm.com"]) html body.cco_body .holidayDates, html:has(meta[content*="Chanukah Jewish Carribbean Festival RSVP - Jewishsxm.com"]) #chabad_head > div.chabad_header > div.holidayDates > div > div > div.widget_content{
visibility:hidden !important;
}
</style>
<style>
/* This style will be applied to the dates we want to block */
.disabled-day {
background-color: #f0f0f0 !important; /* A light grey background */
color: #b0b0b0 !important; /* Lighter text color */
text-decoration: line-through; /* Strike through the number */
pointer-events: none; /* Makes the date unclickable */
}
</style>
<script>
// This is the main function that runs when the page loads
window.addEventListener('load', function() {
// --- NEW: URL CHECK ---
// 1. Define the specific URL where the script should run.
const targetURL = 'https://www.jewishsxm.com/templates/articlecco_cdo/aid/6679432/jewish/Kosher-Take-Out-Order-Form.htm';
// 2. Check if the current page's URL matches the target URL.
if (window.location.href === targetURL) {
// If the URL matches, run the calendar logic.
console.log("URL matches. Initializing calendar blocker.");
setTimeout(setupCalendarListeners, 500);
} else {
// If the URL does NOT match, do nothing.
console.log("URL does not match. Calendar blocker will not run.");
}
// --- END OF URL CHECK ---
});
// All the functions below will now only be called if the URL check passes.
function setupCalendarListeners() {
runCalendarBlocker();
const calendar = document.querySelector('div.calendar.popup');
if (!calendar) {
console.error("Could not set up listeners because the calendar was not found.");
return;
}
calendar.addEventListener('mousedown', function(event) {
console.log('Calendar interaction detected on:', event.target);
const clickedCell = event.target.closest('td');
if (!clickedCell) {
return;
}
if (clickedCell.classList.contains('button') || clickedCell.classList.contains('otherDay')) {
console.log('Navigation action confirmed. Re-running blocker...');
setTimeout(runCalendarBlocker, 100);
}
});
}
function runCalendarBlocker() {
const apiKey = 'AIzaSyC42HJ9GmQhpKIKb7Fi2W5wyq8kB2a3bDk';
const calendarId = 'c_e1076b632353bfef49c0292901e03d5307763f54cb2662b5c9d088d12989e482@group.calendar.google.com';
let datesToDisable = [];
for (let i = 0; i <= 2; i++) {
const date = new Date();
date.setDate(date.getDate() + i);
datesToDisable.push(date.toISOString().split('T')[0]);
}
const now = new Date();
const firstDayOfMonth = new Date(now.getFullYear(), now.getMonth(), 1);
const timeMin = firstDayOfMonth.toISOString();
const apiUrl = `https://www.googleapis.com/calendar/v3/calendars/${encodeURIComponent(calendarId)}/events?key=${apiKey}&singleEvents=true&timeMin=${timeMin}`;
fetch(apiUrl)
.then(response => response.json())
.then(data => {
if (data.items) {
data.items.forEach(event => {
const startDate = new Date(event.start.date || event.start.dateTime);
const endDate = new Date(event.end.date || event.end.dateTime);
let currentDate = startDate;
while (currentDate < endDate) {
const dateString = currentDate.toISOString().split('T')[0];
if (!datesToDisable.includes(dateString)) {
datesToDisable.push(dateString);
}
currentDate.setDate(currentDate.getDate() + 1);
}
});
}
})
.catch(error => console.error('Error fetching calendar dates:', error))
.finally(() => {
console.log("Final list of dates to disable:", datesToDisable);
applyDisabledStyles(datesToDisable);
});
}
function applyDisabledStyles(disabledDates) {
const calendar = document.querySelector('div.calendar.popup');
if (!calendar) return;
calendar.querySelectorAll('.disabled-day').forEach(el => el.classList.remove('disabled-day'));
const titleElement = calendar.querySelector('.title');
if (!titleElement) return;
const titleText = titleElement.textContent;
const [monthName, year] = titleText.split(' ');
const monthNames = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
const month = monthNames.indexOf(monthName) + 1;
const dayCells = calendar.querySelectorAll('tbody td:not(.otherDay)');
dayCells.forEach(cell => {
const day = parseInt(cell.textContent, 10);
if (isNaN(day)) return;
const cellDateString = `${year}-${String(month).padStart(2, '0')}-${String(day).padStart(2, '0')}`;
if (disabledDates.includes(cellDateString)) {
cell.classList.add('disabled-day');
}
});
}
</script>
</head>
<body class="lang_en dir_ltr cco_body">




<div id="PrintCreditHeader" class="show_for_print">
Printed from<b>Jewishsxm.com</b>
</div>
<div id="header">
<div class="wrapper header-wrapper">

<div id="feedback_bar" class="hide_for_print no_outline">
	<div class="wrapper">
		
	</div>
</div>

<div id="header_container" class="header_container">
<div class="clearfix links">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="15" height="8" class="baruch_hashem" />
<div class="float_right">
<div id="HeaderSubscribe" class="top_bar_item topBarLink cco_topbar_link subscribe_link">Subscribe
<div id="HeaderSubscribeContainer" class="topBarLayer" style="display:none;width:295px;">
<div id="SubscribeFormContainer">
<span id="SubscribeMessage" class="error" style="display:none;"></span>
<form name="topSubscribe58d3fa7fc8" class="subscribe_box" target="" action="" method="get" onsubmit="return submitHeaderSubscribe(this, document.getElementById('58d3fa7fc8FormContainer'), document.getElementById('58d3fa7fc8ResponseContainer'));">



<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="0102176a-d74a-494b-bcca-6225df4c1a5b" data-processed="false" />
	<div class="js-recaptcha-wrapper" id="0102176a-d74a-494b-bcca-6225df4c1a5b"></div>	

<div class="container horizontal_padding" id="58d3fa7fc8Container">
<div style="margin:10px 0;">
<div class="co_form_container" id="58d3fa7fc8FormContainer">
<input type="text" maxlength="50" class="co_global_input float_left medium_bottom_margin" value="" required="" display_name="First Name" id="Fname" name="fname" placeholder="First Name">
<input type="text" maxlength="50" class="co_global_input float_right medium_bottom_margin" value="" required="" display_name="Last Name" id="Lname" name="lname" placeholder="Last Name">
<div class="form_group">
<input type="hidden" name="via" value="inlineSubscribeBox:6985622;" />
<input type="text" class="co_global_input medium_bottom_margin" value="" required="" display_name="Email" id="SubscribeEmail" name="email" placeholder="Email Address">
<div id="CoButton_wrapper" class="co_global_submit" style="width:100%;padding:0;"><button id="CoButton" type="submit" class="button" value="Subscribe"><span>Subscribe</span></button></div>
</div>
<div class="break_floats"></div>
<div class="light_grey f-small" style="padding-top:3px;padding-left:3px;">
<input type="hidden" name="subscriptionid" value="80" />
Subscribe to Jewishsxm.com Updates
</div>
</div>
<div id="58d3fa7fc8ResponseContainer"></div>
</div>
</div>
</form>
<!-- END CACHE -->
<div class="break_floats"></div>
</div>
<div class="blue f-small bold small_vertical_padding medium_horizontal_padding footer_box">
<a href="/tools/subscribe/default_cdo">View all subscriptions &raquo;</a>
</div>
</div>
</div>
<div class="topBarLink cco_topbar_link contact_link">
<a href="/tools/feedback.asp">Contact</a>
</div>
</div>
<div class="float_left">
<div class="topBarLink cco_topbar_link home_link">
<a href="/">Home</a>
</div>
<div class="topBarLink cco_topbar_link about_link">
<a href="/995659">About</a>
</div>


<div class="topBarLink mychabad_login_bar" id="mychabad_login_bar">
	
			
				<a href="/tools/login/default.asp?" class="login_link" id="login_link">Sign In</a>
			
			
		
</div>
</div>
</div>
<div class="break_floats"></div>
</div>
<div class="clearfix branding-search">
<div id="header_branding" class="no_outline logo">
<div class="g260 no_margin cco_search_header float_right">
<div class="co_search_form margin05">
<form name="MainSearchForm" id="MainSearchForm" method="get" action="/search/results.asp" class="clearfix" onsubmit="return Co.Forms.Validation.Validate(this, null, {markAsSubmitted:false});">
<div class="co_global_submit"><button type="submit" class="button" value=" "><span> </span></button></div>


<div class="co_global_input_container clearfix">
	<input id="topAreaTopSearch_search" required="true" autocomplete="nope" placeholder="Search" value="" 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" 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/1235/ZIjf12352137.png" width="100" height="100" border="0" /></a></div>
<a href="/default.asp" title="Chabad of St. Maarten/Martin" class="site_title">Chabad of St. Maarten/Martin<span class="site_subtitle clearfix">Spreading the Warmth!</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":"W24-NYC1","Url":"https://www.jewishsxm.com/calendar/view/week.aspx?jewish=The-Week-in-Jewish-History.htm","AppPath":"ChabadOnline.dll","Version":{"Built":"2026-06-24T13:01:31.2996893-04:00","Branch":"production","Configuration":"Release","Machine":""}},"Created":"2026-07-02T10:47:31.8379862-04:00","Expire":"2026-07-05T10:47:31.8379862-04:00"}-->
<script>
var primaryNavigationVersion = "639185860518379862";
</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" aid="995659" 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/995659/jewish/About.htm" class="parent">About</a></div></span><a href="/templates/articlecco_cdo/aid/995659/jewish/About.htm" class="bg_extension js-parent-menu-link" data-aid="995659"></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="1017925" data-menu-level="1" onmouseover='Co.MainNavigation.Show(event, this);' onmouseout='Co.MainNavigation.Hide(event, this);' >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
<div class="co_column">
<a href="/templates/articlecco_cdo/aid/6886361/jewish/Kosher-In-SXM.htm" class="item hover" id="menu_item2-1" data-menu-level="2" data-aid="6886361">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Kosher In SXM</span>
</a>
<a href="/templates/articlecco_cdo/aid/6886363/jewish/Shabbat-In-SXM.htm" class="item empty" id="menu_item2-2" data-menu-level="2" data-aid="6886363">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Shabbat In SXM</span>
</a>
<a href="/templates/section_cdo/aid/7168018/jewish/Jewish-Sparks.htm" class="item" id="menu_item2-3" data-menu-level="2" data-aid="7168018">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Jewish Sparks</span>
</a>
<a href="/templates/articlecco_cdo/aid/7376411/jewish/Security-Form.htm" class="item empty" id="menu_item2-4" data-menu-level="2" data-aid="7376411">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Security Form</span>
</a>
<a href="/templates/articlecco_cdo/aid/7376462/jewish/Join-Mailing-List.htm" class="item empty" id="menu_item2-5" data-menu-level="2" data-aid="7376462">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Join Mailing List</span>
</a>
</div>
<div id="menu_child2-1" class="menu_child selected" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="/templates/articlecco_cdo/aid/6679432/jewish/Kosher-Take-Out-Order-Form.htm" class="child_item default" data-menu-level="3" data-aid="6679432"><span>Kosher Take-Out Order Form</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child2-2" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child2-3" 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/7171862/jewish/Jewish-Sparks-Booking-Form.htm" class="child_item default" data-menu-level="3" data-aid="7171862"><span>Jewish Sparks Booking Form </span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child2-4" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child2-5" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><img src="https://w2.chabad.org/images/global/spacer.gif" width="12" height="6" border="0" vspace="2" /><div><a href="/templates/articlecco_cdo/aid/1017925/jewish/Visiting.htm" class="parent">Visiting</a></div></span><a href="/templates/articlecco_cdo/aid/1017925/jewish/Visiting.htm" class="bg_extension js-parent-menu-link" data-aid="1017925"></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="1124816" 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/section_cdo/aid/4589692/jewish/Chanukah.htm" class="item hover" id="menu_item3-1" data-menu-level="2" data-aid="4589692">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Chanukah</span>
</a>
<a href="/article.asp?aid=6879456" class="item" id="menu_item3-2" data-menu-level="2" data-aid="6879456">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Shavuot </span>
</a>
<a href="/templates/section_cdo/aid/5055761/jewish/Purim.htm" class="item empty" id="menu_item3-3" data-menu-level="2" data-aid="5055761">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Purim</span>
</a>
<a href="/templates/section_cdo/aid/4341372/jewish/Passover.htm" class="item" id="menu_item3-4" data-menu-level="2" data-aid="4341372">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Passover</span>
</a>
<a href="/templates/section_cdo/aid/4556371/jewish/High-Holidays.htm" class="item" id="menu_item3-5" data-menu-level="2" data-aid="4556371">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>High Holidays</span>
</a>
<a href="/templates/section_cdo/aid/4858815/jewish/Sukkot.htm" class="item" id="menu_item3-6" data-menu-level="2" data-aid="4858815">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Sukkot</span>
</a>
<a href="/templates/articlecco_cdo/aid/4823309/jewish/Online-Parsha-Class.htm" class="item empty" id="menu_item3-7" data-menu-level="2" data-aid="4823309">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Online Parsha Class</span>
</a>
<a href="/templates/articlecco_cdo/aid/6732096/jewish/BBQ-Sign-Up-Form.htm" class="item empty" id="menu_item3-8" data-menu-level="2" data-aid="6732096">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>BBQ Sign Up Form</span>
</a>
</div>
<div id="menu_child3-1" class="menu_child selected" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="/templates/articlecco_cdo/aid/6700269/jewish/Chanukah-Jewish-Carribbean-Festival-RSVP.htm" class="child_item default" data-menu-level="3" data-aid="6700269"><span>Chanukah Jewish Carribbean Festival RSVP</span></a>
<a href="/templates/articlecco_cdo/aid/6700551/jewish/Chanukah-Fun-House.htm" class="child_item default" data-menu-level="3" data-aid="6700551"><span>Chanukah Fun House</span></a>
<a href="/templates/articlecco_cdo/aid/7153392/jewish/Sponsor.htm" class="child_item default" data-menu-level="3" data-aid="7153392"><span>Sponsor </span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child3-2" class="menu_child" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="/templates/articlecco_cdo/aid/6884942/jewish/Shavuot-Sign-Up.htm" class="child_item default" data-menu-level="3" data-aid="6884942"><span>Shavuot Sign Up </span></a>
<a href="/templates/articlecco_cdo/aid/7334421/jewish/Shavuot-Dairy-Buffet.htm" class="child_item default" data-menu-level="3" data-aid="7334421"><span>Shavuot Dairy Buffet</span></a>
<a href="/templates/articlecco_cdo/aid/6879460/jewish/Eruv-Tavshilin.htm" class="child_item link" data-menu-level="3" data-aid="6879460"><span>Eruv Tavshilin</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child3-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_child3-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/4658341/jewish/Visitor-Information.htm" class="child_item default" data-menu-level="3" data-aid="4658341"><span>Visitor Information</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child3-5" 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/3450080/jewish/Rosh-Hashanah-Dinner-RSVP.htm" class="child_item default" data-menu-level="3" data-aid="3450080"><span>Rosh Hashanah Dinner RSVP</span></a>
<a href="/templates/articlecco_cdo/aid/7032806/jewish/Rosh-Hashana-Services.htm" class="child_item default" data-menu-level="3" data-aid="7032806"><span>Rosh Hashana Services</span></a>
<a href="/templates/articlecco_cdo/aid/4869339/jewish/Shofar-on-the-Border.htm" class="child_item default" data-menu-level="3" data-aid="4869339"><span>Shofar on the Border</span></a>
<a href="/templates/articlecco_cdo/aid/7008938/jewish/Yom-Kippur-Services.htm" class="child_item default" data-menu-level="3" data-aid="7008938"><span>Yom Kippur Services</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child3-6" 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/6614441/jewish/Sukkot-Dinners-RSVP.htm" class="child_item default" data-menu-level="3" data-aid="6614441"><span>Sukkot Dinners RSVP</span></a>
<a href="/templates/articlecco_cdo/aid/6614449/jewish/Where-To-Stay.htm" class="child_item default" data-menu-level="3" data-aid="6614449"><span>Where To Stay?</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child3-7" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child3-8" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><img src="https://w2.chabad.org/images/global/spacer.gif" width="12" height="6" border="0" vspace="2" /><div><a href="/templates/articlecco_cdo/aid/1124816/jewish/Events-Holidays.htm" class="parent">Events&nbsp;&<br />Holidays</a></div></span><a href="/templates/articlecco_cdo/aid/1124816/jewish/Events-Holidays.htm" class="bg_extension js-parent-menu-link" data-aid="1124816"></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="4823317" data-menu-level="1" onmouseover='Co.MainNavigation.Show(event, this);' onmouseout='Co.MainNavigation.Hide(event, this);' >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
<div class="co_column">
<a href="/templates/articlecco_cdo/aid/4858798/jewish/Stay-Updated.htm" class="item empty" id="menu_item4-1" data-menu-level="2" data-aid="4858798">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Stay Updated!</span>
</a>
</div>
<div id="menu_child4-1" class="menu_child empty selected" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><img src="https://w2.chabad.org/images/global/spacer.gif" width="12" height="6" border="0" vspace="2" /><div><a href="/templates/articlecco_cdo/aid/4823317/jewish/AUC-University.htm" class="parent">A.U.C.<br />University</a></div></span><a href="/templates/articlecco_cdo/aid/4823317/jewish/AUC-University.htm" class="bg_extension js-parent-menu-link" data-aid="4823317"></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="2892296" 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/2892296/jewish/Calendar.htm" class="parent">Calendar</a></div></span><a href="/templates/articlecco_cdo/aid/2892296/jewish/Calendar.htm" class="bg_extension js-parent-menu-link" data-aid="2892296"></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="/995659" class="site-menu-general__link">About</a>
<a href="/search">Search</a>
<a href="/tools/feedback.asp">Contact</a>
</div>
</div>
</div>
</div>
<div id="content">
<div id="BodyContainer" class="wrapper">
<div class="body_wrapper no-hero-image clearfix">

<div class="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 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 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">
<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="/7168018">
<img src="https://w2.chabad.org/media/images/1351/TMbK13519939.jpg" alt="" /></a>
</div>
<div class="slide_wrapper" caption=".caption-1">
<a target="" href="/1017925">
<img src="https://w2.chabad.org/media/images/1133/QvEp11333452.png" alt="" /></a>
</div>
<div class="slide_wrapper" caption=".caption-2">
<a target="" href="/templates/articlecco_cdo/aid/6679432/jewish/Kosher-Take-Out.htm">
<img src="https://w2.chabad.org/media/images/1066/LgMQ10661686.jpg" alt="" /></a>
</div>
</div>
<ul class="captionList">
<li id="" class="cycle-html-caption caption-0">
<span>
<big>Jewish Sparks</big>
</span>
<a href="/7168018" class="readMore" target="">Learn More</a>
</li>
<li id="" class="cycle-html-caption caption-1">
<span>
<big>Tourist Information</big>Visiting our beautiful Island, and looking for recommendations on where to stay or great places to tour? Need kosher meals, catering for events, or general food items? Need a place to pray? We are here for you!</span>
<a href="/1017925" class="readMore" target="">Welcome!</a>
</li>
<li id="" class="cycle-html-caption caption-2">
<span>
<big>Shabbat Take-Out</big>Take the Warmth of Shabbat With You!</span>
<a href="/templates/articlecco_cdo/aid/6679432/jewish/Kosher-Take-Out.htm" class="readMore" target="">Order Here</a>
</li>
</ul>
</div>
</div></div>
</div>
</div>
<div class="hp-row">
<div class="widget-4 icon custom v380 feed icon-updates">
<div class="wrapper">
<div class="widget_header">
<h5>I would like to...</h5> 
</div>
<div class="widget_content index_format">
<div class="item first clearfix">
<div class="icon">
<a href="https://jewishsxm.com/donate" target="">
<img src="https://w2.chabad.org/media/images/1096/YXws10965060.png" />
</a>
</div> 
<div class="title">
<a href="https://jewishsxm.com/donate" target="">Donate</a>
</div>
</div>
<div class="separator" ></div>
<div class="item clearfix">
<div class="icon">
<a href="/tools/feedback.htm" target="">
<img src="https://w2.chabad.org/media/images/1096/odvg10965058.png" />
</a>
</div> 
<div class="title">
<a href="/tools/feedback.htm" target="">Connect</a>
</div>
</div>
<div class="separator" ></div>
<div class="item clearfix">
<div class="icon">
<a href="/4797833" target="">
<img src="https://w2.chabad.org/media/images/1096/bYsI10965062.png" />
</a>
</div> 
<div class="title">
<a href="/4797833" target="">Sponsor a Kiddush</a>
</div>
</div></div></div>
</div>
</div>
<div class="hp-row">
<div class="sneak-peek-container clearfix">
<div class="header-title">Programs</div>
<div class="sneak-peek-item item-1 even g320 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="/4823317">A.U.C. University</a>
</h6>
<a href="/4823317" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1133/jQft11333459.jpg);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
</div>
<div class="sneak-peek-item item-2 odd g320">
<div class="widget-1 sneak_peek custom v200 feed">
<div class="wrapper">
<div class="widget_content">
<h6 class="title_only">
<a target="" href="/577994">Jewish Resources</a>
</h6>
<a href="/577994" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1133/RwKK11333458.jpg);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
</div>
<div class="sneak-peek-item item-3 even g320">
<div class="widget-1 sneak_peek custom v200 feed">
<div class="wrapper">
<div class="widget_content">
<h6 class="title_only">
<a target="_self" href="/6679432">Kosher Take Out</a>
</h6>
<a href="/6679432" class="thumbnail" target="_self">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1133/rJXU11333460.png);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
</div><div class="clear" ></div>
<div class="sneak-peek-item item-4 odd g320 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="http://www.jewishsxm.com/holidays/default_cdo/jewish/holidays.htm">Holiday Celebrations</a>
</h6>
<a href="http://www.jewishsxm.com/holidays/default_cdo/jewish/holidays.htm" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1097/tBBf10976224.jpg);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
</div>
<div class="sneak-peek-item item-5 even g320">
<div class="widget-1 sneak_peek custom v200 feed">
<div class="wrapper">
<div class="widget_content">
<h6 class="title_only">
<a target="" href="/2530155">Online Learning Courses </a>
</h6>
<a href="/2530155" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1097/cGxY10976222.jpg);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
</div>
<div class="sneak-peek-item item-6 odd g320">
<div class="widget-1 sneak_peek custom v200 feed">
<div class="wrapper">
<div class="widget_content">
<h6 class="title_only">
<a target="" href="/4805811">Chai Club</a>
</h6>
<a href="/4805811" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1133/lTnx11333474.png);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
</div><div class="clear" ></div>
</div>
</div>
<div class="hp-row hp_content_wrapper">
<div class="no_margin g320 no_margin">
<div class="widget-4 jewish_history custom v400 feed">
<div class="wrapper">
<div class="widget_header">
<h5>Jewish History</h5> 
</div>
<div class="widget_content"><div id="jewishHistory" class="item"><h6>Tammuz 18, 5786</h6>
<h6>Jewish History</h6>
<ul>
<li>
<a class="black" href="/calendar/view/day.asp?tdate=7/3/2026&id=297364">Golden Calf Destroyed</a>
<span class="body">
<p>Moses destroyed the Golden Calf, and re-ascended Mount Sinai to plead G-d's forg...</p>
</span> 
</li>
</ul>
<h6>Laws and Customs</h6>
<ul>
<li>
<a class="black" href="/calendar/view/day.asp?tdate=7/3/2026&custom=0#LawsAndCustoms0">"The Three Weeks"</a>
<span class="body">
<p>During the 
<a href="/144573">Three Weeks</a>, from 17th of Tamuz to the 9th of Av, we commemorate the ...</p>
</span>
</li>
</ul></div></div></div>
</div>
</div>
<div class="g320">
<div class="widget-4 candlelighting custom v400 feed">
<div class="wrapper">
<div class="widget_header">
<h5>Shabbat & Holidays</h5> 
</div>
<div class="widget_content"><div>
<div class="clearfix horizontal_padding vertical_padding">
<div class="button_container small_top_margin float_right">
<div class="button" ></div>
</div>
<div class="float_left">
<img src="https://w2.chabad.org/images/1/home/icon_candles.png" alt="" />
</div>
<div class="candlelighting_content">
<div class="large_left_margin candlelighting_heading">
<div class="medium_left_margin uppercase bold section_heading">Candle Lighting Times</div>
<div class="medium_left_margin bold section_subheading">St. Maarten/St Martin</div>
</div>
<div class="times_wrapper make_scrollable">
<div class="medium_top_padding clearfix">
<small class="when_to_light uppercase float_left small_right_margin">Light Candles at</small>
<div class="float_left">
<a href="/calendar/candlelighting.htm">
<span class="bold large">6:34 PM</span>&#160;&#160;-&#160;&#160;Friday, July 3
</a>
</div>
</div>
<div class="medium_top_padding clearfix">
<small class="when_to_light uppercase float_left small_right_margin">Shabbat Ends</small>
<div class="float_left">
<a href="/calendar/candlelighting.htm">
<span class="bold large">7:28 PM</span>&#160;&#160;-&#160;&#160;Shabbat, July 4
</a>
</div>
</div>
</div>
</div>
</div>
<div class="separator" ></div>
<div class="clearfix horizontal_padding vertical_padding">
<div class="small_top_margin float_right">
<div class="button" ></div>
</div>
<div class="float_left">
<img src="https://w2.chabad.org/images/1/home/icon_torah.png" alt="" />
</div>
<div class="large_left_margin parsha_content">
<div class="medium_left_margin uppercase bold section_heading">Weekly Torah Portion</div>
<div class="medium_left_margin small_top_padding">
<span class="bold large">
<a href="/parshah/default.asp?tdate=7/3/2026">Pinchas</a>
</span>
</div>
</div>
</div>
<div class="separator" ></div> 
<div class="clearfix horizontal_padding top_padding">
<div class="small_top_margin float_right">
<div class="button" ></div>
</div>
<div class="float_left">
<img src="https://w2.chabad.org/images/1/home/icon_calendar.png" alt="" />
</div>
<div class="large_left_margin upcomingholiday_content">
<div class="medium_left_margin uppercase bold section_heading">Upcoming Holiday</div>
<div class="medium_left_margin small_vertical_padding">
<span class="bold large">
<a href="/article.asp?aid=144558">The Three Weeks</a>
</span>
</div>
<div class="medium_left_margin">Jul. 2 - Jul. 23</div>
</div>
</div>
</div></div></div>
</div>
</div>
<div class="rightColumn g320">
<div class="widget-4 daily_thought custom v400 feed">
<div class="wrapper">
<div class="widget_header">
<h5>Daily Thought</h5> 
</div>
<div class="widget_content article_format">
<div class="item first last clearfix">
<div class="title">
<a href="/article.asp?aid=7408750" target="">Beyond Faith & Intellect</a>
</div>
<div class="body text_expandable" container="widget-4" body="&lt;p&gt;Intellect is inadequate because not all things can be explained. Intellect needs faith.&lt;/p&gt; &lt;p&gt;Faith is impotent because it remains forever obscure. Faith needs intellect.&lt;/p&gt; &lt;p&gt;But they are opposites, as contradictory as yes and no:&lt;br /&gt; Faith accepts; Intellect questions. &lt;br /&gt; Faith surrenders; Intellect struggles.&lt;/p&gt; &lt;p&gt;Miraculously, there is a power that can join them in harmony, and it is called wisdom.&lt;/p&gt; &lt;p&gt;Wisdom is the capacity to see the truth as it is&lt;br /&gt; and the quietness to allow it entry without compromise.&lt;/p&gt; &lt;span id=&quot;footnotetable&quot; class=&quot;h3&quot;&gt;&lt;div class=&quot;h3&quot; align=&quot;right&quot;&gt;Va’erah 5721:4. Torat Menachem 5751 volume 2, pg. 349.&lt;/div&gt;&lt;/span&gt;&lt;br /&gt;" TextContainerClass="inner">
Intellect is inadequate because not all things can be explained. Intellect needs faith.
Faith is impotent because it remains forever obscure. Faith needs
intellect.
But they are opposites, as contradictory as yes and no:
Faith...
</div>
</div></div></div>
</div>
</div><div class="clear" ></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div 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 class="hp-row">
<div class="widget-4 promo_slider custom v380 feed">
<div class="wrapper">
<div class="widget_content html_format"><div class="header-title">Learning & Inspiration</div>
<div class="slider">
<div class="slides">
<div class="slide_wrapper" caption=".caption-0">
<a target="" href="/therebbe/livingtorah/player_cdo/aid/1203577/jewish/Was-Moses-Being-Bribed.htm">
<img src="https://w2.chabad.org/media/images/1138/qGeR11382646.jpg" alt="" /></a>
</div>
<div class="slide_wrapper" caption=".caption-1">
<a target="" href="/library/article_cdo/aid/7408694/jewish/The-Rebbe-on-Americas-Founding-Faith-and-Divine-Destiny.htm">
<img src="https://w2.chabad.org/media/images/1374/VOUU13748121.jpg" alt="" /></a>
</div>
<div class="slide_wrapper" caption=".caption-2">
<a target="" href="/library/article_cdo/aid/7411921/jewish/The-Miracle-of-Entebbe-and-the-Rebbes-Response.htm">
<img src="https://w2.chabad.org/media/images/1375/pnCo13758865.png" alt="" /></a>
</div>
<div class="slide_wrapper" caption=".caption-3">
<a target="" href="/library/article_cdo/aid/7341092/jewish/CelebratingJewish-Life-in-America.htm">
<img src="https://w2.chabad.org/media/images/1370/auVi13703632.png" alt="" /></a>
</div>
</div>
<ul class="captionList">
<li id="" class="cycle-html-caption caption-0">
<span>
<big>Was Moses Being Bribed? </big>When Moses refused to offer an answer to a question—and why.</span>
<a href="/therebbe/livingtorah/player_cdo/aid/1203577/jewish/Was-Moses-Being-Bribed.htm" class="readMore" target="">Read More</a>
</li>
<li id="" class="cycle-html-caption caption-1">
<span>
<big>The Rebbe on America’s Founding Faith and Divine Destiny </big>Is America different or not?</span>
<a href="/library/article_cdo/aid/7408694/jewish/The-Rebbe-on-Americas-Founding-Faith-and-Divine-Destiny.htm" class="readMore" target="">Read More</a>
</li>
<li id="" class="cycle-html-caption caption-2">
<span>
<big>The Miracle of Entebbe and the Rebbe's Response</big>Fifty years on, we revisit the Entebbe rescue and explore the deeper lessons the Rebbe drew from it.</span>
<a href="/library/article_cdo/aid/7411921/jewish/The-Miracle-of-Entebbe-and-the-Rebbes-Response.htm" class="readMore" target="">Read More</a>
</li>
<li id="" class="cycle-html-caption caption-3">
<span>
<big>Celebrating Jewish Life in America </big>We, the Jewish people, feel a deep sense of gratitude to the United States, which welcomed millions...</span>
<a href="/library/article_cdo/aid/7341092/jewish/CelebratingJewish-Life-in-America.htm" class="readMore" target="">Read More</a>
</li>
</ul>
</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="daa7faf8-f79c-418e-987e-66b0fcff6314" data-processed="false" />
<div class="js-recaptcha-wrapper" id="daa7faf8-f79c-418e-987e-66b0fcff6314" ></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="14270" />
</fieldset>
</form>
</div>
<small id="response" style="display:none;height:147px;" ></small></div></div>
</div>
</div>
<div class="hp-row"></div>
<div class="hp-row">
<div class="widget-4 message custom v380 feed">
<div class="wrapper">
<div class="widget_header">
<h5>About</h5> 
</div>
<div class="widget_content message_format"><div class="bottom_padding">Chabad-Lubavitch is a philosophy, a movement, and an organization. It is considered to be the most dynamic force in Jewish life today. The word "Chabad" is a Hebrew acronym for the three intellectual faculties of: chachmah-wisdom, binah-comprehension and da'at-knowledge. The movement's system of Jewish religious philosophy, the deepest dimension of G‑d's Torah, teaches understanding and recognition of the Creator, the role and purpose of Creation, and the importance and unique mission of each Creature. Today 4,000 full-time emissary families direct more than 3,300 institutions. Motivated by his profound love for every Jew and spurred by his boundless optimism and self-sacrifice, the Rebbe set into motion a dazzling array of programs, services and institutions to serve every Jew.</div>
<a class="readMore" href="/995659">Learn More</a>
</div></div>
</div>
</div>
</div></div><div class="clear" ></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div class="clear"></div>
<div 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"><b>Call us at +17215201717 | 501c3 EIN 27-2790319</b></div>
<img src="https://w2.chabad.org/images/global/spacer.gif" width="1" height="6" border="0" /><br />
Powered by <a href="https://www.chabad.org/" target="_new" class="">Chabad.org</a> &copy; 1993-2026 <a href="/4026210" target="_blank" class="privacy-link">Privacy Policy</a>
</div>
</div>
</div>
<div class="cs-f-social-icons">
<a href="https://www.facebook.com/chabadsmaarten" class="fa fa-facebook facebook_homepage" title="Facebook"></a>
</div>
</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/os/jquery.defaultValue.min.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery.cycle.all.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/promopaginator.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/ImageRandomizer.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/ChabadLocator.js?v=1.0"></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/OverrideJSDocumentWrite.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/dailystudy.js?v=2.0.2"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/language_toggle.js?v=0.0.1"></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/templates/sites6.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/primarynavigation.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/BetaFeedback.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/os/enscroll-0.6.2.min.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/runenscroll.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/textexpander.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:'Chabad of St. Maarten/Martin'}; Co.ArticleId     = '4823242';Co.SectionId     = 4823242;Co.PartnerSiteId = 0;Co.SiteId        = 8561;Co.IsMobilePage  = false;Co.IsResponsive  = false;Co.DbDomain      = 'Jewishsxm.com';Co.LanguageCode  = 'en-US';Co.LoginStatus   = 'None';</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>
$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>
(function() {
// Relaxed URL guard — matches the aid/ path so it works on the .htm slug variants
if (!/jewishsxm\.com\/templates\/articlecco_cdo\/aid\/7369937/i.test(window.location.href)) return;
function runMaarten() {
// --- 1. REMOVE CMS BACK LINK ---
document.querySelectorAll('.cco_templateless_template').forEach(el => el.remove());
// --- 2. INJECT CSS (idempotent) ---
if (!document.getElementById('Maarten-injected-styles')) {
const styleSheet = document.createElement("style");
styleSheet.id = 'Maarten-injected-styles';
styleSheet.innerText = `
@import url('https://fonts.googleapis.com/css2?family=Anek+Malayalam:wght@400&family=Outfit:wght@200;300;400;600;800;900&family=Playfair+Display:wght@900&display=swap');
:root {
--teal-dark: #023443;
--teal-main: #0e6078;
--teal-bg: #ecfbf9;
--teal-light: #edfffc;
--gold-main: #cda546;
--gold-dark: #c49835;
--text-dark: #4c4c4c;
--border-color: #ebebeb;
}
.form-all { background: transparent !important; padding: 0 !important; max-width: 100% !important; box-shadow: none !important; border: none !important; } .form-line{ padding: 0 !important; margin: 0 !important;}
.form-html{ padding: 0 !important;} .form-section, .form-section-closed{ margin: 0 !important;}
#Maarten-custom-chabad-ui { font-family: 'Outfit', sans-serif !important; background-color: var(--teal-bg) !important; color: var(--teal-dark) !important; line-height: 1.5 !important; width: 100% !important; overflow-x: hidden !important; box-sizing: border-box !important; display: block !important; padding-bottom: 100px !important;}
#Maarten-custom-chabad-ui * { box-sizing: border-box !important; }
#Maarten-custom-chabad-ui a { text-decoration: none !important; color: inherit !important; cursor: pointer !important; }
#Maarten-custom-chabad-ui img { max-width: 100% !important; display: block; }
#Maarten-custom-chabad-ui ul, #Maarten-custom-chabad-ui li {
list-style: none !important; margin: 0 !important; padding: 0 !important;
background: transparent !important; border: none !important; box-shadow: none !important;
}
#Maarten-custom-chabad-ui li.form-line {
border: none !important; background: transparent !important; padding: 0 !important;
margin: 0 !important; width: 100% !important; display: block !important; clear: both !important;
}
/* HERO */
.Maarten-hero { position: relative !important; height: 800px !important; width: 100% !important; display: flex !important; justify-content: center !important; align-items: center !important; overflow: hidden !important; }
.Maarten-hero-bg { position: absolute !important; inset: 0 !important; z-index: 0 !important; background-color: #dbeafe !important; }
.Maarten-hero-bg-img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; opacity: 0.8 !important; }
.Maarten-hero-gradient { position: absolute !important; inset: 0 !important; background: linear-gradient(180deg, rgba(219, 234, 254, 0.1) 0%, rgba(237, 255, 252, 0.2) 100%) !important; }
.Maarten-hero-content { position: relative !important; z-index: 2 !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 50px !important; width: 100% !important; padding: 0 20px !important; }
.Maarten-logo-wrap { position: relative !important; width: 100% !important; max-width: 750px !important; display: flex !important; justify-content: center !important; align-items: center !important; }
.Maarten-img-logo-text { width: 100% !important; height: auto !important; max-width: 650px !important; object-fit: contain !important; }
.Maarten-btn-gold { background-color: var(--gold-main) !important; color: #ffffff !important; font-family: 'Outfit', sans-serif !important; font-weight: 900 !important; font-size: 21.8px !important; text-transform: uppercase !important; padding: 18px 40.7px !important; border-radius: 9.8px !important; display: inline-flex !important; align-items: center !important; gap: 18.2px !important; position: relative !important; z-index: 1 !important; overflow: hidden !important; box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important; border: 1px solid var(--gold-main) !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; white-space: nowrap !important; }
.Maarten-btn-gold::before { content: '' !important; position: absolute !important; top: 0 !important; left: -100% !important; width: 100% !important; height: 100% !important; background-color: #ffffff !important; transition: left 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important; z-index: -1 !important; }
.Maarten-btn-gold:hover { color: var(--gold-main) !important; border-color: var(--gold-main) !important; box-shadow: 0 8px 25px rgba(205, 165, 70, 0.3) !important; }
.Maarten-btn-gold:hover::before { left: 0 !important; }
.Maarten-btn-icon { width: 26.4px !important; height: 26.4px !important; transition: filter 0.3s !important; }
.Maarten-btn-gold:hover .Maarten-btn-icon { filter: brightness(0) saturate(100%) invert(67%) sepia(35%) saturate(735%) hue-rotate(5deg) brightness(96%) contrast(89%) !important; }
.Maarten-info-section { position: relative !important; background-color: var(--teal-main) !important; min-height: 600px !important; width: 100% !important; display: flex !important; justify-content: center !important; align-items: center !important; overflow: hidden !important; padding: 80px 0; }
.Maarten-info-bg-overlay { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; opacity: 0.25 !important; pointer-events: none !important; }
.Maarten-info-content { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 60px !important; position: relative !important; z-index: 1 !important; width: 100% !important; max-width: 1200px !important; padding: 0 40px; }
.Maarten-info-text-wrap { flex: 1 !important; max-width: 600px !important; color: #ffffff !important; }
.Maarten-info-title { font-family: 'Playfair Display', serif !important; font-weight: 900 !important; font-size: 41px !important; line-height: 1.1 !important; text-transform: uppercase !important; margin-bottom: 27px !important; color: #ffffff !important; }
.Maarten-info-title span.gold { color: #c49835 !important; }
.Maarten-info-desc { font-family: 'Outfit', sans-serif !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.4 !important; max-width: 500px !important; color: #ffffff !important;}
.Maarten-img-info-side { width: 400px !important; height: auto !important; object-fit: cover !important; margin-left: auto !important; }
@keyframes MaartenBob { 0%, 100% { transform: translate(-50%, 0); } 50% { transform: translate(-50%, 15px); } }
.Maarten-arrow-down-main { position: absolute !important; bottom: 30px !important; left: 50% !important; width: 51px !important; height: 51px !important; transform: translateX(-50%) !important; animation: MaartenBob 2s ease-in-out infinite !important; }
.slide-reveal-right { transform: translateX(100px) !important; opacity: 0 !important; transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.8s ease-out !important; will-change: transform, opacity !important; }
.slide-reveal-right.is-visible { transform: translateX(0) !important; opacity: 1 !important; }
.reveal-line-wrap { display: inline-block !important; overflow: hidden !important; vertical-align: top !important; padding-bottom: 5px !important; margin-bottom: -5px !important; }
.reveal-line-inner { display: block !important; transform: translateY(100%) !important; transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1) !important; will-change: transform !important; }
.reveal-line-inner.is-visible { transform: translateY(0) !important; }
.Maarten-section-header-wrap { text-align: center !important; color: var(--teal-dark) !important; text-transform: uppercase !important; margin-bottom: 45px !important; margin-top: 80px !important; }
.Maarten-heading-playfair { font-family: 'Playfair Display', serif !important; font-weight: 900 !important; font-size: 35px !important; line-height: 1.22 !important; margin-bottom: 9px !important; color: var(--teal-dark) !important; }
.Maarten-subheading-outfit { font-family: 'Outfit', sans-serif !important; font-weight: 400 !important; font-size: 18px !important; letter-spacing: 1.62px !important; color: var(--teal-dark) !important; }
.card-label-wrapper { display: block !important; cursor: pointer !important; width: 100% !important; height: 100% !important; }
.card-base { background-color: #ffffff !important; border: 2px solid var(--border-color) !important; border-radius: 10px !important; display: flex !important; align-items: center !important; position: relative !important; transition: all 0.3s ease !important; box-shadow: 0 4px 6px rgba(0,0,0,0.02) !important; overflow: hidden !important; height: 100% !important; width: 100% !important; }
.card-base:hover { transform: translateY(-3px) !important; box-shadow: 0 10px 20px rgba(14, 96, 120, 0.1) !important; border-color: var(--teal-main) !important; }
.card-base.selected { background-color: var(--teal-main) !important; border-color: var(--teal-main) !important; transform: translateY(-3px) !important; box-shadow: 0 10px 20px rgba(14, 96, 120, 0.2) !important; }
.radio-svg { opacity: 0 !important; position: absolute !important; left: 20px !important; width: 100% !important; height: 100% !important; color: var(--teal-main) !important; transition: color 0.3s ease !important; }
.card-base.selected .radio-svg { color: #ffffff !important; }
.radio-inner-dot { transition: opacity 0.3s ease !important; opacity: 0 !important; }
.card-base.selected .radio-inner-dot { opacity: 1 !important; }
.Maarten-native-amount-wrapper { display: block !important; width: 100% !important; margin: 0 !important; height: 150px !important; }
.Maarten-native-amount-wrapper input[type="checkbox"] { position: absolute !important; opacity: 0 !important; width: 1px !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; clip-path: inset(50%) !important; pointer-events: none !important; }
.Maarten-tiers-grid { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 24px !important; margin-bottom: 80px !important; width: 100% !important; max-width: 884px !important; margin-left: auto !important; margin-right: auto !important; padding: 0 20px !important; }
.Maarten-tier-card-wrap-centered { grid-column: 1 / -1 !important; justify-self: center !important; width: calc(50% - 12px) !important; }
.amount-text-main { width: 100% !important; text-align: center !important; font-family: 'Outfit', sans-serif !important; font-weight: 800 !important; font-size: 30px !important; color: var(--teal-main) !important; text-transform: uppercase !important; transition: color 0.3s ease !important; }
.card-base.selected .amount-text-main { color: #ffffff !important; }
.Maarten-members-container { display: flex !important; gap: 24px !important; justify-content: center !important; margin-top: 20px !important; margin-bottom: 100px !important; width: 100% !important; max-width: 884px !important; margin-left: auto !important; margin-right: auto !important; padding: 0 20px !important; }
.Maarten-members-col { display: flex !important; flex-direction: column !important; gap: 24px !important; flex: 1 !important; }
.member-info-content { width: 100% !important; padding-left: 0px !important; display: flex !important; flex-direction: column !important; align-items: center !important; text-transform: uppercase !important; }
.member-amount-val { font-family: 'Outfit', sans-serif !important; font-weight: 800 !important; font-size: 30px !important; color: var(--teal-main) !important; line-height: 1 !important; transition: color 0.3s ease !important; }
.member-label-text { font-family: 'Outfit', sans-serif !important; font-weight: 300 !important; font-size: 18px !important; color: var(--teal-dark) !important; letter-spacing: 2px !important; margin-top: 5px !important; transition: color 0.3s ease !important; display: block !important;}
.card-base.selected .member-amount-val, .card-base.selected .member-label-text { color: #ffffff !important; }
.Maarten-donor-form-card { background-color: #ffffff !important; border: 1px solid var(--border-color) !important; border-radius: 12px !important; width: calc(100% - 40px) !important; max-width: 1037px !important; padding: 60px 50px !important; margin: 40px auto 0 !important; box-shadow: 0 20px 40px rgba(0,0,0,0.03) !important; }
.Maarten-form-heading-top { font-family: 'Playfair Display', serif !important; font-weight: 900 !important; font-size: 28px !important; color: var(--teal-dark) !important; text-transform: uppercase !important; text-align: left !important; margin-bottom: 40px !important; margin-top: 0 !important;}
.Maarten-form-row-pair { display: flex !important; gap: 20px !important; margin-bottom: 25px !important; }
.Maarten-form-field-unit { flex: 1 !important; display: flex !important; flex-direction: column !important; gap: 4px !important; min-width: 0 !important; }
#Maarten-custom-chabad-ui .form-label-left,
#Maarten-custom-chabad-ui .form-label-top,
#Maarten-custom-chabad-ui .form-label,
#Maarten-custom-chabad-ui .form-label-right {
font-family: 'Outfit', sans-serif !important;
font-weight: 600 !important; font-size: 18px !important;
color: var(--teal-dark) !important;
text-transform: capitalize !important;
display: block !important; width: 100% !important; max-width: 100% !important;
float: none !important; padding-bottom: 8px !important; text-align: left !important;
}
#Maarten-custom-chabad-ui .form-required { color: #d9534f !important; font-size: 14px !important; margin-left: 4px !important;}
#Maarten-custom-chabad-ui .form-input,
#Maarten-custom-chabad-ui .form-input-wide {
width: 100% !important; max-width: 100% !important; float: none !important;
margin: 0 !important; padding: 0 !important; display: block !important;
}
#Maarten-custom-chabad-ui .form-sub-label-container {
display: flex !important; flex-direction: column !important;
width: 100% !important; gap: 6px !important;
margin: 0 !important; float: none !important;
}
#Maarten-custom-chabad-ui .form-sub-label { font-family: 'Outfit', sans-serif !important; font-weight: 300 !important; font-size: 13px !important; color: var(--text-dark) !important; padding-left: 5px !important; margin-top: 0 !important; display: block !important; }
#Maarten-custom-chabad-ui .form-textbox,
#Maarten-custom-chabad-ui select.form-dropdown,
#Maarten-custom-chabad-ui input[type="text"]:not(.form-checkbox):not(.form-radio),
#Maarten-custom-chabad-ui input[type="email"],
#Maarten-custom-chabad-ui input[type="tel"] {
width: 100% !important; max-width: 100% !important; height: 55px !important;
border: 2px solid var(--border-color) !important; border-radius: 8px !important;
padding: 0 15px !important; font-family: 'Outfit', sans-serif !important;
font-size: 16px !important; background-color: #ffffff !important;
outline: none !important; transition: border-color 0.2s !important;
box-shadow: none !important; box-sizing: border-box !important; margin: 0 !important;
}
#Maarten-custom-chabad-ui select.form-dropdown { -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background-image: url('data:image/svg+xml;utf8,<svg fill="%234c4c4c" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>') !important; background-repeat: no-repeat !important; background-position: right 15px center !important; padding-right: 45px !important; }
#Maarten-custom-chabad-ui .form-textbox:focus,
#Maarten-custom-chabad-ui select.form-dropdown:focus,
#Maarten-custom-chabad-ui input:focus { border-color: var(--teal-main) !important; }
#id_5 .form-input { display: flex !important; gap: 20px !important; width: 100% !important; }
#id_5 .form-sub-label-container { flex: 1 !important; margin: 0 !important; min-width: 0 !important; }
#id_9 .form-input { width: 100% !important; }
#id_9 .form-address-table { width: 100% !important; display: block !important; border-collapse: collapse !important; }
#id_9 .form-address-table tbody { display: block !important; width: 100% !important; }
#id_9 .form-address-table tr { display: flex !important; gap: 20px !important; width: 100% !important; margin-bottom: 20px !important; }
#id_9 .form-address-table tr:last-child { margin-bottom: 0 !important; }
#id_9 .form-address-table td { display: block !important; flex: 1 !important; padding: 0 !important; min-width: 0 !important; }
#id_9 .form-address-table td[colspan="2"] { flex: 1 1 100% !important; }
@media (max-width: 600px) {
.Maarten-info-section{ padding: 80px 35px !important;}
.Maarten-info-content{ padding: 0 !important;}
#id_9 .form-address-table tr { flex-direction: column !important; gap: 20px !important; }
}
#id_8 .form-input, #id_8 .dir_ltr, #id_8 .form-sub-label-container { width: 100% !important; }
/* TOTAL BAR — separate the custom display from the native, both stacked vertically */
#Maarten-wrap-total {
background-color: #f8fafc !important;
border: 2px solid var(--teal-main) !important;
border-radius: 10px !important;
min-height: 90px !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 20px 30px !important;
margin: 40px 0 !important;
box-shadow: 0 4px 15px rgba(14, 96, 120, 0.05) !important;
flex-wrap: nowrap !important;
gap: 20px !important;
}
.Maarten-total-text-lbl {
font-family: 'Outfit', sans-serif !important;
font-weight: 800 !important;
font-size: 24px !important;
color: var(--teal-dark) !important;
text-transform: uppercase !important;
flex-shrink: 0 !important;
}
#Maarten-total-output {
font-family: 'Outfit', sans-serif !important;
font-weight: 800 !important;
font-size: 28px !important;
color: var(--teal-main) !important;
text-transform: capitalize !important;
text-align: right !important;
flex: 1 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
/* Hide the native id_11 entirely - it's redundant with our display */
#Maarten-wrap-total #id_11,
#Maarten-wrap-total #cid_11,
#Maarten-wrap-total #label_11,
#Maarten-wrap-total #total_amount,
#Maarten-wrap-total .form-label-left {
display: none !important;
width: 0 !important;
height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
visibility: hidden !important;
}
/* PAYMENT METHOD section */
.payment-method-section { width: 100% !important; margin-bottom: 30px !important; }
.Maarten-payment-method-heading {
font-family: 'Outfit', sans-serif !important; font-weight: 600 !important;
font-size: 18px !important; color: var(--teal-dark) !important;
text-transform: capitalize !important; margin-bottom: 15px !important;
}
#id_12 > .form-label-left, #id_12 #label_12 { display: none !important; }
#id_12 { padding: 0 !important; margin: 0 !important; }
#id_12 .form-input { padding: 0 !important; margin: 0 !important; }
/* Payment outer table — force block layout */
#id_12 > .form-input > .form-address-table,
#id_12 .form-address-table {
width: 100% !important; display: block !important; border: none !important;
border-collapse: separate !important; border-spacing: 0 !important;
}
#id_12 .form-address-table > tbody { display: block !important; width: 100% !important; }
#id_12 .form-address-table > tbody > tr { width: 100% !important; }
/* Payment methods row — force horizontal */
#id_12 td.form-payment-methods,
#id_12 .form-payment-methods {
display: flex !important;
flex-direction: row !important;
gap: 15px !important;
margin-bottom: 0 !important;
width: 100% !important;
padding-bottom: 20px !important;
float: none !important;
}
#id_12 .form-radio-item {
background-color: #ffffff !important;
border: 2px solid var(--border-color) !important;
border-radius: 8px !important;
height: 70px !important;
flex: 1 1 200px !important;
max-width: 280px !important;
display: flex !important;
align-items: center !important;
padding: 0 20px !important;
gap: 12px !important;
cursor: pointer !important;
transition: all 0.2s !important;
float: none !important;
margin: 0 !important;
}
#id_12 .form-radio-item input[type="radio"] {
width: 20px !important; height: 20px !important;
accent-color: var(--teal-main) !important; cursor: pointer !important;
margin: 0 !important; flex-shrink: 0 !important;
opacity: 1 !important; position: relative !important;
}
#id_12 .form-radio-item label {
font-family: 'Outfit', sans-serif !important; font-weight: 600 !important;
font-size: 17px !important; color: var(--text-dark) !important;
cursor: pointer !important; margin: 0 !important; padding: 0 !important;
}
#id_12 .form-radio-item.Maarten-pay-active {
background-color: var(--teal-light) !important;
border-color: var(--teal-main) !important;
}
/* CRITICAL: only style the .credit_card etc rows when .hide is NOT present.
The CMS toggles .hide on/off and we must not override that. */
#id_12 tr.credit_card:not(.hide),
#id_12 tr.paypal:not(.hide),
#id_12 tr.other:not(.hide),
#id_12 tr.billing_address:not(.hide) {
display: block !important;
width: 100% !important;
margin-top: 20px !important;
}
#id_12 tr.hide { display: none !important; }
#id_12 tr.credit_card:not(.hide) th,
#id_12 tr.billing_address:not(.hide) th {
display: block !important;
width: 100% !important;
font-family: 'Outfit', sans-serif !important;
font-weight: 700 !important;
font-size: 18px !important;
color: var(--teal-dark) !important;
text-transform: uppercase !important;
padding: 10px 0 15px 0 !important;
border-bottom: 2px solid var(--border-color) !important;
margin-bottom: 20px !important;
text-align: left !important;
}
#id_12 tr.credit_card:not(.hide) > td,
#id_12 tr.billing_address:not(.hide) > td,
#id_12 tr.paypal:not(.hide) > td,
#id_12 tr.other:not(.hide) > td {
display: block !important;
width: 100% !important;
padding: 0 !important;
}
#id_12 tr.credit_card:not(.hide) td > table {
width: 100% !important; display: block !important;
border-collapse: separate !important; border-spacing: 0 !important;
}
#id_12 tr.credit_card:not(.hide) td > table > tbody { display: block !important; width: 100% !important; }
#id_12 tr.credit_card:not(.hide) td > table > tbody > tr {
display: flex !important; width: 100% !important; gap: 20px !important;
margin-bottom: 20px !important; flex-wrap: wrap !important;
}
#id_12 tr.credit_card:not(.hide) td > table > tbody > tr > td {
display: block !important; flex: 1 1 200px !important; padding: 0 !important; min-width: 0 !important;
}
#id_12 tr.credit_card:not(.hide) td > table > tbody > tr > td[colspan="2"] { flex: 1 1 100% !important; }
#id_12 .cc-field-wrapper { width: 100% !important; }
#id_12 .cc-icons { display: flex !important; gap: 8px !important; margin-top: 8px !important; }
#id_12 .cc-icon { width: 38px !important; height: 24px !important; background-color: #f0f0f0 !important; border-radius: 4px !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; }
#id_12 tr.paypal:not(.hide) td,
#id_12 tr.other:not(.hide) td {
padding: 20px !important; background-color: var(--teal-light) !important;
border-radius: 8px !important; font-family: 'Outfit', sans-serif !important;
color: var(--teal-dark) !important;
}
#id_2 { padding: 0 !important; margin-top: 20px !important; }
#id_2 .form-input-wide { padding: 0 !important; width: 100% !important; }
#id_2 .form-buttons-wrapper {
text-indent: 0 !important; text-align: center !important;
width: 100% !important; padding: 0 !important; margin: 0 !important;
}
#id_2 .form-submit-button {
background-color: var(--teal-main) !important; color: #ffffff !important;
font-family: 'Anek Malayalam', sans-serif !important; font-weight: 600 !important;
font-size: 22px !important; text-transform: uppercase !important;
width: 100% !important; max-width: 600px !important; height: 72px !important;
border-radius: 8px !important; display: flex !important; align-items: center !important;
justify-content: center !important; margin: 0 auto !important;
transition: all 0.3s !important; box-shadow: 0 4px 10px rgba(14, 96, 120, 0.3) !important;
border: none !important; cursor: pointer !important; text-indent: 0 !important;
}
#id_2 .form-submit-button:hover {
background-color: var(--teal-dark) !important; transform: translateY(-2px) !important;
box-shadow: 0 6px 15px rgba(14, 96, 120, 0.4) !important;
}
/* Reset the outer payment table to normal table layout */
#cid_12 > table.form-address-table {
display: table !important;
width: 100% !important;
max-width: 100% !important;
table-layout: fixed !important;
border-collapse: collapse !important;
}
#cid_12 > table.form-address-table > tbody {
display: table-row-group !important;
width: 100% !important;
}
/* The first row holds the payment method buttons td */
#cid_12 > table.form-address-table > tbody > tr:first-child {
display: table-row !important;
width: 100% !important;
}
/* The payment methods td: this is the flex container */
#cid_12 td.form-payment-methods {
display: flex !important;
flex-direction: row;
flex-wrap: nowrap !important;
gap: 15px !important;
padding: 0 0 20px 0 !important;
width: 100% !important;
max-width: 100% !important;
float: none !important;
align-items: stretch !important;
}
/* Each radio button item */
#cid_12 .form-radio-item {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
flex: 1 1 180px !important;
max-width: 260px !important;
height: 60px !important;
background: #fff !important;
border: 2px solid #ebebeb !important;
border-radius: 8px !important;
padding: 0 18px !important;
gap: 10px !important;
cursor: pointer !important;
transition: border-color 0.2s, background 0.2s !important;
float: none !important;
margin: 0 !important;
}
#cid_12 .form-radio-item.Maarten-pay-active {
background: #edfffc !important;
border-color: #0e6078 !important;
}
#cid_12 .form-radio-item input[type="radio"] {
width: 18px !important;
height: 18px !important;
flex-shrink: 0 !important;
accent-color: #0e6078 !important;
opacity: 1 !important;
position: relative !important;
margin: 0 !important;
}
#cid_12 .form-radio-item label {
font-family: 'Outfit', sans-serif !important;
font-weight: 600 !important;
font-size: 16px !important;
color: #4c4c4c !important;
cursor: pointer !important;
margin: 0 !important;
padding: 0 !important;
white-space: nowrap !important;
}
/* Credit card / other section rows — only show when .hide is removed by CMS JS */
#cid_12 tr.credit_card:not(.hide),
#cid_12 tr.billing_address:not(.hide),
#cid_12 tr.paypal:not(.hide),
#cid_12 tr.other:not(.hide) {
display: block !important;
width: 100% !important;
margin-top: 20px !important;
}
#cid_12 tr.hide {
display: none !important;
}
/* Credit card inner content */
#cid_12 tr.credit_card:not(.hide) th,
#cid_12 tr.billing_address:not(.hide) th {
display: block !important;
font-family: 'Outfit', sans-serif !important;
font-weight: 700 !important;
font-size: 16px !important;
color: #023443 !important;
text-transform: uppercase !important;
padding: 0 0 12px 0 !important;
border-bottom: 2px solid #ebebeb !important;
margin-bottom: 16px !important;
}
#cid_12 tr.credit_card:not(.hide) > td,
#cid_12 tr.billing_address:not(.hide) > td,
#cid_12 tr.paypal:not(.hide) > td,
#cid_12 tr.other:not(.hide) > td {
display: block !important;
width: 100% !important;
padding: 0 !important;
}
/* Inner CC fields table */
#cid_12 tr.credit_card:not(.hide) td > table {
display: block !important;
width: 100% !important;
}
#cid_12 tr.credit_card:not(.hide) td > table > tbody {
display: block !important;
}
#cid_12 tr.credit_card:not(.hide) td > table > tbody > tr {
display: flex !important;
flex-wrap: wrap !important;
gap: 16px !important;
margin-bottom: 16px !important;
width: 100% !important;
}
#cid_12 tr.credit_card:not(.hide) td > table > tbody > tr > td {
display: block !important;
flex: 1 1 180px !important;
min-width: 0 !important;
padding: 0 !important;
}
#cid_12 tr.credit_card:not(.hide) td > table > tbody > tr > td[colspan="2"] {
flex: 1 1 100% !important;
}
@media (max-width: 600px) {
#cid_12 .form-radio-item {
flex: 1 1 calc(50% - 8px) !important;
max-width: none !important;
}
}
@media (max-width: 400px) {
#cid_12 .form-radio-item {
flex: 1 1 100% !important;
}
}
.Maarten-site-footer { background-color: var(--teal-dark) !important; height: 238px !important; width: 100% !important; margin-top: 100px !important; }
@media (max-width: 1200px) {
.Maarten-info-content { flex-direction: column !important; text-align: center !important; gap: 50px !important; }
.Maarten-info-text-wrap { margin: 0 auto !important; align-items: center !important; max-width: 100% !important; text-align: center !important; }
.Maarten-img-info-side { margin: 0 auto !important; }
.Maarten-arrow-down-main { position: relative !important; bottom: auto !important; margin-top: 40px !important; display: none !important; }
}
@media (max-width: 992px) {
.Maarten-donor-form-card { padding: 40px 30px !important; }
.Maarten-form-row-pair { flex-direction: column !important; gap: 20px !important; }
}
@media (max-width: 768px) {
#cid_12 td.form-payment-methods {flex-wrap: wrap !important;}
.Maarten-hero { height: 500px !important; }
.Maarten-info-title { font-size: 29px !important; }
.Maarten-heading-playfair { font-size: 28px !important; }
.Maarten-btn-gold { font-size: 13px !important; padding: 12px 18px !important; gap: 8px !important; }
.Maarten-btn-icon { width: 18px !important; height: 18px !important; }
#Maarten-wrap-total { flex-direction: column !important; gap: 10px !important; padding: 20px !important; text-align: center !important; align-items: center !important; }
#Maarten-total-output { text-align: center !important; }
#id_12 .form-radio-item { flex: 1 1 calc(50% - 8px) !important; max-width: none !important; }
#id_5 .form-input { flex-direction: column !important; gap: 20px !important; }
}
@media (max-width: 550px) {
.Maarten-tiers-grid, .Maarten-members-container { gap: 12px !important; padding: 0 10px !important; }
.Maarten-native-amount-wrapper { height: 115px !important; }
.amount-text-main, .member-amount-val { font-size: 20px !important; }
.member-label-text { font-size: 14px !important; letter-spacing: 1px !important; }
#id_12 .form-radio-item { flex: 1 1 100% !important; }
}
`;
document.head.appendChild(styleSheet);
}
// --- 3. ENSURE WRAPPER EXISTS (fallback if CKEditor stripped it) ---
let customUI = document.getElementById('Maarten-custom-chabad-ui');
if (!customUI) {
console.warn('[Maarten] Wrapper not found — building it from script');
const wrapperHTML = `
<div id="Maarten-custom-chabad-ui">
<div class="Maarten-hero">
<div class="Maarten-hero-bg">
<img src="https://jewishsxm.com/media/images/1370/xTwk13706263.png" alt="" class="Maarten-hero-bg-img">
<div class="Maarten-hero-gradient"></div>
</div>
<div class="Maarten-hero-content">
<div class="Maarten-logo-wrap stagger-reveal-container">
<img src="https://jewishsxm.com/media/images/1370/ufTX13706336.png" class="Maarten-img-logo-text reveal-line-inner">
</div>
<a href="#sustainers" class="Maarten-btn-gold stagger-reveal-container">
<span class="reveal-line-inner">become a lighthouse member</span>
<img src="https://jewishsxm.com/media/images/1370/ynWT13706269.png" class="Maarten-btn-icon reveal-line-inner">
</a>
</div>
</div>
<div class="Maarten-info-section">
<img src="https://jewishsxm.com/media/images/1370/ASOr13706270.png" class="Maarten-info-bg-overlay">
<div class="Maarten-info-content stagger-reveal-container">
<div class="Maarten-info-text-wrap">
<h2 class="Maarten-info-title">
<span class="reveal-line-wrap"><span class="reveal-line-inner">Sustaining the spark of</span></span><br>
<span class="reveal-line-wrap"><span class="reveal-line-inner gold">Jewish life in S. Maarten.</span></span>
</h2>
<p class="Maarten-info-desc">
<span class="reveal-line-wrap"><span class="reveal-line-inner">Lighthouse Sustainers are consistent donors who</span></span><br>
<span class="reveal-line-wrap"><span class="reveal-line-inner">provide a steady foundation for Chabad of S. Maarten.</span></span><br>
<span class="reveal-line-wrap"><span class="reveal-line-inner">Their ongoing support ensures a continuous,</span></span><br>
<span class="reveal-line-wrap"><span class="reveal-line-inner">welcoming beacon of Jewish life shines on the island.</span></span>
</p>
</div>
<img src="https://jewishsxm.com/media/images/1370/dDEe13706342.png" class="Maarten-img-info-side slide-reveal-right">
</div>
<img src="https://jewishsxm.com/media/images/1370/ynWT13706269.png" class="Maarten-arrow-down-main">
</div>
<div id="sustainers" class="Maarten-section-header-wrap stagger-reveal-container">
<h2 class="Maarten-heading-playfair"><span class="reveal-line-wrap"><span class="reveal-line-inner">lighthouse sustainers</span></span></h2>
<p class="Maarten-subheading-outfit"><span class="reveal-line-wrap"><span class="reveal-line-inner">one-time donations</span></span></p>
</div>
<div class="Maarten-tiers-grid" id="Maarten-sustainers-grid"></div>
<div class="Maarten-section-header-wrap stagger-reveal-container">
<h2 class="Maarten-heading-playfair"><span class="reveal-line-wrap"><span class="reveal-line-inner">lighthouse members</span></span></h2>
<p class="Maarten-subheading-outfit"><span class="reveal-line-wrap"><span class="reveal-line-inner">yearly or monthly giving</span></span></p>
</div>
<div class="Maarten-members-container">
<div class="Maarten-members-col" id="Maarten-members-col-1"></div>
<div class="Maarten-members-col" id="Maarten-members-col-2"></div>
</div>
<div class="Maarten-donor-form-card" id="donor-details">
<h3 class="Maarten-form-heading-top">donor details</h3>
<div class="Maarten-form-row-pair">
<div class="Maarten-form-field-unit" id="Maarten-wrap-name"></div>
</div>
<div class="Maarten-form-row-pair">
<div class="Maarten-form-field-unit" id="Maarten-wrap-email"></div>
<div class="Maarten-form-field-unit" id="Maarten-wrap-phone"></div>
</div>
<div class="Maarten-form-field-unit" style="margin-bottom: 30px;" id="Maarten-wrap-address"></div>
<div id="Maarten-wrap-recurrence" style="display:none !important;"></div>
<div class="Maarten-total-display-bar" id="Maarten-wrap-total">
<span class="Maarten-total-text-lbl">total</span>
<span class="total-price-val" id="Maarten-total-output">$0</span>
</div>
<div class="payment-method-section" id="Maarten-wrap-payment">
<div class="Maarten-payment-method-heading">payment method</div>
</div>
<div id="Maarten-wrap-submit"></div>
</div>
<div class="Maarten-site-footer"></div>
</div>
`;
const formAll = document.querySelector('.form-all');
const mountPoint = formAll || document.getElementById('formContainer') || document.body;
const tmp = document.createElement('div');
tmp.innerHTML = wrapperHTML.trim();
customUI = tmp.firstElementChild;
mountPoint.insertBefore(customUI, mountPoint.firstChild);
}
// --- 4. MOVE NATIVE FIELDS INTO CUSTOM WRAPPERS ---
const moveMap = {
'id_5': 'Maarten-wrap-name',
'id_6': 'Maarten-wrap-email',
'id_8': 'Maarten-wrap-phone',
'id_9': 'Maarten-wrap-address',
'id_10': 'Maarten-wrap-recurrence',
'id_11': 'Maarten-wrap-total',
'id_12': 'Maarten-wrap-payment',
'id_2': 'Maarten-wrap-submit'
};
for (const [nativeId, customWrapId] of Object.entries(moveMap)) {
const nativeEl = document.getElementById(nativeId);
const targetWrap = document.getElementById(customWrapId);
if (nativeEl && targetWrap && !targetWrap.contains(nativeEl)) {
targetWrap.appendChild(nativeEl);
}
}
// Hide the original donor details header
const id4 = document.getElementById('cid_4');
if (id4) id4.style.display = 'none';
// Hide native id_1 and id_3 source lists once their items move
const id1Native = document.getElementById('id_1');
const id3Native = document.getElementById('id_3');
// --- 5. CHECKBOX TRANSFORMATION ---
function formatCurrencyDisplay(amountStr) {
let amount = parseFloat(String(amountStr).replace(/[^0-9.]/g, ''));
if (isNaN(amount)) return amountStr;
return new Intl.NumberFormat('en-US', {
style: 'currency', currency: 'USD', minimumFractionDigits: 0, maximumFractionDigits: 0
}).format(amount);
}
function syncMonthlyRecurring(selectedValue) {
const monthlyCheckbox = document.getElementById('input_10');
if (!monthlyCheckbox) return;
const isMonthly = selectedValue && selectedValue.toLowerCase().includes('monthly');
if (isMonthly && !monthlyCheckbox.checked) {
monthlyCheckbox.checked = true;
monthlyCheckbox.dispatchEvent(new Event('change', { bubbles: true }));
} else if (!isMonthly && monthlyCheckbox.checked) {
monthlyCheckbox.checked = false;
monthlyCheckbox.dispatchEvent(new Event('change', { bubbles: true }));
}
}
function transformTierOptions(sourceId, type) {
const sourceContainer = document.getElementById(sourceId);
if (!sourceContainer) {
console.warn('[Maarten] Source not found:', sourceId);
return;
}
const sustainersGrid = document.getElementById('Maarten-sustainers-grid');
const col1 = document.getElementById('Maarten-members-col-1');
const col2 = document.getElementById('Maarten-members-col-2');
if (type === 'sustainers' && !sustainersGrid) {
console.warn('[Maarten] Sustainers grid missing');
return;
}
if (type === 'members' && (!col1 || !col2)) {
console.warn('[Maarten] Members columns missing');
return;
}
const items = sourceContainer.querySelectorAll('.form-checkbox-item');
items.forEach((item, index) => {
item.className = 'Maarten-native-amount-wrapper form-line';
const input = item.querySelector('input[type="checkbox"]');
const label = item.querySelector('label');
if (!input || !label) return;
label.className = 'card-label-wrapper stagger-reveal-container';
const fullText = input.value;
if (type === 'sustainers') {
label.innerHTML = `
<div class="card-base reveal-line-inner">
<svg class="radio-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<circle cx="12" cy="12" r="10"></circle>
<circle class="radio-inner-dot" cx="12" cy="12" r="5" fill="currentColor"></circle>
</svg>
<span class="amount-text-main">${fullText}</span>
</div>
`;
if (index === 4) item.classList.add('Maarten-tier-card-wrap-centered');
sustainersGrid.appendChild(item);
} else if (type === 'members') {
const parts = fullText.split(' ');
const amountText = parts[0] || '';
const periodText = parts[1] || '';
label.innerHTML = `
<div class="card-base reveal-line-inner">
<svg class="radio-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<circle cx="12" cy="12" r="10"></circle>
<circle class="radio-inner-dot" cx="12" cy="12" r="5" fill="currentColor"></circle>
</svg>
<div class="member-info-content">
<span class="member-amount-val">${amountText}</span>
<span class="member-label-text">${periodText}</span>
</div>
</div>
`;
const colTarget = (index % 2 === 0) ? col1 : col2;
colTarget.appendChild(item);
}
input.addEventListener('change', () => {
if (input.checked) {
document.querySelectorAll('.Maarten-native-amount-wrapper input[type="checkbox"]').forEach(cb => {
if (cb !== input && cb.checked) {
cb.checked = false;
const oldCard = cb.parentElement && cb.parentElement.querySelector('.card-base');
if (oldCard) oldCard.classList.remove('selected');
}
});
const newCard = label.querySelector('.card-base');
if (newCard) newCard.classList.add('selected');
const totalDisplay = document.getElementById('Maarten-total-output');
if (totalDisplay) {
const parts = fullText.split(' ');
const valNum = parts[0];
const periodStr = type === 'members' && parts[1] ? ' ' + parts[1].toLowerCase() : '';
totalDisplay.textContent = formatCurrencyDisplay(valNum) + periodStr;
}
syncMonthlyRecurring(fullText);
} else {
const newCard = label.querySelector('.card-base');
if (newCard) newCard.classList.remove('selected');
const anyChecked = document.querySelector('.Maarten-native-amount-wrapper input[type="checkbox"]:checked');
if (!anyChecked) {
const totalDisplay = document.getElementById('Maarten-total-output');
if (totalDisplay) totalDisplay.textContent = '$0';
syncMonthlyRecurring('');
}
}
});
item.addEventListener('click', (e) => {
const tag = e.target.tagName.toLowerCase();
if (tag === 'input' || tag === 'label' || e.target.closest('svg')) return;
input.click();
});
if (input.checked) {
const newCard = label.querySelector('.card-base');
if (newCard) newCard.classList.add('selected');
syncMonthlyRecurring(fullText);
}
});
// Hide the source li after extraction
const sourceLi = sourceContainer.closest('li.form-line');
if (sourceLi) sourceLi.style.display = 'none';
sourceContainer.style.display = 'none';
}
transformTierOptions('cid_1', 'sustainers');
transformTierOptions('cid_3', 'members');
// --- 6. PAYMENT RADIO ACTIVE-STATE TRACKING (no behavior override) ---
const paymentRadioItems = document.querySelectorAll('#id_12 .form-radio-item');
paymentRadioItems.forEach(item => {
const radioInput = item.querySelector('input[type="radio"]');
if (!radioInput) return;
if (radioInput.checked) item.classList.add('Maarten-pay-active');
radioInput.addEventListener('change', () => {
paymentRadioItems.forEach(i => i.classList.remove('Maarten-pay-active'));
if (radioInput.checked) item.classList.add('Maarten-pay-active');
});
});
// --- 7. SCROLL REVEALS ---
const observer = new IntersectionObserver((entries, obs) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
const lines = entry.target.querySelectorAll('.reveal-line-inner');
const sideImages = entry.target.querySelectorAll('.slide-reveal-right');
lines.forEach((line, index) => {
setTimeout(() => {
line.classList.add('is-visible');
}, index * 300); // 👈 slower: was 350ms, now 600ms
});
sideImages.forEach((img, index) => {
setTimeout(() => {
img.classList.add('is-visible');
}, index * 300); // 👈 also staggered now
});
obs.unobserve(entry.target);
}
});
}, { root: null, rootMargin: '0px 0px -10% 0px', threshold: 0.1 });
document.querySelectorAll('.stagger-reveal-container').forEach(c => observer.observe(c));
// ❌ REMOVED: the setTimeout fallback that was revealing everything at once
console.log('[Maarten] Done.');
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', runMaarten);
} else {
runMaarten();
}
})();
</script>
</body>
</html><!-- END CACHE -->