<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="en" />

<meta property="og:image" content="https://w2.chabad.org/media/images/1323/nEaB13234022.png" itemprop="image" width="150" height="150" />
<meta property="og:image:width" content="150" />
<meta property="og:image:height" content="150" />
<meta name="keywords" content="Pesach" />
<meta name="title" content="Pesach - Chabad of Camden &amp; Burlington Counties" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="53524-53528-6720426-6766713-5067777" />
<meta name="article-keywords" content="23157-8495-8497-16403-16669-2170-2898-20962" />
<meta name="scope-aid" content="53524" />
<meta name="scope-aid" content="53528" />
<meta name="scope-aid" content="6720426" />
<meta name="scope-aid" content="6766713" />
<meta name="scope-aid" content="5067777" />
<meta name="article-keyword" content="23157" />
<meta name="article-keyword" content="8495" />
<meta name="article-keyword" content="8497" />
<meta name="article-keyword" content="16403" />
<meta name="article-keyword" content="16669" />
<meta name="article-keyword" content="2170" />
<meta name="article-keyword" content="2898" />
<meta name="article-keyword" content="20962" />
<meta property="og:url" content="https://www.thechabadcenter.org/templates/section_cdo/aid/5067777/jewish/Passover-2021.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Pesach" /><link rel="canonical" href="https://www.thechabadcenter.org/templates/section_cdo/aid/5067777/jewish/Passover-2021.htm" />
<link rel="icon" type="image/png" href="https://www.thechabadcenter.org/media/images/1323/nEaB13234022.png" />
<link rel="Stylesheet" href="/css/fonts/font-awesome/font-awesome-5.css" id="kfont-awesome" type="text/css"/>
<link rel="Stylesheet" href="/css/DefaultGrid.css" id="kgrid" type="text/css"/>
<link rel="Stylesheet" href="/css/Elements.css" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites.css" id="ksites-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/new/main.css" id="k7" type="text/css"/>
<link rel="Stylesheet" href="https://w2.chabad.org/css/cco/minisites/global.css" id="k20962" type="text/css"/>
<link rel="Stylesheet" href="/css/old/global.css" id="k2898" type="text/css"/>
<link rel="Stylesheet" href="https://w2.chabad.org/images/Shluchim/minisites/themes/pesach/pesach-minisite.css?v=6/30/2026" id="k23157" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/home/default/prettyPhoto.min.css" id="kprettyPhoto" type="text/css"/>

<script>$q=[];$j=function(f){$q.push(f);}</script>
	
 
	
	<style type="text/css">
		body{margin:0;}
	</style>
	
	


<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2021-03-08","primaryArticleId":5067777,"title":"Pesach","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"Past Programs & Events","contentLevel3":"2021","contentLevel4":"Passover 2021","siteName":"Chabad of Camden & Burlington Counties"},"time":{"upcomingHoliday":"The Three Weeks","daysToUpcomingHoliday":1,"hebrewDate":"5786-04-16"}});
		dataLayer.push({ 'articleHierarchy': '-53524-53528-6720426-6766713-5067777-', 'keywords': '-k20962-k2898-k2170-k16669-k16403-k8497-k8495-k23157-', 'k': '-53524-53528-6720426-6766713-5067777--k20962-k2898-k2170-k16669-k16403-k8497-k8495-k23157-' });
	
</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 = 1075873;var sc_partition = 1;var sc_invisible = 1;var sc_remove_link=1;var sc_security = "82e35dbf";var sc_https = 1;
	</script>
	<script type="text/javascript" src="https://secure.statcounter.com/counter/counter_xhtml.js" defer async></script>
	<noscript><img src="//c2.statcounter.com/counter.php?sc_project=1075873&amp;java=0&amp;security=82e35dbf&amp;invisible=1" border="0" /> </noscript>
	<!-- End of StatCounter Code -->


<meta name="google-site-verification" content="lRtKwgjQQTTuOI6mus5hzDiYoAxY5keA6jFU0pCvKLQ" />
<!-- Global site tag (gtag.js) - Google Analytics -->



<style type="text/css" rel="stylesheet">
/*<![CDATA[*//**/
@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,600);
/**/
}/*]]>*/</style>



<!--<link href="https://cdn.webmk.co/general/cdo-normalize.css" rel="stylesheet">-->

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Yakov-Chabad/Gala2026-CSS@main/gala-custom-header.css">

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/Yakov-Chabad/GimmelTammuzForm@main/FormCSS.css">

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/Yakov-Chabad/TefillinTuesdayBreakfast@main/FormCSS.css">


<style type="text/css">
/* =========================================================
   MODERN FORM STYLING - CHABADONE
   Target: Bourbon Tasting Event (ID: 7411646)
   Theme: Frosted Cream Card over Black/Gold Texture
========================================================= */

/* --- 0. CRUCIAL: Enforce Jotform Conditional Logic First --- */
form[id="7411646"] .hide,
form[id="7411646"] tr.hide,
form[id="7411646"] td.hide,
form[id="7411646"] div.hide,
form[id="7411646"] tbody.hide {
    display: none !important;
}

/* --- 1. Page Background & FORCE FULL-SCREEN CENTERING --- */
html:has(form[id="7411646"]),
html:has(form[id="7411646"]) body {
    background-color: #050403 !important;
    background-image: url('https://thechabadcenter.org/media/images/1376/dVbQ13761866.png') !important;
    background-size: cover !important;
    background-position: center top !important;
    background-attachment: fixed !important;
    margin: 0 !important;
    overflow-x: hidden !important;
}

/* THE MASTER UN-FLOAT: Strips ChabadOne's legacy left-aligned wrappers */
html:has(form[id="7411646"]) #content,
html:has(form[id="7411646"]) #BodyContainer,
html:has(form[id="7411646"]) .body_wrapper,
html:has(form[id="7411646"]) #co_content_container,
html:has(form[id="7411646"]) .master-content-wrapper,
html:has(form[id="7411646"]) #co_body_container,
html:has(form[id="7411646"]) #ContentBody,
html:has(form[id="7411646"]) .content-area-parent,
html:has(form[id="7411646"]) #cco_body,
html:has(form[id="7411646"]) article.content,
html:has(form[id="7411646"]) #formContainer {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

/* Center the form block */
form[id="7411646"] {
    font-family: 'Montserrat', 'Open Sans', Arial, sans-serif !important;
    color: #333 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
}

/* THE FROSTED STATIONERY CARD - TIGHTER */
form[id="7411646"] .form-all {
    background: rgba(41, 18, 2, 0.85) !important;
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.55) !important;
    border-radius: 16px !important;
    padding: 28px 32px 34px !important;
    margin: 24px auto !important;
    width: 100% !important;
    max-width: 760px !important;
    border: 1px solid rgba(255, 255, 255, 0.6) !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

form[id="7411646"] .form-line {
    display: block !important;
    padding: 7px 0 !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

form[id="7411646"] .form-line[style*="none"] {
    display: none !important;
}

form[id="7411646"] .form-required {
    display: none !important;
}

/* --- RSVP IMAGE / TOP HTML AREA --- */
html:has(form[id="7411646"]) div:has(> img[alt="Bourbon Tasting"]) {
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

html:has(form[id="7411646"]) div:has(> img[alt="Bourbon Tasting"]) > div:first-child {
    margin: 0 0 8px 0 !important;
}

html:has(form[id="7411646"]) div:has(> img[alt="Bourbon Tasting"]) > br {
    display: none !important;
}

html:has(form[id="7411646"]) img[alt="Bourbon Tasting"] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    border-radius: 12px !important;
    margin: 0 auto !important;
}

/* --- 2. Headings & Field Names --- */
form[id="7411646"] .form-header {
    color: #a67c33 !important;
    border-bottom: 1px solid #d9cbb8 !important;
    padding-bottom: 8px !important;
}

form[id="7411646"] .form-label,
form[id="7411646"] .form-label-left,
form[id="7411646"] .form-label-top {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    display: block !important;
    box-sizing: border-box !important;
}

form[id="7411646"] [id^="label_"] > label,
form[id="7411646"] label[for^="input_"]:not(.form-sub-label),
form[id="7411646"] .form-label-left > label,
form[id="7411646"] .form-label-top > label {
    color: #a67c33 !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    margin-bottom: 3px !important;
    display: block !important;
}

form[id="7411646"] .label-message {
    display: block !important;
    width: 100% !important;
    color: #887a6b !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    margin-top: 2px !important;
    margin-bottom: 6px !important;
    line-height: 1.32 !important;
}

form[id="7411646"] .form-sub-label {
    color: #887a6b !important;
    font-size: 12px !important;
    margin-top: 2px !important;
    font-weight: normal !important;
}

/* --- 3. Inputs --- */
form[id="7411646"] .form-input,
form[id="7411646"] .form-input-wide {
    clear: both !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}

form[id="7411646"] .form-textbox,
form[id="7411646"] .form-dropdown,
form[id="7411646"] .form-textarea {
    width: 100% !important;
    height: 44px !important;
    padding: 0 15px !important;
    border: 1px solid #cfc2b4 !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #333 !important;
    background-color: #fff !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    outline: none !important;
}

form[id="7411646"] .form-textarea {
    height: auto !important;
    padding: 12px 15px !important;
}

form[id="7411646"] .form-textbox:focus,
form[id="7411646"] .form-dropdown:focus {
    border-color: #c99b53 !important;
    box-shadow: 0 0 0 2px rgba(201, 155, 83, 0.2) !important;
}

form[id="7411646"] #input_15 {
    width: 100px !important;
    text-align: center !important;
    font-weight: 600 !important;
}

/* --- 4. Side-by-Side Flex Layout --- */
form[id="7411646"] #cid_1,
form[id="7411646"] #cid_17,
form[id="7411646"] #cid_18,
form[id="7411646"] #cid_19,
form[id="7411646"] #cid_20,
form[id="7411646"] #cid_21,
form[id="7411646"] #cid_22 {
    display: flex !important;
    flex-direction: row !important;
    gap: 12px !important;
    width: 100% !important;
}

form[id="7411646"] .form-sub-label-container {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    margin: 0 !important;
}

form[id="7411646"] .form-sub-label-container input,
form[id="7411646"] .form-sub-label-container select {
    order: 1 !important;
}

form[id="7411646"] .form-sub-label-container label.form-sub-label {
    order: 2 !important;
}

/* Address table */
form[id="7411646"] .form-address-table {
    width: 100% !important;
    display: block !important;
}

form[id="7411646"] .form-address-table tbody {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    width: 100% !important;
}

form[id="7411646"] .form-address-table tr:not(.hide) {
    display: flex !important;
    flex-direction: row !important;
    gap: 12px !important;
    width: 100% !important;
}

form[id="7411646"] .form-address-table td {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    padding: 0 !important;
    min-width: 0 !important;
}

/* --- 5. Radio Buttons & Checkboxes --- */
form[id="7411646"] .form-single-column,
form[id="7411646"] .form-multiple-column {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    width: 100% !important;
}

form[id="7411646"] .form-radio-item,
form[id="7411646"] .form-checkbox-item {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    border: 1px solid #cfc2b4 !important;
    border-radius: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #fff !important;
    min-height: 42px !important;
    box-sizing: border-box !important;
}

form[id="7411646"] .form-radio-item:has(input:checked),
form[id="7411646"] .form-checkbox-item:has(input:checked) {
    background-color: #fdf8f0 !important;
    border-color: #c99b53 !important;
}

form[id="7411646"] input.form-radio,
form[id="7411646"] input.form-checkbox {
    margin: 0 0 0 14px !important;
    width: 20px !important;
    height: 20px !important;
    accent-color: #c99b53 !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
}

form[id="7411646"] .form-radio-item label,
form[id="7411646"] .form-checkbox-item label {
    margin: 0 !important;
    padding: 10px 18px 10px 12px !important;
    color: #333 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;
}

/* =========================================================
   "OTHER" CHECKBOX
========================================================= */
form[id="7411646"] .form-checkbox-item:has(.form-checkbox-other) {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
}

form[id="7411646"] input.form-checkbox-other {
    -webkit-appearance: none !important;
    appearance: none !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
    cursor: pointer !important;
    z-index: 5 !important;
    outline: none !important;
    border: none !important;
    background: transparent !important;
}

form[id="7411646"] input.form-checkbox-other::before {
    content: "" !important;
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 20px !important;
    height: 20px !important;
    border: 1px solid #767676 !important;
    border-radius: 3px !important;
    background-color: #fff !important;
    box-sizing: border-box !important;
}

form[id="7411646"] input.form-checkbox-other:checked::before {
    background-color: #c99b53 !important;
    border-color: #c99b53 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round' d='M3.5 8.5l3 3L12.5 4'/%3E%3C/svg%3E") !important;
    background-size: 15px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

form[id="7411646"] .form-checkbox-item:has(.form-checkbox-other) span {
    display: flex !important;
    align-items: center !important;
    flex: none !important;
    padding: 0 !important;
    margin-left: 48px !important;
    position: relative !important;
    z-index: 10 !important;
}

form[id="7411646"] .form-checkbox-other-input {
    margin: 0 !important;
    padding: 6px 10px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    height: 32px !important;
    width: 115px !important;
    font-size: 14px !important;
    background: #fff !important;
    position: relative !important;
}

/* Typed amount color */
form[id="7411646"] .form-checkbox-other-input,
form[id="7411646"] input#input_13 {
    color: #a67c33 !important;
    font-weight: 700 !important;
}

/* Placeholder "Other" color */
form[id="7411646"] .form-checkbox-other-input::placeholder,
form[id="7411646"] input#input_13::placeholder {
    color: #a67c33 !important;
    opacity: 1 !important;
    font-weight: 700 !important;
}

form[id="7411646"] .form-checkbox-other-input::-webkit-input-placeholder,
form[id="7411646"] input#input_13::-webkit-input-placeholder {
    color: #a67c33 !important;
    opacity: 1 !important;
    font-weight: 700 !important;
}

form[id="7411646"] .form-checkbox-other-input::-moz-placeholder,
form[id="7411646"] input#input_13::-moz-placeholder {
    color: #a67c33 !important;
    opacity: 1 !important;
    font-weight: 700 !important;
}

form[id="7411646"] .form-checkbox-other-input:-ms-input-placeholder,
form[id="7411646"] input#input_13:-ms-input-placeholder {
    color: #a67c33 !important;
    opacity: 1 !important;
    font-weight: 700 !important;
}

/* --- 6. Total Box --- */
form[id="7411646"] #cid_7 {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    background-color: rgba(255,255,255,0.65) !important;
    border: 1px solid #cfc2b4 !important;
    border-radius: 8px !important;
    padding: 13px 18px !important;
    margin-top: 2px !important;
}

form[id="7411646"] #cid_7 label {
    margin: 0 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #333 !important;
}

form[id="7411646"] #total_amount {
    font-size: 26px !important;
    font-weight: 800 !important;
    color: #a67c33 !important;
    padding: 0 !important;
}

/* --- 7. Payment / Credit Card Fields --- */
form[id="7411646"] .js-cc-number {
    padding-left: 15px !important;
    background-image: none !important;
}

form[id="7411646"] .credit_card:not(.hide) > td > table {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
    border: 1px solid #cfc2b4 !important;
    padding: 14px !important;
    border-radius: 8px !important;
    background: rgba(255,255,255,0.5) !important;
    margin-top: 6px !important;
}

form[id="7411646"] .credit_card:not(.hide) > td > table > tbody {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: 100% !important;
}

form[id="7411646"] .credit_card:not(.hide) > td > table > tbody > tr {
    display: flex !important;
    flex-direction: row !important;
    width: 100% !important;
    gap: 10px !important;
}

form[id="7411646"] .credit_card td,
form[id="7411646"] .cc-field-wrapper {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    padding: 0 !important;
    min-width: 0 !important;
}

form[id="7411646"] .credit_card th {
    display: none !important;
}

form[id="7411646"] .other {
    padding: 8px 0 0 0 !important;
    font-size: 15px !important;
    color: #555 !important;
    line-height: 1.45 !important;
}

form[id="7411646"] .credit_card input.form-textbox {
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #333 !important;
}

/* --- 8. Submit Button --- */
form[id="7411646"] .form-buttons-wrapper {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 18px 0 0 0 !important;
    padding: 0 !important;
    text-indent: 0 !important;
}

form[id="7411646"] .form-submit-button {
    background-color: #c99b53 !important;
    color: #120e0a !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 14px 45px !important;
    font-size: 18px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    width: 100% !important;
    max-width: 350px !important;
    transition: filter 0.3s ease, transform 0.1s ease !important;
    box-shadow: 0 4px 12px rgba(201, 155, 83, 0.3) !important;
}

form[id="7411646"] .form-submit-button:hover {
    filter: brightness(1.12) !important;
    transform: translateY(-1px) !important;
}

/* --- 9. Newsletter Checkbox --- */
form[id="7411646"] #cid_4 .form-checkbox-item {
    border: none !important;
    background: transparent !important;
    min-height: auto !important;
    padding: 5px 0 !important;
}

form[id="7411646"] #cid_4 input.form-checkbox {
    margin: 0 10px 0 0 !important;
    width: 18px !important;
    height: 18px !important;
}

form[id="7411646"] #cid_4 label {
    color: #555 !important;
    font-size: 14px !important;
    padding: 0 !important;
}

form[id="7411646"] .form-single-column:has(input.paymentMethod),
form[id="7411646"] .form-multiple-column:has(input.paymentMethod) {
    display: flex !important;
    flex-direction: row !important;
    gap: 12px !important;
    width: 100% !important;
}

form[id="7411646"] .form-radio-item:has(input.paymentMethod) {
    flex: 1 !important;
    margin: 0 !important;
}

/* --- 10. Mobile Fixes --- */
@media (max-width: 600px) {
    form[id="7411646"] {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    form[id="7411646"] .form-all {
        padding: 16px 12px 22px !important;
        border-radius: 12px !important;
        margin: 10px auto !important;
    }

    form[id="7411646"] .form-line {
        padding: 6px 0 !important;
    }

    form[id="7411646"] [id^="label_"] > label,
    form[id="7411646"] label[for^="input_"]:not(.form-sub-label),
    form[id="7411646"] .form-label-left > label,
    form[id="7411646"] .form-label-top > label {
        font-size: 17px !important;
        margin-bottom: 2px !important;
    }

    form[id="7411646"] .label-message {
        margin-bottom: 5px !important;
        line-height: 1.3 !important;
    }

    html:has(form[id="7411646"]) div:has(> img[alt="Bourbon Tasting"]) {
        margin: 0 0 8px 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }

    html:has(form[id="7411646"]) div:has(> img[alt="Bourbon Tasting"]) > div:first-child {
        font-size: 20px !important;
        letter-spacing: 1.5px !important;
        margin: 0 0 7px 0 !important;
    }

    html:has(form[id="7411646"]) img[alt="Bourbon Tasting"]{
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 10px !important;
    }

    form[id="7411646"] #cid_1,
    form[id="7411646"] #cid_17,
    form[id="7411646"] #cid_18,
    form[id="7411646"] #cid_19,
    form[id="7411646"] #cid_20,
    form[id="7411646"] #cid_21,
    form[id="7411646"] #cid_22 {
        gap: 8px !important;
    }

    form[id="7411646"] .form-radio-item,
    form[id="7411646"] .form-checkbox-item {
        min-height: 40px !important;
    }

    form[id="7411646"] .form-radio-item label,
    form[id="7411646"] .form-checkbox-item label {
        padding: 9px 14px 9px 10px !important;
        font-size: 15px !important;
    }

    form[id="7411646"] input.form-radio,
    form[id="7411646"] input.form-checkbox {
        margin-left: 12px !important;
    }

    form[id="7411646"] .form-checkbox-item:has(.form-checkbox-other) span {
        margin-left: 44px !important;
    }

    form[id="7411646"] input.form-checkbox-other::before {
        left: 12px !important;
    }

    /* Credit-card address: City + State on one line, Zip + Country on one line */
    form[id="7411646"] .form-address-table tbody {
        gap: 6px !important;
    }

    form[id="7411646"] .form-address-table tr:not(.hide) {
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
        width: 100% !important;
    }

    form[id="7411646"] .form-address-table td {
        flex: 1 1 0 !important;
        min-width: 0 !important;
        width: auto !important;
    }

    form[id="7411646"] .form-address-table .form-textbox,
    form[id="7411646"] .form-address-table .form-dropdown {
        min-width: 0 !important;
        padding-left: 9px !important;
        padding-right: 9px !important;
        font-size: 14px !important;
    }

    form[id="7411646"] .credit_card:not(.hide) > td > table {
        padding: 12px !important;
        gap: 8px !important;
        margin-top: 5px !important;
    }

    form[id="7411646"] .credit_card:not(.hide) > td > table > tbody {
        gap: 8px !important;
    }

    form[id="7411646"] .credit_card:not(.hide) > td > table > tbody > tr {
        flex-wrap: wrap !important;
        gap: 8px !important;
    }

    form[id="7411646"] .credit_card td:has(.js-cc-number),
    form[id="7411646"] .credit_card td:has([id*="cc_ccv"]),
    form[id="7411646"] .credit_card td:has([name*="ccv"]),
    form[id="7411646"] .credit_card td:has([autocomplete="cc-csc"]) {
        flex: 0 0 100% !important;
        width: 100% !important;
    }

    form[id="7411646"] .form-single-column:has(input.paymentMethod),
    form[id="7411646"] .form-multiple-column:has(input.paymentMethod) {
        flex-direction: column !important;
        gap: 6px !important;
    }

    form[id="7411646"] #cid_7 {
        padding: 12px 14px !important;
    }

    form[id="7411646"] #total_amount {
        font-size: 24px !important;
    }

    form[id="7411646"] .form-buttons-wrapper {
        margin-top: 16px !important;
    }
}
/* Mobile-only fix for the Donation "Other" checkbox */
@media (max-width: 600px) {
    form[id="7411646"] .form-checkbox-item:has(input.form-checkbox-other) {
        position: relative !important;
        overflow: hidden !important;
    }

    form[id="7411646"] input.form-checkbox-other,
    form[id="7411646"] input.form-checkbox.form-checkbox-other {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        height: 100% !important;
        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
    }

    form[id="7411646"] input.form-checkbox-other:focus,
    form[id="7411646"] input.form-checkbox-other:active,
    form[id="7411646"] input.form-checkbox-other:checked {
        outline: 0 !important;
        box-shadow: none !important;
        border: 0 !important;
    }

    form[id="7411646"] input.form-checkbox-other::before,
    form[id="7411646"] input.form-checkbox.form-checkbox-other::before {
        left: 12px !important;
        top: 50% !important;
        margin: 0 !important;
        transform: translateY(-50%) !important;
    }

    form[id="7411646"] .form-checkbox-item:has(input.form-checkbox-other) span {
        margin-left: 44px !important;
    }

    form[id="7411646"] .form-checkbox-item:has(input.form-checkbox-other) .form-checkbox-other-input {
        margin-left: 0 !important;
    }

    form[id="7411646"] .form-checkbox-item:has(input.form-checkbox-other:checked) {
        border-color: #cfc2b4 !important;
        box-shadow: none !important;
    }
}
</style>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-186246458-1"></script><script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-186246458-1');
</script><script> jQuery

(function(){
	jQuery('select.co_form_input.row.active').find('option:first-child').html('<option value="">Table</option>');
});
</script><title>
	Pesach - Chabad of Camden & Burlington Counties
</title></head>
<body class="lang_en dir_ltr cco_body cco_templateless_page section_root">
	
	
		<div width="100%" class="cco_templateless_template" style="z-index:100 !important;display:block !important;left:0px !important;top:0px !important;height:30px!important;width:100% !important;line-height:30px !important; position:relative !important; margin-bottom:0 !important; padding:0;text-indent: 25px;" align="Left"><a href="//www.TheChabadCenter.org" style="display:block!important;font-size:14px !important;">&laquo; Back to&nbsp;Chabad of Camden & Burlington Counties</a></div>
	
	<div class="cco_templatelates_content">
		
	<div class="co_content_container clearfix local_content" id="co_content_container">
		<div class="clearfix">
			<!-- BEGIN HEADER --><style>
    @import url('https://fonts.googleapis.com/css2?family=Assistant:wght@300;400;700');
    /* --- Add these styles for Hebrew Font --- */

/* General rule for body text when Hebrew */
body:lang(he) {
  font-family: 'Assistant', Montserrat, sans-serif; /* Use Assistant first, fallback to Montserrat */
}

/* Apply Assistant specifically to elements that used Montserrat */
:lang(he) .zmanim,
:lang(he) .textWrapper div, /* Includes .big and .wrapper-message */
:lang(he) .custom_message .message,
:lang(he) .co_calendar_text,
:lang(he) #footerContainer,
:lang(he) .footer,
:lang(he) .cco_templateless_template a,
:lang(he) .article-header__subtitle,
:lang(he) html body.cco_body .holidayDates,
:lang(he) html body.cco_body .holidayDates p,
:lang(he) div#chabad_head .chabad_navigator_bar ul li a {
     font-family: 'Assistant', Montserrat, sans-serif !important; /* Use !important to ensure override if needed */
}

/* Apply Assistant specifically to elements that used Oswald/Anton/Yellowtail (Headings, Captions etc.) */
:lang(he) .co_calendar_head,
:lang(he) .co_photo_gallery_head,
:lang(he) .custom_message .title,
:lang(he) .feature_caption,
:lang(he) .feature_caption a,
:lang(he) .features_title,
:lang(he) .prep-title,
:lang(he) .prep-title a, /* Added prep-title a */
:lang(he) .prepResource-title,
:lang(he) .sPromo-wrap .caption,
:lang(he) [class^=widget-],
:lang(he) .chabad_header .headerTitle,
:lang(he) .chabad_header .headerTitle a,
:lang(he) .article-header__title,
:lang(he) .centerName, /* Was Yellowtail */
:lang(he) .co_date,
:lang(he) .co_title_calendar a,
:lang(he) .photo_title {
     font-family: 'Assistant', Oswald, Arimo, Anton, sans-serif !important; /* Use !important to ensure override if needed */
     /* You might want a different Hebrew heading font here if Assistant looks too plain for titles */
}

:lang(he) .zmanim .time {
    float: left; /* Reverse float direction */
}

:lang(he) #co_calendar .item {
    float: right; /* Reverse float direction */
}

/* Add more RTL adjustments as needed based on testing */

/* --- End of Hebrew Font styles --- */
</style>
<div id="chabad_body_page">
<div id="chabad_main_content">
<div id="chabad_head">


<div class="chabad_header">
<div class="headerTitle">
<a href="/5067777" style="text-decoration:none">

PESACH

</a>
</div>
<div class="centerName">

At
Chabad Lubavitch of Camden County

</div>
<div class="holidayDates">



<div class="widget-1 holiday_date custom v260 feed">
<div class="wrapper">

<div class="widget_header">
<h5>Holiday Date</h5>    
</div>
<div class="widget_content">
April 21 - 29, 2027</div></div>
</div>


</div>
</div>


<div id="navigation" class="chabad_navigator_bar">
<div class="chabad_menu_content">
<ul id="menu" class="navi">
<li class="item parent selected">
<a href="/article.asp?aid=5067777" class="parent selected">Home</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=5063509" class="parent">Passover Complete Seder at Home Order</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=5083317" class="parent">Fly Free - Explore Personal Freedom - March 24</a>
|
</li>
<li class="item parent arrow">
<a href="/article.asp?aid=5473150" class="parent arrow">Seder at Home Kit & Dinner Order</a>
<div class="sub_menu">
<ul>
<li class="item first last">
<a href="/article.asp?aid=5473151">Seder at Home Kit & Dinner Order</a>
</li>
</ul>
</div>
</li>

</ul>
</div>
</div>



</div>
<div id="chabad_body_content">
<div class="chabad_left_column">
<div detached="true" type="static" id="ContentArea" name="content_area" actions="edit,delete" class="chabad_left_column"><!-- END HEADER -->
			
			
			<div class="clearfix bh mobile-only align_right">ב"ה</div>
			
			<div class="body_wrapper clearfix co_body">
				<div class="" id="co_body_container">
					
					<div id="ContentBody">
						
						
							<div class="content-area-parent no_margin">
								
	

<div class="large_banner wrap-image">
<div class="bannerContainer">

<a href="#" style="left: 0px; right: -2px; top: 0px;" ></a>

<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/pesach/Pesach_flyer2021.jpg" />
<div class="textWrapper">
<span>

<p class="big">Celebrate Passover 2021</p>

<p class="wrapper-message"></p>
<p>As Jewish people around the world prepare for yet another Passover with many of us still isolating due to the pandemic, we are faced with unique challenges and questions. While strictly following the guidelines of the CDC, how are we to prepare for our beloved holiday? How can we celebrate the Festival of Freedom with our movement restricted?&#160;</p>
<p>We at Chabad are here to assist in any way that we can, to make your Passover experience as seamless and meaningful as possible.&#160;</p> 
</span>                     
<div class="bannerCta">
&#160;</div>
</div>
</div>
</div>


<div class="small_promos">

<div class="sPromo-wrap">

<a href="/5063509" ></a>

<img src="https://w2.chabad.org/media/images/1151/TLOD11518962.png" border="0" />
<div class="caption">
At Home Seder Kit</div>

</div>


<div class="sPromo-wrap">

<a href="/5067788" ></a>

<img src="https://w2.chabad.org/media/images/80850.jpg" border="0" />
<div class="caption">
Sale of Chametz</div>

</div>


<div class="sPromo-wrap">

<a href="/5067787" ></a>

<img src="https://w2.chabad.org/media/images/1085/SQxv10855570.jpg" border="0" />
<div class="caption">
Passover Schedule</div>

</div>


<div class="sPromo-wrap">

<a href="/5067790" ></a>

<img src="https://w2.chabad.org/media/images/80824.jpg" border="0" />
<div class="caption">
Wine Sale Fundraiser</div>

</div>
</div>


<div class="pesach-resources">
<div class="titleIcon">
<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/pesach/Pesach_seder.png" /></div>
<div class="prepResource-title">
Pesach Prep</div>
<div class="prep-item">
<div class="prepIcon">
<a href="/1753">
<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/pesach/Pesach_cleaning.png" /></a>
</div>
<div class="prep-title">

<a href="/1753">Passover Cleaning</a></div>
</div>
<div class="prep-item">
<div class="prepIcon">
<a href="/111191">
<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/pesach/Pesach_sell-chametz.png" /></a>
</div>
<div class="prep-title">

<a href="/111191">Sell Your Chametz</a></div>
</div>
<div class="prep-item">
<div class="prepIcon">
<a href="/265986">
<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/pesach/Pesach_order-matzah.png" /></a>
</div>
<div class="prep-title">

<a href="/265986">Order Shmurah Matzah</a></div>
</div>
<div class="prep-item">
<div class="prepIcon">
<a href="/1980">
<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/pesach/Pesach_seder-prep.png" /></a>
</div>
<div class="prep-title">

<a href="/1980">Seder Preparations</a></div>
</div>

</div>

              
<div class="latest_features">
<div class="titleIcon">
<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/pesach/Pesach_matzah.png" /></div>
<div class="features_title titleIcon">
Pesach COVID Resources</div>
<div class="co_content">

<div class="co_features">
<div class="wrap-image">
<a href="/4685320">
<img class="statimg" src="https://w2.chabad.org/images/Shluchim/minisites/themes/pesach/Printer.jpg" />
</a>
<div class="wrap-image2"></div>
</div>
<div class="feature_caption">
<a href="/4685320">Printable Haggadahs</a></div>
</div>
<div class="co_features">
<div class="wrap-image">
<a href="/4699650">
<img class="statimg" src="https://w2.chabad.org/images/Shluchim/minisites/themes/pesach/ZoomPesach.jpg" />
</a>
<div class="wrap-image2"></div>
</div>
<div class="feature_caption">
<a href="/4699650">How to: Pre-Seder Zoom</a></div>
</div>
<div class="co_features">
<div class="wrap-image">
<a href="/4706985">
<img class="statimg" src="https://w2.chabad.org/images/Shluchim/minisites/themes/pesach/Alone.jpg" />
</a>
<div class="wrap-image2"></div>
</div>
<div class="feature_caption">
<a href="/4706985">How to Do the Seder Alone</a></div>
</div>
<div class="co_features">
<div class="wrap-image">
<a href="/4690787">
<img class="statimg" src="https://w2.chabad.org/images/Shluchim/minisites/themes/pesach/Plate.jpg" />
</a>
<div class="wrap-image2"></div>
</div>
<div class="feature_caption">
<a href="/4690787">Prepare Your Seder Plate Items</a></div>
</div>
<div class="co_features">
<div class="wrap-image">
<a href="/4709017">
<img class="statimg" src="https://w2.chabad.org/images/Shluchim/minisites/themes/pesach/Seder2.jpg" />
</a>
<div class="wrap-image2"></div>
</div>
<div class="feature_caption">
<a href="/4709017">Your Seder Cheat Sheet</a></div>
</div>
<div class="co_features">
<div class="wrap-image">
<a href="/5025853">
<img class="statimg" src="https://w2.chabad.org/images/Shluchim/minisites/themes/pesach/Shabbat.jpg" />
</a>
<div class="wrap-image2"></div>
</div>
<div class="feature_caption">
<a href="/5025853">When Erev Pesach Is Shabbat</a></div>
</div>
</div>
</div>

              
<div class="latest_features">
<div class="titleIcon">
<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/pesach/Pesach_matzah.png" /></div>
<div class="features_title titleIcon">
Learn More about Pesach</div>
<div class="co_content">

<div class="co_features">
<div class="wrap-image">
<a href="/1846">
<img class="statimg" src="https://w2.chabad.org/media/images/1004/tLsP10046106.jpg" />
</a>
<div class="wrap-image2"></div>
</div>
<div class="feature_caption">
<a href="/1846">How-To</a></div>
</div>
<div class="co_features">
<div class="wrap-image">
<a href="/1735">
<img class="statimg" src="https://w2.chabad.org/media/images/948/rRyi9480135.jpg" />
</a>
<div class="wrap-image2"></div>
</div>
<div class="feature_caption">
<a href="/1735">The Haggadah</a></div>
</div>
<div class="co_features">
<div class="wrap-image">
<a href="/1827">
<img class="statimg" src="https://w2.chabad.org/media/images/996/dqmA9966216.jpg" />
</a>
<div class="wrap-image2"></div>
</div>
<div class="feature_caption">
<a href="/1827">Pesach Story</a></div>
</div>
<div class="co_features">
<div class="wrap-image">
<a href="/1844">
<img class="statimg" src="https://w2.chabad.org/media/images/925/tuxn9252434.jpg" />
</a>
<div class="wrap-image2"></div>
</div>
<div class="feature_caption">
<a href="/1844">Pesach Study</a></div>
</div>
<div class="co_features">
<div class="wrap-image">
<a href="/32593">
<img class="statimg" src="https://w2.chabad.org/media/images/948/KKon9480101.jpg" />
</a>
<div class="wrap-image2"></div>
</div>
<div class="feature_caption">
<a href="/32593">Pesach Recipes</a></div>
</div>
<div class="co_features">
<div class="wrap-image">
<a href="/1923">
<img class="statimg" src="https://w2.chabad.org/media/images/877/OnTm8771266.jpg" />
</a>
<div class="wrap-image2"></div>
</div>
<div class="feature_caption">
<a href="/1923">Pesach Multimedia</a></div>
</div>
</div>
</div>







</div>
						
						<div class="break_floats"></div>
						
					</div>
				</div>
				
				
				
			</div>
			
			<!-- BEGIN FOOTER --></div></div>
<div id="border_bottom"></div>
</div>
</div>
</div>
<style>
@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@300;400;700');
/* --- Add these styles for Hebrew Font --- */

/* General rule for body text when Hebrew */
body:lang(he) {
font-family: 'Assistant', Montserrat, sans-serif; /* Use Assistant first, fallback to Montserrat */
}

/* Apply Assistant specifically to elements that used Montserrat */
:lang(he) .zmanim,
:lang(he) .textWrapper div, /* Includes .big and .wrapper-message */
:lang(he) .custom_message .message,
:lang(he) .co_calendar_text,
:lang(he) #footerContainer,
:lang(he) .footer,
:lang(he) .cco_templateless_template a,
:lang(he) .article-header__subtitle,
:lang(he) html body.cco_body .holidayDates,
:lang(he) html body.cco_body .holidayDates p,
:lang(he) div#chabad_head .chabad_navigator_bar ul li a {
font-family: 'Assistant', Montserrat, sans-serif !important; /* Use !important to ensure override if needed */
}

/* Apply Assistant specifically to elements that used Oswald/Anton/Yellowtail (Headings, Captions etc.) */
:lang(he) .co_calendar_head,
:lang(he) .co_photo_gallery_head,
:lang(he) .custom_message .title,
:lang(he) .feature_caption,
:lang(he) .feature_caption a,
:lang(he) .features_title,
:lang(he) .prep-title,
:lang(he) .prep-title a, /* Added prep-title a */
:lang(he) .prepResource-title,
:lang(he) .sPromo-wrap .caption,
:lang(he) [class^=widget-],
:lang(he) .chabad_header .headerTitle,
:lang(he) .chabad_header .headerTitle a,
:lang(he) .article-header__title,
:lang(he) .centerName, /* Was Yellowtail */
:lang(he) .co_date,
:lang(he) .co_title_calendar a,
:lang(he) .photo_title {
font-family: 'Assistant', Oswald, Arimo, Anton, sans-serif !important; /* Use !important to ensure override if needed */
/* You might want a different Hebrew heading font here if Assistant looks too plain for titles */
}

:lang(he) .zmanim .time {
float: left; /* Reverse float direction */
}

:lang(he) #co_calendar .item {
float: right; /* Reverse float direction */
}

/* Add more RTL adjustments as needed based on testing */

/* --- End of Hebrew Font styles --- */
</style>
<script type="text/javascript" src="https://w2.Chabad.org/images/Shluchim/minisites/themes/form-redesign/form-script.js?v=1"></script>
<!-- END FOOTER -->
		</div>
		
		<aside class="page-tools-sidebar js-page-tools-sidebar hide_for_print">
<div class="page-tools js-page-tools-menu">
<div class="page-tools__section page-tools__section--share">
<a class="page-tools__tool js-share-popup page-tools__tool--facebook" data-share-url="https://www.facebook.com/dialog/share?app_id=188669250943&amp;display=popup&amp;href=https%3a%2f%2fwww.thechabadcenter.org%2ftemplates%2fsection_cdo%2faid%2f5067777%2fjewish%2fPassover-2021.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dFB">
				<i class="fa fa-facebook"></i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--twitter" data-share-url="https://twitter.com/intent/tweet?text=Pesach+-+Chabad+of+Camden+%26+Burlington+Counties&amp;url=https%3a%2f%2fwww.thechabadcenter.org%2ftemplates%2fsection_cdo%2faid%2f5067777%2fjewish%2fPassover-2021.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dtwitter&amp;via=Chabad">
				<i class="fa fa-twitter"></i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--whatsapp d-lg-none js-share-whatsapp" data-share-url="whatsapp://send?text=Pesach+-+Chabad+of+Camden+%26+Burlington+Counties https%3a%2f%2fwww.thechabadcenter.org%2ftemplates%2fsection_cdo%2faid%2f5067777%2fjewish%2fPassover-2021.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dwhatsapp">
				<i class="fa fa-whatsapp">
					<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" fill="#128c7e" width="1em" height="1em"><path d="M25 2C12.318 2 2 12.318 2 25c0 3.96 1.023 7.854 2.963 11.29L2.037 46.73c-.096.343-.003.711.245.966.191.197.451.304.718.304.08 0 .161-.01.24-.029l10.896-2.699C17.463 47.058 21.21 48 25 48c12.682 0 23-10.318 23-23S37.682 2 25 2zm11.57 31.116c-.492 1.362-2.852 2.605-3.986 2.772-1.018.149-2.306.213-3.72-.231-.857-.27-1.957-.628-3.366-1.229-5.923-2.526-9.791-8.415-10.087-8.804-.295-.389-2.411-3.161-2.411-6.03s1.525-4.28 2.067-4.864c.542-.584 1.181-.73 1.575-.73s.787.005 1.132.021c.363.018.85-.137 1.329 1.001.492 1.168 1.673 4.037 1.819 4.33.148.292.246.633.05 1.022s-.294.632-.59.973-.62.76-.886 1.022c-.296.291-.603.606-.259 1.19s1.529 2.493 3.285 4.039c2.255 1.986 4.158 2.602 4.748 2.894.59.292.935.243 1.279-.146.344-.39 1.476-1.703 1.869-2.286s.787-.487 1.329-.292c.542.194 3.445 1.604 4.035 1.896.59.292.984.438 1.132.681.148.242.148 1.41-.344 2.771z"/></svg>
				</i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--pinterest d-none d-lg-block" data-share-url="http://pinterest.com/pin/create/button/?url=https%3a%2f%2fwww.thechabadcenter.org%2ftemplates%2fsection_cdo%2faid%2f5067777%2fjewish%2fPassover-2021.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dpinterest&amp;description=Pesach+-+Chabad+of+Camden+%26+Burlington+Counties">
				<i class="fa fa-pinterest"></i>
			</a>
<a class="page-tools__tool" onclick="showEmailLayer(this);">
<i class="fa fa-envelope"></i>
</a>
</div>
<div class="page-tools__section page-tools__section--other js-page-tool-other">
<div class="page-tools__tool popover-parent d-lg-block">
<div class="popover popover--right align_left nowrap">
<div class="popover__content">
<label class="bold bottom_margin block">
Print Options:
</label>
<form class="vcenter" name="print-form" onsubmit="coPrint(event, 6766713);return false;">
<div>
<label><input type="checkbox" name="print-green"><span title="Save paper and ink">Print without images <i class="fa fa-leaf text-green"></i></span></label>
</div>
<br/>
<div class="center">
<button class="co-button page-tools__print-button">Print</button>
</div>
</form>
</div>
</div>
<i class="fa fa-print"></i>
</div>
</div>
</div>
<div class="js-fab-wrapper fab-wrapper">
<div class="fab">
<i class="fab-icon"></i>
</div>
</div>
</aside>
<!-- END CACHE -->
	</div>

	</div>

	<div id="BodyContainer">
		<div class="g960 footer">
			<div class="poweredby large_bottom_margin">
				



	<div class="footer3">
		<span class="footer-title" >Chabad of Camden & Burlington Counties</span>
		<div class="footer-address">
			<span class="footer-street">1925 Kresson Road </span>
			<span class="footer-city-state">Cherry Hill, NJ 08003</span>
		</div>
			<span>856-874-1500</span>
	</div>
	<img src="https://w2.chabad.org/images/global/spacer.gif" width="1" height="6" border="0" /><br />



Powered by <a href="https://www.chabad.org/" target="_new" class="">Chabad.org</a> &copy; 1993-2026 <a href="/4026210" target="_blank" class="privacy-link">Privacy Policy</a>




			</div>
		</div>
	</div>
	
	

	
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery-latest.min.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery.prettyPhoto.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/modules/pagetools.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/minisites.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/subscribeprompt.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/deprecated.js?v=4.1.3"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/OverrideJSDocumentWrite.js"></script><script>$j = $j.fn ? $j : jQuery;$j(()=>{$q.forEach(f=>{try{f.call(window);}catch(ex){console.error(ex);}});})</script>
	
<script  language="javascript" type="text/javascript"> Co.Settings      = {CacheClassName:'js-cache-default',MosadName:'Chabad of Camden & Burlington Counties'}; Co.ArticleId     = '5067777';Co.SectionId     = 6720426;Co.PartnerSiteId = 0;Co.SiteId        = 457;Co.IsMobilePage  = false;Co.IsResponsive  = false;Co.DbDomain      = 'TheChabadCenter.org';Co.LanguageCode  = '';Co.LoginStatus   = 'None';</script>
	
	

<style>
#ReservationSummary tr.item.row {
position: initial!important;
}
</style>
<script>
window.onload = function() {
    // Function to check and validate the selection
    function checkSelection() {
        var selectElement = document.getElementById("row_res1");

        // If the dropdown doesn't exist, log and return
        if (!selectElement) {
            console.log("Dropdown not found.");
            return;
        }

        console.log("Checking selection...");
        if (selectElement.value === "") {
            console.log("No hostess selected. Setting field to invalid.");
            selectElement.setCustomValidity("Please select a hostess."); // Invalid field
        } else {
            console.log("Hostess selected: " + selectElement.value + ". Field is valid.");
            selectElement.setCustomValidity(""); // Valid field
        }
    }

    // Function to add the default "Please select a hostess" option to the dropdown
    function addDefaultOption() {
        var selectElement = document.getElementById("row_res1");

        if (!selectElement) {
            console.log("Dropdown not available yet.");
            return;
        }

        // Set the dropdown width to 130px
        selectElement.style.width = "130px";

        // Make the dropdown a required field
        selectElement.required = true;

        // Iterate through the options to check if the default option is already present
        var optionExists = false;
        for (var i = 0; i < selectElement.options.length; i++) {
            if (selectElement.options[i].text === "Please select a hostess") {
                optionExists = true;
                break;
            }
        }

        if (!optionExists) {
            console.log("Adding default 'Please select a hostess' option...");
            var defaultOption = document.createElement("option");
            defaultOption.text = "Please select a hostess";
            defaultOption.value = "";
            defaultOption.disabled = true;
            defaultOption.selected = true;

            // Insert the default option as the first one in the dropdown
            selectElement.insertBefore(defaultOption, selectElement.firstChild);
        } else {
            console.log("Default option already present.");
        }
    }

    // Function to handle the dropdown logic when it appears
    function handleDropdown() {
        addDefaultOption();
        checkSelection();
    }

    // Function to handle the red border for the dropdown when the text field is focused
    function handleRedBorder() {
        var selectElement = document.getElementById("row_res1");
        var textField = document.getElementById("first_res1-6");

        if (!selectElement || !textField) {
            console.log("Dropdown or text field not found.");
            return;
        }

        // Add an event listener for focus on the text field
        textField.addEventListener("focus", function() {
            if (selectElement.value === "") { // If the default option is still selected
                console.log("Default option selected, adding red border to dropdown.");
                selectElement.style.border = "solid red 2px";
            }
        });

        // Add an event listener for change on the dropdown
        selectElement.addEventListener("change", function() {
            if (selectElement.value !== "") { // If a different option is selected
                console.log("A different option selected, removing red border.");
                selectElement.style.border = ""; // Remove the red border
            }
        });
    }

    // Check if the dropdown is available on page load
    if (document.getElementById("row_res1")) {
        console.log("Dropdown found on page load. Modifying immediately...");
        handleDropdown();
        handleRedBorder();
    } else {
        console.log("Dropdown not found on page load. Waiting for button click or dropdown insertion...");
    }

    // Use MutationObserver to watch for the dropdown being added to the DOM
    var observer = new MutationObserver(function(mutationsList, observer) {
        for (var mutation of mutationsList) {
            if (mutation.type === 'childList') {
                var selectElement = document.getElementById("row_res1");
                if (selectElement) {
                    console.log("Dropdown added to DOM. Modifying...");
                    handleDropdown();
                    handleRedBorder();
                    observer.disconnect(); // Stop observing once the dropdown is found
                    return;
                }
            }
        }
    });

    // Observe the body for changes (or you can be more specific)
    observer.observe(document.body, { childList: true, subtree: true });

    // Add event listener to the button for fallback logic
    var button = document.getElementById("performance_24101_addAttendeeButton");
    if (button) {
        console.log("Button found. Setting up click event...");
        button.addEventListener("click", function() {
            console.log("Button clicked. Waiting 1 second before modifying the dropdown...");

            // Wait for 1 second before modifying the dropdown and running validation
            setTimeout(function() {
                handleDropdown();
                handleRedBorder();
            }, 1000); // 1000ms = 1 second
        });
    } else {
        console.log("Button not found.");
    }
};

</script>
</body>
</html>