<!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="description" content="Contact - the Journal of the Steinhardt Foundation for Jewish Life, New York, Summer, 2013" />

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta name="keywords" content="Reflections,on,Shabbat,at,Chabad,on,Campus" />
<meta name="title" content="Reflections on Shabbat at Chabad on Campus - Chabad on Campus Rohr Center for Jewish Life" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="73150-73154-73176-300637-2356946" />
<meta name="article-keywords" content="2170-2898" />
<meta name="scope-aid" content="73150" />
<meta name="scope-aid" content="73154" />
<meta name="scope-aid" content="73176" />
<meta name="scope-aid" content="300637" />
<meta name="scope-aid" content="2356946" />
<meta name="article-keyword" content="2170" />
<meta name="article-keyword" content="2898" />
<meta property="og:url" content="https://www.chabadwashu.org/templates/articlecco_cdo/aid/2356946/jewish/Reflections-on-Shabbat-at-Chabad-on-Campus.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Reflections on Shabbat at Chabad on Campus" /><link rel="canonical" href="https://www.chabadwashu.org/templates/articlecco_cdo/aid/2356946/jewish/Reflections-on-Shabbat-at-Chabad-on-Campus.htm" />
<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/green-theme.css" id="k" type="text/css"/>
<link rel="Stylesheet" href="/css/old/global.css" id="k2898" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/fundraising/FundraisingTickerltr.css" id="kfundraisingtickerCss" type="text/css"/>
<link rel="Stylesheet" href="/css/bootstrap/grid.css" id="kbootstrap4-grid" type="text/css"/>
<link rel="Stylesheet" href="/css/Library/reader-comments.css" id="kCommentsStylesheet" type="text/css"/>
<link rel="Stylesheet" href="/css/inline/BookInfo.css" id="kBookInfoCss" type="text/css"/>
<!--[if lte IE 8]> <link rel="Stylesheet" href="/css/global-ie.css" id="k4" type="text/css"/> <![endif]-->
<script>$q=[];$j=function(f){$q.push(f);}</script>
	
<title>
	Reflections on Shabbat at Chabad on Campus - Chabad on Campus <br/>Rohr Center for Jewish Life
</title>
	



<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2013-10-10","primaryArticleId":2356946,"title":"Reflections on Shabbat at Chabad on Campus","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"About Us","contentLevel3":"Articles","contentLevel4":"Reflections on Shabbat at Chabad on Campus","siteName":"Chabad on Campus <br/>Rohr Center for Jewish Life"},"time":{"upcomingHoliday":"The Three Weeks","daysToUpcomingHoliday":2,"hebrewDate":"5786-04-15"}});
		dataLayer.push({ 'articleHierarchy': '-73150-73154-73176-300637-2356946-', 'keywords': '-k2898-k2170-', 'k': '-73150-73154-73176-300637-2356946--k2898-k2170-' });
	
</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 = 1076046;var sc_partition = 1;var sc_invisible = 1;var sc_remove_link=1;var sc_security = "cf925eec";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=1076046&amp;java=0&amp;security=cf925eec&amp;invisible=1" border="0" /> </noscript>
	<!-- End of StatCounter Code -->


<meta name="google-site-verification" content="O69ZPwMt1_IrR50LhNSS_x6BNGsvCye4tzsKPCh1e10" />
<meta property="fb:admins" content="500219161", "chabadWashU" />
<meta property="og:type" content="article" />


<noscript><img height="1" width="1" border="0" alt="" style="display:none" src="https://www.facebook.com/tr?id=612234658865892&ev=NoScript" /></noscript><meta name="google-site-verification" content="AoRYLshRom6yPv1lYbdNA2dcgNSd1nCGpyecn6yjJGM" />
<style> 
.cs-f-social-icons {
    font-size: xx-large;
}
* { font-family:  var(--cwu-font) !important;}
@media(min-width:768px){
.hp-table .hp-row-first{ padding-top: 130px !important;}
#cwu-typer {text-align: left !important;}}
.hp-table>:nth-of-type(2n){ background: white !important;}
#BodyContainer > div > div.g960 > div > div.g960.g960.g960.g960.g960.g960.no_margin.g960.no_margin > div > section.cwu-cta {
  background: var(--cwu-green) !important;
  padding: 60px 24px;
}
#BodyContainer > div > div.g960 > div > div.g960.g960.g960.g960.g960.g960.g960.no_margin.g960.no_margin > div > div:nth-child(6){ padding: 22px 10px !important;}
</style>


<!-- =====================================================
     ChabadWashU Custom Redesign — HEADER CODE
     Paste this entire block into: Custom Head Code
     ===================================================== -->
<link href="https://fonts.googleapis.com/css2?family=Commissioner:wght@100;300;400;600;700;800&display=swap" rel="stylesheet">
<style>
/* =====================================================
   ChabadWashU Custom Redesign | v1.2
   All classes prefixed cwu- to avoid CMS conflicts
   ===================================================== */

:root {
  --cwu-green:       #157364;
  --cwu-green-light: #d6eae7;
  --cwu-gray-light:  #eceeed;
  --cwu-white:       #ffffff;
  --cwu-dark:        #313131;
  --cwu-body:        #4d4d4d;
  --cwu-font:        'Commissioner', sans-serif;
}

/* Remove link underlines sitewide */
a, a:hover, a:focus, a:active, a:visited {
  text-decoration: none !important;
}

/* ══════════════════════════════════════════════════════
   NAV — always green, always white text
   ══════════════════════════════════════════════════════ */
#header,
.header-wrapper,
#header_container,
.header_container,
.site-nav-wrapper,
.co_menu_container,
#co_menu_container_wrapper {
  background-color: var(--cwu-green) !important;
}

#header .links,
#header .branding-search {
  background-color: var(--cwu-green) !important;
}

/* All nav text → white */
.co_menu_item .parent a,
.co_menu_item .parent a:visited,
.co_menu_item a.bg_extension,
.main_menu_container .co_menu_item > span a,
.topBarLink a,
.topBarLink a:visited,
.search-trigger,
.search-trigger i,
#mychabad_login_bar a,
#mychabad_login_bar a:visited,
#header_branding a,
#header_branding .site_title,
#header_branding .site_subtitle {
  color: var(--cwu-white) !important;
}

/* Nav items — bold */
.co_menu_item .parent a,
.co_menu_item .parent a:visited,
.main_menu_container .co_menu_item > span a {
  font-weight: 700 !important;
}

/* Hamburger lines */
.cs-mobile-menu-open span {
  background: var(--cwu-white) !important;
}

/* Subtle dividers */
.co_menu_item_divider img {
  opacity: 0.35;
}

/* ══════════════════════════════════════════════════════
   HERO — 90vh desktop, shrinks on mobile
   ══════════════════════════════════════════════════════ */
.promo_slider,
.promo_slider .wrapper,
.promo_slider .widget_content {
  height: 90vh      !important;
  min-height: 480px !important;
  max-height: 900px !important;
}

.promo_slider .slider {
  height: 100%     !important;
  overflow: hidden !important;
  position: relative !important;
}

.promo_slider .slides {
  height: 100% !important;
  width: 100%  !important;
  position: relative !important;
}

.promo_slider .slide_wrapper {
  height: 100% !important;
  width: 100%  !important;
}

.promo_slider .slide_wrapper img {
  height: 100% !important;
  width: 100%  !important;
}

/* Hide CMS navigation controls inside hero */
.promo_slider .cycle-caption,
.promo_slider .cycle-controlNav,
.promo_slider .cycle-directionNav {
  display: none !important;
}

/* ══════════════════════════════════════════════════════
   ABOUT SECTION
   Heading spans both columns (grid-column: 1/-1),
   then text + image sit side by side below it.
   ══════════════════════════════════════════════════════ */
.cwu-about-wrap {
  background: #ffffff;
  width: 100%;
}

.cwu-about {
  display: grid;
  grid-template-columns: 1fr 380px;
  gap: 24px 44px;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 36px 44px;
  align-items: center;
  box-sizing: border-box;
}

/* Heading sits above BOTH columns */
.cwu-heading {
  grid-column: 1 / -1;
  text-align: center;
  font-family: var(--cwu-font) !important;
  font-size: clamp(22px, 2.4vw, 40px);
  text-transform: uppercase;
  line-height: 1.15;
  font-weight: 100;
  color: var(--cwu-dark);
  margin: 0;
  white-space: pre-wrap; /* keeps "...place to [word]" on one line */
}

.cwu-about-text {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

/* Typewriter outer box — display:inline-block + min-width set by JS.
   No border-right here — cursor is a separate child element that flows
   right after the last typed letter regardless of the reserved width. */
#cwu-typer {
  font-weight: 800;
  color: var(--cwu-green);
  vertical-align: baseline;
}

/* Cursor — a real blinking bar that sits immediately after typed text */
.cwu-cursor {
  display: inline-block;
  width: 3px;
  height: 1em;
  background: var(--cwu-green);
  vertical-align: text-bottom;
  margin-left: 2px;
  animation: cwu-cursor-blink 0.75s step-end infinite;
}

@keyframes cwu-cursor-blink {
  from, to { opacity: 1; }
  50%       { opacity: 0; }
}

.cwu-desc {
  font-family: var(--cwu-font);
  font-size: 17px;
  font-weight: 300;
  color: var(--cwu-dark);
  line-height: 1.65;
}

.cwu-btns {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.cwu-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--cwu-font);
  font-size: 17px;
  font-weight: 600;
  padding: 14px 32px;
  border-radius: 6px;
  text-decoration: none !important;
  cursor: pointer;
  transition: background-color .3s, color .3s, border-color .3s;
  white-space: nowrap;
  border: 1.5px solid transparent;
}

.cwu-btn-out {
  background: var(--cwu-white);
  color: var(--cwu-green);
  border-color: var(--cwu-green);
}
.cwu-btn-out:hover {
  background: var(--cwu-green-light);
  color: var(--cwu-green);
  border-color: transparent;
}

.cwu-btn-fill {
  background: var(--cwu-green);
  color: var(--cwu-white);
  border-color: var(--cwu-green);
}
.cwu-btn-fill:hover {
  background: var(--cwu-green-light);
  color: var(--cwu-green);
  border-color: transparent;
}

.cwu-about-img {
  border-radius: 10px;
  overflow: hidden;
  height: 380px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .13);
}
.cwu-about-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .6s ease;
}
.cwu-about-img:hover img {
  transform: scale(1.04);
}

/* ══════════════════════════════════════════════════════
   PHOTO CARDS  (Parents / Students / Alumni)
   ══════════════════════════════════════════════════════ */
.cwu-cards {
  padding: 30px 44px;
}

.cwu-cards-grid {
  display: flex;
  justify-content: center;
  gap: 18px;
  max-width: 1200px;
  margin: 0 auto;
}

.cwu-card {
  position: relative;
  flex: 1 1 0;
  max-width: 400px;
  height: 400px;
  border-radius: 10px;
  overflow: hidden;
  display: block;
  text-decoration: none !important;
  cursor: pointer;
  box-shadow: 0 4px 15px rgba(0, 0, 0, .08);
}

.cwu-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .5s ease;
}
.cwu-card:hover img {
  transform: scale(1.04);
}

.cwu-card-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(21,115,100,0) 32%, rgba(21,115,100,.92) 100%);
  border-radius: 10px;
  z-index: 1;
  transition: opacity .4s;
}

.cwu-card-hover {
  position: absolute;
  inset: 0;
  background: rgba(21, 115, 100, .82);
  border-radius: 10px;
  z-index: 2;
  transform: translateY(100%);
  transition: transform .4s cubic-bezier(.4, 0, .2, 1);
}

.cwu-card:hover .cwu-card-overlay { opacity: 0; }
.cwu-card:hover .cwu-card-hover   { transform: translateY(0); }

.cwu-card-info {
  position: absolute;
  bottom: 28px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  z-index: 3;
  transition: bottom .4s cubic-bezier(.4, 0, .2, 1),
              transform .4s cubic-bezier(.4, 0, .2, 1);
}
.cwu-card:hover .cwu-card-info {
  bottom: 50%;
  transform: translate(-50%, 50%);
}

.cwu-card-label {
  font-family: var(--cwu-font);
  font-size: 35px;
  font-weight: 700;
  color: var(--cwu-white);
  white-space: nowrap;
  text-shadow: 0 1px 4px rgba(0, 0, 0, .22);
}

.cwu-card-arrow {
  width: 28px;
  height: 28px;
  color: var(--cwu-white);
  margin-top: 10px;
  opacity: 0;
  transform: translateY(14px);
  transition: opacity .4s, transform .4s;
}
.cwu-card-arrow svg {
  width: 100%;
  height: 100%;
}
.cwu-card:hover .cwu-card-arrow {
  opacity: 1;
  transform: translateY(0);
}

/* ══════════════════════════════════════════════════════
   TESTIMONIALS
   ══════════════════════════════════════════════════════ */
.cwu-testimonials .widget_header {
  display: none !important;
}

.cwu-testimonials .widget_content,
.cwu-testimonials .make_scrollable {
  height: auto     !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 0       !important;
}
.cwu-testimonials .wrapper {
  height: auto     !important;
  overflow: visible !important;
}

.cwu-testimonials {
  padding: 50px 0;
  overflow: visible;
}

.cwu-ttrack-wrap {
  overflow: hidden;
  white-space: nowrap;
  padding: 10px 0 18px;
}

.cwu-ttrack {
  display: inline-flex;
  gap: 22px;
  padding: 8px 11px;
  animation: cwu-scroll 200s linear infinite;
}

@keyframes cwu-scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(calc(-50% - 11px)); }
}

.cwu-tcard {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  flex: 0 0 600px;
  width: 600px;
  min-height: 360px;
  border-radius: 16px;
  padding: 28px 26px;
  white-space: normal;
  vertical-align: top;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .06);
  font-family: var(--cwu-font);
  box-sizing: border-box;
}

.cwu-tcard:nth-child(odd)  { background: var(--cwu-green-light); }
.cwu-tcard:nth-child(even) { background: var(--cwu-gray-light); }

.cwu-tquote {
  width: 52px;
  height: 52px;
  border-radius: 500px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
}
.cwu-tcard:nth-child(odd)  .cwu-tquote { background: var(--cwu-white); }
.cwu-tcard:nth-child(even) .cwu-tquote { background: var(--cwu-green); }

.cwu-tquote svg { width: 22px; height: 22px; }
.cwu-tcard:nth-child(odd)  .cwu-tquote svg { fill: var(--cwu-green); }
.cwu-tcard:nth-child(even) .cwu-tquote svg { fill: var(--cwu-white); }

.cwu-ttext {
  font-size: 14px;
  font-weight: 300;
  color: var(--cwu-body);
  line-height: 1.65;
  margin-bottom: 14px;
  flex: 1;
}

.cwu-tname {
  font-size: 16px;
  font-weight: 700;
  color: var(--cwu-dark);
  margin-top: auto;
}

.cwu-trole {
  font-size: 14px;
  font-weight: 300;
  color: var(--cwu-dark);
  margin-top: 2px;
}

/* ══════════════════════════════════════════════════════
   CTA CARDS
   ══════════════════════════════════════════════════════ */
.cwu-cta {
  background: var(--cwu-green);
  padding: 50px 44px;
}

.cwu-cta-grid {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 1250px;
  margin: 0 auto;
}

.cwu-ctacard {
  width: 275px;
  min-height: 340px;
  border-radius: 16px;
  border: 2px solid rgba(214, 234, 231, .45);
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  text-decoration: none !important;
  cursor: pointer;
  /* No hover transform/popup — just subtle image scale */
  transition: box-shadow .3s;
  box-sizing: border-box;
}
/* Hover: no card lift, just a hint of shadow */
.cwu-ctacard:hover {
  box-shadow: 0 4px 18px rgba(0, 0, 0, .15);
}

.cwu-ctacard:nth-child(odd)  { background: var(--cwu-green-light); }
.cwu-ctacard:nth-child(even) { background: var(--cwu-gray-light); }

.cwu-cta-imgwrap {
  width: calc(100% - 24px);
  height: 165px;
  border-radius: 8px;
  overflow: hidden;
  margin: 14px auto 0;
  box-shadow: 0 3px 8px rgba(0, 0, 0, .1);
  flex-shrink: 0;
}
.cwu-cta-imgwrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .4s;
}
.cwu-ctacard:hover .cwu-cta-imgwrap img {
  transform: scale(1.05);
}

.cwu-cta-bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 16px 14px 20px;
  margin-top: auto;
  gap: 8px;
}

.cwu-cta-ttl {
  font-family: var(--cwu-font);
  font-size: 26px;
  font-weight: 600;
  color: #323232;
  line-height: 1.1;
  max-width: 165px;
  text-transform: capitalize;
}

.cwu-cta-arr {
  width: 46px;
  height: 46px;
  flex-shrink: 0;
  border-radius: 50%;
  border: 2px solid var(--cwu-green);
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform .3s, background .3s, border-color .3s;
}
.cwu-ctacard:hover .cwu-cta-arr {
  transform: scale(1.1);
  background: var(--cwu-green);
  border-color: var(--cwu-white);
}
.cwu-cta-arr svg {
  width: 18px;
  height: 18px;
  stroke: var(--cwu-green);
  fill: none;
  transition: stroke .3s;
}
.cwu-ctacard:hover .cwu-cta-arr svg {
  stroke: var(--cwu-white);
}

/* ══════════════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════════════ */

/* ── Tablet ── */
@media (max-width: 1100px) {
  .cwu-about {
    grid-template-columns: 1fr;
    padding: 28px 32px;
    gap: 20px;
  }
  .cwu-about-img { height: 280px; }
  .cwu-cards { padding: 24px 24px; }
}

/* ── Mobile ── */
@media (max-width: 768px) {
  /* Hero — shorter on mobile */
  .promo_slider,
  .promo_slider .wrapper,
  .promo_slider .widget_content {
    height: 60vh      !important;
    min-height: 260px !important;
    max-height: 600px !important;
  }

  /* Nav — taller top bar on mobile */
  #header_container .links {
    padding-top: 10px    !important;
    padding-bottom: 10px !important;
  }

.header-wrapper{ height:80px !important;}
  /* About */
  .cwu-about   { padding: 24px 18px; gap: 18px; }
  .cwu-about-img { display: none; }
  .cwu-heading { font-size: 22px !important; }

  /* Photo cards — stack vertically, full width */
  .cwu-cards { padding: 20px 14px; }
  .cwu-cards-grid {
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
  }
  .cwu-card {
    max-width: 100% !important;
    width: 100%;
    flex: 0 0 auto;
    height: 220px;
  }

  /* CTA */
  .cwu-cta { padding: 36px 14px; }
  .cwu-ctacard { width: calc(50% - 8px); min-height: auto; }
  .cwu-cta-imgwrap { height: 120px; }
  .cwu-cta-ttl { font-size: 20px; }

  /* Testimonials */
  .cwu-testimonials { padding: 36px 0; }
  .cwu-tcard { flex: 0 0 300px; width: 300px; }
}

/* ── Small mobile ── */
@media (max-width: 480px) {
  .promo_slider,
  .promo_slider .wrapper,
  .promo_slider .widget_content {
    height: 50vh      !important;
    min-height: 220px !important;
  }

  .cwu-cta { padding: 28px 10px; }
  .cwu-cta-grid { gap: 10px; }
  .cwu-ctacard { width: calc(50% - 5px); }
  .cwu-cta-ttl { font-size: 17px; }
  .cwu-cta-imgwrap { height: 100px; }
}

/* ══════════════════════════════════════════════════════
   LOADING STATE
   ══════════════════════════════════════════════════════ */
.hp-row:not(.hp-row-first) {
  opacity: 0;
  transition: opacity 0.45s ease;
}

.cwu-about-wrap,
.cwu-cards,
.cwu-cta {
  opacity: 0;
  transition: opacity 0.45s ease;
}

#cwu-loader {
  position: fixed;
  left: 50%;
  bottom: 32px;
  transform: translateX(-50%);
  z-index: 9500;
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(255, 255, 255, 0.95);
  padding: 9px 20px 9px 14px;
  border-radius: 999px;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.14);
  font-family: var(--cwu-font);
  font-size: 13px;
  font-weight: 600;
  color: var(--cwu-green);
  pointer-events: none;
  white-space: nowrap;
}

.cwu-spinner {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2.5px solid var(--cwu-green-light);
  border-top-color: var(--cwu-green);
  flex-shrink: 0;
  animation: cwu-spin 0.7s linear infinite;
}

@keyframes cwu-spin {
  to { transform: rotate(360deg); }
}

/* ══════════════════════════════════════════════════════
   FEEDBACK BAR
   ══════════════════════════════════════════════════════ */
#feedback_bar {
  height: 0        !important;
  min-height: 0    !important;
  max-height: 0    !important;
  overflow: hidden !important;
  padding: 0       !important;
  margin: 0        !important;
  border: none     !important;
}

/* ══════════════════════════════════════════════════════
   DONATE BUTTON
   ══════════════════════════════════════════════════════ */
.co_menu_item.donate_link .bg_extension {
  display: none !important;
}

.co_menu_item.donate_link span.parent div a.parent {
  background:    #ffffff !important;
  color:         var(--cwu-green) !important;
  border-radius: 10px !important;
  padding:       8px 18px 8px 12px !important;
  font-weight:   700 !important;
  display:       inline-flex !important;
  align-items:   center !important;
  gap:           7px !important;
  line-height:   1.2 !important;
  border:        none !important;
  box-shadow:    0 1px 6px rgba(0,0,0,0.12) !important;
  transition:    background .2s !important;
}
.co_menu_item.donate_link:hover span.parent div a.parent {
  background: var(--cwu-green-light) !important;
}

.cwu-donate-heart {
  display:     inline-flex;
  align-items: center;
  flex-shrink: 0;
}
.cwu-donate-heart svg {
  width:  16px;
  height: 16px;
  fill:   var(--cwu-green);
}
</style>

<style id="redesign-custom-css">
    @import url('https://fonts.googleapis.com/css2?family=Outfit:wght@200;300;400;600;700;800&family=Poppins:wght@400;600;700;800&display=swap');

    /* --- GLOBAL & WRAPPER --- */
    :is(.co_body, #co_body_container):has(.form-all), #formContainer, .form-all {
        font-family: 'Outfit', sans-serif !important;
        background-color: #f0f7f6 !important;
        color: #313131 !important;
        box-sizing: border-box;
    }

    .form-all {
        max-width: 850px !important;
        margin: 0 auto !important;
        padding: 40px 20px 100px !important;
    }

    .form-all .form-line {
        display: flex !important;
        flex-direction: column !important;
        gap: 5px !important;
        padding: 20px 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Universal structural flex rules */
    .form-all .form-input, .form-all .form-input-wide {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 15px !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* --- HEADERS --- */
    .form-all .form-header-group {
        background: none !important;
        border: none !important;
        padding: 0 !important;
        margin-bottom: 30px !important;
        width: 100% !important;
        height: auto !important;
        display: block !important;
        text-align: left !important;
    }

    .form-all h2.form-header {
        font-family: 'Poppins', sans-serif !important;
        font-weight: 800 !important;
        font-size: 32px !important;
        color: #157364 !important;
        text-transform: capitalize !important;
        text-align: left !important;
        margin: 0 !important;
    }

    .form-all .form-subHeader {
        font-family: 'Poppins', sans-serif !important;
        font-size: 16px !important;
        font-weight: 300 !important;
        color: #8b8b8b !important;
    }

    /* --- LABELS --- */
    .form-all .form-label, .form-all .form-label-left, .form-all .form-label-right {
        font-family: 'Poppins', sans-serif !important;
        font-weight: 700 !important;
        font-size: 18px !important;
        color: #4d4d4d !important;
        text-transform: capitalize !important;
        width: 100% !important;
        display: block !important;
        margin-bottom: 0 !important;
        float: none !important;
        text-align: left !important;
        white-space: normal !important;
    }

    /* Keep Phone Number label on top, but strictly on ONE line */
    .form-all [data-type="control_phone"] > label.form-label {
        white-space: nowrap !important;
        display: block !important;
        width: 100% !important;
    }

    /* --- INPUTS: Textboxes, Textareas, Dropdowns --- */
    .form-all .form-textbox, .form-all .form-textarea, .form-all .form-dropdown {
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 14px 15px !important;
        border: 1px solid #e8e8e8 !important;
        border-radius: 8px !important;
        background-color: #ffffff !important;
        font-family: 'Outfit', sans-serif !important;
        font-size: 16px !important;
        outline: none !important;
        transition: all 0.3s ease !important;
        box-shadow: none !important;
        max-width: 100% !important;
    }

    .form-all .form-textbox:not(textarea), .form-all .form-dropdown {
        height: 50px !important;
        padding: 0 15px !important;
    }
    .form-all .form-textarea {
        padding: 15px !important;
    }

    .form-all .form-textbox:focus, .form-all .form-textarea:focus, .form-all .form-dropdown:focus {
        border-color: #157364 !important;
    }

    /* Custom Chevron for Dropdowns */
    .form-all .form-dropdown {
        appearance: none !important;
        -webkit-appearance: none !important;
        background-image: url('data:image/svg+xml;utf8,<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.5L6 6.5L11 1.5" stroke="%23313131" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
        background-repeat: no-repeat !important;
        background-position: right 15px center !important;
        padding-right: 40px !important;
    }

    /* --- GENERIC ROW SPLITS (Full Name, Address, etc.) --- */
    .form-all .form-sub-label-container {
        display: flex !important;
        flex-direction: column !important;
        flex: 1 !important;
        min-width: 0 !important;
    }

    /* Ensures pairs like First/Last Name split 50/50 instead of stacking */
    .form-all .form-input > .form-sub-label-container {
        min-width: calc(50% - 20px) !important;
    }

    .form-all .form-sub-label-container input, .form-all .form-sub-label-container select {
        order: 1 !important;
    }

    .form-all .form-sub-label-container label.form-sub-label {
        order: 2 !important;
        margin-top: 5px !important;
        font-weight: 300 !important;
        font-family: 'Outfit', sans-serif !important;
        font-size: 14px !important;
        color: #4d4d4d !important;
        text-transform: capitalize !important;
    }

    /* --- GENERIC SINGLE ROW (Time, Birthdate, DateTime Wrapper) --- */
    .form-all .form-input > .dir_ltr,
    .form-all .time-fields,
    .form-all .datetime-fields {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        gap: 15px !important;
        width: 100% !important;
    }

    .form-all .form-input > .dir_ltr > .form-sub-label-container,
    .form-all .time-fields > .form-sub-label-container {
        flex: 1 !important;
        min-width: 0 !important; 
    }

    .form-all .time-fields .at-label { display: none !important; }

    /* --- GENERIC DATE PICKER FIXES --- */
    .form-all .date-fields {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 5px !important;
        width: auto !important;
        flex: 2 !important;
        background: #ffffff !important;
        border: 1px solid #e8e8e8 !important;
        border-radius: 8px !important;
        padding: 10px 10px !important;
        height: 50px !important;
        margin-top: 0 !important;
    }
    .form-all .date-fields > span.date-separate { display: none !important; }
    
    .form-all .date-fields .form-sub-label-container {
        margin: 0 !important;
        min-width: 0 !important;
        flex: 1 1 auto !important;
        position: relative !important;
    }
    .form-all .date-fields .form-sub-label-container:last-child,
    .form-all .date-fields .form-sub-label-container:nth-last-child(2):has(img) {
        margin-right: 0 !important;
    }
    .form-all .date-fields input {
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        height: 100% !important;
        width: 40px !important;
        min-width: 30px !important;
        text-align: center !important;
        font-family: 'Outfit', sans-serif !important;
        background: transparent !important;
    }
    .form-all .date-fields input[id*="year"], .form-all .date-fields input[name*="year"] {
        width: 65px !important;
    }
    .form-all .date-fields .form-sub-label-container:nth-child(1)::after,
    .form-all .date-fields .form-sub-label-container:nth-child(2)::after {
        content: '/';
        position: absolute;
        right: -5px;
        top: 50%;
        transform: translateY(-50%);
        color: #d9d9d9;
    }
    .form-all .date-fields .form-sub-label { display: none !important; }
    .form-all .date-fields img { margin-left: 5px; cursor: pointer; max-width: 25px !important; flex-shrink: 0; }

    /* --- GENERIC ADDRESS TABLES --- */
    .form-all .form-address-table { width: 100% !important; }
    .form-all .form-address-table tbody, .form-all .form-address-table tr { display: flex !important; flex-wrap: wrap !important; width: 100% !important; gap: 15px !important; }
    .form-all .form-address-table td { display: block !important; width: 100% !important; padding: 0 !important; flex: 1 !important; min-width: calc(50% - 20px) !important;}
    .form-all .form-address-table tr:first-child td, .form-all .form-address-table tr:nth-child(2) td { min-width: 100% !important; }
    .form-all .form-address-table tr.hide, .form-all .hide { display: none !important; }

    /* --- OPTIONS & SELECTIONS & PAYMENT METHODS --- */
    .form-all .form-single-column {
        display: flex !important;
        flex-direction: column !important;
        gap: 5px !important; 
        width: 100% !important;
    }

    .form-all .form-multiple-column {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 15px !important; 
        width: 100% !important;
    }

    .form-all .form-radio-item, .form-all .form-checkbox-item, .form-all .payment_method_container, .form-all .payment-method-container {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 15px !important;
        padding: 16px 20px !important;
        border-radius: 8px !important;
        background-color: #ffffff !important;
        border: 1px solid #e8e8e8 !important;
        cursor: pointer !important;
        transition: all 0.2s ease !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    /* Multiple columns (like payment methods) should explicitly fit contents nicely */
    .form-all .form-multiple-column .form-radio-item, 
    .form-all .payment_method_container, 
    .form-all .payment-method-container {
        flex: 1 1 auto !important;
        min-width: max-content !important;
        white-space: nowrap !important;
    }

    .form-all .form-radio-item:hover, .form-all .form-checkbox-item:hover, .form-all .payment_method_container:hover {
        border-color: #157364 !important;
    }

    .form-all .form-radio-item.active-option, 
    .form-all .form-checkbox-item.active-option, 
    .form-all .payment_method_container.active,
    .form-all .payment-method-container.active {
        background-color: #d6eae7 !important;
        border-color: #157364 !important;
    }

    /* Custom Native Radio & Checkbox Styles */
    .form-all input[type="radio"].form-radio, 
    .form-all input[type="checkbox"].form-checkbox,
    .form-all input[type="radio"].paymentMethod,
    .form-all input[name="paymentMethod"],
    .form-all input[type="radio"].form-other,
    .form-all #other_partial {
        appearance: none !important;
        -webkit-appearance: none !important;
        background-color: #ffffff !important;
        border: 2px solid #e8e8e8 !important;
        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
        display: inline-block !important;
        position: relative !important;
        cursor: pointer !important;
        margin: 0 !important;
        flex-shrink: 0 !important;
    }

    .form-all input[type="radio"] { border-radius: 50% !important; }
    .form-all input[type="checkbox"] { border-radius: 4px !important; }

    .form-all input[type="radio"]:checked {
        border-color: #157364 !important;
        background-color: #ffffff !important;
    }
    .form-all input[type="radio"]:checked::after {
        content: '';
        position: absolute;
        top: 50%; left: 50%;
        transform: translate(-50%, -50%);
        width: 10px; height: 10px;
        border-radius: 50%;
        background-color: #157364 !important;
    }

    .form-all input[type="checkbox"]:checked {
        background-color: #157364 !important;
        border-color: #157364 !important;
    }

    /* Perfectly Centered Checkmark */
    .form-all input[type="checkbox"]:checked::after {
        content: '';
        position: absolute;
        top: 3px; 
        left: 7px;
        width: 5px; 
        height: 10px;
        border: solid #ffffff !important;
        border-width: 0 2px 2px 0 !important;
        transform: rotate(45deg);
    }

    .form-all .form-radio-item label, .form-all .form-checkbox-item label, .form-all .payment_method_container label {
        font-size: 16px !important;
        font-family: 'Outfit', sans-serif !important;
        color: #313131 !important;
        cursor: pointer !important;
        margin: 0 !important;
        float: none !important;
        font-weight: 400 !important;
        width: auto !important;
        flex: 1 !important;
    }

    /* --- PAYMENT SECTION "CARDS WITHIN A CARD" FIX --- */
    .form-all [data-type="control_payment"],
    .form-all .form-payment-wrapper,
    .form-all .payment-form-table,
    .form-all table.form-address-table[summary=""],
    .form-all table.form-address-table {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        border-radius: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 15px !important;
        width: 100% !important;
    }

    /* Ensure payment methods wrap nicely with a gap */
    .form-all td.form-payment-methods {
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 15px !important;
        width: 100% !important;
    }

    /* Style ONLY the internal Credit Card fields table to be a white box */
    .form-all table.form-address-table tr.credit_card > td > table {
        background: #ffffff !important;
        border: 1px solid #e8e8e8 !important;
        border-radius: 8px !important;
        padding: 30px !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 15px !important;
        width: 100% !important;
        margin-top: 10px !important;
    }
    
    /* Style the Credit Card / Billing subheaders */
    .form-all tr.credit_card th, .form-all tr.billing_address th {
        text-align: left !important;
        font-family: 'Poppins', sans-serif !important;
        font-size: 20px !important;
        font-weight: 700 !important;
        color: #157364 !important;
        padding: 10px 0 0 0 !important;
        display: block !important;
        width: 100% !important;
    }

    /* --- STRICTLY SCOPED DONATION AMOUNTS (CARD STYLE) --- */
    .form-all [data-type="control_amount"] .form-radio-item:not(.clear-left) {
        flex: 1 !important;
        min-width: 100px !important;
        height: 80px !important;
        border-radius: 8px !important;
        justify-content: center !important;
        text-align: center !important;
        padding: 0 !important;
        flex-direction: column !important;
        background-color: #ffffff !important;
        border: 1px solid #e8e8e8 !important;
        cursor: pointer !important;
        transition: all 0.2s ease !important;
        box-sizing: border-box !important;
    }
    
    .form-all [data-type="control_amount"] .form-radio-item label {
        font-family: 'Outfit', sans-serif !important;
        font-size: 22px !important;
        font-weight: 600 !important;
        color: #4d4d4d !important;
        text-align: center !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 100% !important;
    }

    /* Donation Amounts aren't supposed to have radio buttons */
    .form-all [data-type="control_amount"] .form-radio-item input[type="radio"],
    .form-all .payment-amount-radio,
    .form-all .form-payment-price input[type="radio"],
    .form-all span.form-product-item input[type="radio"] {
        display: none !important;
        opacity: 0 !important;
        position: absolute !important;
        pointer-events: none !important;
    }

    /* Ensure label acts as a flex row to perfectly align Partial Payment / generic "Other" options */
    .form-all .form-radio-item label:has(.form-radio-other-input),
    .form-all .form-radio-item label:has(#input_partial) {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        width: 100% !important;
        gap: 8px !important;
    }

    /* Specific Other Amount Field Card Layout for strict control_amount */
    .form-all [data-type="control_amount"] .form-radio-item.clear-left,
    .form-all .form-radio-item:has(.form-radio-other-input),
    .form-all .form-radio-item:has(#input_partial) {
        flex: 1 1 100% !important; 
        background: #ffffff !important;
        border: 1px solid #e8e8e8 !important;
        border-radius: 8px !important;
        padding: 0 15px !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        height: 60px !important;
        position: relative !important;
        box-sizing: border-box !important;
        cursor: pointer !important;
    }

    /* Overriding the strict background so active states work perfectly on the Other card */
    .form-all [data-type="control_amount"] .form-radio-item.clear-left.active-option,
    .form-all .form-radio-item.active-option:has(.form-radio-other-input),
    .form-all .form-radio-item.active-option:has(#input_partial) {
        background-color: #d6eae7 !important;
        border-color: #157364 !important;
    }

    .form-all [data-type="control_amount"] .form-radio-item.active-option label {
        color: #157364 !important;
    }
    
    .form-all [data-type="control_amount"] .form-radio-item.clear-left::before {
        content: 'Other: $';
        font-family: 'Outfit', sans-serif !important;
        font-size: 18px;
        color: #4d4d4d;
        font-weight: 600;
        margin-right: 5px;
        pointer-events: none; 
        white-space: nowrap;
        display: flex;
        align-items: center;
    }

    .form-all [data-type="control_amount"] .form-radio-item.clear-left span {
        flex: 1 !important;
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
    }

    /* Ensure the Radio IS visible for Partial payments but hidden for Control Amount */
    .form-all .form-radio-item label:has(.form-radio-other-input) input[type="radio"],
    .form-all .form-radio-item label:has(#input_partial) input[type="radio"] {
        display: inline-block !important;
        opacity: 1 !important;
        position: relative !important;
        pointer-events: auto !important;
    }
    .form-all [data-type="control_amount"] .form-radio-item:has(.form-radio-other-input) input[type="radio"] {
        display: none !important;
    }

    /* Flawless generic "Other" input field (Transparent to let parent card show) */
    .form-all .form-radio-other-input,
    .form-all #input_partial {
        font-family: 'Outfit', sans-serif !important;
        border: none !important;
        background: transparent !important;
        box-shadow: none !important;
        height: 100% !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        font-size: 18px !important;
        font-weight: 600 !important;
        color: #313131 !important;
        position: relative !important;
        z-index: 100 !important;
        pointer-events: auto !important; 
        outline: none !important;
        line-height: 1 !important;
        display: flex !important;
        align-items: center !important;
        flex: 1 !important;
        min-width: 80px !important;
    }

    /* --- PAYFORM WRAPPER ("I would like to pay today:") --- */
    .form-all #payformWrapper {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        padding-top: 15px !important;
        width: 100% !important;
    }
    .form-all #payformWrapper > label.form-header {
        font-family: 'Poppins', sans-serif !important;
        font-size: 18px !important;
        font-weight: 700 !important;
        color: #313131 !important;
        margin-bottom: 5px !important;
        padding: 0 !important;
        border: none !important;
        background: none !important;
    }
    .form-all #payformWrapper .form-radio-item {
        padding: 14px 20px !important; 
        width: 100% !important;
    }
    .form-all #payformWrapper .form-radio-item label {
        font-family: 'Outfit', sans-serif !important;
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        width: 100% !important;
    }
    .form-all #payformWrapper .form-radio-item label input[type="radio"] {
        display: inline-block !important;
        margin: 0 10px 0 0 !important;
    }
    .form-all #payformWrapper .form-radio-other-input {
        font-family: 'Outfit', sans-serif !important;
        border: 1px solid #e8e8e8 !important;
        border-radius: 8px !important;
        padding: 10px 15px !important;
        height: 45px !important;
        font-size: 16px !important;
        color: #313131 !important;
        outline: none !important;
        background: transparent !important;
        flex: 1 !important;
        margin-left: 5px !important;
        pointer-events: auto !important;
    }

    /* --- GENERIC NUMBER SPINNER (DOM Wrappers) --- */
    .form-all .custom-number-wrapper {
        display: flex !important;
        align-items: center !important;
        width: 140px !important;
        height: 50px !important;
        background: #ffffff !important;
        border: 1px solid #e8e8e8 !important;
        border-radius: 8px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }
    
    .form-all .custom-number-wrapper input.form-textbox,
    .form-all .custom-number-wrapper .form-spinner-input {
        flex: 1 !important;
        text-align: center !important;
        border: none !important;
        height: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        outline: none !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        -moz-appearance: textfield;
        width: 100% !important;
        font-family: 'Outfit', sans-serif !important;
        font-size: 16px !important;
        background-color: transparent !important;
        border-radius: 0 !important;
    }
    .form-all .custom-number-wrapper input::-webkit-outer-spin-button,
    .form-all .custom-number-wrapper input::-webkit-inner-spin-button {
        -webkit-appearance: none; margin: 0;
    }
    .form-all .custom-number-wrapper .qty-btn {
        width: 40px !important;
        height: 100% !important;
        background: #b8d9d5 !important;
        color: #313131 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-family: 'Outfit', sans-serif !important;
        font-size: 24px !important;
        font-weight: 300 !important;
        cursor: pointer !important;
        user-select: none !important;
        transition: filter 0.2s !important;
        flex-shrink: 0 !important;
        z-index: 2 !important;
    }
    .form-all .custom-number-wrapper .qty-btn:hover {
        filter: brightness(0.95) !important;
    }

    .form-all table.form-spinner, .form-all table.form-spinner tbody, .form-all table.form-spinner tr, .form-all table.form-spinner td, .form-all .form-spinner-input-td { 
        border: none !important; background: transparent !important; padding: 0 !important; margin: 0 !important; box-shadow: none !important;
    }
    .form-all .form-spinner-up, .form-all .form-spinner-down { display: none !important; pointer-events: none !important; }

    /* Total Amount layout */
    .form-all [data-type="control_totalamount"], .form-all .form-payment-total {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        background-color: #eceeed !important;
        border: 1px solid #e8e8e8 !important;
        border-radius: 8px !important;
        padding: 20px 25px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        margin-top: 15px !important;
    }
    
    .form-all [data-type="control_totalamount"] > label, .form-all .form-payment-total b {
        font-family: 'Outfit', sans-serif !important;
        float: none !important;
        margin: 0 !important;
        font-size: 18px !important;
        font-weight: 700 !important;
        color: #313131 !important;
        border: none !important;
        background: transparent !important;
    }

    .form-all #total_amount, .form-all .form-payment-total span {
        font-family: 'Outfit', sans-serif !important;
        float: none !important;
        font-size: 24px !important;
        font-weight: 800 !important;
        color: #157364 !important;
    }

    /* --- SUBMIT BUTTON --- */
    .form-all .form-buttons-wrapper,
    .co_body .content .form-all .form-input-wide .form-buttons-wrapper {
        grid-column: 1 / -1 !important; 
        grid-column-start: auto !important; 
        text-indent: 0 !important; 
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .form-all .form-submit-button {
        background-color: #157364 !important;
        color: #ffffff !important;
        width: 100% !important;
        max-width: 435px !important;
        padding: 18px !important;
        border-radius: 8px !important;
        text-align: center !important;
        font-family: 'Poppins', sans-serif !important;
        font-weight: 600 !important;
        font-size: 18px !important;
        text-transform: capitalize !important;
        cursor: pointer !important;
        transition: transform 0.2s ease, filter 0.3s ease !important;
        margin: 40px auto 0 !important;
        border: none !important;
        display: block !important;
    }

    .form-all .form-submit-button:hover {
        filter: brightness(1.2) !important;
        transform: translateY(-2px) !important;
    }

    /* --- MOBILE ADJUSTMENTS --- */
    @media (max-width: 768px) {
        .form-all .form-header { font-size: 26px !important; }
        .form-all .form-radio-item label { font-size: 18px !important; }
        
        .form-all .form-label, .form-all .form-label-left, .form-all .form-label-right { font-size: 15px !important; }
        
        .form-all .datetime-fields {
            flex-direction: column !important;
            align-items: stretch !important;
        }
        .form-all .date-fields { width: 100% !important; justify-content: center !important; }

        .form-all .form-input > .dir_ltr, 
        .form-all .time-fields,
        .form-all .datetime-fields .time-fields {
            flex-direction: row !important;
            flex-wrap: nowrap !important;
            width: 100% !important;
            justify-content: space-between !important;
        }
        
        .form-all .custom-number-wrapper { width: 140px !important; }
    }
</style>
<script>(function() {
  var _fbq = window._fbq || (window._fbq = []);
  if (!_fbq.loaded) {
    var fbds = document.createElement('script');
    fbds.async = true;
    fbds.src = '//connect.facebook.net/en_US/fbds.js';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(fbds, s);
    _fbq.loaded = true;
  }
  _fbq.push(['addPixelId', "612234658865892"]);
})();
window._fbq = window._fbq || [];
window._fbq.push(["track", "PixelInitialized", {}]);
</script><script>
// on dom ready run this code to edit the custom payment message in the Spring 2023 Fundraising Drive
window.addEventListener("DOMContentLoaded", function () {
	if (window.location.href.includes("6390043")) {
		const paymentMethod = document.querySelector("div.fs-payment-method > label:nth-child(3) > span");
		const paymentMessage = document.querySelector("#CustomPaymentMessage > div");
		paymentMethod ? (paymentMethod.innerText = "Check, DAF, Digital Payments") : null;
		paymentMessage ? (paymentMessage.innerHTML = "<B>CHECK:</B> Send to Chabad WashU at 7018 Forsyth Blvd. St. Louis, MO 63105</br><B>DONOR ADVISED FUNDS</b>: Please recommend a grant to our organization EIN is 34-2049857.</br><b>DIGITAL PAYMENTS:</b></br>CASHAPP: $chabadwashu | VENMO: @chabadwashu | ZELLE: zelle@chabadwashu.org") : null;
	}
});
</script></head>
<body class="lang_en dir_ltr cco_body sites-article">

	


	
	<div id="PrintCreditHeader" class="show_for_print">
Printed from<b>ChabadWashU.org</b>
</div>
	<div id="header">
		<div class="wrapper header-wrapper">
			
<div id="feedback_bar" class="hide_for_print no_outline">
	<div class="wrapper">
		
	</div>
</div>

			


<div id="header_container" class="header_container">
	<div class="clearfix links">
		<img src="https://w2.chabad.org/images/global/spacer.gif" width="15" height="8" class="baruch_hashem" />
		<div class="float_right">
			
			
			
			
				<div class="topBarLink cco_topbar_link 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="/73176">About</a>
				</div>
				
			
			

<div class="topBarLink mychabad_login_bar" id="mychabad_login_bar">
	
			
				<a href="/tools/login/default.asp?aid=2356946&amp;jewish=Reflections-on-Shabbat-at-Chabad-on-Campus.htm" 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 ">
					<div class="g260 no_margin cco_search_header float_right">
						

<div class="co_search_form margin05">
	<form name="MainSearchForm" id="MainSearchForm" method="get" action="/search/results.asp" class="clearfix" onsubmit="return Co.Forms.Validation.Validate(this, null, {markAsSubmitted:false});">
		<div class="co_global_submit"><button type="submit" class="button" value=" "><span> </span></button></div>
		

<div class="co_global_input_container clearfix">
	<input id="topAreaTopSearch_search" required="true" autocomplete="nope" placeholder="Search" value="" OnAutoSuggestSelect="OnSearchAutoSuggestSelect(ev);" class="co_global_input co_search js-search-field active js-mirrored-input" onblur="this.form.className = this.form.className.replace(/\sactive/gi, &#39;&#39;);" name="searchWord" onfocus="this.form.className+=&#39; active&#39;;" type="text" autoSuggestProperties="&quot;Highlight&quot;:true,&quot;Name&quot;:&quot;topAreaTopSearch_search&quot;,&quot;AutoSubmit&quot;:true,&quot;ShowRecommendedOnTop&quot;:false" autoSuggestUrl="/WebServices/RemoteCall/Get_Suggestions" display_name="Search Field" min_length="3"></input>
</div>

			
		
		
	
		<div id="topAreaTopSearch_search_wrapper" class="co_field_options" style="display:none;">
			<div class="co_absolute_wraper" id="co_absolute_wraper" style="">
				<div class="inner">
					<div id="topAreaTopSearch_search_container" class="co_field_options_suggestions"></div>
					<div class="break_floats"></div>
					
				</div>
			</div>
		</div>
	</form>
</div>
					</div>
					
					<a href="/default.asp" title="Chabad on Campus <br/>Rohr Center for Jewish Life" class="site_title">Chabad on Campus <br/>Rohr Center for Jewish Life<span class="site_subtitle clearfix">At Washington University in St. Louis and area campuses</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">
				<script>
var primaryNavigationVersion = "639184315753874788";
</script>
<div id="co_menu_container_wrapper" class="co_menu_container_wrapper " data-list-name="primary navigation"> 
<div class="co_menu_container clearfix" id="co_menu_container">
<a class="menu_logo" href="/"></a>
<table cellpadding="0" cellspacing="0" border="0" class="main_menu_container first global">
<tr id="tabContentMain" tab="Main" style="display:table-row;">
<td class="co_menu_item home" data-menu-level="1"><a href="/default.asp"><img class="co_menu_home_image" src="https://w2.chabad.org/images/global/spacer.gif" width="28" height="60" border="0" onmouseover="this.className += ' hover';" onmouseout="this.className=this.className.replace(/\s?hover/gi, '');" /></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item arrow multi_level" aid="75990" 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/6907587/jewish/Summer-Activities-2026.htm" class="item empty" id="menu_item1-1" data-menu-level="2" data-aid="6907587">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Summer Activities 2026</span>
</a>
<a href="/templates/articlecco_cdo/aid/4847979/jewish/Welcome-to-Students-and-Parents.htm" class="item" id="menu_item1-2" data-menu-level="2" data-aid="4847979">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Welcome to Students and Parents</span>
</a>
<a href="/templates/articlecco_cdo/aid/5868377/jewish/Passover-2026-with-Chabad-WashU.htm" class="item" id="menu_item1-3" data-menu-level="2" data-aid="5868377">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Passover 2026 with Chabad WashU</span>
</a>
<a href="/templates/articlecco_cdo/aid/2871124/jewish/Purim-2026.htm" class="item" id="menu_item1-4" data-menu-level="2" data-aid="2871124">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Purim 2026</span>
</a>
<a href="/templates/articlecco_cdo/aid/567608/jewish/High-Holidays-20255786.htm" class="item" id="menu_item1-5" data-menu-level="2" data-aid="567608">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>High Holidays 2025/5786</span>
</a>
<a href="/templates/articlecco_cdo/aid/3194546/jewish/Shabbat-at-Chabad.htm" class="item" id="menu_item1-6" data-menu-level="2" data-aid="3194546">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Shabbat at Chabad</span>
</a>
<a href="/templates/articlecco_cdo/aid/73730/jewish/Jewish-Learning.htm" class="item empty" id="menu_item1-7" data-menu-level="2" data-aid="73730">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Jewish Learning</span>
</a>
<a href="/templates/articlecco_cdo/aid/6773253/jewish/Social-Events.htm" class="item empty" id="menu_item1-8" data-menu-level="2" data-aid="6773253">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Social Events</span>
</a>
<a href="http://bit.ly/mayanotisrael" class="item" id="menu_item1-9" data-menu-level="2" data-aid="2648167">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Free Trips to Israel with Birthright Israel</span>
</a>
<a href="/calendar/view/month.asp" class="item empty" id="menu_item1-10" data-menu-level="2" data-aid="5005267">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Calendar </span>
</a>
<a href="/templates/articlecco_cdo/aid/3579740/jewish/Annual-Holocaust-Memorial-Lecture.htm" class="item" id="menu_item1-11" data-menu-level="2" data-aid="3579740">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Annual Holocaust Memorial Lecture</span>
</a>
<a href="/templates/articlecco_cdo/aid/6057727/jewish/Dorm-Mezuzah.htm" class="item empty" id="menu_item1-12" data-menu-level="2" data-aid="6057727">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Dorm Mezuzah</span>
</a>
<a href="/templates/articlecco_cdo/aid/5197078/jewish/Get-Connected.htm" class="item empty" id="menu_item1-13" data-menu-level="2" data-aid="5197078">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Get Connected </span>
</a>
<a href="/templates/articlecco_cdo/aid/5382646/jewish/Religious-Holiday-Class-Absence-Policy.htm" class="item empty" id="menu_item1-14" data-menu-level="2" data-aid="5382646">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Religious Holiday Class Absence Policy</span>
</a>
<a href="/templates/articlecco_cdo/aid/6193425/jewish/Chanukah-2025.htm" class="item" id="menu_item1-15" data-menu-level="2" data-aid="6193425">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Chanukah 2025</span>
</a>
<a href="/templates/articlecco_cdo/aid/6991519/jewish/Listening-Ear.htm" class="item empty" id="menu_item1-16" data-menu-level="2" data-aid="6991519">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Listening Ear</span>
</a>
<a href="/templates/articlecco_cdo/aid/7414864/jewish/WashU-Undergrads-2.htm" class="item empty" id="menu_item1-17" data-menu-level="2" data-aid="7414864">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>WashU Undergrads 2</span>
</a>
</div>
<div id="menu_child1-1" class="menu_child empty selected" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child1-2" class="menu_child" 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/7392742/jewish/Move-in-Shabbat-Schedule-and-RSVP-Form-2026.htm" class="child_item default" data-menu-level="3" data-aid="7392742"><span>Move-in Shabbat Schedule and RSVP Form 2026</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child1-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/5875132/jewish/Seder-Night-One-at-Chabad.htm" class="child_item default" data-menu-level="3" data-aid="5875132"><span>Seder Night One at Chabad</span></a>
<a href="/templates/articlecco_cdo/aid/5875602/jewish/Seder-Night-Two-at-Chabad.htm" class="child_item default" data-menu-level="3" data-aid="5875602"><span>Seder Night Two at Chabad</span></a>
<a href="/templates/articlecco_cdo/aid/5872704/jewish/Passover-Holiday-Meal-Overview-and-Form.htm" class="child_item default" data-menu-level="3" data-aid="5872704"><span>Passover Holiday Meal Overview and Form</span></a>
<a href="/templates/articlecco_cdo/aid/5869245/jewish/Host-Your-Own-Seder-Form-2026.htm" class="child_item default" data-menu-level="3" data-aid="5869245"><span>Host Your Own Seder Form 2026</span></a>
<a href="https://www.chabadwashu.org/holidays/passover/sell_chometz_cdo/jewish/Sell-Your-Chametz-Online.htm" class="child_item default" data-menu-level="3" data-aid="5489933"><span>Sell Your Chametz Online</span></a>
<a href="/templates/articlecco_cdo/aid/5086651/jewish/Haggadah-Library-Borrowing-Form.htm" class="child_item default" data-menu-level="3" data-aid="5086651"><span>Haggadah Library Borrowing Form </span></a>
<a href="https://chabadwashu.org/media/pdf/1274/YKTT12744509.pdf" class="child_item default" data-menu-level="3" data-aid="5876481"><span>Pre-Pesach 2026 Memo (PDF)</span></a>
<a href="/templates/articlecco_cdo/aid/6404242/jewish/Prayer-Times-during-Passover.htm" class="child_item default" data-menu-level="3" data-aid="6404242"><span>Prayer Times during Passover</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child1-4" class="menu_child" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="https://student.chabadoncampus.org/chabadwashu/rsvp/events/45955" class="child_item default" data-menu-level="3" data-aid="6317314"><span>Hamantaschen Bake</span></a>
<a href="https://student.chabadoncampus.org/chabadwashu/rsvp/events/45990" class="child_item default" data-menu-level="3" data-aid="6357993"><span>Purim in the Wild West Party</span></a>
<a href="/templates/articlecco_cdo/aid/7266419/jewish/Mocha-and-Megilla-in-the-DUC.htm" class="child_item default" data-menu-level="3" data-aid="7266419"><span>Mocha and Megilla in the DUC</span></a>
<a href="/templates/articlecco_cdo/aid/5844791/jewish/Megila-Reading-Schedule-and-Davening-Times.htm" class="child_item default" data-menu-level="3" data-aid="5844791"><span>Megila Reading Schedule and Davening Times</span></a>
<a href="/templates/articlecco_cdo/aid/5826499/jewish/Gifts-to-the-Poor.htm" class="child_item default" data-menu-level="3" data-aid="5826499"><span>Gifts to the Poor</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child1-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/5635840/jewish/Rosh-Hashana-Yom-Kippur-Services-Schedule-and-Meals-RSVP-Form.htm" class="child_item default" data-menu-level="3" data-aid="5635840"><span>Rosh Hashana & Yom Kippur Services Schedule and Meals RSVP Form</span></a>
<a href="https://student.chabadoncampus.org/chabadwashu/rsvp/events/38692" class="child_item default" data-menu-level="3" data-aid="6586333"><span>Yom Kippur Break-Fast</span></a>
<a href="/templates/articlecco_cdo/aid/6627713/jewish/Sukkot-2025.htm" class="child_item default" data-menu-level="3" data-aid="6627713"><span>Sukkot 2025</span></a>
<a href="https://student.chabadoncampus.org/chabadwashu/rsvp/events/38272" class="child_item default" data-menu-level="3" data-aid="6078971"><span>Rosh Hashana Dinner at The AC</span></a>
<a href="https://student.chabadoncampus.org/chabadwashu/rsvp/resources/98" class="child_item default" data-menu-level="3" data-aid="6083565"><span>Rosh Hashana Host Your Own</span></a>
<a href="/templates/articlecco_cdo/aid/5243846/jewish/Shofar-Blowing-Opportunities.htm" class="child_item default" data-menu-level="3" data-aid="5243846"><span>Shofar Blowing Opportunities</span></a>
<a href="/templates/articlecco_cdo/aid/4596214/jewish/Make-a-Gift-Today.htm" class="child_item link" data-menu-level="3" data-aid="5646432"><span>Make a Gift Today</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child1-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/6310728/jewish/Shabbat-at-Chabad-Fall-2026-Guest-Form.htm" class="child_item default" data-menu-level="3" data-aid="6310728"><span>Shabbat at Chabad Fall 2026 - Guest Form</span></a>
<a href="/templates/articlecco_cdo/aid/6059406/jewish/Student-Cha-bot-system-for-RSVPs.htm" class="child_item default" data-menu-level="3" data-aid="6059406"><span>Student Cha-bot system for RSVPs </span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child1-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_child1-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 id="menu_child1-9" 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/6747270/jewish/Explore-Israel-with-Birthright-Israel-Join-an-Unforgettable-Journey.htm" class="child_item default" data-menu-level="3" data-aid="6747270"><span>Explore Israel with Birthright Israel: Join an Unforgettable Journey!</span></a>
<a href="/templates/articlecco_cdo/aid/5385435/jewish/Birthright-Israel-Info-Session.htm" class="child_item default" data-menu-level="3" data-aid="5385435"><span>Birthright Israel: Info Session</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child1-10" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child1-11" 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/2496357/jewish/Philip-Bialowitz-Sobibor-Death-Camp-Survivor-2014.htm" class="child_item default" data-menu-level="3" data-aid="2496357"><span>Philip Bialowitz Sobibor Death Camp Survivor (2014)</span></a>
<a href="/templates/articlecco_cdo/aid/2895366/jewish/From-Auschwitz-Survivor-to-Wash-U-Student-2015.htm" class="child_item default" data-menu-level="3" data-aid="2895366"><span>From Auschwitz Survivor to Wash U Student (2015)</span></a>
<a href="/templates/articlecco_cdo/aid/3579747/jewish/The-Voyage-of-the-Damned-An-Evening-with-Holocaust-Survivor-Hans-Fisher-2016.htm" class="child_item default" data-menu-level="3" data-aid="3579747"><span>The Voyage of the Damned: An Evening with Holocaust Survivor Hans Fisher (2016)</span></a>
<a href="/templates/articlecco_cdo/aid/3579743/jewish/A-Historic-Evening-with-Anne-Franks-Stepsister-Ms-Eva-Schloss-2017.htm" class="child_item default" data-menu-level="3" data-aid="3579743"><span>A Historic Evening with Anne Frank's Stepsister, Ms. Eva Schloss (2017)</span></a>
<a href="/templates/articlecco_cdo/aid/4375191/jewish/Holocaust-survivor-WU-alum-to-speak-on-religious-tolerance-2018.htm" class="child_item default" data-menu-level="3" data-aid="4375191"><span>Holocaust survivor, WU alum to speak on religious tolerance (2018)</span></a>
<a href="/templates/articlecco_cdo/aid/4375197/jewish/Dont-be-bystanders-Holocaust-survivor-Rachel-Miller-shares-her-story-2019.htm" class="child_item default" data-menu-level="3" data-aid="4375197"><span>‘Don’t be bystanders’: Holocaust survivor Rachel Miller shares her story (2019)</span></a>
<a href="/templates/articlecco_cdo/aid/4651927/jewish/To-Hell-and-Back-with-Holocaust-Survivor-Oskar-Jakob-2020.htm" class="child_item default" data-menu-level="3" data-aid="4651927"><span>To Hell and Back - with Holocaust Survivor Oskar Jakob (2020)</span></a>
<a href="/templates/articlecco_cdo/aid/5919694/jewish/Joseph-Gringlas-Stories-That-Live-Exhibition-2023.htm" class="child_item default" data-menu-level="3" data-aid="5919694"><span>Joseph Gringlas Stories That Live Exhibition (2023)</span></a>
<a href="/templates/articlecco_cdo/aid/6767965/jewish/Becoming-Janet-Finding-Myself-in-the-Holocaust-2024.htm" class="child_item default" data-menu-level="3" data-aid="6767965"><span>Becoming Janet: Finding Myself in the Holocaust (2024)</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child1-12" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child1-13" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child1-14" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child1-15" 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="https://student.chabadoncampus.org/chabadwashu/rsvp/events/43367" class="child_item default" data-menu-level="3" data-aid="7159787"><span>Chanukah Party for WashU Undergrads & friends</span></a>
<a href="https://docs.google.com/forms/d/e/1FAIpQLSczQezx0w6Bz3i9OhEL9ewC2sBl2MF_X6SGDCaLcyfj4eU6aw/viewform" class="child_item default" data-menu-level="3" data-aid="6210640"><span>JGrads Chanukah Party </span></a>
<a href="https://student.chabadoncampus.org/chabadwashu/rsvp/resources/543" class="child_item default" data-menu-level="3" data-aid="6193583"><span>Menorah Kits for Students</span></a>
<a href="/templates/articlecco_cdo/aid/2051021/jewish/Delmar-Loop-Public-Lighting.htm" class="child_item default" data-menu-level="3" data-aid="2051021"><span>Delmar Loop Public Lighting </span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child1-16" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child1-17" 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/75990/jewish/WashU-Undergrads.htm" class="parent">WashU<br />Undergrads</a></div></span><a href="/templates/articlecco_cdo/aid/75990/jewish/WashU-Undergrads.htm" class="bg_extension js-parent-menu-link" data-aid="75990"></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="74066" 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/74066/jewish/JGrads.htm" class="parent">JGrads</a></div></span><a href="/templates/articlecco_cdo/aid/74066/jewish/JGrads.htm" class="bg_extension js-parent-menu-link" data-aid="74066"></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="3027760" 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/3027760/jewish/Prospective-Students.htm" class="parent">Prospective<br />Students</a></div></span><a href="/templates/articlecco_cdo/aid/3027760/jewish/Prospective-Students.htm" class="bg_extension js-parent-menu-link" data-aid="3027760"></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="104554" 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/7392742/jewish/Move-in-Shabbat-Schedule-and-RSVP-Form-2026.htm" class="item empty" id="menu_item4-1" data-menu-level="2" data-aid="7392819">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Move-in Shabbat Schedule and RSVP Form 2026</span>
</a>
<a href="/templates/articlecco_cdo/aid/3413457/jewish/Chicken-Soup-Delivery.htm" class="item empty" id="menu_item4-2" data-menu-level="2" data-aid="3413457">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Chicken Soup Delivery</span>
</a>
<a href="/templates/articlecco_cdo/aid/7392822/jewish/Parent-and-Family-Weekend-Schedule-and-RSVP-Form-2026.htm" class="item empty" id="menu_item4-3" data-menu-level="2" data-aid="7392822">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Parent and Family Weekend Schedule and RSVP Form 2026</span>
</a>
<a href="/templates/articlecco_cdo/aid/6768025/jewish/Alumni-Reunions-2026.htm" class="item empty" id="menu_item4-4" data-menu-level="2" data-aid="6768025">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Alumni Reunions 2026</span>
</a>
<a href="/templates/articlecco_cdo/aid/7034460/jewish/Graduation-Events-2026.htm" class="item empty" id="menu_item4-5" data-menu-level="2" data-aid="7034460">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Graduation Events 2026</span>
</a>
<a href="/templates/articlecco_cdo/aid/5197014/jewish/Make-a-Gift-Today.htm" class="item empty" id="menu_item4-6" data-menu-level="2" data-aid="5197014">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Make a Gift Today</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 id="menu_child4-2" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child4-3" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child4-4" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child4-5" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child4-6" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
</div>
<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/104554/jewish/Parents-and-Alumni.htm" class="parent">Parents&nbsp;and<br />Alumni</a></div></span><a href="/templates/articlecco_cdo/aid/104554/jewish/Parents-and-Alumni.htm" class="bg_extension js-parent-menu-link" data-aid="104554"></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="719963" 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/719963/jewish/-.htm" class="parent">מידע<br />לישראלים</a></div></span><a href="/templates/articlecco_cdo/aid/719963/jewish/-.htm" class="bg_extension js-parent-menu-link" data-aid="719963"></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="/4596214" class="parent">Donate</a></div></span><a href="/4596214" 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="/73176" 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="co_content_container clearfix local_content" id="co_content_container">
		<div class="clearfix">
			
			
			
			<div class="clearfix bh mobile-only align_right">ב"ה</div>
			
				<div class="master-content-wrapper g960" >
					

<header class="article-header cf ">
	
<script type="application/ld+json">
{
	"@context": "http://schema.org",
	"@type": "BreadcrumbList",
	"itemListElement": [
  {
    "@type": "ListItem",
    "position": 1,
    "item": {
      "@id": "/templates/articlecco_cdo/aid/73176/jewish/About-Us.htm",
      "name": "About Us"
    }
  },
  {
    "@type": "ListItem",
    "position": 2,
    "item": {
      "@id": "/templates/articlecco_cdo/aid/300637/jewish/Articles.htm",
      "name": "Articles"
    }
  },
  {
    "@type": "ListItem",
    "position": 3,
    "item": {
      "@id": "/article.asp?aid=2356946",
      "name": "Reflections on Shabbat at Chabad on Campus"
    }
  }
]
}
</script>
<div class="breadcrumbs breadcrumbs hide_for_print" data-list-name="breadcrumbs">
	
			<a class="breadcrumbs__crumb" href='/templates/articlecco_cdo/aid/73176/jewish/About-Us.htm' data-aid="73176">
				About Us
			</a>
		<span class="breadcrumbs__divider fa fa-angle-end"></span>
			<a class="breadcrumbs__crumb" href='/templates/articlecco_cdo/aid/300637/jewish/Articles.htm' data-aid="300637">
				Articles
			</a>
		
</div>
	
			<h1 class="article-header__title js-article-title js-page-title">Reflections on Shabbat at Chabad on Campus</h1>
		
			<div>
				
			</div>
		
</header>
				</div>
			
			<div class="body_wrapper clearfix co_body">
				<div class="g700" id="co_body_container">
					
					<div id="ContentBody">
						
						
							<div class="content-area-parent no_margin">
								
	<div id="cco_body">
		<div class="content g700 no_margin no_overflow" id="co_content_container">
			
			
	

	<article class="content js-content" itemscope itemtype="http://schema.org/Article">
	



<meta itemprop="mainEntityOfPage headline name" content="Reflections on Shabbat at Chabad on Campus" />

<meta itemprop="image" content="" />

	<meta itemprop="description" content="Contact - the Journal of the Steinhardt Foundation for Jewish Life, New York, Summer, 2013" />


<meta itemprop="uploadDate" content="2013-10-10T13:58:24" />
<span itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
	<meta itemprop="name" content="Chabad on Campus Rohr Center for Jewish Life" />
	<meta itemprop="brand" content="Chabad on Campus Rohr Center for Jewish Life" />
	<span itemprop="logo" itemscope itemtype="http://schema.org/ImageObject">
		<meta itemprop="url" content="https://w2.chabad.org/images/logos/chabad.org.amp.60_330.png" />
		<meta itemprop="height" content="60" />
		<meta itemprop="width" content="330" />
	</span>
</span>
<meta itemprop="datePublished" content="2013-10-10T13:58:24" />
			<div itemprop="articleBody">
				<co:body xmlns:co="www1.chabadonline.com/alpha1" xmlns:ext="urn:xslt-extensions">
  <div class="co_body article-body cf">
    <p>
      <iframe width="658" height="878" src="https://docs.google.com/a/chabadoncampus.org/viewer?authuser=0&amp;srcid=0B6enFGSbh5huUTl1SGZoakp5Um8&amp;pid=explorer&amp;a=v&amp;chrome=false&amp;embedded=true"></iframe>
    </p>
<p> </p>
</div>
</co:body>
			</div>
			

			<div class="break_floats"></div>
			
	<div class="break_floats"></div>
	

<div class="content-footer">
	
	
	
	
	
	
</div>
	</article>

		</div>
	</div>
</div>
						
						<div class="break_floats"></div>
						
					</div>
				</div>
				
				
					<div class="ads g260" id="co_ads_container">
						
	



<div class="sidebar-local-navigation cf" id="">

<meta class="js-desktop-local-nav" data-base-class="co_local_menu" />

	<div class="co_local_menu local_content js-local-nav" data-list-name="local navigation">
		
			
				<div class="header ">			
					
						<div class="section_title">
						<div><a data-menu-level="0" data-aid="73176" href="/templates/articlecco_cdo/aid/73176/jewish/About-Us.htm">About Us</a></div>
						</div>
					
				</div>
				<div class="clearfix body medium_bottom_margin">
					
							
								<div class="item first" data-menu-level="1">
									<a data-aid="74063" href="/templates/articlecco_cdo/aid/74063/jewish/Meet-Our-Team.htm"><span>Meet Our Team</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="2941226" href="/templates/articlecco_cdo/aid/2941226/jewish/See-Your-Impact.htm"><span>See Your Impact</span></a>
								</div>
							
							
						
							
								<div class="item last" data-menu-level="1">
									<a data-aid="753824" href="/templates/articlecco_cdo/aid/753824/jewish/Friends-and-Partners.htm"><span>Friends and Partners</span></a>
								</div>
							
							
						<div class="separator"></div>
				</div>
			
			
			
	<div id="LocalNavigationQuickLinks" class="clearfix secondary_navigation local-navigation-quick-links container padding">
		<div class="header small_bottom_padding">
			<div>Quick Links</div>
		</div>

		
				<div class="item ">
					<a href="/tools/feedback.asp"><span><span>Contact</span></span></a>
				</div>
			
				<div class="item ">
					<a href="/4596214"><span><span>Donate</span></span></a>
				</div>
			
	</div>

		
	</div>
</div>

	<div id="customizable_promos" class="">
		


<div class="sneak-peek-container clearfix">
<div class="widget-1 sneak_peek custom v100 feed">
<div class="wrapper">
<div class="widget_content">
<h6 class="title_only">
<a target="" href="/templates/articlecco_cdo/aid/75990/jewish/WashU-Undergrads.htm">Parents</a>
</h6>

<a href="/templates/articlecco_cdo/aid/75990/jewish/WashU-Undergrads.htm" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://chabadwashu.org/media/images/1374/pcRw13748846.png);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
<div class="widget-1 sneak_peek custom v100 feed">
<div class="wrapper">
<div class="widget_content">
<h6 class="title_only">
<a target="" href="/templates/articlecco_cdo/aid/75990/jewish/WashU-Undergrads.htm">Students</a>
</h6>

<a href="/templates/articlecco_cdo/aid/75990/jewish/WashU-Undergrads.htm" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://chabadwashu.org/media/images/1374/LxvM13748845.png);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
<div class="widget-1 sneak_peek custom v100 feed">
<div class="wrapper">
<div class="widget_content">
<h6 class="title_only">
<a target="" href="/104554">Alumni</a>
</h6>

<a href="/104554" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://chabadwashu.org/media/images/1374/JBXO13748842.png);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
</div>

	</div>


	

					</div>
				
				
			</div>
			
			
		</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.chabadwashu.org%2ftemplates%2farticlecco_cdo%2faid%2f2356946%2fjewish%2fReflections-on-Shabbat-at-Chabad-on-Campus.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=Reflections+on+Shabbat+at+Chabad+on+Campus+-+Chabad+on+Campus+Rohr+Center+for+Jewish+Life&amp;url=https%3a%2f%2fwww.chabadwashu.org%2ftemplates%2farticlecco_cdo%2faid%2f2356946%2fjewish%2fReflections-on-Shabbat-at-Chabad-on-Campus.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=Reflections+on+Shabbat+at+Chabad+on+Campus+-+Chabad+on+Campus+Rohr+Center+for+Jewish+Life https%3a%2f%2fwww.chabadwashu.org%2ftemplates%2farticlecco_cdo%2faid%2f2356946%2fjewish%2fReflections-on-Shabbat-at-Chabad-on-Campus.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.chabadwashu.org%2ftemplates%2farticlecco_cdo%2faid%2f2356946%2fjewish%2fReflections-on-Shabbat-at-Chabad-on-Campus.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dpinterest&amp;description=Reflections+on+Shabbat+at+Chabad+on+Campus+-+Chabad+on+Campus+Rohr+Center+for+Jewish+Life">
				<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, 300637);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 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>Chabad on Campus • Rohr Center for Jewish Life at Washington University in St. Louis • 7018 Forsyth Blvd. • St. Louis, MO 63105 • 314-721-2884</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/ChabadWashU" class="fa fa-facebook facebook_homepage" title="Facebook"></a>
		
			<a href="https://www.instagram.com/washu_chabad" class="fa fa-instagram instagram_homepage" title="Instagram"></a>
		
</div>
	

				</div>
			
		</div>
	</div>

	
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery-latest.min.js"></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/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/scroller.js"></script>
<script type="text/javascript" src="/scripts/js/templates/modules/sitewideticker.js.asp?campaignid=4296&template=8533&sc=topbar"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/fundraisingCountDown.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/multimedia/infolayer.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/commentsloader.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/subscribeprompt.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/modules/pagetools.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 on Campus <br/>Rohr Center for Jewish Life'}; Co.ArticleId     = '2356946';Co.SectionId     = 73176;Co.PartnerSiteId = 0;Co.SiteId        = 3571;Co.IsMobilePage  = false;Co.IsResponsive  = false;Co.DbDomain      = 'ChabadWashU.org';Co.LanguageCode  = '';Co.LoginStatus   = 'None';</script>

    
<!-- =====================================================
     ChabadWashU Custom Redesign — FOOTER CODE  (ES6)
     Paste this ENTIRE block into: Custom Footer Code
     (Replace your existing footer block.)

     THE REAL FIX (conditional-display):
       JotForm hides conditional fields with an INLINE
       style="display:none" on the <li class="form-line
       form-field-hidden">. Its total calculator reads that
       hidden/shown state. Previously our CSS forced
       display:flex !important on .form-line / .form-input /
       .form-input-wide for ALL fields, which overrode the
       inline display:none, so JotForm thought hidden priced
       fields were active and the total stayed $0.00.

       Now every structural display rule is scoped with
       :not(.form-field-hidden) and there is a hard guard that
       re-asserts display:none on any row JotForm has hidden
       inline. When a condition fires, JotForm removes the
       inline style + the form-field-hidden class, the field
       flexes open, and the native total calc runs correctly.
     ===================================================== -->

<style id="redesign-custom-css">
    @import url('https://fonts.googleapis.com/css2?family=Outfit:wght@200;300;400;600;700;800&family=Poppins:wght@400;600;700;800&display=swap');

    /* --- GLOBAL & WRAPPER --- */
    :is(.co_body, #co_body_container):has(.form-all), #formContainer, .form-all {
        font-family: 'Outfit', sans-serif !important;
        background-color: #f0f7f6 !important;
        color: #313131 !important;
        box-sizing: border-box;
    }

    .form-all {
        max-width: 850px !important;
        margin: 0 auto !important;
        padding: 40px 20px 100px !important;
    }

    /* SCOPED — never force a conditionally-hidden row visible */
    .form-all .form-line:not(.form-field-hidden) {
        display: flex !important;
        flex-direction: column !important;
        gap: 5px !important;
        padding: 20px 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* SCOPED structural flex rules */
    .form-all .form-input:not(.form-field-hidden),
    .form-all .form-input-wide:not(.form-field-hidden) {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 15px !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* ── HARD GUARD ───────────────────────────────────────────────
       JotForm hides conditional fields via inline display:none and the
       form-field-hidden class. Re-assert it so NOTHING we wrote can
       force the row open before JotForm's own logic reveals it. The
       total calculator depends on this state being respected. */
    .form-all li.form-line.form-field-hidden,
    .form-all li.form-line[style*="display: none"],
    .form-all li.form-line[style*="display:none"] {
        display: none !important;
    }

    /* --- HEADERS --- */
    .form-all .form-header-group {
        background: none !important;
        border: none !important;
        padding: 0 !important;
        margin-bottom: 30px !important;
        width: 100% !important;
        height: auto !important;
        display: block !important;
        text-align: left !important;
    }

    .form-all h2.form-header {
        font-family: 'Poppins', sans-serif !important;
        font-weight: 800 !important;
        font-size: 32px !important;
        color: #157364 !important;
        text-transform: capitalize !important;
        text-align: left !important;
        margin: 0 !important;
    }

    .form-all .form-subHeader {
        font-family: 'Poppins', sans-serif !important;
        font-size: 16px !important;
        font-weight: 300 !important;
        color: #8b8b8b !important;
    }

    /* --- LABELS --- */
    .form-all .form-label, .form-all .form-label-left, .form-all .form-label-right {
        font-family: 'Poppins', sans-serif !important;
        font-weight: 700 !important;
        font-size: 18px !important;
        color: #4d4d4d !important;
        text-transform: capitalize !important;
        width: 100% !important;
        display: block !important;
        margin-bottom: 0 !important;
        float: none !important;
        text-align: left !important;
        white-space: normal !important;
    }

    /* Keep Phone Number label on top, but strictly on ONE line */
    .form-all [data-type="control_phone"] > label.form-label {
        white-space: nowrap !important;
        display: block !important;
        width: 100% !important;
    }

    /* --- INPUTS: Textboxes, Textareas, Dropdowns --- */
    .form-all .form-textbox, .form-all .form-textarea, .form-all .form-dropdown {
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 14px 15px !important;
        border: 1px solid #e8e8e8 !important;
        border-radius: 8px !important;
        background-color: #ffffff !important;
        font-family: 'Outfit', sans-serif !important;
        font-size: 16px !important;
        outline: none !important;
        transition: all 0.3s ease !important;
        box-shadow: none !important;
        max-width: 100% !important;
    }

    .form-all .form-textbox:not(textarea), .form-all .form-dropdown {
        height: 50px !important;
        padding: 0 15px !important;
    }
    .form-all .form-textarea {
        padding: 15px !important;
    }

    .form-all .form-textbox:focus, .form-all .form-textarea:focus, .form-all .form-dropdown:focus {
        border-color: #157364 !important;
    }

    /* Custom Chevron for Dropdowns */
    .form-all .form-dropdown {
        appearance: none !important;
        -webkit-appearance: none !important;
        background-image: url('data:image/svg+xml;utf8,<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1.5L6 6.5L11 1.5" stroke="%23313131" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
        background-repeat: no-repeat !important;
        background-position: right 15px center !important;
        padding-right: 40px !important;
    }

    /* --- GENERIC ROW SPLITS (Full Name, Address, etc.) --- */
    .form-all .form-sub-label-container {
        display: flex !important;
        flex-direction: column !important;
        flex: 1 !important;
        min-width: 0 !important;
    }

    .form-all .form-input > .form-sub-label-container {
        min-width: calc(50% - 20px) !important;
    }

    .form-all .form-sub-label-container input, .form-all .form-sub-label-container select {
        order: 1 !important;
    }

    .form-all .form-sub-label-container label.form-sub-label {
        order: 2 !important;
        margin-top: 5px !important;
        font-weight: 300 !important;
        font-family: 'Outfit', sans-serif !important;
        font-size: 14px !important;
        color: #4d4d4d !important;
        text-transform: capitalize !important;
    }

    /* --- GENERIC SINGLE ROW (Time, Birthdate, DateTime Wrapper) --- */
    .form-all .form-input > .dir_ltr,
    .form-all .time-fields,
    .form-all .datetime-fields {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        gap: 15px !important;
        width: 100% !important;
    }

    .form-all .form-input > .dir_ltr > .form-sub-label-container,
    .form-all .time-fields > .form-sub-label-container {
        flex: 1 !important;
        min-width: 0 !important;
    }

    .form-all .time-fields .at-label { display: none !important; }

    /* --- GENERIC DATE PICKER FIXES --- */
    .form-all .date-fields {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 5px !important;
        width: auto !important;
        flex: 2 !important;
        background: #ffffff !important;
        border: 1px solid #e8e8e8 !important;
        border-radius: 8px !important;
        padding: 10px 10px !important;
        height: 50px !important;
        margin-top: 0 !important;
    }
    .form-all .date-fields > span.date-separate { display: none !important; }

    .form-all .date-fields .form-sub-label-container {
        margin: 0 !important;
        min-width: 0 !important;
        flex: 1 1 auto !important;
        position: relative !important;
    }
    .form-all .date-fields .form-sub-label-container:last-child,
    .form-all .date-fields .form-sub-label-container:nth-last-child(2):has(img) {
        margin-right: 0 !important;
    }
    .form-all .date-fields input {
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        height: 100% !important;
        width: 40px !important;
        min-width: 30px !important;
        text-align: center !important;
        font-family: 'Outfit', sans-serif !important;
        background: transparent !important;
    }
    .form-all .date-fields input[id*="year"], .form-all .date-fields input[name*="year"] {
        width: 65px !important;
    }
    .form-all .date-fields .form-sub-label-container:nth-child(1)::after,
    .form-all .date-fields .form-sub-label-container:nth-child(2)::after {
        content: '/';
        position: absolute;
        right: -5px;
        top: 50%;
        transform: translateY(-50%);
        color: #d9d9d9;
    }
    .form-all .date-fields .form-sub-label { display: none !important; }
    .form-all .date-fields img { margin-left: 5px; cursor: pointer; max-width: 25px !important; flex-shrink: 0; }

    /* --- GENERIC ADDRESS TABLES --- */
    .form-all .form-address-table { width: 100% !important; }
    .form-all .form-address-table tbody, .form-all .form-address-table tr { display: flex !important; flex-wrap: wrap !important; width: 100% !important; gap: 15px !important; }
    .form-all .form-address-table td { display: block !important; width: 100% !important; padding: 0 !important; flex: 1 !important; min-width: calc(50% - 20px) !important;}
    .form-all .form-address-table tr:first-child td, .form-all .form-address-table tr:nth-child(2) td { min-width: 100% !important; }
    .form-all .form-address-table tr.hide, .form-all .hide { display: none !important; }

    /* --- OPTIONS & SELECTIONS & PAYMENT METHODS --- */
    .form-all .form-single-column {
        display: flex !important;
        flex-direction: column !important;
        gap: 5px !important;
        width: 100% !important;
    }

    .form-all .form-multiple-column {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 15px !important;
        width: 100% !important;
    }

    .form-all .form-radio-item, .form-all .form-checkbox-item, .form-all .payment_method_container, .form-all .payment-method-container {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 15px !important;
        padding: 16px 20px !important;
        border-radius: 8px !important;
        background-color: #ffffff !important;
        border: 1px solid #e8e8e8 !important;
        cursor: pointer !important;
        transition: all 0.2s ease !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    .form-all .form-multiple-column .form-radio-item,
    .form-all .payment_method_container,
    .form-all .payment-method-container {
        flex: 1 1 auto !important;
        min-width: max-content !important;
        white-space: nowrap !important;
    }

    .form-all .form-radio-item:hover, .form-all .form-checkbox-item:hover, .form-all .payment_method_container:hover {
        border-color: #157364 !important;
    }

    .form-all .form-radio-item.active-option,
    .form-all .form-checkbox-item.active-option,
    .form-all .payment_method_container.active,
    .form-all .payment-method-container.active {
        background-color: #d6eae7 !important;
        border-color: #157364 !important;
    }

    /* Custom Native Radio & Checkbox Styles */
    .form-all input[type="radio"].form-radio,
    .form-all input[type="checkbox"].form-checkbox,
    .form-all input[type="radio"].paymentMethod,
    .form-all input[name="paymentMethod"],
    .form-all input[type="radio"].form-other,
    .form-all #other_partial {
        appearance: none !important;
        -webkit-appearance: none !important;
        background-color: #ffffff !important;
        border: 2px solid #e8e8e8 !important;
        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
        display: inline-block !important;
        position: relative !important;
        cursor: pointer !important;
        margin: 0 !important;
        flex-shrink: 0 !important;
    }

    .form-all input[type="radio"] { border-radius: 50% !important; }
    .form-all input[type="checkbox"] { border-radius: 4px !important; }

    .form-all input[type="radio"]:checked {
        border-color: #157364 !important;
        background-color: #ffffff !important;
    }
    .form-all input[type="radio"]:checked::after {
        content: '';
        position: absolute;
        top: 50%; left: 50%;
        transform: translate(-50%, -50%);
        width: 10px; height: 10px;
        border-radius: 50%;
        background-color: #157364 !important;
    }

    .form-all input[type="checkbox"]:checked {
        background-color: #157364 !important;
        border-color: #157364 !important;
    }

    .form-all input[type="checkbox"]:checked::after {
        content: '';
        position: absolute;
        top: 3px;
        left: 7px;
        width: 5px;
        height: 10px;
        border: solid #ffffff !important;
        border-width: 0 2px 2px 0 !important;
        transform: rotate(45deg);
    }

    .form-all .form-radio-item label, .form-all .form-checkbox-item label, .form-all .payment_method_container label {
        font-size: 16px !important;
        font-family: 'Outfit', sans-serif !important;
        color: #313131 !important;
        cursor: pointer !important;
        margin: 0 !important;
        float: none !important;
        font-weight: 400 !important;
        width: auto !important;
        flex: 1 !important;
    }

    /* --- PAYMENT SECTION "CARDS WITHIN A CARD" FIX --- */
    .form-all [data-type="control_payment"],
    .form-all .form-payment-wrapper,
    .form-all .payment-form-table,
    .form-all table.form-address-table[summary=""],
    .form-all table.form-address-table {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        border-radius: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 15px !important;
        width: 100% !important;
    }

    .form-all td.form-payment-methods {
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 15px !important;
        width: 100% !important;
    }

    .form-all table.form-address-table tr.credit_card > td > table {
        background: #ffffff !important;
        border: 1px solid #e8e8e8 !important;
        border-radius: 8px !important;
        padding: 30px !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 15px !important;
        width: 100% !important;
        margin-top: 10px !important;
    }

    .form-all tr.credit_card th, .form-all tr.billing_address th {
        text-align: left !important;
        font-family: 'Poppins', sans-serif !important;
        font-size: 20px !important;
        font-weight: 700 !important;
        color: #157364 !important;
        padding: 10px 0 0 0 !important;
        display: block !important;
        width: 100% !important;
    }

    /* --- STRICTLY SCOPED DONATION AMOUNTS (CARD STYLE) --- */
    .form-all [data-type="control_amount"] .form-radio-item:not(.clear-left) {
        flex: 1 !important;
        min-width: 100px !important;
        height: 80px !important;
        border-radius: 8px !important;
        justify-content: center !important;
        text-align: center !important;
        padding: 0 !important;
        flex-direction: column !important;
        background-color: #ffffff !important;
        border: 1px solid #e8e8e8 !important;
        cursor: pointer !important;
        transition: all 0.2s ease !important;
        box-sizing: border-box !important;
    }

    .form-all [data-type="control_amount"] .form-radio-item label {
        font-family: 'Outfit', sans-serif !important;
        font-size: 22px !important;
        font-weight: 600 !important;
        color: #4d4d4d !important;
        text-align: center !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 100% !important;
    }

    .form-all [data-type="control_amount"] .form-radio-item input[type="radio"],
    .form-all .payment-amount-radio,
    .form-all .form-payment-price input[type="radio"],
    .form-all span.form-product-item input[type="radio"] {
        display: none !important;
        opacity: 0 !important;
        position: absolute !important;
        pointer-events: none !important;
    }

    .form-all .form-radio-item label:has(.form-radio-other-input),
    .form-all .form-radio-item label:has(#input_partial) {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        width: 100% !important;
        gap: 8px !important;
    }

    .form-all [data-type="control_amount"] .form-radio-item.clear-left,
    .form-all .form-radio-item:has(.form-radio-other-input),
    .form-all .form-radio-item:has(#input_partial) {
        flex: 1 1 100% !important;
        background: #ffffff !important;
        border: 1px solid #e8e8e8 !important;
        border-radius: 8px !important;
        padding: 0 15px !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        height: 60px !important;
        position: relative !important;
        box-sizing: border-box !important;
        cursor: pointer !important;
    }

    .form-all [data-type="control_amount"] .form-radio-item.clear-left.active-option,
    .form-all .form-radio-item.active-option:has(.form-radio-other-input),
    .form-all .form-radio-item.active-option:has(#input_partial) {
        background-color: #d6eae7 !important;
        border-color: #157364 !important;
    }

    .form-all [data-type="control_amount"] .form-radio-item.active-option label {
        color: #157364 !important;
    }

    .form-all [data-type="control_amount"] .form-radio-item.clear-left::before {
        content: 'Other: $';
        font-family: 'Outfit', sans-serif !important;
        font-size: 18px;
        color: #4d4d4d;
        font-weight: 600;
        margin-right: 5px;
        pointer-events: none;
        white-space: nowrap;
        display: flex;
        align-items: center;
    }

    .form-all [data-type="control_amount"] .form-radio-item.clear-left span {
        flex: 1 !important;
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
    }

    .form-all .form-radio-item label:has(.form-radio-other-input) input[type="radio"],
    .form-all .form-radio-item label:has(#input_partial) input[type="radio"] {
        display: inline-block !important;
        opacity: 1 !important;
        position: relative !important;
        pointer-events: auto !important;
    }
    .form-all [data-type="control_amount"] .form-radio-item:has(.form-radio-other-input) input[type="radio"] {
        display: none !important;
    }

    .form-all .form-radio-other-input,
    .form-all #input_partial {
        font-family: 'Outfit', sans-serif !important;
        border: none !important;
        background: transparent !important;
        box-shadow: none !important;
        height: 100% !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        font-size: 18px !important;
        font-weight: 600 !important;
        color: #313131 !important;
        position: relative !important;
        z-index: 100 !important;
        pointer-events: auto !important;
        outline: none !important;
        line-height: 1 !important;
        display: flex !important;
        align-items: center !important;
        flex: 1 !important;
        min-width: 80px !important;
    }

    /* --- PAYFORM WRAPPER ("I would like to pay today:") --- */
    .form-all #payformWrapper {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        padding-top: 15px !important;
        width: 100% !important;
    }
    .form-all #payformWrapper > label.form-header {
        font-family: 'Poppins', sans-serif !important;
        font-size: 18px !important;
        font-weight: 700 !important;
        color: #313131 !important;
        margin-bottom: 5px !important;
        padding: 0 !important;
        border: none !important;
        background: none !important;
    }
    .form-all #payformWrapper .form-radio-item {
        padding: 14px 20px !important;
        width: 100% !important;
    }
    .form-all #payformWrapper .form-radio-item label {
        font-family: 'Outfit', sans-serif !important;
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        width: 100% !important;
    }
    .form-all #payformWrapper .form-radio-item label input[type="radio"] {
        display: inline-block !important;
        margin: 0 10px 0 0 !important;
    }
    .form-all #payformWrapper .form-radio-other-input {
        font-family: 'Outfit', sans-serif !important;
        border: 1px solid #e8e8e8 !important;
        border-radius: 8px !important;
        padding: 10px 15px !important;
        height: 45px !important;
        font-size: 16px !important;
        color: #313131 !important;
        outline: none !important;
        background: transparent !important;
        flex: 1 !important;
        margin-left: 5px !important;
        pointer-events: auto !important;
    }

    /* --- GENERIC NUMBER SPINNER (DOM Wrappers) --- */
    .form-all .custom-number-wrapper {
        display: flex !important;
        align-items: center !important;
        width: 140px !important;
        height: 50px !important;
        background: #ffffff !important;
        border: 1px solid #e8e8e8 !important;
        border-radius: 8px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .form-all .custom-number-wrapper input.form-textbox,
    .form-all .custom-number-wrapper .form-spinner-input {
        flex: 1 !important;
        text-align: center !important;
        border: none !important;
        height: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        outline: none !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        -moz-appearance: textfield;
        width: 100% !important;
        font-family: 'Outfit', sans-serif !important;
        font-size: 16px !important;
        background-color: transparent !important;
        border-radius: 0 !important;
    }
    .form-all .custom-number-wrapper input::-webkit-outer-spin-button,
    .form-all .custom-number-wrapper input::-webkit-inner-spin-button {
        -webkit-appearance: none; margin: 0;
    }
    .form-all .custom-number-wrapper .qty-btn {
        width: 40px !important;
        height: 100% !important;
        background: #b8d9d5 !important;
        color: #313131 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-family: 'Outfit', sans-serif !important;
        font-size: 24px !important;
        font-weight: 300 !important;
        cursor: pointer !important;
        user-select: none !important;
        transition: filter 0.2s !important;
        flex-shrink: 0 !important;
        z-index: 2 !important;
    }
    .form-all .custom-number-wrapper .qty-btn:hover {
        filter: brightness(0.95) !important;
    }

    .form-all table.form-spinner, .form-all table.form-spinner tbody, .form-all table.form-spinner tr, .form-all table.form-spinner td, .form-all .form-spinner-input-td {
        border: none !important; background: transparent !important; padding: 0 !important; margin: 0 !important; box-shadow: none !important;
    }
    .form-all .form-spinner-up, .form-all .form-spinner-down { display: none !important; pointer-events: none !important; }

    /* Native spinner structure (if left inside the wrapper) stretches flat
       between the +/- buttons. Harmless when the JS extracts the bare input. */
    .form-all .custom-number-wrapper > div[tabindex],
    .form-all .custom-number-wrapper > table.form-spinner {
        flex: 1 !important;
        width: auto !important;
        height: 100% !important;
        border: none !important;
        background: transparent !important;
    }
    .form-all .custom-number-wrapper table.form-spinner td.form-spinner-input-td {
        width: 100% !important;
    }

    /* Total Amount layout */
    .form-all [data-type="control_totalamount"], .form-all .form-payment-total {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        background-color: #eceeed !important;
        border: 1px solid #e8e8e8 !important;
        border-radius: 8px !important;
        padding: 20px 25px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        margin-top: 15px !important;
    }

    .form-all [data-type="control_totalamount"] > label, .form-all .form-payment-total b {
        font-family: 'Outfit', sans-serif !important;
        float: none !important;
        margin: 0 !important;
        font-size: 18px !important;
        font-weight: 700 !important;
        color: #313131 !important;
        border: none !important;
        background: transparent !important;
    }

    .form-all #total_amount, .form-all .form-payment-total span {
        font-family: 'Outfit', sans-serif !important;
        float: none !important;
        font-size: 24px !important;
        font-weight: 800 !important;
        color: #157364 !important;
    }

    /* --- SUBMIT BUTTON --- */
    .form-all .form-buttons-wrapper,
    .co_body .content .form-all .form-input-wide .form-buttons-wrapper {
        grid-column: 1 / -1 !important;
        grid-column-start: auto !important;
        text-indent: 0 !important;
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .form-all .form-submit-button {
        background-color: #157364 !important;
        color: #ffffff !important;
        width: 100% !important;
        max-width: 435px !important;
        padding: 18px !important;
        border-radius: 8px !important;
        text-align: center !important;
        font-family: 'Poppins', sans-serif !important;
        font-weight: 600 !important;
        font-size: 18px !important;
        text-transform: capitalize !important;
        cursor: pointer !important;
        transition: transform 0.2s ease, filter 0.3s ease !important;
        margin: 40px auto 0 !important;
        border: none !important;
        display: block !important;
    }

    .form-all .form-submit-button:hover {
        filter: brightness(1.2) !important;
        transform: translateY(-2px) !important;
    }

    /* --- MOBILE ADJUSTMENTS --- */
    @media (max-width: 768px) {
        .form-all .form-header { font-size: 26px !important; }
        .form-all .form-radio-item label { font-size: 18px !important; }

        .form-all .form-label, .form-all .form-label-left, .form-all .form-label-right { font-size: 15px !important; }

        .form-all .datetime-fields {
            flex-direction: column !important;
            align-items: stretch !important;
        }
        .form-all .date-fields { width: 100% !important; justify-content: center !important; }

        .form-all .form-input > .dir_ltr,
        .form-all .time-fields,
        .form-all .datetime-fields .time-fields {
            flex-direction: row !important;
            flex-wrap: nowrap !important;
            width: 100% !important;
            justify-content: space-between !important;
        }

        .form-all .custom-number-wrapper { width: 140px !important; }
    }

    /* Disabled "Other" inputs — JotForm controls the disabled state. */
    .form-all .form-radio-other-input:disabled,
    .form-all .form-checkbox-other-input:disabled,
    .form-all #input_partial:disabled {
        pointer-events: none !important;
    }
</style>




<script>
(() => {
  'use strict';

  /* ── CONFIGURE ───────────────────────────────────────── */
  const ABOUT_IMG  = 'https://chabadwashu.org/media/images/1374/SZWR13748847.png';
  const DONATE_URL = ''; /* fill in before going live */

  /* ── SVG constants ─────────────────────────────────── */
  const SVG_ARROW_RIGHT = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M14 5l7 7m0 0l-7 7m7-7H3"/></svg>`;
  const SVG_ARROW_NE = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 19.5l15-15m0 0H8.25m11.25 0v11.25"/></svg>`;
  const SVG_QUOTE = `<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24"><path d="M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z"/></svg>`;

  /* ── Utilities ─────────────────────────────────────── */
  const bgUrl = (img) => {
    if (!img) return '';
    const style = img.getAttribute('style') || '';
    const m = style.match(/background(?:-image)?\s*:\s*url\(\s*["']?([^"'()]+)["']?\s*\)/);
    if (m?.[1]) return m[1].trim();
    const src = img.getAttribute('src') || '';
    return src.includes('spacer') ? '' : src;
  };

  const closest = (node, sel) => {
    if (!node) return null;
    if (node.closest) return node.closest(sel);
    let el = node;
    while (el && el !== document) {
      if (el.matches?.(sel)) return el;
      el = el.parentNode;
    }
    return null;
  };

  const mk = (tag, cls) => {
    const e = document.createElement(tag);
    if (cls) e.className = cls;
    return e;
  };

  /* ════════════════════════════════════════════════════
     MAIN (homepage redesign — unchanged)
  ════════════════════════════════════════════════════ */
  const run = () => {

    document.querySelectorAll('.promo_slider .slide_wrapper img').forEach(img => {
      img.style.setProperty('mix-blend-mode', 'normal', 'important');
      img.style.setProperty('will-change',    'auto',   'important');
    });

    (() => {
      const fb = document.getElementById('feedback_bar');
      if (!fb) return;
      fb.style.setProperty('height',     '0',       'important');
      fb.style.setProperty('min-height', '0',       'important');
      fb.style.setProperty('max-height', '0',       'important');
      fb.style.setProperty('overflow',   'hidden',  'important');
      fb.style.setProperty('padding',    '0',       'important');
      fb.style.setProperty('margin',     '0',       'important');
      fb.style.setProperty('border',     'none',    'important');
    })();

    (() => {
      const link = document.querySelector('.co_menu_item.donate_link a.parent');
      if (!link) return;
      const heart = mk('span', 'cwu-donate-heart');
      heart.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 21.593c-5.63-5.539-11-10.297-11-14.402 0-3.791 3.068-5.191 5.281-5.191 1.312 0 4.151.501 5.719 4.457 1.59-3.968 4.464-4.447 5.726-4.447 2.54 0 5.274 1.621 5.274 5.181 0 4.069-5.136 8.625-11 14.402z"/></svg>`;
      link.prepend(heart);
    })();

    (() => {
      const sliderEl = document.querySelector('.promo_slider .slider');
      if (!sliderEl) return;
      const wrappers = [...sliderEl.querySelectorAll('.slide_wrapper')];
      if (wrappers.length < 2) return;

      const slideData = wrappers.map(w => {
        const img  = w.querySelector('img');
        const a    = w.querySelector('a');
        const href = a?.getAttribute('href');
        return {
          bg:     bgUrl(img),
          href:   (href && href !== '#') ? href : null,
          target: a?.getAttribute('target') || '_self'
        };
      }).filter(s => s.bg);

      if (slideData.length < 2) return;

      const container = mk('div', 'cwu-fade-slider');
      Object.assign(container.style, {
        position: 'absolute', top: '0', left: '0',
        width: '100%', height: '100%',
        zIndex: '10', overflow: 'hidden'
      });

      const panels = slideData.map((slide, i) => {
        const panel = mk(slide.href ? 'a' : 'div', 'cwu-fade-panel');
        if (slide.href) { panel.href = slide.href; panel.target = slide.target; }
        Object.assign(panel.style, {
          position:           'absolute',
          top: '0', left: '0', width: '100%', height: '100%',
          backgroundImage:    `url("${slide.bg}")`,
          backgroundSize:     'cover',
          backgroundPosition: 'center center',
          backgroundRepeat:   'no-repeat',
          opacity:            i === 0 ? '1' : '0',
          transition:         'opacity 1.2s ease-in-out',
          display:            'block'
        });
        container.appendChild(panel);
        return panel;
      });

      const slidesEl = sliderEl.querySelector('.slides');
      if (slidesEl) slidesEl.style.setProperty('display', 'none', 'important');
      sliderEl.querySelectorAll('.cycle-caption, .cycle-controlNav, .cycle-directionNav')
               .forEach(el => el.style.display = 'none');

      sliderEl.insertBefore(container, sliderEl.firstChild);

      let cur = 0;
      setInterval(() => {
        panels[cur].style.opacity = '0';
        cur = (cur + 1) % panels.length;
        panels[cur].style.opacity = '1';
      }, 5000);
    })();

    const typewriter = (words) => {
      const typer = document.getElementById('cwu-typer');
      if (!typer) return;
      let idx = 0;
      const textSpan = mk('span', 'cwu-type-text');
      const cursor   = mk('span', 'cwu-cursor');
      typer.innerHTML = '';
      typer.append(textSpan, cursor);

      (() => {
        const probe = document.createElement('span');
        const cs    = window.getComputedStyle(typer);
        Object.assign(probe.style, {
          position:      'absolute',
          top:           '-9999px',
          left:          '-9999px',
          visibility:    'hidden',
          fontFamily:    cs.fontFamily,
          fontSize:      cs.fontSize,
          fontWeight:    '800',
          textTransform: 'uppercase',
          letterSpacing: cs.letterSpacing,
          whiteSpace:    'nowrap'
        });
        document.body.appendChild(probe);
        const maxW = Math.max(...words.map(w => {
          probe.textContent = w;
          return probe.offsetWidth;
        }));
        document.body.removeChild(probe);
        typer.style.minWidth  = maxW + 'px';
        typer.style.display   = 'inline-block';
        typer.style.textAlign = 'left';
      })();

      const erase = () => {
        let chars = textSpan.textContent.split('');
        const loop = () => {
          if (chars.length) {
            chars.pop();
            textSpan.textContent = chars.join('');
            setTimeout(loop, 50);
          } else {
            idx = (idx + 1) % words.length;
            setTimeout(type, 500);
          }
        };
        loop();
      };

      const type = () => {
        const chars = words[idx].split('');
        textSpan.textContent = '';
        const loop = () => {
          if (chars.length) {
            textSpan.textContent += chars.shift();
            setTimeout(loop, 100);
          } else {
            setTimeout(erase, 2200);
          }
        };
        loop();
      };

      type();
    };

    (() => {
      const widgets = document.querySelectorAll('.chabad_updates');
      if (!widgets.length) return;
      const w   = widgets[0];
      const row = closest(w, '.hp-row');
      if (!row) return;

      const wc       = w.querySelector('.widget_content');
      const descEl   = wc?.querySelector('.bottom_padding');
      const readMore = w.querySelector('.readMore');

      const descHTML  = descEl?.innerHTML ?? '';
      const aboutHref = readMore?.getAttribute('href') || '#';

      const wrap    = mk('div', 'cwu-about-wrap');
      const section = mk('div', 'cwu-about');
      wrap.appendChild(section);

      const heading = mk('h2', 'cwu-heading');
      heading.innerHTML = 'Chabad WashU is a place to <span id="cwu-typer"></span>';

      const textCol = mk('div', 'cwu-about-text');

      const desc = mk('div', 'cwu-desc');
      desc.innerHTML = descHTML;

      const btns = mk('div', 'cwu-btns');
      const btnA = Object.assign(mk('a', 'cwu-btn cwu-btn-out'),  { href: aboutHref, textContent: 'About Us' });
      const btnD = Object.assign(mk('a', 'cwu-btn cwu-btn-fill'), { href: DONATE_URL, textContent: 'Donate'   });
      btns.append(btnA, btnD);

      textCol.append(desc, btns);

      const imgCol = mk('div', 'cwu-about-img');
      imgCol.appendChild(Object.assign(mk('img'), { src: ABOUT_IMG, alt: 'Chabad WashU community' }));

      section.append(heading, textCol, imgCol);

      row.parentNode.insertBefore(wrap, row);
      row.style.display = 'none';

      typewriter(['Belong', 'Celebrate', 'Learn', 'Connect', 'Grow']);
    })();

    (() => {
      const items = document.querySelectorAll('.sneak_peek.v400');
      if (!items.length) return;
      const row = closest(items[0], '.hp-row');
      if (!row) return;

      const section = mk('section', 'cwu-cards');
      const grid    = mk('div', 'cwu-cards-grid');
      section.appendChild(grid);

      items.forEach(w => {
        const tLink = w.querySelector('.title_only a');
        const tImg  = w.querySelector('.thumbnail img');
        if (!tLink) return;

        const label = tLink.textContent.trim();
        const card  = Object.assign(mk('a', 'cwu-card'), { href: tLink.getAttribute('href') || '#' });
        const img   = Object.assign(mk('img'), { src: bgUrl(tImg), alt: label });

        const arr = mk('span', 'cwu-card-arrow');
        arr.innerHTML = SVG_ARROW_RIGHT;

        const info = mk('div', 'cwu-card-info');
        info.append(Object.assign(mk('span', 'cwu-card-label'), { textContent: label }), arr);

        card.append(img, mk('div', 'cwu-card-overlay'), mk('div', 'cwu-card-hover'), info);
        grid.appendChild(card);
      });

      row.parentNode.insertBefore(section, row);
      row.style.display = 'none';
    })();

    (() => {
      const widgets = document.querySelectorAll('.chabad_updates');
      if (widgets.length < 2) return;
      const w = widgets[1];

      w.classList.add('cwu-testimonials');
      w.style.setProperty('height',   'auto',    'important');
      w.style.setProperty('overflow', 'visible', 'important');

      const row = closest(w, '.hp-row');
      if (row) {
        row.style.overflow = 'visible';
        row.style.height   = 'auto';
      }
      const wr = w.querySelector('.wrapper');
      if (wr) {
        wr.style.overflow = 'visible';
        wr.style.height   = 'auto';
      }

      w.querySelectorAll('[class*="enscroll"]').forEach(el => el.style.display = 'none');

      const wContent = w.querySelector('.widget_content');
      if (!wContent) return;

      const h6s = wContent.querySelectorAll('h6');
      if (!h6s.length) return;

      const trackWrap = mk('div', 'cwu-ttrack-wrap');
      const track     = mk('div', 'cwu-ttrack');
      trackWrap.appendChild(track);

      h6s.forEach(h6 => {
        const rawTitle = h6.textContent.trim();
        const next     = h6.nextElementSibling;
        const bodyText = next?.classList?.contains('bottom_padding') ? next.textContent.trim() : '';
        if (!bodyText) return;

        const parts = rawTitle.split(/\s+/);
        const role  = parts.length > 1 ? parts.pop() : '';
        const name  = parts.join(' ');

        const card  = mk('article', 'cwu-tcard');
        const quote = mk('div', 'cwu-tquote');
        quote.innerHTML = SVG_QUOTE;

        card.append(
          quote,
          Object.assign(mk('p', 'cwu-ttext'),  { textContent: bodyText }),
          Object.assign(mk('p', 'cwu-tname'),  { textContent: name })
        );

        if (role) {
          card.appendChild(Object.assign(mk('p', 'cwu-trole'), { textContent: role }));
        }

        track.appendChild(card);
      });

      track.innerHTML += track.innerHTML;

      wContent.style.cssText = 'height:auto !important; max-height:none !important; overflow:visible !important; padding:0 !important;';
      wContent.innerHTML = '';
      wContent.appendChild(trackWrap);
    })();

    (() => {
      const items = document.querySelectorAll('.sneak_peek.v200');
      if (!items.length) return;
      const row = closest(items[0], '.hp-row');
      if (!row) return;

      const section = mk('section', 'cwu-cta');
      const grid    = mk('div', 'cwu-cta-grid');
      section.appendChild(grid);

      items.forEach(w => {
        const tLink = w.querySelector('.title_only a');
        const tImg  = w.querySelector('.thumbnail img');
        if (!tLink) return;

        const label   = tLink.textContent.trim();
        const card    = Object.assign(mk('a', 'cwu-ctacard'), { href: tLink.getAttribute('href') || '#' });
        const imgWrap = mk('div', 'cwu-cta-imgwrap');
        imgWrap.appendChild(Object.assign(mk('img'), { src: bgUrl(tImg), alt: label }));

        const arr = mk('div', 'cwu-cta-arr');
        arr.innerHTML = SVG_ARROW_NE;

        const bottom = mk('div', 'cwu-cta-bottom');
        bottom.append(Object.assign(mk('h3', 'cwu-cta-ttl'), { textContent: label }), arr);

        card.append(imgWrap, bottom);
        grid.appendChild(card);
      });

      row.parentNode.insertBefore(section, row);
      row.style.display = 'none';
    })();

    (() => {
      const newSections = [
        document.querySelector('.cwu-about-wrap'),
        document.querySelector('.cwu-cards'),
        document.querySelector('.cwu-cta'),
      ];
      const testimonialsWidget = document.querySelector('.cwu-testimonials');
      const testimonialsRow    = testimonialsWidget ? closest(testimonialsWidget, '.hp-row') : null;
      if (testimonialsRow) newSections.push(testimonialsRow);

      newSections.forEach(el => { if (el) el.style.opacity = '1'; });
      document.getElementById('cwu-loader')?.remove();
    })();

  }; /* end run() */

  /* ── Bootstrap (homepage) ─────────────────────────── */
  (() => {
    const s = document.createElement('style');
    s.textContent = [
      '@supports (background-blend-mode:multiply){',
        '.hp-table .hp-row-first .promo_slider .slider .slides .slide_wrapper img{',
          'mix-blend-mode:normal!important;will-change:auto!important',
        '}',
      '}',
      '.promo_slider .slide_wrapper img{mix-blend-mode:normal!important}'
    ].join('');
    document.head.appendChild(s);
  })();

  (() => {
    const loader = document.createElement('div');
    loader.id = 'cwu-loader';
    loader.innerHTML = '<div class="cwu-spinner"></div>Loading…';
    document.body.appendChild(loader);
  })();

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', () => setTimeout(run, 200));
  } else {
    setTimeout(run, 200);
  }

})();
</script><script>
(function () {
    // ─── ChabadWashU JotForm Interactions ───
    // Adds active-state classes, the "Other" focus convenience, and the
    // +/- spinner. JotForm keeps ownership of all enable/disable and total
    // calculation. The spinner enhancement preserves the real input so
    // JotForm's total stays correct.

    const FORM_SELECTOR        = '.form-all';
    const ITEM_SELECTOR        = '.form-radio-item, .form-checkbox-item';
    const OTHER_INPUT_SELECTOR = '.form-radio-other-input, .form-checkbox-other-input, #input_partial';
    const SPINNER_SELECTOR     = 'input[data-type="input-number"], input[data-type="input-spinner"], .form-spinner-input';
    const IGNORE_CLICK_SELECTOR = 'select, textarea, button, a, [role="button"]';

    // The observer must NOT react to JotForm's own churn on the spinner and
    // total widgets, or to our own wrapper.
    const OBSERVER_IGNORE_SELECTOR =
        '[data-type="control_totalamount"], #total_amount, ' +
        '[data-type="control_spinner"], #id_25, ' +
        '.custom-number-wrapper, table.form-spinner';

    const onReady = (cb) => {
        if (document.readyState === 'loading') {
            document.addEventListener('DOMContentLoaded', cb, { once: true });
        } else {
            cb();
        }
    };

    // Wait so JotForm's Userform.init + native .spinner() finish first.
    onReady(() => window.setTimeout(initInteractions, 600));

    function initInteractions() {
        const form = document.querySelector(FORM_SELECTOR);
        if (!form) return;

        syncActiveState(form);
        enhanceSpinners(form);

        form.addEventListener('change', () => syncActiveState(form));

        form.addEventListener('click', (event) => {
            if (!(event.target instanceof Element)) return;
            const item = event.target.closest(ITEM_SELECTOR);
            if (!item || !form.contains(item)) return;
            if (event.target.closest(IGNORE_CLICK_SELECTOR)) return;

            const otherField = getOtherField(item);
            if (otherField) {
                ensureOtherFieldIsActive(otherField, event.target !== otherField.input);
                return;
            }
            if (event.target.closest('label, input')) return;
            const input = getChoiceInput(item);
            if (input) input.click();
        });

        form.addEventListener('focusin', (event) => {
            if (!(event.target instanceof Element)) return;
            if (!event.target.matches(OTHER_INPUT_SELECTOR)) return;
            const item = event.target.closest(ITEM_SELECTOR);
            if (!item) return;
            const otherField = getOtherField(item);
            if (otherField) ensureOtherFieldIsActive(otherField, false);
        });

        let rafPending = false;
        const observer = new MutationObserver((mutations) => {
            const relevant = mutations.some((m) => {
                if (m.type !== 'childList') return false;
                if (!(m.addedNodes.length || m.removedNodes.length)) return false;
                const t = m.target;
                if (!(t instanceof Element)) return false;
                if (t.closest(OBSERVER_IGNORE_SELECTOR)) return false;
                return true;
            });
            if (!relevant || rafPending) return;
            rafPending = true;
            window.requestAnimationFrame(() => {
                rafPending = false;
                enhanceSpinners(form);
                syncActiveState(form);
            });
        });
        observer.observe(form, { childList: true, subtree: true });
    }

    function syncActiveState(root) {
        root.querySelectorAll(ITEM_SELECTOR).forEach((item) => {
            const input = getChoiceInput(item);
            const on = Boolean(input && input.checked);
            item.classList.toggle('active-option', on);
            item.classList.toggle('active', on);
        });
    }

    function getChoiceInput(item) {
        return item.querySelector(
            '.form-radio-other, .form-checkbox-other, #other_partial, input[type="radio"], input[type="checkbox"]'
        );
    }

    function getOtherField(item) {
        const input = item.querySelector(OTHER_INPUT_SELECTOR);
        if (!input) return null;
        const control =
            item.querySelector('.form-radio-other, .form-checkbox-other, #other_partial') ||
            item.querySelector('input[type="radio"], input[type="checkbox"]');
        if (!control) return null;
        return { input, control };
    }

    function ensureOtherFieldIsActive(otherField, shouldFocus) {
        const { input, control } = otherField;
        if (!control.checked) control.click();
        if (!shouldFocus) return;
        window.requestAnimationFrame(() => {
            input.focus({ preventScroll: true });
            if (typeof input.select === 'function') input.select();
        });
    }

    // ── +/- Spinner ───────────────────────────────────────────────────
    function enhanceSpinners(root) {
        root.querySelectorAll(SPINNER_SELECTOR).forEach((input) => {
            if (!(input instanceof HTMLInputElement)) return;

            // Already fully wrapped (input is a direct child of our wrapper)?
            if (input.parentElement && input.parentElement.classList.contains('custom-number-wrapper')) return;

            const existingWrapper = input.closest('.custom-number-wrapper');
            const spinnerTable    = input.closest('table.form-spinner');
            const nativeWrap      = spinnerTable
                ? (spinnerTable.closest('div[tabindex]') || spinnerTable)
                : null;

            // Case A: native legacy spinner table present (your CMS).
            if (nativeWrap) {
                let wrapper = existingWrapper;
                let minusButton, plusButton;

                if (wrapper) {
                    minusButton = wrapper.querySelector('.qty-btn.minus');
                    plusButton  = wrapper.querySelector('.qty-btn.plus');
                    if (plusButton) wrapper.insertBefore(input, plusButton);
                    else wrapper.appendChild(input);
                    nativeWrap.remove();
                } else {
                    wrapper = document.createElement('div');
                    wrapper.className = 'custom-number-wrapper';
                    minusButton = createSpinnerButton('minus', '−', 'Decrease value');
                    plusButton  = createSpinnerButton('plus',  '+', 'Increase value');
                    nativeWrap.parentNode.insertBefore(wrapper, nativeWrap);
                    wrapper.append(minusButton, input, plusButton);
                    nativeWrap.remove();
                }

                // Strip the inline width/border the native plugin left on the input.
                input.style.cssText = '';

                if (!wrapper.dataset.cwuBound) {
                    minusButton.addEventListener('click', () => stepSpinner(input, -1));
                    plusButton.addEventListener('click',  () => stepSpinner(input,  1));
                    wrapper.dataset.cwuBound = '1';
                }
                return;
            }

            // Case B: plain number input, no native table.
            if (existingWrapper) return;
            const wrapper = document.createElement('div');
            wrapper.className = 'custom-number-wrapper';
            const minusButton = createSpinnerButton('minus', '−', 'Decrease value');
            const plusButton  = createSpinnerButton('plus',  '+', 'Increase value');
            input.parentNode.insertBefore(wrapper, input);
            wrapper.append(minusButton, input, plusButton);
            minusButton.addEventListener('click', () => stepSpinner(input, -1));
            plusButton.addEventListener('click',  () => stepSpinner(input,  1));
        });
    }

    function createSpinnerButton(className, label, ariaLabel) {
        const button = document.createElement('button');
        button.type = 'button';
        button.className = 'qty-btn ' + className;
        button.textContent = label;
        button.setAttribute('aria-label', ariaLabel);
        return button;
    }

    function stepSpinner(input, direction) {
        if (input.disabled || input.readOnly) return;

        // Read min/max from the native spinner data-attrs if HTML5 ones absent.
        const dataMin = input.getAttribute('data-spinnermin');
        const dataMax = input.getAttribute('data-spinnermax');
        const min = input.min !== '' ? Number(input.min) : (dataMin !== null ? Number(dataMin) : -Infinity);
        const max = input.max !== '' ? Number(input.max) : (dataMax !== null ? Number(dataMax) :  Infinity);
        const step = Number(input.step) || 1;

        let cur = input.value === '' ? 0 : Number(input.value);
        if (Number.isNaN(cur)) cur = 0;
        const next = Math.min(max, Math.max(min, cur + step * direction));
        input.value = String(next);

        // Fire both so JotForm's native handlers + total calc pick it up.
        input.dispatchEvent(new Event('input',  { bubbles: true }));
        input.dispatchEvent(new Event('change', { bubbles: true }));

        if (typeof input.validateSpinnerInputs === 'function') {
            input.validateSpinnerInputs();
        }

        input.focus({ preventScroll: true });
    }
})();
</script>
</body>
</html>