<!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 property="og:image" content="https://w2.chabad.org/media/images/1378/gsVv13782189.png" itemprop="image" width="150" height="150" />
<meta property="og:image:width" content="150" />
<meta property="og:image:height" content="150" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta name="keywords" content="Girls,Craft,&amp;,Dance,Event" />
<meta name="title" content="Girls Craft &amp; Dance Event" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="717643-717651-7432757-717654-7241174-5598958" />
<meta name="article-keywords" content="2902-2170-2898" />
<meta name="scope-aid" content="717643" />
<meta name="scope-aid" content="717651" />
<meta name="scope-aid" content="7432757" />
<meta name="scope-aid" content="717654" />
<meta name="scope-aid" content="7241174" />
<meta name="scope-aid" content="5598958" />
<meta name="article-keyword" content="2902" />
<meta name="article-keyword" content="2170" />
<meta name="article-keyword" content="2898" />
<meta property="og:url" content="https://www.cstlseattle.org/templates/photogallery_cdo/aid/5598958/jewish/Girls-Craft-Dance-Event.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Girls Craft &amp; Dance Event" /><link rel="canonical" href="https://www.cstlseattle.org/templates/photogallery_cdo/aid/5598958/jewish/Girls-Craft-Dance-Event.htm" />
<link rel="icon" type="image/png" href="https://www.cstlseattle.org/media/images/1378/gsVv13782189.png" />
<link rel="Stylesheet" href="/css/fonts/font-awesome/font-awesome-5.css?g=30&v=2D6ABDDB" id="kfont-awesome" type="text/css"/>
<link rel="Stylesheet" href="/css/DefaultGrid.css?g=30&v=A13D74E8" id="kgrid" type="text/css"/>
<link rel="Stylesheet" href="/css/Elements.css?g=30&v=3A4C63F4" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites.css?g=30&v=21E88630" id="ksites-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/new/main.css?g=30&v=BB63DD50" id="k7" type="text/css"/>
<link rel="Stylesheet" href="/css/global.css?g=30&v=27BD2E9E" id="k3" type="text/css"/>
<link rel="Stylesheet" href="/css/global-print.css?g=30&v=6DE80B07" id="k5" type="text/css" media="print"/>
<link rel="Stylesheet" href="/css/cco/home/widget-styles.css?g=30&v=A8AC7A58" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/sites6/default-theme.css?g=30&v=14E1E195" id="k" type="text/css"/>
<link rel="Stylesheet" href="/css/old/global.css?g=30&v=43DDBA77" id="k2898" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/photogallery.css?g=30&v=AA129DC0" id="kphotogallery" type="text/css"/>
<link rel="Stylesheet" href="/css/bootstrap/grid.css?g=30&v=F4390F2B" id="kbootstrap4-grid" type="text/css"/>
<link rel="Stylesheet" href="/css/Library/reader-comments.css?g=30&v=8AB57D79" id="kCommentsStylesheet" type="text/css"/>
<link rel="Stylesheet" href="/css/inline/BookInfo.css?g=30&v=3D052243" id="kBookInfoCss" type="text/css"/>
<!--[if lte IE 8]> <link rel="Stylesheet" href="/css/global-ie.css?g=30&v=807ACD6C" id="k4" type="text/css"/> <![endif]-->
<script>$q=[];$j=function(f){$q.push(f);}</script>
	
	<meta property="fb:app_id" content="-1" />
	<meta property="og:type" content="article" />
	<meta property="og:image" content="" />
	<meta property="og:title" content="" />
	<meta property="og:description" content="" />
	<meta property="og:site_name" content="CSTL" />

<title>
	Girls Craft & Dance Event
</title>
	



<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2022-08-04","primaryArticleId":5598958,"title":"","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"Photos","contentLevel3":"Photo Gallery","contentLevel4":"Older Photos","contentLevel5":"Girls Craft & Dance Event","siteName":"CSTL"},"time":{"upcomingHoliday":"Rosh Hashanah","daysToUpcomingHoliday":25,"hebrewDate":"5786-06-05"}});
		dataLayer.push({ 'articleHierarchy': '-717643-717651-7432757-717654-7241174-5598958-', 'keywords': '-k2898-k2170-k2902-', 'k': '-717643-717651-7432757-717654-7241174-5598958--k2898-k2170-k2902-' });
	
</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 = 3968217;var sc_partition = 46;var sc_invisible = 1;var sc_remove_link=1;var sc_security = "3c28ba8f";var sc_https = 1;
	</script>
	<script type="text/javascript" src="https://secure.statcounter.com/counter/counter_xhtml.js" defer async></script>
	<noscript><img src="//c47.statcounter.com/counter.php?sc_project=3968217&amp;java=0&amp;security=3c28ba8f&amp;invisible=1" border="0" /> </noscript>
	<!-- End of StatCounter Code -->


<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Anek+Devanagari:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">

<style>
/* ════════════════════════════════════════════════════════════════
   CSTL SEATTLE THEME  —  Congregation Shaarei Tefillah
   Palette: dark-red #821d30 · coral #e2725b · peach #ffe9e0
            cream #fff5ec · white #fff · body #3d3d3d
   Fonts:  Poppins (display/UI) · Anek Devanagari (body)
   NOTE: no font-size overrides; hero height/padding & navbar
         position left untouched per request.
   ════════════════════════════════════════════════════════════════ */

:root {
  --cstl-dark-red: #821d30;
  --cstl-coral:    #e2725b;
  --cstl-peach:    #ffe9e0;
  --cstl-cream:    #fff5ec;
  --cstl-white:    #ffffff;
  --cstl-body:     #3d3d3d;
  --cstl-pad-x:    clamp(1.25rem, 5vw, 6rem);
}

/* ════════════════════════════════════════════════════════════════
   0. GLOBAL BODY + TYPOGRAPHY  (font-family only, no sizes)
   ════════════════════════════════════════════════════════════════ */


body.cco_body,
#content,
#BodyContainer,
.body_wrapper {
  background: var(--cstl-cream) !important;
  color: var(--cstl-body) !important;
}

#content h1, #content h2, #content h3,
#content h4, #content h5, #content h6 {
  font-family: 'Poppins', sans-serif !important;
}
#content p, #content li, #content .body, #content .synopsis {
  font-family: 'Poppins', sans-serif !important;
  color: var(--cstl-body) !important;
}
.v380{ height: auto !important;}

/* ════════════════════════════════════════════════════════════════
   GLOBAL — unset all CMS default color borders / outlines
   (the CMS adds these by default on buttons, donate, readMore, etc.)
   ════════════════════════════════════════════════════════════════ */
.co_menu_item.donate_link span.parent a,
.co_menu_item.donate_link a.parent,
.co_menu_item.donate_link a.bg_extension,
.latest_photos .readMore span,
.promo_slider .readMore,
.subscribe .buttonStyle1,
#content .button,
#content .co_global_submit .button {
  border: unset !important;
  outline: none !important;
}

/* ════════════════════════════════════════════════════════════════
   1. HEADER / TOP BAR / SITE TITLE / NAV
   (navbar position untouched — colors & fonts only)
   ════════════════════════════════════════════════════════════════ */
body.sites-article #header, #header.on-scroll { background: var(--cstl-cream) !important; }

body.sites-article #header_container .links .topBarLink a, #BodyContainer .no-hero-image #co_content_container .master-content-wrapper.master-content-wrapper .article-header .article-header__title, body.cco_body.sites-article #tabContentMain .co_menu_item span.parent a, body.cco_body #header.on-scroll #tabContentMain .co_menu_item span.parent a { color: var(--cstl-dark-red) !important;}

.cco_topbar_link, .cco_topbar_link a,
.topBarLink, .topBarLink a {
  font-family: 'Poppins', sans-serif !important;
 // color: var(--cstl-dark-red) !important;
}


.cco_topbar_link a:hover, .topBarLink a:hover { color: var(--cstl-coral) !important; }
.search-trigger i { color: var(--cstl-dark-red) !important; }
#BodyContainer .no-hero-image #co_content_container .master-content-wrapper.master-content-wrapper{ background: --var(--cstl-cream) !important;}
/* Site title / subtitle → right color + font */
body.sites-article .branding-search #header_branding .site_title, #header.on-scroll .branding-search #header_branding .site_title {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
  color: var(--cstl-dark-red) !important;
}
.site_subtitle {
  font-family: 'Poppins', sans-serif !important;
  color: var(--cstl-coral) !important;
}

/* Main navigation menu */
#co_menu_container,
.main_menu_container,
.co_menu_container_wrapper { background: transparent !important; }
.co_menu_item .parent,
.co_menu_item span.parent a,
.co_menu_item a.parent {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 500 !important;
  //color:var(--cstl-dark-red) !important;
  text-transform: uppercase !important;
}

.cs-menu-item-toggle{ color: var(--cstl-dark-red) !important;}
.co_menu_item:hover { background: #6e1828 !important; }
.co_menu_item:hover .parent,
.co_menu_item:hover a.parent { color: #fff !important; }

body.cco_body.sites-article #tabContentMain .co_menu_item:hover span.parent a,
body.cco_body #header.on-scroll #tabContentMain .co_menu_item:hover span.parent a,
body.cco_body #tabContentMain .co_menu_item:hover span.parent a {
  color: #fff !important;
}
td.co_menu_item.donate_link:hover { background: transparent !important; }
td.co_menu_item.donate_link:hover .parent,
td.co_menu_item.donate_link:hover a.parent { color: #fff !important; }


.co_submenu_container .wrapper,
.menu_child, .co_column { background: var(--cstl-cream) !important; }
.co_submenu_container a.item span,
.co_submenu_container a.child_item span {
  font-family: 'Poppins', sans-serif !important;
  color: var(--cstl-dark-red) !important;
}
.co_submenu_container a.item:hover span,
.co_submenu_container a.child_item:hover span { color: var(--cstl-coral) !important; }

/* ── DONATE button — heart, no border, rounded, coral ───────────── */
body.cco_body #tabContentMain .co_menu_item.donate_link span.parent a,
body.cco_body #tabContentMain .co_menu_item.donate_link a.parent {
  border: unset !important;
  outline: none !important;
  background: var(--cstl-coral) !important;
  border-radius: 6px !important;
  color: #fff !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}
body.cco_body #tabContentMain .co_menu_item.donate_link:hover { filter: brightness(0.92) !important; }

/* heart badge injected by JS before "Donate" */
.cstl-donate-heart {
  display: inline-block !important;
  width: 16px !important; height: 16px !important;
  margin-right: 8px !important;
  vertical-align: middle !important;
  background: #fff !important;
  -webkit-mask: url("https://api.iconify.design/mdi:heart.svg") center / contain no-repeat !important;
          mask: url("https://api.iconify.design/mdi:heart.svg") center / contain no-repeat !important;
}

/* ════════════════════════════════════════════════════════════════
   2. HERO  —  only the big caption text + readMore (no layout changes)
   ════════════════════════════════════════════════════════════════ */
.promo_slider .cycle-caption big,
.hp-row-first .promo_slider .slider .cycle-caption big {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: var(--cstl-coral) !important;
}
.promo_slider .cycle-caption span {
  font-family: 'Poppins', sans-serif !important;
  color: var(--cstl-white) !important;
}
/* readMore → rounded coral button, no border */
.promo_slider .readMore {
  display: inline-block !important;
  background: var(--cstl-coral) !important;
  color: #fff !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  border: unset !important;
  outline: none !important;
  border-radius: 6px !important;
  padding: 12px 20px !important;
  text-decoration: none !important;
}
.promo_slider .readMore:hover { filter: brightness(0.92) !important; }

/* ════════════════════════════════════════════════════════════════
   3. INFO CARDS  (.chabad_updates #1, tagged .cstl-info-cards by JS)
   4-up desktop / 2-up mobile · full-bleed peach · alternating
   title colors + alternating hover border draw (Figma).
   ════════════════════════════════════════════════════════════════ */
.hp-table > .hp-row.cstl-info-row { background: var(--cstl-peach) !important; }

.cstl-info-cards {
  background: var(--cstl-peach) !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  padding: clamp(2.5rem, 5vw, 4.5rem) var(--cstl-pad-x) !important;
  margin: 0 !important;
}
.cstl-info-cards .wrapper {
  max-width: 1440px !important;
  margin: 0 auto !important;
  background: transparent !important;
  overflow: visible !important;
}
.cstl-info-cards .widget_header { display: none !important; }

.cstl-info-cards .widget_content,
.cstl-info-cards .widget_content.make_scrollable {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: clamp(14px, 1.8vw, 24px) !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  background: transparent !important;
}
.cstl-info-cards .enscroll-track,
.cstl-info-cards .separator { display: none !important; }

.cstl-info-cards .item {
  display: flex !important;
  flex-direction: column !important;
  background: var(--cstl-white) !important;
  border-radius: 10px !important;
  overflow: visible !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  position: relative !important;
  transition: background-color .4s ease, transform .3s ease !important;
}
.cstl-info-cards .item:hover {
  background: #FDF8F6 !important;
}

/* hover border draw — alternating colors */
.cstl-info-cards .item::before,
.cstl-info-cards .item::after {
  content: "" !important;
  position: absolute !important;
  width: 0; height: 0;
  border: 3px solid transparent !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
  pointer-events: none !important;
  z-index: 10 !important;
}
.cstl-info-cards .item::before { top: 0; left: 0;
  transition: height .15s linear .3s, width .15s linear .45s, border-color 0s linear .6s !important; }
.cstl-info-cards .item::after { bottom: 0; right: 0;
  transition: height .15s linear, width .15s linear .15s !important; }
.cstl-info-cards .item:hover::before {
  width: 100%; height: 100%;
  transition: width .15s linear, height .15s linear .15s !important;
}
.cstl-info-cards .item:hover::after {
  width: 100%; height: 100%;
  transition: border-color 0s linear .3s, width .15s linear .3s, height .15s linear .45s !important;
}
/* odd → dark-red, even → coral */
.cstl-info-cards .item:nth-child(odd):hover::before  { border-top-color: var(--cstl-dark-red) !important; border-right-color: var(--cstl-dark-red) !important; }
.cstl-info-cards .item:nth-child(odd):hover::after   { border-bottom-color: var(--cstl-dark-red) !important; border-left-color: var(--cstl-dark-red) !important; }
.cstl-info-cards .item:nth-child(even):hover::before { border-top-color: var(--cstl-coral) !important; border-right-color: var(--cstl-coral) !important; }
.cstl-info-cards .item:nth-child(even):hover::after  { border-bottom-color: var(--cstl-coral) !important; border-left-color: var(--cstl-coral) !important; }

/* image */
.cstl-info-cards .item .icon {
  width: 100% !important;
  aspect-ratio: 282 / 153 !important;
  margin: 0 !important;
  overflow: hidden !important;
  float: none !important;
  border-radius: 10px 10px 0 0 !important;
}
.cstl-info-cards .item .icon img {
  width: 100% !important; height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform .4s ease !important;
}
.cstl-info-cards .item:hover .icon img { transform: scale(1.05) !important; }


/* title — alternating colors (no size change) */
.cstl-info-cards .item .title {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  text-align: center !important;
  padding: clamp(14px, 2vw, 18px) 14px 6px !important;
  margin: 0 !important;
}

/* description */
.cstl-info-cards .item .synopsis {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 500 !important;
  text-align: center !important;
  color: var(--cstl-body) !important;
  padding: 0 clamp(14px, 2vw, 20px) clamp(16px, 2.2vw, 22px) !important;
  margin: 0 !important;
  flex: 1 !important;
  font-size: 15px;
}

/* ════════════════════════════════════════════════════════════════
   4. "I WOULD LIKE TO..."  (.icon.icon-updates)
   Remove multiply / mix-blend, center 4 icon+label items
   ════════════════════════════════════════════════════════════════ */
.hp-table > .hp-row.cstl-actions-row { background: var(--cstl-cream) !important; }

.icon-updates {
  background: var(--cstl-cream) !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  padding: clamp(2.5rem, 5vw, 4.5rem) var(--cstl-pad-x) !important;
  margin: 0 !important;
  text-align: center !important;
}
.icon-updates .wrapper { max-width: 1440px !important; margin: 0 auto !important; background: transparent !important; }

.icon-updates .widget_header h5 {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: var(--cstl-dark-red) !important;
  text-align: center !important;
  margin-bottom: clamp(1.8rem, 4vw, 3rem) !important;
  border: none !important;
}

.icon-updates .widget_content {
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: clamp(2rem, 6vw, 5rem) !important;
  height: auto !important;
  overflow: visible !important;
  background: transparent !important;
}
.icon-updates .separator { display: none !important; }

.icon-updates .item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: clamp(16px, 2.5vw, 30px) !important;
  width: clamp(110px, 14vw, 190px) !important;
  margin: 0 !important; padding: 0 !important;
  float: none !important;
  background: transparent !important;
}

/* kill multiply / mix-blend on the action icons */
.icon-updates .item .icon,
.icon-updates .item .icon a,
.icon-updates .item .icon img {
  mix-blend-mode: normal !important;
  isolation: isolate !important;
  background: transparent !important;
  filter: none !important;
}
.icon-updates .item .icon { width: auto !important; margin: 0 !important; float: none !important; }
.icon-updates .item .icon img {
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
  transition: transform .3s ease !important;
}
.icon-updates .item:hover .icon img { transform: translateY(-6px) !important; }
.icon-updates .item:hover .title a { transform: translateY(-6px) !important; }

.icon-updates .item .title { margin: 0 !important; }
.icon-updates .item .title a {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  text-align: center !important;
  text-decoration: none !important;
  margin: 0 !important;
}
.icon-updates .item:nth-child(odd)  .title a { color: var(--cstl-dark-red) !important; }
.icon-updates .item:nth-child(even) .title a { color: var(--cstl-coral) !important; }

/* ════════════════════════════════════════════════════════════════
   5. LATEST PHOTOS  —  peach bg, gallery, readMore as rounded button
   ════════════════════════════════════════════════════════════════ */
.hp-table > .hp-row.cstl-photos-row { background: var(--cstl-peach) !important; }

.latest_photos {
  background: var(--cstl-peach) !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  padding: clamp(2.5rem, 5vw, 4.5rem) var(--cstl-pad-x) !important;
  margin: 0 !important;
  text-align: center !important;
}
.latest_photos .wrapper { max-width: 960px !important; margin: 0 auto !important; background: transparent !important; }
.latest_photos .widget_header h5 {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: var(--cstl-dark-red) !important;
  text-align: center !important;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem) !important;
}

/* "See More Photos" readMore → rounded button, right colors/fonts, no border */
.latest_photos .readMore span {
  display: inline-block !important;
  background: var(--cstl-dark-red) !important;
  border: unset !important;
  outline: none !important;
  border-radius: 6px !important;
  padding: 14px 24px !important;
  text-decoration: none !important;
}
.latest_photos .readMore span {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: #fff !important;
}
.latest_photos .readMore span:hover { filter: brightness(1.12) !important; }

/* ════════════════════════════════════════════════════════════════
   6. CONTENT PANELS  (Daily Thought + Shabbat + right column intact)
   ════════════════════════════════════════════════════════════════ */
.hp-table > .hp-row.hp_content_wrapper { background: var(--cstl-cream) !important; }
.hp_content_wrapper {
  width: 100% !important; max-width: 100% !important; box-sizing: border-box !important;
}

[class*=widget-] .widget_header.widget_header h5,
.chabad_updates .widget_header.widget_header h5,
.daily_thought .widget_header h5,
.candlelighting .widget_header h5 {
  font-family: 'Anek Devanagari', sans-serif !important;
  font-weight: 800 !important;
  text-align: center !important;
  text-transform: capitalize !important;
  color: var(--cstl-dark-red) !important;
}
.daily_thought .title a {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
  color: var(--cstl-dark-red) !important;
}
.daily_thought .title,
.daily_thought .title a,
.daily_thought .body,
.daily_thought .inner {
  font-family: 'Anek Devanagari', sans-serif !important;
  color: var(--cstl-body) !important;
}

#header_branding .site-logo-wrapper{ background: unset !important;}

.candlelighting .section_heading {
  font-family: 'Anek Devanagari', sans-serif !important;
  font-weight: 600 !important;
  color: var(--cstl-dark-red) !important;
  text-transform: uppercase !important;
}
.candlelighting .section_subheading {
  font-family: 'Anek Devanagari', sans-serif !important;
  color: var(--cstl-dark-red) !important;
}
.candlelighting .when_to_light {
  font-family: 'Anek Devanagari', sans-serif !important;
  color: var(--cstl-dark-red) !important;
  text-transform: uppercase !important;
}
.candlelighting .large {
  font-family: 'Anek Devanagari', sans-serif !important;
  font-weight: 700 !important;
  color: var(--cstl-coral) !important;
}
.candlelighting .parsha_content .large a,
.candlelighting .upcomingholiday_content .large a {
  color: var(--cstl-coral) !important;
  text-decoration: none !important;
}

/* ════════════════════════════════════════════════════════════════
   7. MAILING LIST  (.subscribe)  —  restore inline form layout
   ════════════════════════════════════════════════════════════════ */
.hp-table > .hp-row.hp_subscribe { background: var(--cstl-dark-red) !important; }
.hp_subscribe,
.subscribe {
  background: var(--cstl-dark-red) !important;
  width: 100% !important; max-width: 100% !important; box-sizing: border-box !important;
}
.subscribe {
  padding: clamp(2.5rem, 5vw, 5rem) var(--cstl-pad-x) !important;
  margin: 0 !important;
  text-align: center !important;
}
.subscribe .wrapper { max-width: 960px !important; margin: 0 auto !important; background: transparent !important; }
.subscribe .widget_header h5 {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: #fff !important;
  text-align: center !important;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem) !important;
}
.subscribe #formContainer { background: transparent !important; }
.subscribe fieldset {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  border: none !important;
  max-width: 820px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}
.subscribe fieldset label { display: none !important; }
.subscribe .co_global_input {
  flex: 1 1 200px !important;
  height: 54px !important;
  padding: 0 18px !important;
  background: rgba(255,255,255,0.92) !important;
  border: none !important;
  border-radius: 6px !important;
  font-family: 'Anek Devanagari', sans-serif !important;
  color: var(--cstl-body) !important;
  min-width: 0 !important;
}
.subscribe .co_global_input::placeholder { color: #8a8a8a !important; }
.subscribe .buttonStyle1 {
  flex: 0 0 auto !important;
  height: 54px !important;
  padding: 0 28px !important;
  background: var(--cstl-coral) !important;
  border: unset !important;
  outline: none !important;
  border-radius: 6px !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
  text-transform: capitalize !important;
  color: #fff !important;
  cursor: pointer !important;
  transition: filter .2s ease !important;
}
.subscribe .buttonStyle1:hover { filter: brightness(0.92) !important; }
.subscribe small { color: rgba(255,255,255,0.85) !important; flex-basis: 100% !important; margin-top: 10px !important; }

/* ════════════════════════════════════════════════════════════════
   8. FOOTER
   ════════════════════════════════════════════════════════════════ */
#footer,
#footer .wrapper,
#footer .body_container { background: var(--cstl-white) !important; }
#footer .footer_container,
#footer .footer_text,
#footer .copyright_text,
#footer .footer_inner_container,
#footer .footer3,
#footer span, #footer div {
  color: var(--cstl-dark-red) !important;
  font-family: 'Anek Devanagari', sans-serif !important;
}
#footer a { color: var(--cstl-dark-red) !important; transition: opacity .2s !important; }
#footer a:hover { opacity: 0.7 !important; }
.cs-f-social-icons { text-align: center !important; padding: 16px 0 12px !important; }
.cs-f-social-icons a {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  width: 38px !important; height: 38px !important;
  border-radius: 50% !important;
  background: var(--cstl-dark-red) !important;
  color: #fff !important; margin: 0 5px !important;
  text-decoration: none !important;
  transition: background .25s ease, transform .2s ease !important;
}
.cs-f-social-icons a:hover { transform: translateY(-3px) !important; }
.cs-f-social-icons a.facebook_homepage:hover { background: #1877f2 !important; }

/* ════════════════════════════════════════════════════════════════
   9. RESPONSIVE
   ════════════════════════════════════════════════════════════════ */
@media (max-width: 1100px) {
  .cstl-info-cards .widget_content,
  .cstl-info-cards .widget_content.make_scrollable { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 600px) {
.co_menu_item .parent,
.co_menu_item span.parent a,
.co_menu_item a.parent {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 500 !important;
  color: var(--cstl-white) !important;
  text-transform: uppercase !important;
}
#co_menu_container,
.main_menu_container,
.co_menu_container_wrapper { background: var(--cstl-peach) !important; }
.site-nav-wrapper{ background: var(--cstl-dark-red) !important;}
  .cstl-info-cards .widget_content,
  .cstl-info-cards .widget_content.make_scrollable { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
  .icon-updates .widget_content { gap: 1.75rem !important; justify-content: space-around !important; }
.cstl-info-cards{ padding: 0 !important;}
  .subscribe fieldset { flex-direction: column !important; }
  .subscribe .co_global_input,
  .subscribe .buttonStyle1 { width: 100% !important; flex: 1 1 100% !important; }
}
body.cco_body #header.on-scroll #tabContentMain .co_menu_item span.parent a:hover {
    color: white !important;
}


.cstl-info-cards .item a.readMore {
  display: none !important;
}

#BodyContainer > div > div.g960 > div > div.g960.g960.g960.g960.g960.g960.g960.no_margin.g960.no_margin > div > div.hp-row.hp_subscribe > div > div > div.widget_header > h5, body.sites-article #header_container .links .topBarLink a:hover,
#BodyContainer .no-hero-image #co_content_container .master-content-wrapper.master-content-wrapper .article-header .article-header__title:hover,
body.cco_body.sites-article #tabContentMain .co_menu_item span.parent a:hover,
body.cco_body #header.on-scroll #tabContentMain .co_menu_item span.parent a:hover {
  color: #ffffff !important;
}
.co_menu_item.multi_level .co_submenu_container a.item.hover span, .co_menu_item.multi_level .co_submenu_container a.item:hover span{ color: var(--cstl-coral) !important;}
</style>


<!-- ═══════════════════════════════════════════════════════════════
     JS  —  Global Footer › Custom JS field
     ═══════════════════════════════════════════════════════════════ -->


<!-- ═══════════════════════════════════════════════════════════════
     CSTL — PATCH
     Paste AFTER your CSTL theme block.
       1. Adds alternating Learn More buttons to the info cards
          (odd = dark-red, even = coral) per the Figma.
       2. Stops touching the hero .slide_wrapper background entirely.
     ═══════════════════════════════════════════════════════════════ -->
<style>
/* ── 1. LEARN MORE button (JS injects .cstl-card-btn into each card) ── */
.cstl-info-cards .item .cstl-card-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  align-self: center !important;
  margin: 0 0 clamp(16px, 2.2vw, 22px) !important;
  padding: 11px 18px !important;
  border: unset !important;
  outline: none !important;
  border-radius: 4px !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: #fff !important;
  text-decoration: none !important;
  transition: filter .2s ease !important;
  font-size: 15px;
}
.cstl-info-cards .item .cstl-card-btn::after { content: '→' !important; font-weight: 700 !important; }
.cstl-info-cards .item:hover .cstl-card-btn { filter: brightness(0.92) !important; }

/* alternating colors — odd dark-red, even coral */
.cstl-info-cards .item:nth-child(odd)  .cstl-card-btn { background: var(--cstl-dark-red) !important; }
.cstl-info-cards .item:nth-child(even) .cstl-card-btn { background: var(--cstl-coral) !important; }

/* ── 2. Leave the hero slide_wrapper background ALONE ────────────
   Re-set it to the CMS default so our earlier transparent override
   no longer applies (CSS-only revert; JS revert below).          */
.promo_slider .slide_wrapper { background-color: revert !important; }
.cs-mobile-menu-open{ color: var( --cstl-dark-red) !important;}
#tabContentMain .co_menu_item span.parent a:hover{ color: white !important;}
@media screen and (min-width: 768px) {
  .icon-updates .widget_content { gap: clamp(2rem, 10vw, 10rem) !important; }
  #BodyContainer > div > div.g960 > div > div.g960.g960.g960.g960.no_margin.g960.no_margin > div > div.hp-row.cstl-actions-row { padding: 50px 10px !important; }
}
</style>



<!-- ═══════════════════════════════════════════════════════════════
     CSTL — ALTERNATING COLORS FIX
     Paste AFTER your CSTL theme block + Learn More patch.

     Why the colors didn't alternate:
       The .widget_content has .separator divs between the .item cards,
       so every .item lands on an ODD nth-child (1,3,5,7) → all matched
       the "odd" rule (dark-red). nth-child can't see "every other item".
       Fix: JS tags each real card with .cstl-odd / .cstl-even, and we
       color off those classes instead.
     ═══════════════════════════════════════════════════════════════ -->
<style>
/* Titles — alternate via JS-assigned classes */
..cstl-info-cards .item.cstl-odd  .title,
.cstl-info-cards .item.cstl-odd  .title a {
  color: var(--cstl-dark-red) !important;
  font-size: 22px !important;
}
.cstl-info-cards .item.cstl-even .title,
.cstl-info-cards .item.cstl-even .title a {
  color: var(--cstl-coral) !important;
  font-size: 22px !important;
}

/* Learn More button — alternate via JS-assigned classes */
.cstl-info-cards .item.cstl-odd  .cstl-card-btn { background: var(--cstl-dark-red) !important; }
.cstl-info-cards .item.cstl-even .cstl-card-btn { background: var(--cstl-coral) !important; }

/* Hover border draw — alternate via JS-assigned classes */
.cstl-info-cards .item.cstl-odd:hover::before  { border-top-color: var(--cstl-dark-red) !important; border-right-color: var(--cstl-dark-red) !important; }
.cstl-info-cards .item.cstl-odd:hover::after   { border-bottom-color: var(--cstl-dark-red) !important; border-left-color: var(--cstl-dark-red) !important; }
.cstl-info-cards .item.cstl-even:hover::before { border-top-color: var(--cstl-coral) !important; border-right-color: var(--cstl-coral) !important; }
.cstl-info-cards .item.cstl-even:hover::after  { border-bottom-color: var(--cstl-coral) !important; border-left-color: var(--cstl-coral) !important; }
.hp-table .hp-row-first .promo_slider .slider .slides .slide_wrapper {
    background-color: #626262 !important;
}
.cstl-info-cards .item.cstl-odd  .title,
.cstl-info-cards .item.cstl-odd  .title a {
  color: var(--cstl-dark-red) !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}
.cstl-info-cards .item.cstl-even .title,
.cstl-info-cards .item.cstl-even .title a {
  color: var(--cstl-coral) !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}
</style>


<script>
(function () {
  'use strict';

  function run($j) {
    $j(function () {

      /* ── 1. Tag section ROWS so backgrounds fill edge-to-edge ──── */
      $j('.chabad_updates').not($j('.rightColumn .chabad_updates'))
        .first()
        .addClass('cstl-info-cards')
        .closest('.hp-row').addClass('cstl-info-row');

      $j('.icon-updates').closest('.hp-row').addClass('cstl-actions-row');
      $j('.latest_photos').closest('.hp-row').addClass('cstl-photos-row');

      /* (right-column "Chabad Updates" left intact — not removed) */

      /* ── 2. "I would like to" — strip inline multiply / blend ───── */
      $j('.icon-updates .item .icon, .icon-updates .item .icon img, .icon-updates .item .icon a')
        .css({ 'mix-blend-mode': 'normal', 'isolation': 'isolate',
               'background': 'transparent', 'filter': 'none' });


      /* ── 4. DONATE — inject heart before the label ─────────────── */
      var $donate = $j('.co_menu_item.donate_link span.parent a, .co_menu_item.donate_link a.parent').first();
      if ($donate.length && !$donate.find('.cstl-donate-heart').length) {
        $donate.prepend('<span class="cstl-donate-heart"></span>');
      }

    });
  }

  function boot() {
    if (window.jQuery) { run(window.jQuery); }
    else { setTimeout(boot, 60); }
  }
  boot();
})();
</script><script>
(function () {
  'use strict';
  function run($j) {
    $j(function () {

      /* 1. inject a Learn More button into each info card */
      $j('.cstl-info-cards .item').each(function () {
        var $item = $j(this);
        if ($item.find('.cstl-card-btn').length) { return; }
        var href = $item.find('a').attr('href') || '#';
        $item.append('<a class="cstl-card-btn" href="' + href + '">Learn More</a>');
      });

      /* 2. remove the earlier inline background override on slides
         (so we are not adding anything to .slide_wrapper)        */
      $j('.promo_slider .slide_wrapper').css('background-color', '');

    });
  }
  function boot() {
    if (window.jQuery) { run(window.jQuery); }
    else { setTimeout(boot, 60); }
  }
  boot();
})();
</script><script>
(function () {
  'use strict';

  function tagAlternating($j) {
    var $cards = $j('.cstl-info-cards .item');
    if (!$cards.length) { return false; }
    $cards.each(function (i) {
      var $item = $j(this);
      $item.removeClass('cstl-odd cstl-even');
      /* i is 0-based: 0,2 → odd cards (dark-red); 1,3 → even cards (coral) */
      $item.addClass(i % 2 === 0 ? 'cstl-odd' : 'cstl-even');
    });
    return true;
  }

  function run($j) {
    $j(function () {
      var done = tagAlternating($j);

      if (!done && window.MutationObserver) {
        var target = document.querySelector('#content') || document.body;
        var obs = new MutationObserver(function () {
          if (tagAlternating($j)) { obs.disconnect(); }
        });
        obs.observe(target, { childList: true, subtree: true });
        setTimeout(function () { obs.disconnect(); }, 8000);
      }
    });
  }

  function boot() {
    if (window.jQuery) { run(window.jQuery); }
    else { setTimeout(boot, 60); }
  }
  boot();
})();
</script></head>
<body class="lang_en dir_ltr cco_body sites-article">

	


	
	<div id="PrintCreditHeader" class="show_for_print">
Printed from<b>CSTLSeattle.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="/article.asp?aid=3710960">Contact</a>
				</div>
			
			
		</div>
		<div class="float_left">
			
				<div class="topBarLink cco_topbar_link home_link">
					<a href="/">Home</a>
				</div>
				
			
			
			

<div class="topBarLink mychabad_login_bar" id="mychabad_login_bar">
	
			
				<a href="/tools/login/default.asp?aid=5598958&amp;jewish=Girls-Craft-Dance-Event.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  logo">
					<div class="g260 no_margin cco_search_header float_right">
						

<div class="co_search_form margin05">
	<form name="MainSearchForm" id="MainSearchForm" method="get" action="/search/results.asp" class="clearfix" onsubmit="return Co.Forms.Validation.Validate(this, null, {markAsSubmitted:false});">
		<div class="co_global_submit"><button type="submit" class="button" value=" "><span> </span></button></div>
		

<div class="co_global_input_container clearfix">
	<input id="topAreaTopSearch_search" required="true" autocomplete="nope" placeholder="Search" value="" class="co_global_input co_search js-search-field active js-mirrored-input" onblur="this.form.className = this.form.className.replace(/\sactive/gi, &#39;&#39;);" name="searchWord" onfocus="this.form.className+=&#39; active&#39;;" type="text" display_name="Search Field" min_length="3"></input>
</div>

			
		
		
	
		<div id="topAreaTopSearch_search_wrapper" class="co_field_options" style="display:none;">
			<div class="co_absolute_wraper" id="co_absolute_wraper" style="">
				<div class="inner">
					<div id="topAreaTopSearch_search_container" class="co_field_options_suggestions"></div>
					<div class="break_floats"></div>
					
				</div>
			</div>
		</div>
	</form>
</div>
					</div>
					
						<div class="float_left site-logo-wrapper"><a href="/"><img src="https://w2.chabad.org/media/images/1378/gsVv13782189.png" width="100" height="100" border="0"  /></a></div>
					
					<a href="/default.asp" title="CSTL" class="site_title">CSTL<span class="site_subtitle clearfix">Congregation Shaarei Tefilah Seattle - Lubavitch</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 = "639224390026478001";
</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="7432670" 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/7432680/jewish/Jewish-Holidays.htm" class="item hover" id="menu_item1-1" data-menu-level="2" data-aid="7432680">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Jewish Holidays</span>
</a>
<a href="/templates/articlecco_cdo/aid/7432699/jewish/StudyAdult-Education.htm" class="item" id="menu_item1-2" data-menu-level="2" data-aid="7432699">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Study/Adult Education</span>
</a>
<a href="/templates/articlecco_cdo/aid/7432713/jewish/Women.htm" class="item" id="menu_item1-3" data-menu-level="2" data-aid="7432713">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Women</span>
</a>
<a href="/templates/articlecco_cdo/aid/7432722/jewish/Youth.htm" class="item" id="menu_item1-4" data-menu-level="2" data-aid="7432722">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Youth</span>
</a>
<a href="/templates/articlecco_cdo/aid/7432726/jewish/ShulSynagogue-Services.htm" class="item empty" id="menu_item1-5" data-menu-level="2" data-aid="7432726">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Shul/Synagogue Services</span>
</a>
<a href="/templates/articlecco_cdo/aid/7432731/jewish/Community.htm" class="item" id="menu_item1-6" data-menu-level="2" data-aid="7432731">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Community</span>
</a>
<a href="/templates/articlecco_cdo/aid/5183750/jewish/Kiddush-Reservations.htm" class="item empty" id="menu_item1-7" data-menu-level="2" data-aid="5183750">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Kiddush Reservations</span>
</a>
</div>
<div id="menu_child1-1" class="menu_child selected" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="/templates/articlecco_cdo/aid/7432676/jewish/High-Holidays.htm" class="child_item default" data-menu-level="3" data-aid="7432676"><span>High Holidays</span></a>
<a href="/templates/articlecco_cdo/aid/7432677/jewish/Sukkot-SImchat-Torah.htm" class="child_item default" data-menu-level="3" data-aid="7432677"><span>Sukkot & SImchat Torah</span></a>
<a href="/templates/articlecco_cdo/aid/7432678/jewish/Chanukah.htm" class="child_item default" data-menu-level="3" data-aid="7432678"><span>Chanukah</span></a>
<a href="/templates/articlecco_cdo/aid/7432683/jewish/Purim.htm" class="child_item default" data-menu-level="3" data-aid="7432683"><span>Purim</span></a>
<a href="/templates/articlecco_cdo/aid/7432690/jewish/Pesach.htm" class="child_item default" data-menu-level="3" data-aid="7432690"><span>Pesach</span></a>
<a href="/templates/articlecco_cdo/aid/7432692/jewish/Lag-Baomer.htm" class="child_item default" data-menu-level="3" data-aid="7432692"><span>Lag Baomer</span></a>
<a href="/templates/articlecco_cdo/aid/7432694/jewish/Shavout.htm" class="child_item default" data-menu-level="3" data-aid="7432694"><span>Shavout</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/7432700/jewish/Shabbat-Morning-Class.htm" class="child_item default" data-menu-level="3" data-aid="7432700"><span>Shabbat Morning Class</span></a>
<a href="/templates/articlecco_cdo/aid/6597084/jewish/JLI.htm" class="child_item default" data-menu-level="3" data-aid="6597084"><span>JLI</span></a>
<a href="/templates/articlecco_cdo/aid/7432703/jewish/Torah-and-Tea.htm" class="child_item default" data-menu-level="3" data-aid="7432703"><span>Torah and Tea</span></a>
<a href="/templates/articlecco_cdo/aid/7432704/jewish/Thursday-Gemarah-Class.htm" class="child_item default" data-menu-level="3" data-aid="7432704"><span>Thursday Gemarah Class</span></a>
<a href="/templates/articlecco_cdo/aid/7432705/jewish/Monday-Navi-Class.htm" class="child_item default" data-menu-level="3" data-aid="7432705"><span>Monday Navi Class</span></a>
<a href="/templates/articlecco_cdo/aid/7432707/jewish/One-on-One-Study.htm" class="child_item default" data-menu-level="3" data-aid="7432707"><span>One on One Study</span></a>
<a href="/templates/articlecco_cdo/aid/7432710/jewish/Sunday-Pilpul-Class.htm" class="child_item default" data-menu-level="3" data-aid="7432710"><span>Sunday Pilpul Class</span></a>
<a href="/templates/articlecco_cdo/aid/7432712/jewish/Classes-in-your-home.htm" class="child_item default" data-menu-level="3" data-aid="7432712"><span>Classes in your home</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/7432716/jewish/Torah-Tea.htm" class="child_item default" data-menu-level="3" data-aid="7432716"><span>Torah & Tea</span></a>
<a href="/templates/articlecco_cdo/aid/7432717/jewish/Navi-Class-Lunch.htm" class="child_item default" data-menu-level="3" data-aid="7432717"><span>Navi Class & Lunch</span></a>
<a href="/templates/articlecco_cdo/aid/7432720/jewish/Mikvah.htm" class="child_item default" data-menu-level="3" data-aid="7432720"><span>Mikvah</span></a>
<a href="/templates/articlecco_cdo/aid/6622375/jewish/Monthly-Womens-Circle.htm" class="child_item default" data-menu-level="3" data-aid="6622375"><span>Monthly Women's Circle</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child1-4" class="menu_child" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="/templates/articlecco_cdo/aid/7432725/jewish/Avot-Ubanim.htm" class="child_item default" data-menu-level="3" data-aid="7432725"><span>Avot Ubanim</span></a>
<a href="/templates/articlecco_cdo/aid/4312812/jewish/Shabbat-Kids-Program.htm" class="child_item default" data-menu-level="3" data-aid="4312812"><span>Shabbat Kids Program</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child1-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_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/7432732/jewish/Lifecycle-events.htm" class="child_item default" data-menu-level="3" data-aid="7432732"><span>Lifecycle events</span></a>
<a href="/templates/articlecco_cdo/aid/7446476/jewish/Campaign-for-security.htm" class="child_item default" data-menu-level="3" data-aid="7446476"><span>Campaign for security</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>
<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/7432670/jewish/Programs-And-Services.htm" class="parent">Programs&nbsp;And<br />Services</a></div></span><a href="/templates/articlecco_cdo/aid/7432670/jewish/Programs-And-Services.htm" class="bg_extension js-parent-menu-link" data-aid="7432670"></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="7432738" 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/7264071/jewish/Chessed-Fund.htm" class="item empty" id="menu_item2-1" data-menu-level="2" data-aid="7264071">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Chessed Fund</span>
</a>
<a href="/templates/articlecco_cdo/aid/7433340/jewish/Mikvah.htm" class="item empty" id="menu_item2-2" data-menu-level="2" data-aid="7433340">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Mikvah</span>
</a>
<a href="/templates/articlecco_cdo/aid/7433343/jewish/Eruv.htm" class="item empty" id="menu_item2-3" data-menu-level="2" data-aid="7433343">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Eruv</span>
</a>
<a href="/templates/articlecco_cdo/aid/4616349/jewish/Visit-Us.htm" class="item empty" id="menu_item2-4" data-menu-level="2" data-aid="4616349">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Visit Us</span>
</a>
</div>
<div id="menu_child2-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_child2-2" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child2-3" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child2-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>
<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/7432738/jewish/Resources.htm" class="parent">Resources</a></div></span><a href="/templates/articlecco_cdo/aid/7432738/jewish/Resources.htm" class="bg_extension js-parent-menu-link" data-aid="7432738"></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="7433583" 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="/parshah/default_cdo/aid/6232/jewish/Parshah-Weekly-Torah.htm" class="item hover" id="menu_item3-1" data-menu-level="2" data-aid="6232">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Parshah (Weekly Torah)</span>
</a>
<a href="/dailystudy/default_cdo/jewish/Daily-Study.htm" class="item" id="menu_item3-2" data-menu-level="2" data-aid="6207">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Daily Study</span>
</a>
<a href="/library/article_cdo/aid/76131/jewish/Texts-Writings.htm" class="item" id="menu_item3-3" data-menu-level="2" data-aid="76131">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Texts & Writings</span>
</a>
<a href="/library/article_cdo/aid/109866/jewish/Essentials.htm" class="item" id="menu_item3-4" data-menu-level="2" data-aid="109866">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Essentials</span>
</a>
<a href="/library/article_cdo/aid/1718600/jewish/Kabbalah-Chassidism-and-Jewish-Mysticism.htm" class="item" id="menu_item3-5" data-menu-level="2" data-aid="1718600">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Kabbalah, Chassidism and Jewish Mysticism</span>
</a>
<a href="/library/article_cdo/aid/2537389/jewish/Talmud.htm" class="item" id="menu_item3-6" data-menu-level="2" data-aid="2537389">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Talmud</span>
</a>
<a href="/library/article_cdo/aid/435073/jewish/Torah-Science.htm" class="item" id="menu_item3-7" data-menu-level="2" data-aid="435073">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Torah & Science</span>
</a>
<a href="/library/article_cdo/aid/1676841/jewish/Ethics-Morality.htm" class="item" id="menu_item3-8" data-menu-level="2" data-aid="1676841">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Ethics & Morality</span>
</a>
<a href="/library/article_cdo/aid/5724/jewish/Questions-Answers.htm" class="item" id="menu_item3-9" data-menu-level="2" data-aid="5724">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Questions & Answers</span>
</a>
<a href="/library/article_cdo/aid/68870/jewish/Jewish-History.htm" class="item" id="menu_item3-10" data-menu-level="2" data-aid="68870">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Jewish History</span>
</a>
<a href="/library/article_cdo/aid/4803151/jewish/Jewish-Quizzes.htm" class="item" id="menu_item3-11" data-menu-level="2" data-aid="4803151">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Jewish Quizzes</span>
</a>
<a href="/library/article_cdo/aid/1911814/jewish/Audio-Video-Classes.htm" class="item" id="menu_item3-12" data-menu-level="2" data-aid="1911814">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Audio & Video Classes</span>
</a>
</div>
<div id="menu_child3-1" class="menu_child selected" style="width:524px;">
<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="/parshah/default_cdo/aid/9174/jewish/Current-Parshah.htm" class="child_item default" data-menu-level="3" data-aid="9174"><span>Current Parshah</span></a>
<a href="/parshah/redirect_cdo/section/text" class="child_item default" data-menu-level="3" data-aid="1757513"><span>Parshah Text</span></a>
<a href="/parshah/redirect_cdo/section/haftorah_text" class="child_item default" data-menu-level="3" data-aid="1757518"><span>Haftarah Text</span></a>
<a href="/parshah/redirect_cdo/section/nutshell" class="child_item default" data-menu-level="3" data-aid="1757520"><span>Parshah in a Nutshell</span></a>
<a href="/parshah/redirect_cdo/section/haftorah_nutshell" class="child_item default" data-menu-level="3" data-aid="1757521"><span>Haftorah in a Nutshell</span></a>
<a href="/parshah/redirect_cdo/section/aliyot" class="child_item default" data-menu-level="3" data-aid="1757538"><span>Aliyot Summary</span></a>
<a href="/parshah/redirect_cdo/section/indepth" class="child_item default" data-menu-level="3" data-aid="1757522"><span>Parshah in Depth</span></a>
<a href="/parshah/redirect_cdo/section/cm" class="child_item default" data-menu-level="3" data-aid="1757523"><span>From the Chassidic Masters</span></a>
<a href="/parshah/redirect_cdo/section/columnists" class="child_item default" data-menu-level="3" data-aid="1757524"><span>Parshah Columnists</span></a>
<a href="/parshah/redirect_cdo/section/video" class="child_item default" data-menu-level="3" data-aid="1757525"><span>Parshah Videos</span></a>
</div></td>
<td class="co_column"><div class="column_left_wrapper">
<a href="/parshah/redirect_cdo/section/audio" class="child_item default" data-menu-level="3" data-aid="1757528"><span>Parshah Audio Classes</span></a>
<a href="/parshah/redirect_cdo/section/family" class="child_item default" data-menu-level="3" data-aid="1757529"><span>Family Parshah</span></a>
<a href="/parshah/otherparshas_cdo/aid/9175/jewish/Complete-Parshah-List.htm" class="child_item default" data-menu-level="3" data-aid="9175"><span>Complete Parshah List</span></a>
<a href="/library/article_cdo/aid/6275917/jewish/All-Parshah-in-a-Nutshells.htm" class="child_item default" data-menu-level="3" data-aid="6275917"><span>All Parshah in a Nutshells</span></a>
</div></td>
<td class="co_column"></td>
</tr>
</table>
</div>
<div id="menu_child3-2" class="menu_child" style="width:524px;">
<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="/dailystudy/torahreading_cdo/jewish/Chumash-with-Rashi.htm" class="child_item default" data-menu-level="3" data-aid="9079"><span>Chumash with Rashi</span></a>
<a href="/dailystudy/tehillim_cdo/jewish/Tehillim-Psalms.htm" class="child_item default" data-menu-level="3" data-aid="8052"><span>Tehillim - Psalms</span></a>
<a href="/dailystudy/tanya_cdo/jewish/Tanya.htm" class="child_item default" data-menu-level="3" data-aid="6210"><span>Tanya</span></a>
<a href="/dailystudy/rambam.asp?rambamChapters=3" class="child_item default" data-menu-level="3" data-aid="1808837"><span>3 Chapters Rambam</span></a>
<a href="/dailystudy/rambam_cdo/jewish/1-Chapter-Rambam.htm" class="child_item default" data-menu-level="3" data-aid="1808838"><span>1 Chapter Rambam</span></a>
<a href="/dailystudy/seferHamitzvos_cdo/jewish/Daily-Mitzvah.htm" class="child_item default" data-menu-level="3" data-aid="9450"><span>Daily Mitzvah</span></a>
<a href="/dailystudy/hayomyom_cdo/jewish/Hayom-Yom.htm" class="child_item default" data-menu-level="3" data-aid="8100"><span>Hayom Yom</span></a>
<div class="child_item heading">Additional Study Options</div>
<a href="/dailystudy/dailywisdom.htm" class="child_item header" data-menu-level="3" data-aid="3960401"><span>Daily Wisdom</span></a>
<a href="/dailystudy/talmud.htm" class="child_item link" data-menu-level="3" data-aid="3960413"><span>Daily Talmud</span></a>
<a href="/library/article_cdo/aid/2452166/jewish/Daily-Torah-Study-App.htm" class="child_item link" data-menu-level="3" data-aid="5525420"><span>Daily Study App</span></a>
</div></td>
<td class="co_column"></td><td class="co_column"></td>
</tr>
</table>
</div>
<div id="menu_child3-3" class="menu_child" style="width:524px;">
<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="/torah-texts/" class="child_item link" data-menu-level="3" data-aid="6941741"><span>Torah Texts</span></a>
<a href="/library/article_cdo/aid/109864/jewish/Classic-Texts.htm" class="child_item default" data-menu-level="3" data-aid="109864"><span>Classic Texts</span></a>
<a href="/library/article_cdo/aid/1757026/jewish/Chassidic-Texts.htm" class="child_item link" data-menu-level="3" data-aid="1757026"><span>Chassidic Texts</span></a>
<a href="/library/article_cdo/aid/2197502/jewish/Chassidic-Works.htm" class="child_item link" data-menu-level="3" data-aid="2197502"><span>Chassidic Works</span></a>
<div class="child_item heading">Featured</div>
<a href="/library/bible_cdo/aid/63255/jewish/Tanakh-The-Hebrew-Bible.htm" class="child_item header" data-menu-level="3" data-aid="1676907"><span>Tanakh - The Hebrew Bible</span></a>
<a href="/library/tanya/default.htm/jewish/The-Tanya.htm" class="child_item link" data-menu-level="3" data-aid="1718597"><span>The Tanya</span></a>
<a href="/torah-texts/" class="child_item link" data-menu-level="3" data-aid="5557606"><span>Torah Texts</span></a>
</div></td>
<td class="co_column"></td><td class="co_column"></td>
</tr>
</table>
</div>
<div id="menu_child3-4" class="menu_child" style="width:524px;">
<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="/library/article_cdo/aid/3852084/jewish/An-Introduction-to-Jews-and-Judaism.htm" class="child_item default" data-menu-level="3" data-aid="3852084"><span>An Introduction to Jews and Judaism</span></a>
<a href="/library/article_cdo/aid/332562/jewish/Moshiach-101.htm" class="child_item default" data-menu-level="3" data-aid="332562"><span>Moshiach 101</span></a>
<a href="/library/article_cdo/aid/588018/jewish/Israel.htm" class="child_item default" data-menu-level="3" data-aid="588018"><span>Israel</span></a>
<a href="/library/article_cdo/aid/4084556/jewish/Hebrew.htm" class="child_item default" data-menu-level="3" data-aid="4084556"><span>Hebrew</span></a>
<a href="/library/article_cdo/aid/144586/jewish/The-Holy-Temple.htm" class="child_item default" data-menu-level="3" data-aid="144586"><span>The Holy Temple</span></a>
<a href="/library/article_cdo/aid/519246/jewish/The-Ten-Commandments.htm" class="child_item default" data-menu-level="3" data-aid="519246"><span>The Ten Commandments</span></a>
<a href="/library/article_cdo/aid/409337/jewish/Jewish-Identity.htm" class="child_item default" data-menu-level="3" data-aid="409337"><span>Jewish Identity</span></a>
<a href="/library/article_cdo/aid/332555/jewish/Maimonides-13-Principles-of-Faith.htm" class="child_item default" data-menu-level="3" data-aid="332555"><span>Maimonides' 13 Principles of Faith</span></a>
<a href="/library/article_cdo/aid/900047/jewish/Rambam-Daily-Study-Program.htm" class="child_item default" data-menu-level="3" data-aid="900047"><span>Rambam Daily Study Program</span></a>
<a href="/library/article_cdo/aid/163166/jewish/Issues.htm" class="child_item default" data-menu-level="3" data-aid="163166"><span>Issues</span></a>
</div></td>
<td class="co_column"><div class="column_left_wrapper">
<a href="/library/article_cdo/aid/3900523/jewish/Mitzvah-Studies.htm" class="child_item default" data-menu-level="3" data-aid="3900523"><span>Mitzvah Studies</span></a>
<a href="/library/article_cdo/aid/1398397/jewish/Building-Blocks-of-Jewish-Thought.htm" class="child_item default" data-menu-level="3" data-aid="1398397"><span>Building Blocks of Jewish Thought</span></a>
<a href="/library/article_cdo/aid/3892957/jewish/Judaism-Essentials-Audio-Video.htm" class="child_item default" data-menu-level="3" data-aid="3892957"><span>Judaism Essentials Audio & Video</span></a>
<div class="child_item heading">Related Readings</div>
<a href="/library/article_cdo/aid/2313754/jewish/Key-Jewish-Facts.htm" class="child_item header" data-menu-level="3" data-aid="2313754"><span>Key Jewish Facts</span></a>
<a href="/library/article_cdo/aid/108385/jewish/Key-Jewish-FAQs.htm" class="child_item link" data-menu-level="3" data-aid="1757042"><span>Jewish FAQ's</span></a>
<a href="/library/article_cdo/aid/2123117/jewish/ChabadThink.htm" class="child_item link" data-menu-level="3" data-aid="2197511"><span>ChabadThink</span></a>
<a href="/library/article_cdo/aid/3338995/jewish/Bibliaphilia.htm" class="child_item default" data-menu-level="3" data-aid="3338995"><span>Bibliaphilia</span></a>
<a href="/library/article_cdo/aid/4157123/jewish/Yiddish.htm" class="child_item default" data-menu-level="3" data-aid="4157123"><span>Yiddish</span></a>
<a href="/library/article_cdo/aid/5559665/jewish/The-Seven-Laws-of-Noah.htm" class="child_item default" data-menu-level="3" data-aid="5559665"><span>The Seven Laws of Noah</span></a>
<a href="/library/article_cdo/aid/2126/jewish/The-Torah.htm" class="child_item default" data-menu-level="3" data-aid="2126"><span>The Torah</span></a>
</div></td>
<td class="co_column"></td>
</tr>
</table>
</div>
<div id="menu_child3-5" class="menu_child" style="width:524px;">
<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="/library/tanya/default.htm" class="child_item default" data-menu-level="3" data-aid="1026024"><span>The Tanya</span></a>
<a href="/library/article_cdo/aid/109854/jewish/Chassidic-Texts.htm" class="child_item default" data-menu-level="3" data-aid="109854"><span>Chassidic Texts</span></a>
<a href="/library/article_cdo/aid/109855/jewish/Contemporary-Works.htm" class="child_item default" data-menu-level="3" data-aid="109855"><span>Contemporary Works</span></a>
<a href="/library/article_cdo/aid/109853/jewish/Chassidic-Thought.htm" class="child_item default" data-menu-level="3" data-aid="109853"><span>Chassidic Thought</span></a>
<a href="/kabbalah/default_cdo/jewish/Kabbalah-Online.htm" class="child_item link" data-menu-level="3" data-aid="2219471"><span>KabbalaOnline.org</span></a>
<a href="/library/article_cdo/aid/332484/jewish/Chassidic-Personalities.htm" class="child_item link" data-menu-level="3" data-aid="2197507"><span>Chassidic History</span></a>
<a href="/search/keyword_cdo/kid/208/scope/591213/jewish/Kabbalah-Chassidism-Mysticism.htm" class="child_item default" data-menu-level="3" data-aid="2219252"><span>Video Classes</span></a>
<a href="/multimedia/audio_cdo/aid/290072/jewish/Spirituality.htm" class="child_item link" data-menu-level="3" data-aid="2219953"><span>Audio Classes</span></a>
<div class="child_item heading">Features</div>
<a href="/library/tanya/default.htm/jewish/The-Tanya.htm" class="child_item header" data-menu-level="3" data-aid="1757032"><span>The Tanya</span></a>
<a href="/library/article_cdo/aid/170308/jewish/What-Is-Kabbalah.htm" class="child_item default" data-menu-level="3" data-aid="170308"><span>What Is Kabbalah?</span></a>
</div></td>
<td class="co_column"><div class="column_left_wrapper">
<a href="/library/article_cdo/aid/6533735/jewish/14-Facts-You-Should-Know-About-Kabbalah.htm" class="child_item default" data-menu-level="3" data-aid="6533735"><span>14 Facts You Should Know About Kabbalah</span></a>
<a href="/library/article_cdo/aid/6969028/jewish/Take-the-Kabbalah-Quiz.htm" class="child_item default" data-menu-level="3" data-aid="6969028"><span>Take the Kabbalah Quiz</span></a>
</div></td>
<td class="co_column"></td>
</tr>
</table>
</div>
<div id="menu_child3-6" class="menu_child" style="width:524px;">
<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="/library/article_cdo/aid/2537589/jewish/Study-Talmud.htm" class="child_item default" data-menu-level="3" data-aid="2537589"><span>Study Talmud</span></a>
<a href="/library/article_cdo/aid/2537391/jewish/Overviews-and-Introductions-to-the-Talmud.htm" class="child_item default" data-menu-level="3" data-aid="2537391"><span>Overviews and Introductions to the Talmud</span></a>
<a href="/library/article_cdo/aid/4329319/jewish/The-Mishnah.htm" class="child_item default" data-menu-level="3" data-aid="4329319"><span>The Mishnah</span></a>
<a href="/library/article_cdo/aid/680274/jewish/Ethics-of-the-Fathers.htm" class="child_item default" data-menu-level="3" data-aid="680274"><span>Ethics of the Fathers</span></a>
<a href="/library/article_cdo/aid/2807406/jewish/Making-Sense-of-the-Talmud.htm" class="child_item default" data-menu-level="3" data-aid="2807406"><span>Making Sense of the Talmud</span></a>
<a href="/library/article_cdo/aid/2807408/jewish/History-of-the-Talmud.htm" class="child_item default" data-menu-level="3" data-aid="2807408"><span>History of the Talmud</span></a>
<a href="/library/article_cdo/aid/2807410/jewish/Whos-Who-in-the-Talmud.htm" class="child_item default" data-menu-level="3" data-aid="2807410"><span>Who's Who in the Talmud</span></a>
<a href="/library/article_cdo/aid/2537976/jewish/Collected-Stories-from-the-Talmud.htm" class="child_item link" data-menu-level="3" data-aid="2537976"><span>Collected Stories from the Talmud</span></a>
<a href="/library/article_cdo/aid/5600623/jewish/Take-the-Talmud-Quiz.htm" class="child_item default" data-menu-level="3" data-aid="5600623"><span>Take the Talmud Quiz</span></a>
<a href="/library/article_cdo/aid/3347866/jewish/What-Is-the-Talmud.htm" class="child_item default" data-menu-level="3" data-aid="3347866"><span>What Is the Talmud? </span></a>
</div></td>
<td class="co_column"></td><td class="co_column"></td>
</tr>
</table>
</div>
<div id="menu_child3-7" class="menu_child" style="width:524px;">
<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="/library/article_cdo/aid/1677602/jewish/Essays.htm" class="child_item default" data-menu-level="3" data-aid="1677602"><span>Essays</span></a>
<a href="/library/article_cdo/aid/435110/jewish/Stories-Parables.htm" class="child_item default" data-menu-level="3" data-aid="435110"><span>Stories & Parables</span></a>
<a href="/library/article_cdo/aid/435104/jewish/The-Rebbe-on-Science.htm" class="child_item default" data-menu-level="3" data-aid="435104"><span>The Rebbe on Science</span></a>
<div class="child_item heading">Related Readings</div>
<a href="/library/article_cdo/aid/1757046/jewish/Mind-Over-Matter.htm" class="child_item header" data-menu-level="3" data-aid="1757046"><span>Mind Over Matter</span></a>
<a href="/library/article_cdo/aid/1718590/jewish/Questions-Answers.htm" class="child_item default" data-menu-level="3" data-aid="1718590"><span>Questions & Answers</span></a>
</div></td>
<td class="co_column"></td><td class="co_column"></td>
</tr>
</table>
</div>
<div id="menu_child3-8" class="menu_child" style="width:524px;">
<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="/library/article_cdo/aid/1851275/jewish/Universal-Ethics.htm" class="child_item default" data-menu-level="3" data-aid="1851275"><span>Universal Ethics</span></a>
<a href="/library/article_cdo/aid/3591946/jewish/Tikkun-Olam.htm" class="child_item default" data-menu-level="3" data-aid="3591946"><span>Tikkun Olam</span></a>
<a href="/library/article_cdo/aid/1851313/jewish/Business-Finance.htm" class="child_item default" data-menu-level="3" data-aid="1851313"><span>Business & Finance</span></a>
<a href="/library/article_cdo/aid/1851306/jewish/Everyday-Dilemmas.htm" class="child_item default" data-menu-level="3" data-aid="1851306"><span>Everyday Dilemmas</span></a>
<a href="/library/article_cdo/aid/1718585/jewish/The-Environment.htm" class="child_item default" data-menu-level="3" data-aid="1718585"><span>The Environment</span></a>
<a href="/library/article_cdo/aid/1851484/jewish/Medical-Ethics.htm" class="child_item default" data-menu-level="3" data-aid="1851484"><span>Medical Ethics</span></a>
<a href="/library/article_cdo/aid/1718586/jewish/Assisted-Reproduction.htm" class="child_item default" data-menu-level="3" data-aid="1718586"><span>Assisted Reproduction</span></a>
<a href="/library/article_cdo/aid/1851504/jewish/Capital-Punishment.htm" class="child_item default" data-menu-level="3" data-aid="1851504"><span>Capital Punishment</span></a>
<a href="/library/article_cdo/aid/1851301/jewish/Forgiveness.htm" class="child_item default" data-menu-level="3" data-aid="1851301"><span>Forgiveness</span></a>
<a href="/library/article_cdo/aid/4249656/jewish/Criminal-Justice-Reform.htm" class="child_item default" data-menu-level="3" data-aid="4249656"><span>Criminal Justice Reform</span></a>
</div></td>
<td class="co_column"><div class="column_left_wrapper">
<a href="/library/article_cdo/aid/3961883/jewish/The-Moment-of-Silence-Movement.htm" class="child_item default" data-menu-level="3" data-aid="3961883"><span>The "Moment of Silence" Movement</span></a>
<a href="/library/article_cdo/aid/6797055/jewish/Judaism-and-Artificial-Intelligence.htm" class="child_item default" data-menu-level="3" data-aid="6797055"><span>Judaism and Artificial Intelligence</span></a>
</div></td>
<td class="co_column"></td>
</tr>
</table>
</div>
<div id="menu_child3-9" class="menu_child" style="width:524px;">
<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="/library/article_cdo/aid/2925471/jewish/Ask-Rabbi-Y.htm" class="child_item default" data-menu-level="3" data-aid="2925471"><span>Ask "Rabbi Y"</span></a>
<a href="/library/article_cdo/aid/295166/jewish/Gd-and-Us.htm" class="child_item default" data-menu-level="3" data-aid="295166"><span>G‑d and Us</span></a>
<a href="/library/article_cdo/aid/42624/jewish/Jewish-Identity.htm" class="child_item default" data-menu-level="3" data-aid="42624"><span>Jewish Identity</span></a>
<a href="/library/article_cdo/aid/42916/jewish/Life-Death.htm" class="child_item default" data-menu-level="3" data-aid="42916"><span>Life & Death</span></a>
<a href="/library/article_cdo/aid/145410/jewish/Men-Women.htm" class="child_item default" data-menu-level="3" data-aid="145410"><span>Men & Women</span></a>
<a href="/library/article_cdo/aid/145401/jewish/Marriage-Family.htm" class="child_item default" data-menu-level="3" data-aid="145401"><span>Marriage & Family</span></a>
<a href="/library/article_cdo/aid/145402/jewish/The-Torah.htm" class="child_item default" data-menu-level="3" data-aid="145402"><span>The Torah</span></a>
<a href="/library/article_cdo/aid/145403/jewish/Mitzvot-Jewish-Customs.htm" class="child_item default" data-menu-level="3" data-aid="145403"><span>Mitzvot & Jewish Customs</span></a>
<a href="/library/article_cdo/aid/145406/jewish/Kabbalah-The-Mystical.htm" class="child_item default" data-menu-level="3" data-aid="145406"><span>Kabbalah & The Mystical</span></a>
<a href="/library/article_cdo/aid/2398444/jewish/Midrash.htm" class="child_item default" data-menu-level="3" data-aid="2398444"><span>Midrash</span></a>
</div></td>
<td class="co_column"><div class="column_left_wrapper">
<a href="/library/article_cdo/aid/1580556/jewish/On-The-Prophets-and-Scriptures.htm" class="child_item default" data-menu-level="3" data-aid="1580556"><span>On The Prophets and Scriptures</span></a>
<a href="/library/article_cdo/aid/1573334/jewish/Judaism-on-Medical-Ethics.htm" class="child_item default" data-menu-level="3" data-aid="1573334"><span>Judaism on Medical Ethics </span></a>
<a href="/library/article_cdo/aid/145404/jewish/Jewish-Ethics-Morality.htm" class="child_item default" data-menu-level="3" data-aid="145404"><span>Jewish Ethics & Morality</span></a>
<a href="/library/article_cdo/aid/145405/jewish/Moshiach-and-the-Final-Redemption.htm" class="child_item default" data-menu-level="3" data-aid="145405"><span>Moshiach and the Final Redemption</span></a>
<a href="/library/article_cdo/aid/1718591/jewish/Torah-Science.htm" class="child_item link" data-menu-level="3" data-aid="1718591"><span>Torah & Science</span></a>
<a href="/library/article_cdo/aid/145409/jewish/Miscellaneous.htm" class="child_item default" data-menu-level="3" data-aid="145409"><span>Miscellaneous</span></a>
<a href="/library/article_cdo/aid/2335163/jewish/The-Court-of-Jewish-Law.htm" class="child_item default" data-menu-level="3" data-aid="2335163"><span>The Court of Jewish Law</span></a>
<a href="/library/article_cdo/aid/2818918/jewish/Vedibarta-Bam.htm" class="child_item default" data-menu-level="3" data-aid="2818918"><span>Vedibarta Bam</span></a>
<div class="child_item heading">Features</div>
<a href="/asktherabbi/default_cdo/jewish/Ask-the-Rabbi.htm" class="child_item header" data-menu-level="3" data-aid="32811"><span>Ask the Rabbi</span></a>
<a href="/search/keyword_cdo/kid/13032/jewish/QA.htm" class="child_item link" data-menu-level="3" data-aid="631944"><span>Newest Questions</span></a>
</div></td>
<td class="co_column"></td>
</tr>
</table>
</div>
<div id="menu_child3-10" class="menu_child" style="width:524px;">
<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="/library/article_cdo/aid/3915966/jewish/Timeline-of-Jewish-History.htm" class="child_item default" data-menu-level="3" data-aid="3915966"><span>Timeline of Jewish History</span></a>
<a href="/library/article_cdo/aid/2435072/jewish/History-of-the-Jewish-People.htm" class="child_item default" data-menu-level="3" data-aid="2435072"><span>History of the Jewish People</span></a>
<a href="/library/article_cdo/aid/6033269/jewish/Personalities-of-the-Bible.htm" class="child_item default" data-menu-level="3" data-aid="6033269"><span>Personalities of the Bible</span></a>
<a href="/library/article_cdo/aid/6033271/jewish/Stories-of-the-Bible.htm" class="child_item default" data-menu-level="3" data-aid="6033271"><span>Stories of the Bible</span></a>
<a href="/library/article_cdo/aid/6033256/jewish/Essays-on-the-Rabbinic-Period.htm" class="child_item default" data-menu-level="3" data-aid="6033256"><span>Essays on the Rabbinic Period</span></a>
<a href="/library/article_cdo/aid/6033257/jewish/Essays-on-the-Medieval-Period.htm" class="child_item default" data-menu-level="3" data-aid="6033257"><span>Essays on the Medieval Period</span></a>
<a href="/library/article_cdo/aid/6033262/jewish/Essays-on-the-Modern-Period.htm" class="child_item default" data-menu-level="3" data-aid="6033262"><span>Essays on the Modern Period</span></a>
<a href="/library/article_cdo/aid/332484/jewish/Chassidic-History.htm" class="child_item default" data-menu-level="3" data-aid="332484"><span>Chassidic History</span></a>
<a href="/library/article_cdo/aid/109865/jewish/Miscellaneous.htm" class="child_item default" data-menu-level="3" data-aid="109865"><span>Miscellaneous</span></a>
<a href="/library/article_cdo/aid/5969057/jewish/History-Halacha.htm" class="child_item default" data-menu-level="3" data-aid="5969057"><span>History & Halacha</span></a>
</div></td>
<td class="co_column"><div class="column_left_wrapper">
<a href="/library/article_cdo/aid/111828/jewish/Gallery-of-Our-Great.htm" class="child_item default" data-menu-level="3" data-aid="111828"><span>Gallery of Our Great</span></a>
<div class="child_item heading">Explore</div>
<a href="/library/article_cdo/aid/6262034/jewish/Jewish-History-Courses.htm" class="child_item header" data-menu-level="3" data-aid="6262034"><span>Jewish History Courses</span></a>
<a href="/library/article_cdo/aid/246603/jewish/A-Brief-Biblical-History.htm" class="child_item default" data-menu-level="3" data-aid="246603"><span>A Brief Biblical History</span></a>
<a href="/library/article_cdo/aid/588018/jewish/Israel.htm" class="child_item link" data-menu-level="3" data-aid="620297"><span>Israel</span></a>
<a href="/library/article_cdo/aid/332487/jewish/Essays-on-Jewish-History.htm" class="child_item default" data-menu-level="3" data-aid="332487"><span>Essays on Jewish History</span></a>
<a href="/library/article_cdo/aid/889836/jewish/Maimonides-The-Rambam.htm" class="child_item default" data-menu-level="3" data-aid="889836"><span>Maimonides: The Rambam</span></a>
<a href="/library/article_cdo/aid/332485/jewish/The-Holocaust.htm" class="child_item default" data-menu-level="3" data-aid="332485"><span>The Holocaust</span></a>
<a href="/library/article_cdo/aid/3823824/jewish/Soviet-Jewry.htm" class="child_item default" data-menu-level="3" data-aid="3823824"><span>Soviet Jewry</span></a>
<a href="/library/article_cdo/aid/1585330/jewish/Judaism-Civilization-Progress.htm" class="child_item default" data-menu-level="3" data-aid="1585330"><span>Judaism, Civilization & Progress</span></a>
<a href="/calendar/view/week_cdo/jewish/This-Week-in-Jewish-History.htm" class="child_item link" data-menu-level="3" data-aid="255678"><span>This Week in Jewish History</span></a>
</div></td>
<td class="co_column"><div class="column_left_wrapper">
<a href="/multimedia/audio_cdo/aid/290118/jewish/History.htm" class="child_item link" data-menu-level="3" data-aid="1676809"><span>Audio Classes on Jewish History</span></a>
<a href="/library/article_cdo/aid/7341092/jewish/CelebratingJewish-Life-in-America.htm" class="child_item default" data-menu-level="3" data-aid="7341092"><span>Celebrating Jewish Life in America </span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child3-11" class="menu_child" style="width:524px;">
<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="/library/article_cdo/aid/4803161/jewish/Parshah-Quizzes.htm" class="child_item default" data-menu-level="3" data-aid="4803161"><span>Parshah Quizzes</span></a>
<a href="/library/article_cdo/aid/4803258/jewish/Holiday-Quizzes.htm" class="child_item default" data-menu-level="3" data-aid="4803258"><span>Holiday Quizzes</span></a>
<a href="/library/article_cdo/aid/5268890/jewish/Mitzvah-Quizzes.htm" class="child_item default" data-menu-level="3" data-aid="5268890"><span>Mitzvah Quizzes</span></a>
<a href="/library/article_cdo/aid/5160264/jewish/People-Quizzes.htm" class="child_item default" data-menu-level="3" data-aid="5160264"><span>People Quizzes</span></a>
<a href="/library/article_cdo/aid/5268826/jewish/Jewish-Months-Quizzes.htm" class="child_item default" data-menu-level="3" data-aid="5268826"><span>Jewish Months Quizzes</span></a>
<a href="/library/article_cdo/aid/5269917/jewish/Jewish-History-and-Culture-Quizzes.htm" class="child_item default" data-menu-level="3" data-aid="5269917"><span>Jewish History and Culture Quizzes</span></a>
<a href="/library/article_cdo/aid/4803278/jewish/Just-For-Fun.htm" class="child_item default" data-menu-level="3" data-aid="4803278"><span>Just For Fun</span></a>
<a href="/library/article_cdo/aid/5141818/jewish/Daily-Rambam-Quiz.htm" class="child_item default" data-menu-level="3" data-aid="5141818"><span>Daily Rambam Quiz</span></a>
</div></td>
<td class="co_column"></td><td class="co_column"></td>
</tr>
</table>
</div>
<div id="menu_child3-12" class="menu_child" style="width:524px;">
<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="/library/article_cdo/aid/6230/jewish/Audio-Classes.htm" class="child_item default" data-menu-level="3" data-aid="6230"><span>Audio Classes</span></a>
<a href="/multimedia/media_cdo/aid/1681342/jewish/Learning-Values.htm" class="child_item link" data-menu-level="3" data-aid="1911815"><span>Video Classes</span></a>
</div></td>
<td class="co_column"></td><td class="co_column"></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="/library/article_cdo/aid/1675887/jewish/Learning-Values.htm" class="parent">Learn<br />Online</a></div></span><a href="/library/article_cdo/aid/1675887/jewish/Learning-Values.htm" class="bg_extension js-parent-menu-link" data-aid="7433583"></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="7432757" 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/7432759/jewish/Womens-Events.htm" class="item empty" id="menu_item4-1" data-menu-level="2" data-aid="7432759">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Women's Events</span>
</a>
<a href="/templates/articlecco_cdo/aid/7432760/jewish/Holiday-Events.htm" class="item empty" id="menu_item4-2" data-menu-level="2" data-aid="7432760">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Holiday Events</span>
</a>
<a href="/templates/articlecco_cdo/aid/7432762/jewish/Social-Events.htm" class="item empty" id="menu_item4-3" data-menu-level="2" data-aid="7432762">
<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="/templates/articlecco_cdo/aid/717654/jewish/Photo-Gallery.htm" class="item" id="menu_item4-4" data-menu-level="2" data-aid="717654">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Photo Gallery</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" 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/7241174/jewish/Older-Photos.htm" class="child_item default" data-menu-level="3" data-aid="7241174"><span>Older Photos</span></a>
<a href="/templates/articlecco_cdo/aid/7241178/jewish/5785.htm" class="child_item default" data-menu-level="3" data-aid="7241178"><span>5785</span></a>
<a href="/templates/articlecco_cdo/aid/7241179/jewish/5786.htm" class="child_item default" data-menu-level="3" data-aid="7241179"><span>5786</span></a>
<a href="/templates/photogallery_cdo/aid/5118644/jewish/Ladies-Night-Out-April-2021.htm" class="child_item default" data-menu-level="3" data-aid="5118644"><span>Ladies Night Out April 2021</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/7432757/jewish/Photos.htm" class="parent">Photos</a></div></span><a href="/templates/articlecco_cdo/aid/7432757/jewish/Photos.htm" class="bg_extension js-parent-menu-link" data-aid="7432757"></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="7432763" 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="https://www.chabadofseattle.org/templates/emailarchive.htm" class="item empty" id="menu_item5-1" data-menu-level="2" data-aid="5200963">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>From The Desk of Rabbi Rodal</span>
</a>
<a href="/templates/articlecco_cdo/aid/7432765/jewish/Meet-the-Team.htm" class="item empty" id="menu_item5-2" data-menu-level="2" data-aid="7432765">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Meet the Team</span>
</a>
<a href="/templates/articlecco_cdo/aid/3710960/jewish/Connect.htm" class="item empty" id="menu_item5-3" data-menu-level="2" data-aid="3710960">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Connect</span>
</a>
<a href="/templates/articlecco_cdo/aid/3258734/jewish/Membership.htm" class="item empty" id="menu_item5-4" data-menu-level="2" data-aid="3258734">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Membership</span>
</a>
</div>
<div id="menu_child5-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_child5-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_child5-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_child5-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>
<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/7432763/jewish/About-Us.htm" class="parent">About<br />Us</a></div></span><a href="/templates/articlecco_cdo/aid/7432763/jewish/About-Us.htm" class="bg_extension js-parent-menu-link" data-aid="7432763"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item donate_link" aid="0" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="/4970020" class="parent">Donate</a></div></span><a href="/4970020" class="bg_extension js-parent-menu-link" data-aid="0"></a></td>
</tr>
</table>
</div>
</div>
<!-- END CACHE -->
				<div class="mobile-menu-bottom-links">
					
					<a href="/search">Search</a>
					
						<a href="/article.asp?aid=3710960">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/7432757/jewish/Photos.htm",
      "name": "Photos"
    }
  },
  {
    "@type": "ListItem",
    "position": 2,
    "item": {
      "@id": "/templates/articlecco_cdo/aid/717654/jewish/Photo-Gallery.htm",
      "name": "Photo Gallery"
    }
  },
  {
    "@type": "ListItem",
    "position": 3,
    "item": {
      "@id": "/templates/articlecco_cdo/aid/7241174/jewish/Older-Photos.htm",
      "name": "Older Photos"
    }
  },
  {
    "@type": "ListItem",
    "position": 4,
    "item": {
      "@id": "/article.asp?aid=5598958",
      "name": "Girls Craft & Dance Event"
    }
  }
]
}
</script>
<div class="breadcrumbs breadcrumbs hide_for_print" data-list-name="breadcrumbs">
	
			<a class="breadcrumbs__crumb" href='/templates/articlecco_cdo/aid/7432757/jewish/Photos.htm' data-aid="7432757">
				Photos
			</a>
		<span class="breadcrumbs__divider fa fa-angle-end"></span>
			<a class="breadcrumbs__crumb" href='/templates/articlecco_cdo/aid/717654/jewish/Photo-Gallery.htm' data-aid="717654">
				Photo Gallery
			</a>
		<span class="breadcrumbs__divider fa fa-angle-end"></span>
			<a class="breadcrumbs__crumb" href='/templates/articlecco_cdo/aid/7241174/jewish/Older-Photos.htm' data-aid="7241174">
				Older Photos
			</a>
		
</div>
	
			<h1 class="article-header__title js-article-title js-page-title">Girls Craft & Dance Event</h1>
		
			<div>
				
			</div>
		
</header>
				</div>
			
			<div class="body_wrapper clearfix co_body">
				<div class="g700" id="co_body_container">
					
					<div id="ContentBody">
						
						
							<div class="content-area-parent no_margin">
								
	<div id="fb-root"></div>
	<script>	(function (d, s, id) {
		var js, fjs = d.getElementsByTagName(s)[0];
		if (d.getElementById(id)) return;
		js = d.createElement(s); js.id = id;
		js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=-1&version=v2.0";
		fjs.parentNode.insertBefore(js, fjs);
	}(document, 'script', 'facebook-jssdk'));</script>
	<div id="lightbox-wrapper" class="hidden">
		<div id="lightbox">
			<div id="details-panel"><span id="album-name" class="large_left_margin">Girls Craft & Dance Event</span>
				<a id="close" href="#"><span>X</span></a>
			</div>
			<div id="left-panel">
				<div id="img-panel">
					<div id="lightbox-img-one-section" class="img-section">
						<img id="lightbox-img-one" class="img" src="" />
						<div id="lightbox-caption-one-wrapper" class="caption-wrapper"><div id="lightbox-caption-one" class="caption"></div></div>
					</div>
					<div id="lightbox-img-two-section" class="img-section">
						<img id="lightbox-img-two" class="img" src="" />
						<div id="lightbox-caption-two-wrapper" class="caption-wrapper"><div id="lightbox-caption-two" class="caption"></div></div>
					</div>
					<div id="lightbox-beginning-section" class="img-section hidden">
						<div class="slide-text">
							<p class="slide-message">You've reached the beginning of Girls Craft & Dance Event</p>
							<p id="beginning-restart" class="restart"><a href="#">Start again <img class="restart-img" src="https://w2.chabad.org/images/global/spacer.gif" /></a></p>
						</div>
					</div>
					<div id="lightbox-end-section" class="img-section hidden">
						<div class="slide-text">
							<p class="slide-message">You've finished Girls Craft & Dance Event</p>
							<p id="end-restart" class="restart"><a href="#">Start again <img class="restart-img" src="https://w2.chabad.org/images/global/spacer.gif" /></a></p>
						</div>
					</div>
					<div id="loading-indicator"></div>
					<div id="controls">
						<a id="previous" href="#">Previous</a>
						<a id="next" href="#">Next</a>
					</div>
					<div id="social-panel">
						<div class="social_subpanel float_left">
							<div id="count" class="float_right large_right_margin"></div>
						</div>
						<div class="social_subpanel float_right">
							<div id="social-buttons" class="float_left small_left_margin">
								<div id="like-button"></div>
							</div>
						</div>
					</div>
				</div>
				<div id="thumbnails-wrapper">
					<a id="left" href="#">Left</a>
					<a id="right" href="#">Right</a>
					<div id="thumbnails-panel">
						<!-- Thumbnails | Example:

								<div class="thumbnail photo" id="thumbnail0" data-img="0">
									<a href="#">
										<img src="photos/Tulips.jpg" width="220"/>
									</a>
								</div>

								-->
						
					</div>
				</div>
			</div>
			<div id="comments"></div>
		</div>
	</div>
	<div id="cco_body" class=" g700 no_margin">
		<div id="photos" class="clearfix">
			<!-- Photos | Example:
			
			<div class="photo" id="icon0" data-img="0">
				<a href="#">
					<img src="photos/Tulips.jpg" width="220"/>
				</a>
			</div>

			-->
			
		</div>
		

<div class="content-footer">
	
	
	
	
		<div class="section-articles below-article clearfix" id="MoreInSection" data-list-name="more in this section">
			<h2 class="below-article__title">More in this section</h2>
			<div class="bs-container">
				<div class="bs-row">
					
		<div class="section-articles__column col-md-6 ">
			<ul class="small-links small-links--orange">
				
		<li class="small-links__item ">
			
				<div class="media_icon folder">
					
				</div>
			
			<a class="link_item" href="/templates/photogallery_cdo/aid/5598964/jewish/Ladies-Henna-Night.htm" data-aid="5598964">Ladies Henna Night</a>
		</li>
		
	
		<li class="small-links__item ">
			
			<a class="link_item" href="/templates/photogallery_cdo/aid/4674966/jewish/Purim-5780-2020.htm" data-aid="4674966">Purim 5780 / 2020</a>
		</li>
		
	
		<li class="small-links__item ">
			
			<a class="link_item" href="/templates/photogallery_cdo/aid/4627138/jewish/70-Years-Strong.htm" data-aid="4627138">70 Years Strong</a>
		</li>
		
	
			</ul>
		</div>
	
		<div class="section-articles__column col-md-6 ">
			<ul class="small-links small-links--orange">
				
		<li class="small-links__item ">
			
			<a class="link_item" href="/templates/photogallery_cdo/aid/4597425/jewish/Chanukah-on-Ice-57792019.htm" data-aid="4597425">Chanukah on Ice 5779/2019</a>
		</li>
		
	
		<li class="small-links__item ">
			
			<a class="link_item" href="/templates/photogallery_cdo/aid/4460573/jewish/Summer-Backyard-Party.htm" data-aid="4460573">Summer Backyard Party</a>
		</li>
		
			<li class="small-links__item small-links__item--more">
				<a href="/article.asp?aid=7241174" data-aid="7241174">View All  &raquo;</a>
			</li>
		
	
			</ul>
		</div>
	
				</div>
			</div> 
		</div>
	
		

	
	
</div>
	</div>
</div>
						
						<div class="break_floats"></div>
						
					</div>
				</div>
				
				
					<div class="ads g260" id="co_ads_container">
						
	



<div class="sidebar-local-navigation cf" id="">

<meta class="js-desktop-local-nav" data-base-class="co_local_menu" />

	<div class="co_local_menu local_content js-local-nav" data-list-name="local navigation">
		
			
				<div class="header ">			
					
						<div class="section_title">
						<div><a data-menu-level="0" data-aid="7432757" href="/templates/articlecco_cdo/aid/7432757/jewish/Photos.htm">Photos</a></div>
						</div>
					
				</div>
				<div class="clearfix body medium_bottom_margin">
					
							
								<div class="item first" data-menu-level="1">
									<a data-aid="7432759" href="/templates/articlecco_cdo/aid/7432759/jewish/Womens-Events.htm"><span>Women's Events</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="7432760" href="/templates/articlecco_cdo/aid/7432760/jewish/Holiday-Events.htm"><span>Holiday Events</span></a>
								</div>
							
							
						
							
								<div class="item next_selected" data-menu-level="1">
									<a data-aid="7432762" href="/templates/articlecco_cdo/aid/7432762/jewish/Social-Events.htm"><span>Social Events</span></a>
								</div>
							
							
						
							
							
								<div class="item selected last" data-menu-level="1">
									<a data-aid="717654" href="/templates/articlecco_cdo/aid/717654/jewish/Photo-Gallery.htm"><span>Photo Gallery</span></a>
									
											<div class="item_sub selected" data-menu-level="2">
												<a data-aid="7241174" href="/templates/articlecco_cdo/aid/7241174/jewish/Older-Photos.htm"><span>Older Photos</span></a>
											</div>
										
											<div class="item_sub " data-menu-level="2">
												<a data-aid="7241178" href="/templates/articlecco_cdo/aid/7241178/jewish/5785.htm"><span>5785</span></a>
											</div>
										
											<div class="item_sub " data-menu-level="2">
												<a data-aid="7241179" href="/templates/articlecco_cdo/aid/7241179/jewish/5786.htm"><span>5786</span></a>
											</div>
										
											<div class="item_sub  last" data-menu-level="2">
												<a data-aid="5118644" href="/templates/photogallery_cdo/aid/5118644/jewish/Ladies-Night-Out-April-2021.htm"><span>Ladies Night Out April 2021</span></a>
											</div>
										
								</div>
							
						<div class="separator"></div>
				</div>
			
			
			
	<div id="LocalNavigationQuickLinks" class="clearfix secondary_navigation local-navigation-quick-links container padding">
		<div class="header small_bottom_padding">
			<div>Quick Links</div>
		</div>

		
				<div class="item ">
					<a href="/4617102"><span><span>North Seattle Eruv</span></span></a>
				</div>
			
				<div class="item ">
					<a href="/4617104"><span><span>Davening Times</span></span></a>
				</div>
			
				<div class="item ">
					<a href="/4617105"><span><span>Community Newsletter</span></span></a>
				</div>
			
				<div class="item ">
					<a href="/4617106"><span><span>Contact Us</span></span></a>
				</div>
			
				<div class="item ">
					<a href="/4617107"><span><span>Donate/Sponsor</span></span></a>
				</div>
			
				<div class="item ">
					<a href="/article.asp?aid=3710960"><span><span>Contact</span></span></a>
				</div>
			
				<div class="item ">
					<a href="/4970020"><span><span>Donate</span></span></a>
				</div>
			
	</div>

		
	</div>
</div>


	

					</div>
				
				
			</div>
			
			
		</div>
		
		<aside class="page-tools-sidebar js-page-tools-sidebar hide_for_print">
<div class="page-tools js-page-tools-menu">
<div class="page-tools__section page-tools__section--share">
<a class="page-tools__tool js-share-popup page-tools__tool--facebook" data-share-url="https://www.facebook.com/dialog/share?app_id=188669250943&amp;display=popup&amp;href=https%3a%2f%2fwww.cstlseattle.org%2ftemplates%2fphotogallery_cdo%2faid%2f5598958%2fjewish%2fGirls-Craft-Dance-Event.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=Girls+Craft+%26+Dance+Event&amp;url=https%3a%2f%2fwww.cstlseattle.org%2ftemplates%2fphotogallery_cdo%2faid%2f5598958%2fjewish%2fGirls-Craft-Dance-Event.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=Girls+Craft+%26+Dance+Event https%3a%2f%2fwww.cstlseattle.org%2ftemplates%2fphotogallery_cdo%2faid%2f5598958%2fjewish%2fGirls-Craft-Dance-Event.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.cstlseattle.org%2ftemplates%2fphotogallery_cdo%2faid%2f5598958%2fjewish%2fGirls-Craft-Dance-Event.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dpinterest&amp;description=Girls+Craft+%26+Dance+Event">
				<i class="fa fa-pinterest"></i>
			</a>
<a class="page-tools__tool" onclick="showEmailLayer(this);">
<i class="fa fa-envelope"></i>
</a>
</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>CSTL  </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/cstlseattle" class="fa fa-facebook facebook_homepage" title="Facebook"></a>
		
</div>
	

				</div>
			
		</div>
	</div>

	
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery-latest.min.js?g=30&v=278824AF"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/co/dist/CoLib.js?g=30&v=CD6CB303"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js?g=30&v=C8425CA5"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/templates/sites6.js?g=30&v=E04072E1"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/primarynavigation.js?g=30&v=76ABCD73"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/templates/photogallery.js?g=30&v=42FF58D0"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/BetaFeedback.js?g=30&v=2A22CA16"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/article/comments/reply-form-controller.js?g=30&v=DC70C970"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/commentsloader.js?g=30&v=AD6AAB79"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/subscribeprompt.js?g=30&v=86D84DC2"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/modules/pagetools.js?g=30&v=930B07AB"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/deprecated.js?v=D506A83E&g=30"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/OverrideJSDocumentWrite.js?g=30&v=9A0227AA"></script><script>$j = $j.fn ? $j : jQuery;$j(()=>{$q.forEach(f=>{try{f.call(window);}catch(ex){console.error(ex);}});})</script>
	
	
	
	
	<script type="text/javascript" language="javascript">
		var photoArray = [];
		var photoMap = {};

		
				photoArray.push({Index: photoArray.length, Id: '11993046', Icon: 'https://w2.chabad.org/media/images/1199/oBhP11993046.jpeg', LargeImage: 'https://w2.chabad.org/media/images/1199/XxfG11993045.jpeg', Caption: ''});
				photoMap['11993046'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '11993048', Icon: 'https://w2.chabad.org/media/images/1199/hPnP11993048.jpeg', LargeImage: 'https://w2.chabad.org/media/images/1199/HnCC11993047.jpeg', Caption: ''});
				photoMap['11993048'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '11993050', Icon: 'https://w2.chabad.org/media/images/1199/URYf11993050.jpeg', LargeImage: 'https://w2.chabad.org/media/images/1199/XyWe11993049.jpeg', Caption: ''});
				photoMap['11993050'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '11993052', Icon: 'https://w2.chabad.org/media/images/1199/KprA11993052.jpeg', LargeImage: 'https://w2.chabad.org/media/images/1199/KEHF11993051.jpeg', Caption: ''});
				photoMap['11993052'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '11993054', Icon: 'https://w2.chabad.org/media/images/1199/OBei11993054.jpeg', LargeImage: 'https://w2.chabad.org/media/images/1199/IBVU11993053.jpeg', Caption: ''});
				photoMap['11993054'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '11993056', Icon: 'https://w2.chabad.org/media/images/1199/iiwX11993056.jpeg', LargeImage: 'https://w2.chabad.org/media/images/1199/ocJB11993055.jpeg', Caption: ''});
				photoMap['11993056'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '11993058', Icon: 'https://w2.chabad.org/media/images/1199/JkOM11993058.jpeg', LargeImage: 'https://w2.chabad.org/media/images/1199/VjDF11993057.jpeg', Caption: ''});
				photoMap['11993058'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '11993060', Icon: 'https://w2.chabad.org/media/images/1199/WBJS11993060.jpeg', LargeImage: 'https://w2.chabad.org/media/images/1199/oMFc11993059.jpeg', Caption: ''});
				photoMap['11993060'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '11993062', Icon: 'https://w2.chabad.org/media/images/1199/nrCT11993062.jpeg', LargeImage: 'https://w2.chabad.org/media/images/1199/csvJ11993061.jpeg', Caption: ''});
				photoMap['11993062'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '11993065', Icon: 'https://w2.chabad.org/media/images/1199/cMPY11993065.jpeg', LargeImage: 'https://w2.chabad.org/media/images/1199/zXvo11993064.jpeg', Caption: ''});
				photoMap['11993065'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '11993067', Icon: 'https://w2.chabad.org/media/images/1199/bMdP11993067.jpeg', LargeImage: 'https://w2.chabad.org/media/images/1199/GHwr11993066.jpeg', Caption: ''});
				photoMap['11993067'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '11993069', Icon: 'https://w2.chabad.org/media/images/1199/clvp11993069.jpeg', LargeImage: 'https://w2.chabad.org/media/images/1199/ixwN11993068.jpeg', Caption: ''});
				photoMap['11993069'] = photoArray[photoArray.length-1];

		var FacebookSettings = {
			CommentsEnabled: false,
			HasAlbumId : false,
			AlbumId : '',
			IsPrintVersion: false,
			BaseUrl: 'http://www.cstlseattle.org/templates/photogallery_cdo/aid/5598958'
		};

		Co.Anchor.Events.AddEventListener("change", function(e)
		{
			//don't parseInt this, as the ids are long enough that JS will corrupt them. Strings work fine
			var photoID = e.items['photoid'];
			if (!isNaN(photoID))
			{
				if (Co_Slideshow.currentImg && Co_Slideshow.index !== (photoMap[photoID].Index))
					Co_Slideshow.openImage(photoMap[photoID].Index);
			}					

			if (e.items['close']==='true')
				Co_Slideshow.closeLightbox(e);
		});

		if(FacebookSettings.HasAlbumId)
		{
			var json = undefined;
			var facebookLikeUrl = [];
			var facebookCommentsUrl = [];
			if (json && !json.error && json.data.length)
			{
				photoArray = [];
				photoMap = { };
				facebookLikeUrl = [];
				facebookCommentsUrl = [];
				//Index_of_Requested_image = 0;
				Co_Slideshow.index = -1;
				var photo = null;
				var photoItem = {};
				for (var i in json.data)
				{
					//val2 = a[c][d];
					photo = json.data[i];

					if(!photo.source && photo.images && photo.images.length)
						photo.source = photo.images[0].source;

					if (typeof(photo.source) != "undefined")
					{
						var caption = "";
						if (photo.name)
							caption = photo.name;
						photoItem =
						{
							Index: photoArray.length,
							Id: photo.id,
							Icon: photo.picture,
							LargeImage: photo.source,
							Caption: caption,
                            Date: new Date(photo.created_time)
						};
						if( photo.images && photo.images.length )
						{
							//CWNP-608.
							// We want the nicest looking size...
							var largeImage =
							{
								source: null,
								height: 0,
								width: 0
							};
							var icon =
							{
								source: null,
								height: 0,
								width: 0
							};
							for( var i = 0, iMax = photo.images.length; i < iMax; i++ )
							{
								var image = photo.images[i];
								if( image.height > largeImage.height || image.width > largeImage.width )
								{
									largeImage.source = image.source;
									largeImage.height = image.height;
									largeImage.width = image.width;
								}
								if( ( image.height > icon.height && image.height < 321 )//Max 320
								|| ( image.width > icon.width && image.width < 321 ))
								{
									icon.source = image.source;
									icon.height = image.height;
									icon.width = image.width;
								}
							}
							if( !icon.source )
								icon = largeImage;
							if( largeImage.source )
							{
								photoItem.LargeImage = largeImage.source;
								photoItem.Icon = icon.source;
							}
						}
						photoArray.push( photoItem );
						photoMap[photo.id] = photoArray[photoArray.length-1];

						facebookLikeUrl.push('https://www.facebook.com/'+FacebookSettings.AlbumId+photo.id);
						facebookCommentsUrl.push(photo.link);
					}
				}
				// Sort photos by most recent date.
				photoArray
					.sort((a,b) => b.Date - a.Date)
					.map((photo, index) => photo.Index = index);
			}
		}

		var photos = [];
		var thumbnails = [];
		var amountOfPhotos = Math.min(250, photoArray.length);
        for (var i = 0; i < amountOfPhotos; i++)
		{
			photo = photoArray[i];
							
			photos.push(
				'<div class="photo" id="icon' + i + '" data-img="' + i + '"><a href="#">'+
				'<img style="background-image: url(' + photo.Icon +
				'); background-size: cover; background-position: 50% 25%;"' + 
				'src="https://w2.chabad.org/images/global/spacer.gif" width="115" height="115" border="0" alt="'+ 
				photo.Caption + '" title="' + photo.Caption + '"></a></div>');

			// Thumbnails
			thumbnails.push(
				'<div class="photo thumbnail"  id="icon' + i + '" data-img="' + i + '"><a href="#">'+
				'<img style="background-image: url(' + photo.Icon +
				'); background-size: cover; background-position: 50% 25%;"' + 
				'src="https://w2.chabad.org/images/global/spacer.gif" border="0" alt="'+ 
				photo.Caption + '" title="' + photo.Caption + '"></a></div>');
		}

		Co.DomEvents.AddListener(window, "domload", function()
		{
			if (photoArray.length == 0)
			{
				document.getElementById('photos').innerHTML = 'No photos found';
			}
			else
			{
				document.getElementById('photos').innerHTML = photos.join(' ');
				document.getElementById('thumbnails-panel').innerHTML = thumbnails.join(' ');
				initSlideshow();
			}
		});

		var image_url = FacebookSettings.baseUrl + '/iid/' + photoArray[0].Id;
			
		if(FacebookSettings.HasAlbumId)
		{
			image_url = facebookLikeUrl[0];
		}

		function initSlideshow()
		{					
			Co_Slideshow.initialize();
		}
    </script>
		

<script  language="javascript" type="text/javascript"> Co.Settings      = {CacheClassName:'js-cache-default',MosadName:'CSTL'}; Co.ArticleId     = '5598958';Co.SectionId     = 7432757;Co.PartnerSiteId = 0;Co.SiteId        = 895;Co.IsMobilePage  = false;Co.IsResponsive  = false;Co.DbDomain      = 'CSTLSeattle.org';Co.LanguageCode  = '';Co.LoginStatus   = 'None';</script>

    
<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: #fff5ec !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 + the
       form-field-hidden class. Re-assert it so nothing forces the row
       open before JotForm's 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: #821d30 !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: #821d30 !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: #821d30 !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: #ffe9e0 !important;
        border-color: #821d30 !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: #821d30 !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: #821d30 !important;
    }

    .form-all input[type="checkbox"]:checked {
        background-color: #821d30 !important;
        border-color: #821d30 !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: #821d30 !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: #ffe9e0 !important;
        border-color: #821d30 !important;
    }

    .form-all [data-type="control_amount"] .form-radio-item.active-option label {
        color: #821d30 !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: #f5c4b8 !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: #821d30 !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: #821d30 !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; }
.icon-updates .widget_header h5{ margin-bottom: 5.8rem !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() {
    // ─── GLOBAL FORM SCRIPTS (Interactions Only) ───
    const initInteractions = () => {
        if (!document.querySelector('.form-all')) return;

        /* Safe change trigger — use jQuery when available so JotForm's
           jQuery-bound handlers receive it through the same pipeline.   */
        const triggerChange = (input) => {
            if (window.jQuery) {
                jQuery(input).trigger('change');
            } else {
                input.dispatchEvent(new Event('change', { bubbles: true }));
            }
        };

        // ── Global State Updater ──────────────────────────────────────
        const items = document.querySelectorAll(
            '.form-radio-item, .form-checkbox-item, .payment_method_container, .payment-method-container'
        );

        const updateState = () => {
            items.forEach(item => {
                const input = item.querySelector('input[type="radio"], input[type="checkbox"]');
                if (input && input.checked) {
                    item.classList.add('active-option', 'active');
                } else {
                    item.classList.remove('active-option', 'active');
                }
            });
        };

        // ── Continuous loop (250ms) ───────────────────────────────────
        setInterval(() => {

            // Keep "Other" text inputs writable
            document.querySelectorAll(
                '.form-radio-other-input, .form-product-custom_price, #input_partial, [name*="[other]"]'
            ).forEach(el => {
                if (el.disabled || el.readOnly) {
                    el.disabled = false;
                    el.readOnly = false;
                    el.removeAttribute('disabled');
                    el.removeAttribute('readonly');
                }
            });

            // Style file-upload Shadow DOM
            document.querySelectorAll('magen-file-drop-zone').forEach(dz => {
                const parent = dz.closest('.form-input');
                if (parent) {
                    parent.style.setProperty('width',     '100%',     'important');
                    parent.style.setProperty('max-width', '100%',     'important');
                    parent.style.setProperty('flex',      '1 1 100%', 'important');
                }
                dz.style.setProperty('width', '100%', 'important');

                if (dz.shadowRoot) {
                    let styleTag = dz.shadowRoot.querySelector('#custom-dz-style');
                    if (!styleTag) {
                        styleTag = document.createElement('style');
                        styleTag.id = 'custom-dz-style';
                        dz.shadowRoot.appendChild(styleTag);
                    }
                    styleTag.innerHTML = `
                        :host { width: 100% !important; }
                        .x-dropzone, .container, .dropzone { width: 100% !important; box-sizing: border-box !important; }
                        button, .x-button {
                            background-color: #821d30 !important;
                            background: #821d30 !important;
                            color: #ffffff !important;
                            border-radius: 50px !important;
                            padding: 12px 24px !important;
                            font-family: 'Poppins', sans-serif !important;
                            font-weight: 600 !important;
                        }
                    `;
                }
            });

        }, 250);

        // ── "Other" input wiring ──────────────────────────────────────
        document.querySelectorAll(
            '.form-radio-other-input, .form-product-custom_price, #input_partial'
        ).forEach(otherInput => {
            const wrapper  = otherInput.closest('.form-radio-item');
            let otherRadio = wrapper ? wrapper.querySelector('input[type="radio"]') : null;

            if (otherInput.id === 'input_partial') {
                otherRadio = document.getElementById('other_partial') || otherRadio;
            }
            if (!otherInput || !otherRadio) return;

            const activateOther = () => {
                if (!otherRadio.checked) otherRadio.click();
                updateState();
            };

            otherInput.addEventListener('click',     () => activateOther());
            otherInput.addEventListener('focus',     () => activateOther());
            otherInput.addEventListener('mousedown', () => setTimeout(() => otherInput.focus(), 0));

            if (wrapper) {
                wrapper.addEventListener('click', (e) => {
                    if (e.target !== otherInput) {
                        activateOther();
                        setTimeout(() => otherInput.focus(), 10);
                    }
                });
            }
        });

        // Init visual state
        updateState();

        // ── Card-level click handler ──────────────────────────────────
        items.forEach(item => {
            const input = item.querySelector('input[type="radio"], input[type="checkbox"]');
            if (!input) return;

            input.addEventListener('change', updateState);

            item.addEventListener('click', (e) => {

                // "Other" cards — handled by the wiring above
                if (item.classList.contains('clear-left') ||
                    item.querySelector('.form-radio-other-input, #input_partial')) return;

                // Clicks directly on any input or select — let browser handle natively
                if (e.target.tagName === 'INPUT' || e.target.tagName === 'SELECT') return;

                // Clicks inside OR on a label — browser's label→for binding already activates the input
                if (e.target.closest('label')) return;

                // Payment method radios have onclick that JotForm needs to run in its own controlled way
                if (input.classList.contains('paymentMethod')) return;

                // Card-background click — activate input via native click
                input.click();
                updateState();
            });
        });

        // ── Number Spinner injection (+ / − buttons) ──────────────────
        document.querySelectorAll(
            'input[data-type="input-number"], input[data-type="input-spinner"], .form-spinner-input'
        ).forEach(input => {
            if (input.parentElement.classList.contains('custom-number-wrapper')) return;

            const wrapper = document.createElement('div');
            wrapper.className = 'custom-number-wrapper';
            input.parentNode.insertBefore(wrapper, input);
            wrapper.appendChild(input);

            const minus = document.createElement('div');
            minus.className = 'qty-btn minus';
            minus.textContent = '−';

            const plus = document.createElement('div');
            plus.className = 'qty-btn plus';
            plus.textContent = '+';

            wrapper.insertBefore(minus, input);
            wrapper.appendChild(plus);

            minus.addEventListener('click', (e) => {
                e.preventDefault();
                input.stepDown();
                triggerChange(input);
            });
            plus.addEventListener('click', (e) => {
                e.preventDefault();
                input.stepUp();
                triggerChange(input);
            });
        });

        // ── Remove "at" label from datetime fields ────────────────────
        document.querySelectorAll('.at-label').forEach(label => {
            const container = label.closest('.form-sub-label-container');
            if (container) container.remove();
            else label.remove();
        });
    };

    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', () => setTimeout(initInteractions, 500));
    } else {
        setTimeout(initInteractions, 500);
    }
})();
</script>
</body>
</html>