<!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/1268/wGAY12683800.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="Women&#39;s,Circle,-,93,Queen,Private,Screening" />
<meta name="title" content="Women&#39;s Circle - 93 Queen Private Screening - CSTL | Your Seattle Jewish Hub" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="717643-717651-4616978-4617056-3162405-4352561" />
<meta name="article-keywords" content="6760-1675-2170-2898" />
<meta name="scope-aid" content="717643" />
<meta name="scope-aid" content="717651" />
<meta name="scope-aid" content="4616978" />
<meta name="scope-aid" content="4617056" />
<meta name="scope-aid" content="3162405" />
<meta name="scope-aid" content="4352561" />
<meta name="article-keyword" content="6760" />
<meta name="article-keyword" content="1675" />
<meta name="article-keyword" content="2170" />
<meta name="article-keyword" content="2898" />
<meta property="og:url" content="https://www.cstlseattle.org/templates/articlecco_cdo/aid/4352561/jewish/Womens-Circle-93-Queen-Private-Screening.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Women&#39;s Circle - 93 Queen Private Screening - CSTL | Your Seattle Jewish Hub" /><link rel="canonical" href="https://www.cstlseattle.org/templates/articlecco_cdo/aid/4352561/jewish/Womens-Circle-93-Queen-Private-Screening.htm" />
<link rel="icon" type="image/png" href="https://www.cstlseattle.org/media/images/1268/wGAY12683800.png" />
<link rel="Stylesheet" href="/css/fonts/font-awesome/font-awesome-5.css" id="kfont-awesome" type="text/css"/>
<link rel="Stylesheet" href="/css/DefaultGrid.css" id="kgrid" type="text/css"/>
<link rel="Stylesheet" href="/css/Elements.css" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites.css" id="ksites-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/new/main.css" id="k7" type="text/css"/>
<link rel="Stylesheet" href="/css/global.css" id="k3" type="text/css"/>
<link rel="Stylesheet" href="/css/global-print.css" id="k5" type="text/css" media="print"/>
<link rel="Stylesheet" href="/css/cco/home/widget-styles.css" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/sites6/default-theme.css" id="k" type="text/css"/>
<link rel="Stylesheet" href="/css/old/global.css" id="k2898" type="text/css"/>
<link rel="Stylesheet" href="/css/bootstrap/grid.css" id="kbootstrap4-grid" type="text/css"/>
<link rel="Stylesheet" href="/css/Library/reader-comments.css" id="kCommentsStylesheet" type="text/css"/>
<link rel="Stylesheet" href="/css/inline/BookInfo.css" id="kBookInfoCss" type="text/css"/>
<!--[if lte IE 8]> <link rel="Stylesheet" href="/css/global-ie.css" id="k4" type="text/css"/> <![endif]-->
<script>$q=[];$j=function(f){$q.push(f);}</script>
	
<title>
	Women's Circle - 93 Queen Private Screening - CSTL | Your Seattle Jewish Hub
</title>
	



<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2019-04-09","primaryArticleId":4352561,"title":"","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"Community","contentLevel3":"Events","contentLevel4":"Past Events","contentLevel5":"Women's Circle - 93 Queen Private Screening","siteName":"CSTL | Your Seattle Jewish Hub"},"time":{"upcomingHoliday":"The Three Weeks","daysToUpcomingHoliday":0,"hebrewDate":"5786-04-17"}});
		dataLayer.push({ 'articleHierarchy': '-717643-717651-4616978-4617056-3162405-4352561-', 'keywords': '-k2898-k2170-k1675-k6760-', 'k': '-717643-717651-4616978-4617056-3162405-4352561--k2898-k2170-k1675-k6760-' });
	
</script>
<script>

(function(c,h,a,b,a,d){c[a]=c[a]||[];c[a].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=h.getElementsByTagName(b)[0],
j=h.createElement(b);j.async=true;
j.src='https://w6.chabad.org/mitzvah-tank.js';f.parentNode.insertBefore(j,f);
})(window,document,0,'script','dataLayer');</script>

	<!-- Start of StatCounter Code -->
	<script type="text/javascript">
	var sc_project = 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)
   ════════════════════════════════════════════════════════════════ */
#header,
#header .header-wrapper,
#header_container { background: var(--cstl-cream) !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; }

/* Site title / subtitle → right color + font */
.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;
}
.co_menu_item:hover { background: #6e1828 !important; }
.co_menu_item:hover .parent,
.co_menu_item:hover a.parent { 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;
}
.cstl-info-cards .item:nth-child(odd)  .title { color: var(--cstl-dark-red) !important; }
.cstl-info-cards .item:nth-child(even) .title { color: var(--cstl-coral) !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;
}
.latest_photos .widget_content ul {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: clamp(8px, 1.5vw, 18px) !important;
  list-style: none !important;
  margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) !important;
  padding: 0 !important;
}
.latest_photos .widget_content ul li { margin: 0 !important; padding: 0 !important; float: none !important; }
.latest_photos .widget_content ul li a {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 220 / 128 !important;
  border-radius: 7px !important;
  overflow: hidden !important;
}
.latest_photos .widget_content ul li a img {
  width: 100% !important; height: 100% !important;
  border-radius: 7px !important;
  transition: transform .35s ease !important;
}
.latest_photos .widget_content ul li a:hover img { transform: scale(1.06) !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;
}

.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;
}
.chabad_updates .title, .chabad_updates a,.chabad_updates *
.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; }
  .latest_photos .widget_content ul { 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-dark-red) !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; }
  .latest_photos .widget_content ul { grid-template-columns: repeat(2, 1fr) !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; }
}
</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;}
</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 { color: var(--cstl-dark-red) !important; font-size: 22px; }
.cstl-info-cards .item.cstl-even .title { color: var(--cstl-coral) !important; font-size: 22px; }

/* 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;
}
</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=4352561&amp;jewish=Womens-Circle-93-Queen-Private-Screening.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/1268/wGAY12683800.png" width="100" height="100" border="0"  /></a></div>
					
					<a href="/default.asp" title="CSTL | Your Seattle Jewish Hub" class="site_title">CSTL | Your Seattle Jewish Hub<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 = "639184228957717461";
</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="717652" 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/3535562/jewish/Leadership.htm" class="item empty" id="menu_item1-1" data-menu-level="2" data-aid="3535562">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Leadership</span>
</a>
<a href="/templates/articlecco_cdo/aid/4616349/jewish/Visit-Us.htm" class="item empty" id="menu_item1-2" 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>
<a href="/templates/articlecco_cdo/aid/4612904/jewish/North-Seattle-Eruv.htm" class="item empty" id="menu_item1-3" data-menu-level="2" data-aid="4612904">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>North Seattle Eruv</span>
</a>
<a href="/templates/articlecco_cdo/aid/3154312/jewish/Mikveh.htm" class="item empty" id="menu_item1-4" data-menu-level="2" data-aid="3154312">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Mikveh</span>
</a>
</div>
<div id="menu_child1-1" class="menu_child empty selected" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child1-2" class="menu_child 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-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_child1-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/717652/jewish/About-Us.htm" class="parent">About<br />Us</a></div></span><a href="/templates/articlecco_cdo/aid/717652/jewish/About-Us.htm" class="bg_extension js-parent-menu-link" data-aid="717652"></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="733111" 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/717655/jewish/Davening-Times.htm" class="item empty" id="menu_item2-1" data-menu-level="2" data-aid="717655">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Davening Times</span>
</a>
<a href="/templates/articlecco_cdo/aid/3366611/jewish/Weekly-Classes.htm" class="item empty" id="menu_item2-2" data-menu-level="2" data-aid="3366611">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Weekly Classes</span>
</a>
<a href="/templates/articlecco_cdo/aid/4312812/jewish/Childrens-Program.htm" class="item empty" id="menu_item2-3" data-menu-level="2" data-aid="4312812">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Children's Program</span>
</a>
<a href="https://www.chabadofseattle.org/templates/emailarchive.htm" class="item empty" id="menu_item2-4" 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/6585124/jewish/Passover.htm" class="item empty" id="menu_item2-5" data-menu-level="2" data-aid="6585124">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Passover</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 id="menu_child2-5" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><img src="https://w2.chabad.org/images/global/spacer.gif" width="12" height="6" border="0" vspace="2" /><div><a href="/templates/articlecco_cdo/aid/733111/jewish/Davening-Classes.htm" class="parent">Davening&nbsp;&<br />Classes</a></div></span><a href="/templates/articlecco_cdo/aid/733111/jewish/Davening-Classes.htm" class="bg_extension js-parent-menu-link" data-aid="733111"></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="4616978" 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/3258734/jewish/Membership.htm" class="item empty" id="menu_item3-1" 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>
<a href="/templates/articlecco_cdo/aid/4617056/jewish/Events.htm" class="item" id="menu_item3-2" data-menu-level="2" data-aid="4617056">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow" />
<span>Events</span>
</a>
<a href="/templates/articlecco_cdo/aid/717654/jewish/Photo-Gallery.htm" class="item" id="menu_item3-3" 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>
<a href="/templates/articlecco_cdo/aid/7264071/jewish/Chessed-Fund.htm" class="item empty" id="menu_item3-4" 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/6836170/jewish/Sell-Your-Chometz.htm" class="item empty" id="menu_item3-5" data-menu-level="2" data-aid="6836170">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Sell Your Chometz</span>
</a>
</div>
<div id="menu_child3-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_child3-2" class="menu_child" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="/templates/articlecco_cdo/aid/3162405/jewish/Past-Events.htm" class="child_item default" data-menu-level="3" data-aid="3162405"><span>Past Events</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/6622375/jewish/Womens-Judaic-Clay-Art.htm" class="child_item default" data-menu-level="3" data-aid="6622375"><span>Women's Judaic Clay Art</span></a>
<a href="/templates/articlecco_cdo/aid/7207397/jewish/Lag-Baomer-Kosher-Pop-Up.htm" class="child_item default" data-menu-level="3" data-aid="7207397"><span>Lag Baomer Kosher Pop Up</span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child3-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/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 id="menu_child3-4" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child3-5" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><img src="https://w2.chabad.org/images/global/spacer.gif" width="12" height="6" border="0" vspace="2" /><div><a href="/templates/articlecco_cdo/aid/4616978/jewish/Community.htm" class="parent">Community</a></div></span><a href="/templates/articlecco_cdo/aid/4616978/jewish/Community.htm" class="bg_extension js-parent-menu-link" data-aid="4616978"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item" aid="3710960" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="/templates/articlecco_cdo/aid/3710960/jewish/Contact-Us.htm" class="parent">Contact<br />Us</a></div></span><a href="/templates/articlecco_cdo/aid/3710960/jewish/Contact-Us.htm" class="bg_extension js-parent-menu-link" data-aid="3710960"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item" aid="5183748" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="/templates/section_cdo/aid/5183748/jewish/Kiddush-Reservations.htm" class="parent">Kiddush<br />Reservations</a></div></span><a href="/templates/section_cdo/aid/5183748/jewish/Kiddush-Reservations.htm" class="bg_extension js-parent-menu-link" data-aid="5183748"></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/4616978/jewish/Community.htm",
      "name": "Community"
    }
  },
  {
    "@type": "ListItem",
    "position": 2,
    "item": {
      "@id": "/templates/articlecco_cdo/aid/4617056/jewish/Events.htm",
      "name": "Events"
    }
  },
  {
    "@type": "ListItem",
    "position": 3,
    "item": {
      "@id": "/templates/articlecco_cdo/aid/3162405/jewish/Past-Events.htm",
      "name": "Past Events"
    }
  },
  {
    "@type": "ListItem",
    "position": 4,
    "item": {
      "@id": "/article.asp?aid=4352561",
      "name": "Women's Circle - 93 Queen Private Screening"
    }
  }
]
}
</script>
<div class="breadcrumbs breadcrumbs hide_for_print" data-list-name="breadcrumbs">
	
			<a class="breadcrumbs__crumb" href='/templates/articlecco_cdo/aid/4616978/jewish/Community.htm' data-aid="4616978">
				Community
			</a>
		<span class="breadcrumbs__divider fa fa-angle-end"></span>
			<a class="breadcrumbs__crumb" href='/templates/articlecco_cdo/aid/4617056/jewish/Events.htm' data-aid="4617056">
				Events
			</a>
		<span class="breadcrumbs__divider fa fa-angle-end"></span>
			<a class="breadcrumbs__crumb" href='/templates/articlecco_cdo/aid/3162405/jewish/Past-Events.htm' data-aid="3162405">
				Past Events
			</a>
		
</div>
	
			<h1 class="article-header__title js-article-title js-page-title">Women's Circle - 93 Queen Private Screening</h1>
		
			<div>
				
			</div>
		
</header>
				</div>
			
			<div class="body_wrapper clearfix co_body">
				<div class="g960" id="co_body_container">
					
					<div id="ContentBody">
						
						
							<div class="content-area-parent no_margin">
								
	<div id="cco_body">
		<div class="content g960 no_margin no_overflow" id="co_content_container">
			
			
	

	<article class="content js-content" itemscope itemtype="http://schema.org/Article">
	



<meta itemprop="mainEntityOfPage headline name" content="" />

<meta itemprop="image" content="" />


<meta itemprop="uploadDate" content="2019-04-09T16:47:33" />
<span itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
	<meta itemprop="name" content="CSTL | Your Seattle Jewish Hub" />
	<meta itemprop="brand" content="CSTL | Your Seattle Jewish Hub" />
	<span itemprop="logo" itemscope itemtype="http://schema.org/ImageObject">
		<meta itemprop="url" content="https://w2.chabad.org/media/images/1268/wGAY12683800.png" />
		<meta itemprop="height" content="150" />
		<meta itemprop="width" content="150" />
	</span>
</span>
<meta itemprop="datePublished" content="2019-04-09T16:47:33" />
			<div itemprop="articleBody">
				<co:body xmlns:co="www1.chabadonline.com/alpha1" xmlns:ext="urn:xslt-extensions">
  <div class="co_body article-body cf">
<p style="text-align: center;">
<img src="https://w2.chabad.org/media/images/1087/FtrW10874013.jpg" alt="93QUEEN.jpg" width="800" height="1036" real_width="540" real_height="699" border="0"></p>
<p> </p>
</div>
</co:body>
			</div>
			

			<div class="break_floats"></div>
			
	<div class="break_floats"></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 ">
			
			<a class="link_item" href="/templates/articlecco_cdo/aid/4334004/jewish/Womens-Circle-Pre-Pesach-Pampering.htm" data-aid="4334004">Women's Circle - Pre Pesach Pampering</a>
		</li>
		
	
		<li class="small-links__item ">
			
			<a class="link_item" href="/templates/articlecco_cdo/aid/4316512/jewish/Purim-Carnival.htm" data-aid="4316512">Purim Carnival </a>
		</li>
		
	
		<li class="small-links__item ">
			
			<a class="link_item" href="/templates/articlecco_cdo/aid/4286180/jewish/Shabbat-Dinner.htm" data-aid="4286180">Shabbat Dinner</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/articlecco_cdo/aid/4261375/jewish/Decorate-Daquiris-|-Womens-Event.htm" data-aid="4261375">Decorate & Daquiris | Women's Event</a>
		</li>
		
	
		<li class="small-links__item ">
			
			<a class="link_item" href="/templates/articlecco_cdo/aid/4215643/jewish/Crafts-Cocktails.htm" data-aid="4215643">Crafts & Cocktails</a>
		</li>
		
			<li class="small-links__item small-links__item--more">
				<a href="/article.asp?aid=3162405" data-aid="3162405">View All  &raquo;</a>
			</li>
		
	
			</ul>
		</div>
	
				</div>
			</div> 
		</div>
	
		

	
	
</div>
	</article>

		</div>
	</div>
</div>
						
						<div class="break_floats"></div>
						
					</div>
				</div>
				
				
				
			</div>
			
			
		</div>
		
		
	</div>

				<div class="break_floats"></div>
			</div>
		</div>
	</div>
	<div id="footer">
		
	

		<div class="wrapper body_container">
			
				<div class="g960 footer_family_text bottom_padding">
					
		<div class="footer_container footer_text copyright_text">
			<div class="bottom_padding clear_float">
				<img class="footer_hr" src="https://w2.chabad.org/images/global/spacer.gif" vspace="12" width="100%" height="1" /><br />
				
				<div class="footer_inner_container clearfix">
					

					


	<div class="footer3"><b>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"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/co/dist/CoLib.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/templates/sites6.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/primarynavigation.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/BetaFeedback.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/multimedia/infolayer.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/commentsloader.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/subscribeprompt.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/deprecated.js?v=4.1.3"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/OverrideJSDocumentWrite.js"></script><script>$j = $j.fn ? $j : jQuery;$j(()=>{$q.forEach(f=>{try{f.call(window);}catch(ex){console.error(ex);}});})</script>
	

<script  language="javascript" type="text/javascript"> Co.Settings      = {CacheClassName:'js-cache-default',MosadName:'CSTL | Your Seattle Jewish Hub'}; Co.ArticleId     = '4352561';Co.SectionId     = 4616978;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>