<!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="Jewish Telegraphic Agency, May 11, 2008" />

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta name="keywords" content="Reaching,Students,Before,They,Hit,Campus" />
<meta name="title" content="Reaching Students Before They Hit Campus - Chabad on Campus Rohr Center for Jewish Life" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="73150-73154-73176-300637-687013" />
<meta name="article-keywords" content="6760-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="687013" />
<meta name="article-keyword" content="6760" />
<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/687013/jewish/Reaching-Students-Before-They-Hit-Campus.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Reaching Students Before They Hit Campus" /><link rel="canonical" href="https://www.chabadwashu.org/templates/articlecco_cdo/aid/687013/jewish/Reaching-Students-Before-They-Hit-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>
	Reaching Students Before They Hit 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":"2008-06-11","primaryArticleId":687013,"title":"Reaching Students Before They Hit Campus","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"About Us","contentLevel3":"Articles","contentLevel4":"Reaching Students Before They Hit 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-687013-', 'keywords': '-k2898-k2170-k6760-', 'k': '-73150-73154-73176-300637-687013--k2898-k2170-k6760-' });
	
</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=687013&amp;jewish=Reaching-Students-Before-They-Hit-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=687013",
      "name": "Reaching Students Before They Hit 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">Reaching Students Before They Hit Campus</h1>
		
			<div>
				
			</div>
		
</header>
				</div>
			
			<div class="body_wrapper clearfix co_body">
				<div class="g960" id="co_body_container">
					
					<div id="ContentBody">
						
						
							<div class="content-area-parent no_margin">
								
	<div id="cco_body">
		<div class="content g960 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="Reaching Students Before They Hit Campus" />

<meta itemprop="image" content="" />

	<meta itemprop="description" content="Jewish Telegraphic Agency, May 11, 2008" />


<meta itemprop="uploadDate" content="2008-06-11T01:16:53" />
<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="2008-06-11T01:16:53" />
			<div itemprop="articleBody">
				<co:body xmlns:co="www1.chabadonline.com/alpha1" xmlns:ext="urn:xslt-extensions">
  <div class="co_body article-body cf">
<p class="SCHeading_2" align="center"><img border="0" alt="" src="http://www.chabadoncampus.org/media/images/190/yWSg1906690.jpg"></p>
<p class="SCHeading_2">Reaching Students Before They Hit Campus</p>
<p class="SCHeading_3">For Hillel and other campus groups, outreach to Jewish students begins even before Orientation Week.</p>
<p>by Sue Fishkoff</p>
<p>SAN FRANCISCO (JTA) — When Julie Lustbader was applying to colleges last fall, she wasn’t thinking about Jewish life on campus.</p>
<p>Her parents were, though. They pored over a Web site set up by Hillel: The Foundation for Jewish Campus Life, particularly its online guide to Jewish life on campus that provides Jewish data on more than 500 North American colleges and universities.</p>
<p>“They had a 10 percent rule — any school I applied to had to be at least 10 percent Jewish,” says Lustbader, 18, who will graduate this month from Atholton High School in Columbia, Md. “And if it didn’t have a Hillel, I couldn’t even apply.”</p>
<p>Lustbader decided on the University of Pennsylvania, and after visiting the Hillel there, she's glad to be attending a school with such an active Jewish student life.</p>
<p>“I heard the food is good, and they had a sign-up board for all these cool Jewish events — it looked really interesting,” she says.</p>
<p>Lustbader regrets she wasn’t involved in Jewish youth groups in high school.</p>
<p>“In college I want to get more involved,” she says. “I identify Jewish, and it’s nice to know I won’t be the only one keeping kosher at Passover.”</p>
<p>Lustbader is one of an estimated 75,000 Jewish graduating seniors who in recent weeks have made their final decisions about where to attend college. This fall, they will be part of the largest incoming freshman class in U.S. history.</p>
<p>Many of them may not be thinking much about their Jewish needs on campus until their first Jewish holiday rolls around, or a friend drags them to a Shabbat dinner at Chabad or a Purim party at Hillel.</p>
<p>That’s too late, says Jeff Rubin, Hillel’s associate vice president for communications.</p>
<p>“Jewish students often make decisions about what they’ll be involved in during the first week or two on campus,” he says.</p>
<p>[...]</p>
<p>Chabad does its own outreach to incoming freshmen, says Rabbi Hershey Novack, the co-director of Chabad at Washington University in St. Louis. Community Chabad emissaries tell campus emissaries about incoming freshmen via an internal Chabad online system, and the 125 Chabad college representatives do personal outreach to the new students when they reach campus.</p>
<p>Novack says the tight-knit nature of the Chabad family helps. He usually knows the Chabad rabbi that refers his incoming students, “so we already have a personal connection.”</p>
<p>Collecting and passing on names is only part of the overall effort to involve Jewish students in Jewish life on campus, however.</p>
<p>“Honestly, even if a Hillel director follows up, that doesn’t mean the kids will be meaningfully engaged,” Silverman of JESNA admits. “But it’s a start.”</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>
			
			
		</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%2f687013%2fjewish%2fReaching-Students-Before-They-Hit-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=Reaching+Students+Before+They+Hit+Campus+-+Chabad+on+Campus+Rohr+Center+for+Jewish+Life&amp;url=https%3a%2f%2fwww.chabadwashu.org%2ftemplates%2farticlecco_cdo%2faid%2f687013%2fjewish%2fReaching-Students-Before-They-Hit-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=Reaching+Students+Before+They+Hit+Campus+-+Chabad+on+Campus+Rohr+Center+for+Jewish+Life https%3a%2f%2fwww.chabadwashu.org%2ftemplates%2farticlecco_cdo%2faid%2f687013%2fjewish%2fReaching-Students-Before-They-Hit-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%2f687013%2fjewish%2fReaching-Students-Before-They-Hit-Campus.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dpinterest&amp;description=Reaching+Students+Before+They+Hit+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/modules/pagetools.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/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     = '687013';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>