<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="en" />

<meta property="og:image" content="https://w2.chabad.org/media/images/1257/SGES12575851.png" itemprop="image" width="195" height="82" />
<meta property="og:image:width" content="195" />
<meta property="og:image:height" content="82" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="handheldFriendly" content="true" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="keywords" content="Sukkah,in,the,City" />
<meta name="title" content="Sukkah in the City - Jewish Oasis" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="4587497-4587505-6297639-6196417-6196980" />
<meta name="article-keywords" content="2170-2898" />
<meta name="scope-aid" content="4587497" />
<meta name="scope-aid" content="4587505" />
<meta name="scope-aid" content="6297639" />
<meta name="scope-aid" content="6196417" />
<meta name="scope-aid" content="6196980" />
<meta name="article-keyword" content="2170" />
<meta name="article-keyword" content="2898" />
<meta property="og:url" content="https://www.jewishoasis.com/templates/articlecco_cdo/aid/6196980/jewish/Sukkah-in-the-City.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Sukkah in the City - Jewish Oasis" /><link rel="canonical" href="https://www.jewishoasis.com/templates/articlecco_cdo/aid/6196980/jewish/Sukkah-in-the-City.htm" />
<link rel="image_src" href="https://w2.chabad.org/media/images/1257/SGES12575851.png" />
<link rel="icon" type="image/png" href="https://www.jewishoasis.com/media/images/1393/sJjC13933325.png" />
<link rel="Stylesheet" href="/css/fonts/font-awesome/font-awesome-5.css?g=40&v=2D6ABDDB" id="kfont-awesome" type="text/css"/>
<link rel="Stylesheet" href="/css/DefaultGrid.css?g=40&v=A13D74E8" id="kgrid" type="text/css"/>
<link rel="Stylesheet" href="/css/Elements.css?g=40&v=7A8278DB" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites.css?g=40&v=CD5E9F02" id="ksites-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites-light.css?g=40&v=ED74537C" id="ksites-light-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/new/main.css?g=40&v=FF6B1CBD" id="k7" type="text/css"/>
<link rel="Stylesheet" href="/css/old/global.css?g=40&v=43DDBA77" id="k2898" type="text/css"/>
<link rel="Stylesheet" href="https://w2.chabad.org/css/cco/minisites/global.css" id="kk20962" type="text/css"/>
<link rel="Stylesheet" href="/css/global.css?g=40&v=27BD2E9E" id="kk2898" type="text/css"/>
<link rel="Stylesheet" href="/css/bootstrap/grid.css?g=40&v=F4390F2B" id="kbootstrap4-grid" type="text/css"/>
<link rel="Stylesheet" href="/css/Library/reader-comments.css?g=40&v=8AB57D79" id="kCommentsStylesheet" type="text/css"/>
<link rel="Stylesheet" href="/css/inline/BookInfo.css?g=40&v=3D052243" id="kBookInfoCss" type="text/css"/>

<script>$q=[];$j=function(f){$q.push(f);}</script><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	
<title>
	Sukkah in the City - Jewish Oasis
</title>
	



<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2023-11-29","primaryArticleId":6196980,"title":"","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"Archive","contentLevel3":"Previous Events","contentLevel4":"Sukkah in the City","siteName":"Jewish Oasis"},"time":{"upcomingHoliday":"Chanukah","daysToUpcomingHoliday":31,"hebrewDate":"5787-08-24"}});
		dataLayer.push({ 'articleHierarchy': '-4587497-4587505-6297639-6196417-6196980-', 'keywords': '-k2898-k2170-', 'k': '-4587497-4587505-6297639-6196417-6196980--k2898-k2170-' });
	
</script>
<script>

(function(c,h,a,b,a,d){c[a]=c[a]||[];c[a].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=h.getElementsByTagName(b)[0],
j=h.createElement(b);j.async=true;
j.src='https://w6.chabad.org/mitzvah-tank.js';f.parentNode.insertBefore(j,f);
})(window,document,0,'script','dataLayer');</script>

	<!-- Start of StatCounter Code -->
	<script type="text/javascript">
	var sc_project = 12167930;var sc_partition = 79;var sc_invisible = 1;var sc_remove_link=1;var sc_security = "bd8c85e3";var sc_https = 1;
	</script>
	<script type="text/javascript" src="https://secure.statcounter.com/counter/counter_xhtml.js" defer async></script>
	<noscript><img src="//c80.statcounter.com/counter.php?sc_project=12167930&amp;java=0&amp;security=bd8c85e3&amp;invisible=1" border="0" /> </noscript>
	<!-- End of StatCounter Code -->


<style type="text/css">
/* JEWISH OASIS - email row patch. Paste at the TOP of the site-wide custom CSS. */
/* Flex-basis beats ANY width rule on a flex item, so the email row is built as nested flex:
   li#id_3 (flex) > #cid_3 (flex:1, itself flex) > #input_3 (flex:1). Whatever the CMS sets as
   width on .form-input or the input no longer matters. */
#formContainer form[id="7573378"] .form-all #id_3 { display:flex !important; flex-direction:row !important; align-items:stretch !important; width:100% !important; }
#formContainer form[id="7573378"] .form-all #id_3 #label_3 { display:none !important; }
#formContainer form[id="7573378"] .form-all #id_3 #cid_3 { display:flex !important; flex:1 1 0% !important; width:auto !important; max-width:none !important; min-width:0 !important; }
#formContainer form[id="7573378"] .form-all #id_3 #cid_3 #input_3, #formContainer form[id="7573378"] .form-all #id_3 #cid_3 input { flex:1 1 0% !important; width:auto !important; max-width:none !important; min-width:0 !important; height:80px !important; }
#formContainer form[id="7573378"] .form-all #id_1 { display:flex !important; width:100% !important; }
#formContainer form[id="7573378"] .form-all #id_1 #cid_1 { flex:1 1 0% !important; width:auto !important; max-width:none !important; }
@media screen and (max-width:768px) {
  #formContainer form[id="7573378"] .form-all #id_3 #cid_3 input { height:60px !important; }
}
</style>

<style>
.body_wrapper.co_body{
width:100% !important;
}
@media all and (min-width:1360px){
#BodyContainer div:not(.no-hero-image) #co_content_container > .clearfix > .g960:not(.categorized) {
  padding-top: 174px !important;
  padding-bottom: 174px !important;
}
}
@media all and (min-width:1900px){
#BodyContainer div:not(.no-hero-image) #co_content_container > .clearfix > .g960:not(.categorized) {
  padding-top: 265px !important;
  padding-bottom: 265px !important;
}
}
@media all and (min-width:2500px){
#BodyContainer div:not(.no-hero-image) #co_content_container > .clearfix > .g960:not(.categorized) {
  padding-top: 371px !important;
  padding-bottom: 371px !important;
}
}
.footer-address { display: none !important;}
#BodyContainer div:not(.no-hero-image) #co_content_container > .clearfix > .g960:not(.categorized) {
background-size: auto 100%;
background-repeat: no-repeat;
}
.donate-content .description{
text-align:left;
}
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');
@import url('https://fonts.cdnfonts.com/css/avenir');
.hp-table .hp-row-first .promo_slider .slider .slides .slide_wrapper{
background-color:white !important;
}
.banner-updates .wrapper{
overflow:visible !important;
}
#footer{
padding-top:0px;
}
.header_container{
padding-bottom:30px !important;
}
.hp-table .hp-row:nth-of-type(3) .icon{
left:900px !important;
}
@media all and (max-width:1550px){
body #tabContentMain .co_menu_item span.parent a, body.cco_body #tabContentMain .co_menu_item span.parent a{
font-size:18px !important;
}
body .on-scroll #tabContentMain .co_menu_item span.parent a, body.cco_body .on-scroll #tabContentMain .co_menu_item span.parent a{
font-size:18px !important;
color:#333 !important;
}
body #tabContentMain .co_menu_item span.parent a, body.cco_body #tabContentMain .co_menu_item.hover span.parent a{
font-size:18px !important;
color:white;
}
}
@media all and (min-width:1025px){
body.cco_body #tabContentMain .co_menu_item.donate_link span.parent a{
border-color:white !important;
padding: 8px 25px !important;
font-weight:400 !important;
transition:all 0.3s ease-in-out;
}
body.cco_body #tabContentMain .co_menu_item.donate_link.hover span.parent a{
color:#19887A !important;
border-color:#19887A !important;
}
body #tabContentMain .co_menu_item.hover span.parent a, body.cco_body #tabContentMain .co_menu_item.hover span.parent a{
color:#19887A !important;
}
body.cco_body .on-scroll #tabContentMain .co_menu_item.donate_link span.parent a{
border-color:#333 !important;
}
body.cco_body .on-scroll #tabContentMain .co_menu_item.donate_link.hover span.parent a{
border-color:#19887A !important;
}
.site-nav-wrapper{
position:relative;
top:-40px;
}
.on-scroll .site-nav-wrapper{
top:-10px;
}
.co_menu_item a, .banner-updates .readMore{
font-family:'Avenir', 'Roboto', sans-serif !important;
font-weight:400 !important;
}
}
@media all and (max-width:1024px){
.site_title:after{
margin-left: -20px !important;
margin-top: 20px !important;
}
}
.footer-street::after{
content:',';
}
.footer3:first-child span:before{
content:'';
background-image:url('https://jewishoasis.com/media/images/1230/OTRm12302099.png');
background-size:20px 20px;
width:20px;
height:20px;
display:inline-block;
filter: invert(73%) sepia(0%) saturate(245%) hue-rotate(154deg) brightness(92%) contrast(85%);
margin-right: 8px;
position: relative;
top: 0px;
margin-left:20px
}
.footer-address span:before{
display:none !important;
}
span.footer-street:before{
content:'';
background-image:url('https://jewishoasis.com/media/images/1230/DxPv12302122.png') !important;
background-size:15px 20px !important;
width:15px !important;
height:20px !important;
display:inline-block !important;
filter: invert(73%) sepia(0%) saturate(245%) hue-rotate(154deg) brightness(92%) contrast(85%);
margin-right: 10px !important;
position: relative;
top: 0px !important;
}
.cs-f-social-icons{
position: relative;
margin-top: -88px;
left: 300px;
}
.footer_text{
background:#272727;
}
.banner .widget_content.index_format .item .icon img{
object-fit:contain;
border:0px;
}
.site_title{
color:transparent !important;
}
.site_title:after{
content:'';
background-image:url('https://jewishoasis.com/media/images/1264/LwbE12644332.png');
width: 300px;
height: 75px;
background-size: 300px 75px;
position: absolute;
margin-left: -40px;
margin-top: -40px;
}
.on-scroll .site_title:after{
background-image:url('https://jewishoasis.com/media/images/1264/aFre12642796.png') !important;
margin-top:0px !important;
}
.site-logo-wrapper{
background:transparent !important;
}
.footer-title{
display:none !important;
}
.footer3 div, .footer3 span{
display:inline-block;
}
.footer3{
margin-left: -115px
}
@media all and (max-width:780px){
.footer-address span{
display:inline-block;
}
.footer-address{
display:block !important;
margin-bottom:10px;
}
.cs-f-social-icons{
left:auto;
}
@media all and (max-width:461px){
.footer-city-state{
margin-left:16px;
}
.site_title::after {
    margin-top: 0px !important;
width: 150px;
  height: 47px;
  background-size: 150px 47px;
  }
}
.footer3{
margin-left:0px;
margin-bottom:40px;
}
}
.banner .widget_content.index_format .item .readMore{
margin-top:15% !important;
position:relative;
top:0%;
right:0;
background:transparent;
color:#19887a;
font-family:'Lato';
border:3px solid #19887a;
font-size: 16px;
letter-spacing: 2px;
}
.banner .widget_content.index_format .item .readMore:hover{
 color:white;
background: #19887a;
}
.banner .widget_content.index_format .item{
background:transparent;
}
.banner .widget_content.index_format .item .title, .banner .widget_content.index_format .item .title a{
color:#19887a;
font-family: 'Avenir', 'Roboto', sans-serif !important;
text-transform:capitalize;
width:500px;
font-size: 30px;
font-weight: 600;
margin-bottom: 20px;
}
@media all and (max-width:650px){
.banner .widget_content.index_format .item .title a{
font-size:20px !important;
}
}
.banner .widget_content.index_format .item .icon{
position: absolute;
top: 50%;
transform: translatey(-50%);
left: -15vw;
width: 400px;
height: 400px;
float: left;
}

.banner .widget_content.index_format .item .subtitle{
text-transform:none;
color:black;
width:500px;
max-width:90vw;
}
.banner .widget_content.index_format .item .icon img{
border-radius:0px;
}
.slide_wrapper{
top:0px !important;
}
@media all and (max-width:1200px){
.banner .widget_content.index_format .item .icon{
width:400px;
height:400px;
}
}

.cs-f-social-icons a{
    transform:scale(1.5) !important;
}
.sneak-peek-item a img, .sneak-peek-item, .sneak-peek-item a{
border-radius:30px !important;
}
@media screen and (max-width:500px){
.hp-table .hp-row-first .promo_slider .slider .slides .slide_wrapper, .slider, .hp-table > :not(:first-child) .promo_slider .slider{
height:100% !important;
}
.slides img{
height:100% !important;
}

}
.sneak-peek-item.item-4,.sneak-peek-item.item-5, .sneak-peek-item.item-6{
display:none !important;
}
.sneak-peek-container{
width:auto;
margin:0 auto;
max-width:max-content !important;
top: -40px;
position: relative;
}
.sneak-peek-item{
  width: 200px;
  height: 200px;
border-radius:0px !important;
overflow:visible !important;
margin:0px 30px;
}
.links{
margin-top: -15px !important;
}
.sneak-peek-item .thumbnail{
height: 200px;
width: 200px;
}
.sneak-peek-container .sneak_peek .thumbnail{
background:transparent;
}
.sneak-peek-container .sneak_peek .widget_content h6:hover{
background:transparent !important;
}
.sneak-peek-container .sneak_peek .widget_content h6 a{
color:#19887A;
padding-top: 250px;
}
.sneak_peek .widget_content p{
  display: block !important;
padding:0px;
  padding-top: 40px;
}
.sneak-peek-item:hover .thumbnail{
transform:scale(1.1);
}
@media all and (max-width:2500px){
.banner .widget_content.index_format .item.first{
margin-left: 40vw !important;
}
.hp-table .hp-row:nth-of-type(3) .widget_content.index_format .item.first{
margin-left:15vw !important;
}
}
@media all and (max-width:2100px){
.banner .widget_content.index_format .item.first{
margin-left: 38vw !important;
}
.hp-table .hp-row:nth-of-type(3) .widget_content.index_format .item.first{
margin-left:12vw !important;
}
}
@media all and (max-width:1750px){
.banner .widget_content.index_format .item.first{
margin-left: 32vw !important;
}
.hp-table .hp-row:nth-of-type(3) .widget_content.index_format .item.first{
margin-left:1vw !important;
}
}
@media all and (max-width:1500px){
.banner .widget_content.index_format .item.first{
margin-left: 30vw !important;
}
.hp-table .hp-row:nth-of-type(3) .widget_content.index_format .item.first{
margin-left:-1vw !important;
}
}
@media all and (max-width:1250px){
.banner .widget_content.index_format .item.first{
margin-left: 20vw !important;
}
.hp-table .hp-row:nth-of-type(3) .widget_content.index_format .item.first{
margin-left:-17.5vw !important;
}
}
@media all and (max-width:1250px){
.hp-table .hp-row:nth-of-type(3) .widget_content.index_format .item.first{
margin-left:-13vw !important;
}
}@media all and (max-width:950px){
.hp-table .hp-row:nth-of-type(3) .widget_content.index_format .item.first{
margin-left:20vw !important;
}
}
@media all and (max-width:675px){
.banner .widget_content.index_format .item.first{
margin-left: 5vw !important;
}
.hp-table .hp-row:nth-of-type(3) .widget_content.index_format .item.first{
margin-left:5vw !important;
}
}

.sneak-peek-item .thumbnail{
transition:all 0.3s ease-in-out;
}
.sneak-peek-item .thumbnail img{
mix-blend-mode: normal !important;
}
@media all and (max-width:770px){
.sneak-peek-item{
width:100% !important;
margin:0 auto;
margin-bottom:100px !important;
}
.sneak-peek-item .thumbnail{
margin:0 auto !important;
}
}
.banner-updates .title a{
font-family:'Libre Baskerville', serif !important;
line-height: 1.5em !important;
}
.banner-updates .subtitle, .sneak-peek-item p{
font-family:'Inter', sans-serif !important;
}
.sneak-peek-item h6, .footer3 span{
font-family:'Avenir', sans-serif !important;
}
@media all and (min-width:1000px) and (max-width:1601px){
.slides img{
height:100% !important;
}
.hp-table .hp-row-first .promo_slider .slider .slides{
padding-top:40.5%;
}
}
@media (max-width: 450px) {
  .hp-table .hp-row-first .promo_slider .slider .slides {
    padding-top: 60%;
  }
}
@media all and (max-width:1325px){
.slides img{
height:530px !important;
}
}
@media all and (max-width:1275px){
.slides img{
height:510px !important;
}
}
@media all and (max-width:1225px){
.slides img{
height:490px !important;
}
}
@media all and (max-width:1175px){
.slides img{
height:470px !important;
}
}
@media all and (max-width:1125px){
.slides img{
height:450px !important;
}
}
@media all and (max-width:1075px){
.slides img{
height:430px !important;
}
}
@media all and (max-width:1025px){
.slides img{
height:410px !important;
}
}
@media all and (max-width:975px){
.slides img{
height:390px !important;
}
}
@media all and (max-width:925px){
.slides img{
height:370px !important;
}
}
@media all and (max-width:875px){
.slides img{
height:350px !important;
}
}
@media all and (max-width:825px){
.slides img{
height:330px !important;
}
}
@media all and (max-width:775px){
.slides img{
height:310px !important;
}
}
@media all and (max-width:440px){
.hp-table .hp-row-first{
background: #19887a !important;
}
.hp-table .hp-row-first .promo_slider{
height: 100%;
    margin-bottom: -100px;
}
.hp-table .hp-row-first .promo_slider .slide_wrapper:nth-of-type(1) img{
background:url(https://jewishoasis.com/media/images/1362/PNri13620803.png) !important;
background-size: cover !important;
    height: 100% !important;
}
.hp-table .hp-row-first .promo_slider .slide_wrapper:nth-of-type(2) img{
background:url(https://jewishoasis.com/media/images/1362/PNri13620803.png) !important;
background-size: cover !important;
    height: 100% !important;
}
.hp-table .hp-row-first .promo_slider .slide_wrapper:nth-of-type(3) img{
background:url(https://jewishoasis.com/media/images/1362/PNri13620803.png) !important;
background-size: cover !important;
    height: 100% !important;
}
  .hp-table .hp-row-first .promo_slider .slider .cycle-directionNav {
    top: 50%;
    left: 50%;
  }
}
@media all and (max-width: 450px){
.banner .widget_content.index_format .item .icon img{
max-height: 275px;
object-position:left;
}
}
@media all and (max-width: 950px){
.banner .widget_content.index_format .item, .hp-table .hp-row:nth-of-type(3) .widget_content.index_format .item.first{
padding-left:0px !important;
}
.banner .widget_content.index_format .item .icon{
display:none !important;
}
}
@media all and (max-width: 451px){
.banner .widget_content.index_format .item .icon{
display:flex !important;
}
}
@media all and (max-width:450px){
.banner-updates .wrapper{
overflow:visible !important;
}
.banner .widget_content.index_format .item .subtitle, .banner .widget_content.index_format .item .subtitle{
max-width:90vw !important;
}
.banner-updates{
  padding-bottom: 100px;
  padding-top: 15px;
}
.banner .widget_content.index_format .item.first, .hp-table .hp-row:nth-of-type(3) .widget_content.index_format .item.first{
margin-left:2.5vw !important;
}
.banner .widget_content.index_format .item .icon{
width:90vw;
height:auto;
left:0px;
}
.banner .widget_content.index_format .item{
padding-left:0px !important;
}
.banner .widget_content.index_format .item .title{
width: 90vw;
margin-top: 400px;
position: absolute;
}
.hp-table .hp-row:nth-of-type(3) .widget_content.index_format .item.first{
margin-left:10px !important;
}
.hp-table .hp-row:nth-of-type(3) .icon{
left:5px !important;
}
}

</style>
















<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- ============================================================= -->
<!-- JEWISH OASIS MINISITE - STYLES                                 -->
<!-- Selectors are flat (not scoped under .jo-minisite) and all    -->
<!-- colours are hardcoded, because the header/footer co:templates  -->
<!-- render OUTSIDE the .jo-minisite wrapper (same lesson as the    -->
<!-- Fairbanks build) - scoped rules and CSS variables would not    -->
<!-- reach them. Every rule carries !important to beat the CMS CSS. -->
<!--                                                                -->
<!-- Palette: bg #efeeec | brown #3e3124 | green #b3c97c            -->
<!--          green-dark #a4b56a | gold #c0aa83 | off-white #f5f5f5 -->
<!-- ============================================================= -->
<style type="text/css">
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@1,600&family=Inter:wght@300;400;500;600;700;900&family=Open+Sans:wght@400;700&family=Montserrat:wght@600;800&display=swap');

/* ===== FULL-WIDTH CMS CONTAINER OVERRIDES ===== */
html, body { max-width:100% !important; overflow-x:hidden !important; background:#efeeec !important; }
.g960 { width:100vw !important; }
#chabad_body_page { width:100% !important; max-width:100% !important; margin:0 !important; padding:0 !important; text-align:left !important; }
#chabad_main_content { width:100% !important; max-width:100% !important; margin:0 !important; padding:0 !important; overflow:visible !important; }
#chabad_body_content { width:100% !important; max-width:100% !important; margin:0 !important; padding:0 !important; float:none !important; overflow:visible !important; }
#chabad_head { width:100% !important; max-width:100% !important; margin:0 !important; padding:0 !important; }
.chabad_left_column { float:none !important; width:100% !important; max-width:100% !important; margin:0 !important; padding:0 !important; overflow:visible !important; }
.chabad_right_column { display:none !important; }
.jo-content-main { float:none !important; width:100% !important; margin:0 !important; padding:0 !important; }
.jo-clearfix { clear:both !important; width:100% !important; display:block !important; height:0 !important; font-size:0 !important; }

/* ===== Reset (reaches every jo- element wherever it renders) ===== */
[class^="jo-"], [class*=" jo-"] { box-sizing:border-box !important; margin:0 !important; padding:0 !important; font-family:'Inter',sans-serif !important; }
.jo-minisite { width:100% !important; overflow-x:hidden !important; color:#3e3124 !important; background:#efeeec !important; -webkit-font-smoothing:antialiased !important; }
.jo-nav__logo, .jo-hero__img, .jo-card__img, .jo-center__img, .jo-carousel__img, .jo-newsletter__img { display:block !important; max-width:100% !important; }

/* ===== Shared type helpers (regular + italic serif pairs) ===== */
.jo-title-reg { font-family:'Inter',sans-serif !important; font-weight:500 !important; }
.jo-title-ital { font-family:'EB Garamond',serif !important; font-weight:600 !important; font-style:italic !important; letter-spacing:-1.4px !important; }

/* ===== Buttons (text arrow, no SVG) ===== */
.jo-btn { display:inline-flex !important; align-items:center !important; gap:10px !important; text-decoration:none !important; cursor:pointer !important; white-space:nowrap !important; position:relative !important; overflow:hidden !important; z-index:1 !important; border:none !important; transition:box-shadow 0.25s ease, color 0.2s ease, border-color 0.2s ease !important; }
.jo-btn::after { content:'' !important; position:absolute !important; top:100% !important; left:0 !important; right:0 !important; bottom:0 !important; transition:top 0.3s cubic-bezier(0.4,0,0.2,1) !important; z-index:-1 !important; }
.jo-btn:hover::after { top:0 !important; }
.jo-btn:hover { box-shadow:0 10px 22px rgba(62,49,36,0.22) !important; }
.jo-btn:active { box-shadow:0 3px 8px rgba(62,49,36,0.2) !important; }
.jo-btn > * { position:relative !important; z-index:2 !important; font-family:inherit !important; }
.jo-arrow { display:inline-block !important; font-weight:400 !important; line-height:1 !important; transition:transform 0.28s cubic-bezier(0.25,1,0.5,1) !important; }
.jo-btn:hover .jo-arrow { transform:translateX(5px) !important; }

.jo-btn--donate { padding:10px 27px !important; background:rgba(255,255,255,0.36) !important; color:#ffffff !important; font-weight:700 !important; font-size:20px !important; text-transform:uppercase !important; }
.jo-btn--donate::after { background:rgba(255,255,255,0.34) !important; }
.jo-btn--cta { padding:13px 60px !important; background:linear-gradient(98deg,#b3c97c 0%,#a4b56a 100%) !important; color:#ffffff !important; font-weight:600 !important; font-size:clamp(16px,1.5vw,22px) !important; text-transform:uppercase !important; }
.jo-btn--cta::after { background:rgba(62,49,36,0.4) !important; }
.jo-btn--cta .jo-arrow { font-size:1.4em !important; }
.jo-btn--directions { padding:10px 30px !important; border:2px solid #f5f5f5 !important; background:transparent !important; color:#f5f5f5 !important; font-weight:900 !important; font-size:clamp(12px,1vw,14px) !important; text-transform:capitalize !important; }
.jo-btn--directions::after { background:rgba(255,255,255,0.34) !important; }
.jo-btn--follow { padding:15px 27px !important; border:3px solid #b3c97c !important; background:transparent !important; color:#b3c97c !important; font-weight:900 !important; font-size:clamp(16px,1.5vw,21px) !important; text-transform:capitalize !important; }
.jo-btn--follow::after { background:rgba(164,181,106,0.3) !important; }
.jo-btn--follow:hover { color:#a4b56a !important; border-color:#a4b56a !important; }

/* ===== Nav (fixed, transparent over hero, solid when scrolled / on sub-pages) ===== */
.jo-nav { position:fixed !important; top:0 !important; left:0 !important; right:0 !important; z-index:1001 !important; transition:background 0.3s ease, box-shadow 0.3s ease !important; }
.jo-nav__inner { display:flex !important; align-items:center !important; justify-content:space-between !important; max-width:1440px !important; margin:0 auto !important; padding:64px 80px 0 !important; transition:padding 0.3s ease !important; }
.jo-nav.jo-scrolled, body.jo-subpage .jo-nav { background:rgba(62,49,36,0.95) !important; box-shadow:0 6px 22px rgba(62,49,36,0.28) !important; }
.jo-nav.jo-scrolled .jo-nav__inner, body.jo-subpage .jo-nav__inner { padding-top:14px !important; padding-bottom:14px !important; }
.jo-nav.jo-menu-open { background:#3e3124 !important; }
.jo-nav__logo { height:61px !important; width:275px !important; object-fit:contain !important; object-position:left center !important; }
.jo-nav__links { display:flex !important; align-items:center !important; gap:57px !important; }

/* Hamburger via CSS gradient (no inner elements to strip) */
.jo-nav__burger { display:none !important; width:32px !important; height:24px !important; border:none !important; cursor:pointer !important; font-size:0 !important; background-color:transparent !important; background-image:linear-gradient(#ffffff,#ffffff), linear-gradient(#ffffff,#ffffff), linear-gradient(#ffffff,#ffffff) !important; background-size:100% 3px, 100% 3px, 60% 3px !important; background-position:left top, left center, left bottom !important; background-repeat:no-repeat !important; }

/* Built-in Navigation widget styled as the header links */
.jo-nav .chabad_navigator_bar { background:transparent !important; float:none !important; width:auto !important; height:auto !important; border:none !important; margin:0 !important; }
.jo-nav .chabad_navigator_bar .chabad_menu_content { float:none !important; width:auto !important; }
.jo-nav .chabad_navigator_bar ul { display:flex !important; align-items:center !important; gap:57px !important; margin:0 !important; padding:0 !important; list-style:none !important; }
.jo-nav .chabad_navigator_bar ul li { display:block !important; float:none !important; height:auto !important; padding:0 !important; border:none !important; position:relative !important; background:none !important; }
.jo-nav .chabad_navigator_bar ul li a { float:none !important; height:auto !important; padding:0 !important; margin:0 !important; display:inline-flex !important; align-items:center !important; gap:9px !important; font-family:'Inter',sans-serif !important; font-weight:700 !important; font-size:20px !important; color:#ffffff !important; text-transform:uppercase !important; white-space:nowrap !important; text-decoration:none !important; background:none !important; transition:opacity 0.2s !important; }
.jo-nav .chabad_navigator_bar ul li a:hover, .jo-nav .chabad_navigator_bar ul li a.selected { opacity:0.85 !important; color:#ffffff !important; }
/* chevron on parents (the widget marks them with a.arrow) */
.jo-nav .chabad_navigator_bar ul li a.arrow { padding-right:0 !important; margin-right:0 !important; }
.jo-nav .chabad_navigator_bar ul li a.arrow::after { content:'\25BE' !important; font-size:14px !important; line-height:1 !important; display:inline-block !important; transition:transform 0.28s ease !important; }
.jo-nav .chabad_navigator_bar ul li:hover a.arrow::after, .jo-nav .chabad_navigator_bar ul li.active a.arrow::after { transform:rotate(180deg) !important; }
/* dropdown panel */
.jo-nav .chabad_navigator_bar ul li .sub_menu { display:block !important; position:absolute !important; top:calc(100% + 18px) !important; left:50% !important; transform:translateX(-50%) translateY(-8px) !important; min-width:252px !important; width:auto !important; padding:14px 0 !important; background:#f5f5f5 !important; border:1px solid rgba(62,49,36,0.1) !important; border-radius:2px !important; box-shadow:0 18px 42px rgba(62,49,36,0.24) !important; opacity:0 !important; visibility:hidden !important; transition:opacity 0.26s ease, transform 0.26s ease, visibility 0.26s !important; z-index:60 !important; }
.jo-nav .chabad_navigator_bar ul li .sub_menu::before { content:'' !important; position:absolute !important; left:0 !important; right:0 !important; top:-18px !important; height:18px !important; }
.jo-nav .chabad_navigator_bar ul li:hover .sub_menu, .jo-nav .chabad_navigator_bar ul li.active .sub_menu, .jo-nav .chabad_navigator_bar ul li:focus-within .sub_menu { opacity:1 !important; visibility:visible !important; transform:translateX(-50%) translateY(0) !important; }
.jo-nav .chabad_navigator_bar ul li ul { display:flex !important; flex-direction:column !important; gap:0 !important; float:none !important; }
.jo-nav .chabad_navigator_bar ul li ul li { float:none !important; border:none !important; height:auto !important; min-height:0 !important; margin:0 !important; padding:0 !important; }
.jo-nav .chabad_navigator_bar ul li ul li a { display:block !important; width:100% !important; padding:10px 26px !important; font-weight:500 !important; font-size:16px !important; text-transform:none !important; letter-spacing:0.2px !important; color:#3e3124 !important; transition:background 0.2s, color 0.2s !important; }
.jo-nav .chabad_navigator_bar ul li ul li a:hover { opacity:1 !important; background:rgba(164,181,106,0.18) !important; color:#a4b56a !important; }

/* Mobile panel (filled by the script from the widget links) */
.jo-mobile-panel { display:none !important; position:absolute !important; top:100% !important; left:0 !important; right:0 !important; flex-direction:column !important; align-items:stretch !important; background:#3e3124 !important; padding:14px 40px 30px !important; border-bottom:2px solid #b3c97c !important; box-shadow:0 10px 20px rgba(0,0,0,0.25) !important; max-height:calc(100vh - 69px) !important; overflow-y:auto !important; z-index:999 !important; }
.jo-mobile-panel.jo-is-open { display:flex !important; }
.jo-mobile-panel__link { display:block !important; width:100% !important; padding:18px 0 !important; border-bottom:1px solid rgba(255,255,255,0.16) !important; font-weight:700 !important; font-size:19px !important; line-height:1.2 !important; text-transform:uppercase !important; color:#ffffff !important; text-decoration:none !important; }
.jo-mobile-panel__link:first-of-type { border-top:1px solid rgba(255,255,255,0.16) !important; }
.jo-mobile-panel__group { width:100% !important; border-bottom:1px solid rgba(255,255,255,0.16) !important; }
.jo-mobile-panel__parent { display:flex !important; align-items:center !important; justify-content:space-between !important; width:100% !important; }
.jo-mobile-panel__parent .jo-mobile-panel__link { border:none !important; flex:1 1 auto !important; }
.jo-mobile-panel__toggle { flex:0 0 auto !important; background:none !important; border:0 !important; cursor:pointer !important; color:#ffffff !important; font-size:22px !important; line-height:1 !important; min-width:48px !important; align-self:stretch !important; display:flex !important; align-items:center !important; justify-content:center !important; transition:transform 0.25s ease !important; }
.jo-mobile-panel__group.jo-is-expanded .jo-mobile-panel__toggle { transform:rotate(180deg) !important; }
.jo-mobile-panel__submenu { display:flex !important; flex-direction:column !important; width:100% !important; max-height:0 !important; overflow:hidden !important; transition:max-height 0.3s ease !important; }
.jo-mobile-panel__sublink { display:block !important; width:100% !important; padding:11px 0 11px 24px !important; font-weight:500 !important; font-size:17px !important; text-transform:none !important; color:#ffffff !important; text-decoration:none !important; }
.jo-mobile-panel__sublink:hover { color:#b3c97c !important; }
.jo-mobile-panel__donate { align-self:flex-start !important; margin-top:26px !important; padding:16px 38px !important; font-size:19px !important; background:#b3c97c !important; color:#3e3124 !important; }
.jo-mobile-panel__donate::after { background:#a4b56a !important; }
.jo-mobile-panel > p { display:contents !important; }

/* ===== Hero ===== */
.jo-hero { position:relative !important; width:100% !important; min-height:100vh !important; overflow:visible !important; }
.jo-hero__bg { position:absolute !important; top:0 !important; left:0 !important; right:0 !important; bottom:0 !important; z-index:0 !important; background:#3e3124 !important; overflow:hidden !important; }
.jo-hero__bg > p, .jo-hero__bg > div { display:contents !important; }
.jo-hero__img { width:100% !important; height:100% !important; object-fit:cover !important; }
.jo-hero__bg::after { content:'' !important; position:absolute !important; top:0 !important; left:0 !important; right:0 !important; bottom:0 !important; z-index:1 !important; pointer-events:none !important; background:linear-gradient(180deg, rgba(62,49,36,0.93) 0%, rgba(62,49,36,0.698) 43%, rgba(62,49,36,0.567) 69%, rgba(62,49,36,0) 100%) !important; }
.jo-hero__overlay { display:none !important; position:absolute !important; top:0 !important; left:0 !important; right:0 !important; bottom:0 !important; font-size:0 !important; background:linear-gradient(180deg, rgba(62,49,36,0.93) 0%, rgba(62,49,36,0.698) 43%, rgba(62,49,36,0.567) 69%, rgba(62,49,36,0) 100%) !important; }
.jo-hero__content { position:relative !important; z-index:5 !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; text-align:center !important; max-width:500px !important; margin:0 auto !important; padding-top:calc(125px + clamp(70px,11vw,170px)) !important; gap:64px !important; }
.jo-hero__text { display:flex !important; flex-direction:column !important; align-items:center !important; gap:14px !important; }
.jo-hero__heading { color:#ffffff !important; text-transform:capitalize !important; line-height:1.05 !important; }
.jo-hero__top { display:block !important; line-height:1.2 !important; }
.jo-hero__w-a { font-family:'Inter',sans-serif !important; font-weight:400 !important; font-size:clamp(24px,2.7vw,39px) !important; color:#ffffff !important; }
.jo-hero__w-space { font-family:'Inter',sans-serif !important; font-weight:500 !important; font-size:clamp(30px,3.5vw,50px) !important; color:#ffffff !important; }
.jo-hero__w-for { font-family:'Inter',sans-serif !important; font-weight:400 !important; font-size:clamp(22px,2.6vw,37px) !important; color:#ffffff !important; }
.jo-hero__connection { display:block !important; font-family:'EB Garamond',serif !important; font-weight:600 !important; font-style:italic !important; font-size:clamp(56px,6.7vw,97px) !important; letter-spacing:-1.9px !important; line-height:1.05 !important; background:linear-gradient(180deg,#c7d98a 34%,#a4b56a 91%) !important; -webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent !important; color:#b3c97c !important; }
.jo-hero__subtitle { font-size:clamp(14px,1.4vw,20px) !important; color:#ffffff !important; line-height:1.6 !important; max-width:373px !important; font-weight:400 !important; }
.jo-hero__subtitle strong { font-weight:500 !important; color:#ffffff !important; }

/* ===== Gallery cards (hover accordion desktop / scroll focus mobile) ===== */
.jo-gallery { position:relative !important; z-index:5 !important; margin-top:clamp(40px,5vw,80px) !important; padding-bottom:40px !important; }
.jo-gallery__fade { position:absolute !important; bottom:0 !important; left:0 !important; right:0 !important; height:535px !important; font-size:0 !important; z-index:-1 !important; background:linear-gradient(0deg, #efeeec 2%, #ebeae9 8%, rgba(219,219,219,0.5) 34%, rgba(0,0,0,0) 98%) !important; }
.jo-gallery__grid { display:flex !important; justify-content:center !important; gap:clamp(16px,3.2vw,46px) !important; padding:0 80px !important; max-width:1440px !important; margin:0 auto !important; height:clamp(300px,32vw,450px) !important; }
/* CKEditor may wrap co:items in <p>/<div>; drop those boxes out of the flex flow */
.jo-gallery__grid > *:not(.jo-card), .jo-carousel__track > *:not(.jo-carousel__item), .jo-follow__top > *:not(.jo-btn):not(.jo-follow__title):not(.jo-follow__handle), .jo-location__bottom > *:not(.jo-btn):not(.jo-location__address), .jo-nav__links > *:not(.jo-btn):not(.chabad_navigator_bar), .jo-footer__inner > *:not(.jo-footer__name):not(.jo-footer__divider):not(.jo-footer__link) { display:contents !important; }
.jo-card { position:relative !important; flex:1 1 0 !important; height:100% !important; overflow:hidden !important; border-radius:2px !important; cursor:pointer !important; background:#3e3124 !important; transition:flex 0.6s cubic-bezier(0.25,1,0.5,1) !important; }
.jo-card__img { position:absolute !important; top:0 !important; left:0 !important; width:100% !important; height:100% !important; object-fit:cover !important; object-position:center !important; }
.jo-card__img--mid { object-position:center 34% !important; }
.jo-card__img--mitzvah { object-position:58% 38% !important; }
.jo-card__overlay { position:absolute !important; top:0 !important; left:0 !important; right:0 !important; bottom:0 !important; font-size:0 !important; background:linear-gradient(179deg, rgba(199,220,230,0) 33%, rgba(164,181,106,0.77) 99%) !important; }
.jo-card__label { position:absolute !important; bottom:30px !important; left:48px !important; color:#ffffff !important; filter:drop-shadow(0 4px 4px rgba(0,0,0,0.25)) !important; transition:opacity 0.4s ease !important; white-space:nowrap !important; z-index:2 !important; }
.jo-card__top { display:block !important; font-weight:500 !important; font-size:clamp(18px,1.9vw,28px) !important; line-height:1 !important; color:#ffffff !important; }
.jo-card__bottom { display:block !important; font-family:'EB Garamond',serif !important; font-weight:600 !important; font-style:italic !important; font-size:clamp(30px,3.3vw,47px) !important; text-transform:capitalize !important; line-height:1.1 !important; color:#ffffff !important; }
.jo-card__link { position:absolute !important; top:0 !important; left:0 !important; right:0 !important; bottom:0 !important; z-index:5 !important; }
@media (min-width:769px) {
  .jo-gallery__grid:hover .jo-card { flex:0.4 1 0 !important; }
  .jo-gallery__grid .jo-card:hover { flex:2.5 1 0 !important; }
  .jo-gallery__grid:hover .jo-card:not(:hover) .jo-card__label { opacity:0 !important; }
}

/* ===== The Center ===== */
.jo-center { position:relative !important; width:100% !important; padding:clamp(120px,14vw,180px) 0 60px !important; }
.jo-center__inner { max-width:1200px !important; margin:0 auto !important; padding:0 80px !important; }
.jo-center__header { position:relative !important; margin-bottom:38px !important; background:linear-gradient(90deg,#a4b56a 0%,#c7d98a 100%) !important; display:flex !important; justify-content:center !important; align-items:center !important; min-height:120px !important; border-radius:4px !important; }
.jo-center__title { display:flex !important; align-items:baseline !important; gap:6px !important; color:#ffffff !important; white-space:nowrap !important; }
.jo-center__title .jo-title-reg { font-size:clamp(30px,3.4vw,50px) !important; color:#ffffff !important; }
.jo-center__title .jo-title-ital { font-size:clamp(42px,5vw,71px) !important; color:#ffffff !important; }
.jo-center__grid { display:grid !important; grid-template-columns:1fr 1fr !important; gap:40px !important; align-items:stretch !important; }
.jo-center__image { position:relative !important; width:100% !important; height:100% !important; overflow:hidden !important; }
.jo-center__image > p, .jo-center__image > div { display:contents !important; }
.jo-center__img { width:100% !important; height:100% !important; object-fit:cover !important; object-position:62% center !important; }
.jo-center__right { display:flex !important; flex-direction:column !important; gap:20px !important; justify-content:space-between !important; }
.jo-hours-block { flex:1 1 auto !important; display:flex !important; flex-direction:column !important; gap:12px !important; }
.jo-hours { background:linear-gradient(155deg, rgba(238,230,216,0.38) 12%, #c0aa83 91%) !important; padding:clamp(34px,3.8vw,48px) clamp(30px,4vw,48px) !important; border-radius:2px !important; position:relative !important; overflow:hidden !important; flex:1 1 auto !important; display:flex !important; flex-direction:column !important; justify-content:center !important; }
.jo-hours__head { display:flex !important; align-items:center !important; gap:12px !important; margin-bottom:10px !important; }
.jo-hours__title { font-weight:700 !important; font-size:clamp(16px,1.5vw,22px) !important; text-transform:uppercase !important; letter-spacing:0.25px !important; color:#3e3124 !important; }
.jo-hours__divider { width:100% !important; height:1px !important; font-size:0 !important; background:rgba(62,49,36,0.15) !important; margin:15px 0 !important; }
.jo-hours__list { display:flex !important; flex-direction:column !important; gap:clamp(8px,1vw,12px) !important; list-style:none !important; }
.jo-hours__row { display:flex !important; justify-content:space-between !important; align-items:center !important; text-transform:uppercase !important; font-size:clamp(12px,1.1vw,15px) !important; letter-spacing:0.9px !important; color:#3e3124 !important; border-bottom:1px solid rgba(62,49,36,0.15) !important; padding-bottom:clamp(8px,1vw,12px) !important; font-family:'Open Sans',sans-serif !important; line-height:1.4 !important; }
.jo-hours__row:last-child { border-bottom:none !important; padding-bottom:0 !important; }
.jo-hours__day { font-family:'Open Sans',sans-serif !important; font-weight:400 !important; font-size:inherit !important; }
.jo-hours__time { font-family:'Open Sans',sans-serif !important; font-weight:700 !important; font-size:inherit !important; }
.jo-hours__note { background:rgba(192,170,131,0.3) !important; border:1px solid rgba(62,49,36,0.12) !important; border-radius:2px !important; padding:11px 18px !important; font-weight:600 !important; font-size:clamp(11px,0.95vw,13px) !important; line-height:1.5 !important; letter-spacing:0.3px !important; color:#3e3124 !important; text-align:center !important; }
.jo-hours__note a { color:#a4b56a !important; font-weight:700 !important; text-decoration:underline !important; text-underline-offset:3px !important; text-decoration-thickness:2px !important; transition:color 0.2s !important; }
.jo-hours__note a:hover { color:#3e3124 !important; }
.jo-location { background:linear-gradient(155deg, rgba(238,230,216,0.342) 15%, rgba(192,170,131,0.9) 89%) !important; padding:clamp(24px,3vw,36px) clamp(30px,4vw,48px) !important; border-radius:2px !important; position:relative !important; flex:1 1 auto !important; display:flex !important; flex-direction:column !important; justify-content:center !important; }
.jo-location__head { display:flex !important; align-items:center !important; gap:12px !important; margin-bottom:16px !important; }
.jo-location__titles { display:flex !important; flex-direction:column !important; gap:2px !important; }
.jo-location__title { font-weight:700 !important; font-size:clamp(16px,1.5vw,22px) !important; text-transform:uppercase !important; letter-spacing:0.25px !important; color:#3e3124 !important; }
.jo-location__subtitle { font-weight:300 !important; font-style:italic !important; font-size:clamp(11px,0.9vw,13px) !important; text-transform:uppercase !important; letter-spacing:0.65px !important; color:#3e3124 !important; }
.jo-location__map { border:4px solid #f5f5f5 !important; width:100% !important; max-width:408px !important; aspect-ratio:408 / 180 !important; overflow:hidden !important; margin:0 auto 16px !important; background:#e9e5db !important; }
.jo-location__frame { display:block !important; width:100% !important; height:100% !important; border:0 !important; }
.jo-location__bottom { display:flex !important; justify-content:space-between !important; align-items:center !important; flex-wrap:wrap !important; gap:16px !important; }
.jo-location__address { text-transform:uppercase !important; font-style:normal !important; }
.jo-location__street { display:block !important; font-weight:700 !important; font-size:clamp(13px,1.1vw,16px) !important; letter-spacing:0.9px !important; color:#3e3124 !important; }
.jo-location__city { display:block !important; font-weight:300 !important; font-size:clamp(11px,1vw,14px) !important; letter-spacing:0.8px !important; color:#3e3124 !important; margin-top:4px !important; }

/* CSS mask icons (clock / pin) - no inline SVG in the layout */
.jo-icon { display:inline-block !important; width:28px !important; height:28px !important; flex-shrink:0 !important; font-size:0 !important; background-color:#3e3124 !important; -webkit-mask-repeat:no-repeat !important; mask-repeat:no-repeat !important; -webkit-mask-position:center !important; mask-position:center !important; -webkit-mask-size:contain !important; mask-size:contain !important; }
.jo-icon--clock { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E") !important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E") !important; }
.jo-icon--pin { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") !important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") !important; }

/* ===== Follow Us / Instagram ===== */
.jo-follow { background:#ffffff !important; padding:clamp(40px,4vw,51px) 0 clamp(40px,5vw,60px) !important; margin-top:17px !important; overflow:hidden !important; }
.jo-follow__inner { max-width:1440px !important; margin:0 auto !important; padding:0 80px !important; }
.jo-follow__top { display:grid !important; grid-template-columns:1fr auto !important; grid-template-areas:"title btn" "handle btn" !important; align-items:start !important; column-gap:24px !important; row-gap:10px !important; margin-bottom:clamp(30px,4vw,50px) !important; }
.jo-follow__title { grid-area:title !important; display:flex !important; align-items:baseline !important; gap:6px !important; white-space:nowrap !important; color:#3e3124 !important; }
.jo-follow__title .jo-title-reg { font-size:clamp(28px,3vw,43px) !important; color:#3e3124 !important; }
.jo-follow__title .jo-title-ital { font-size:clamp(34px,3.8vw,54px) !important; letter-spacing:-1px !important; color:#3e3124 !important; }
.jo-follow__handle { grid-area:handle !important; justify-self:start !important; display:inline-block !important; background:#b3c97c !important; padding:6px 19px !important; font-weight:400 !important; font-size:clamp(14px,1.4vw,20px) !important; color:#3e3124 !important; letter-spacing:1px !important; }
.jo-btn--follow { grid-area:btn !important; align-self:start !important; }
/* Common Ninja Instagram feed (replaces the old 4-photo carousel). The widget renders in
   its own iframe/shadow root, so its look is set in the Common Ninja dashboard; these rules
   only size the slot and keep the editor from collapsing it. */
.jo-instafeed { display:block !important; width:100% !important; min-height:200px !important; margin:0 !important; padding:0 !important; }
.jo-instafeed > p, .jo-instafeed > div:not(.commonninja_component) { display:contents !important; }
.jo-instafeed .commonninja_component { display:block !important; width:100% !important; min-height:200px !important; font-size:0 !important; line-height:0 !important; }
.jo-instafeed .commonninja_component iframe { max-width:100% !important; }
.jo-carousel { display:flex !important; flex-direction:column !important; align-items:center !important; gap:18px !important; }
.jo-carousel__track { display:flex !important; gap:clamp(12px,1.8vw,26px) !important; width:100% !important; justify-content:center !important; }
.jo-carousel__item { position:relative !important; flex:1 1 0 !important; max-width:270px !important; aspect-ratio:270 / 308 !important; overflow:hidden !important; transition:box-shadow 0.3s ease !important; }
.jo-carousel__item:hover { box-shadow:0 14px 30px rgba(62,49,36,0.26) !important; }
.jo-carousel__img { width:100% !important; height:100% !important; object-fit:cover !important; object-position:center 35% !important; transition:transform 0.6s cubic-bezier(0.25,1,0.5,1) !important; }
.jo-carousel__item:hover .jo-carousel__img { transform:scale(1.06) !important; }
.jo-carousel__overlay { position:absolute !important; top:0 !important; left:0 !important; right:0 !important; bottom:0 !important; font-size:0 !important; background:linear-gradient(-36deg, rgba(179,201,124,0.88) 0%, rgba(255,255,255,0) 50%) !important; }
.jo-carousel__link { position:absolute !important; top:0 !important; left:0 !important; right:0 !important; bottom:0 !important; z-index:5 !important; }
.jo-carousel__dots { display:none !important; align-items:center !important; justify-content:center !important; gap:9px !important; font-size:0 !important; }
.jo-carousel__dot { width:9px !important; height:9px !important; border-radius:50% !important; border:none !important; padding:0 !important; background:rgba(62,49,36,0.22) !important; cursor:pointer !important; transition:background 0.25s, transform 0.25s !important; }
.jo-carousel__dot.jo-active { background:#a4b56a !important; transform:scale(1.25) !important; }

/* ===== Newsletter ===== */
.jo-newsletter { position:relative !important; width:100% !important; min-height:684px !important; display:flex !important; align-items:center !important; justify-content:center !important; overflow:hidden !important; }
.jo-newsletter__bg { position:absolute !important; top:0 !important; left:0 !important; right:0 !important; bottom:0 !important; z-index:0 !important; background:#3e3124 !important; }
.jo-newsletter__bg > p, .jo-newsletter__bg > div:not(.jo-newsletter__fade-top):not(.jo-newsletter__fade-bottom) { display:contents !important; }
.jo-newsletter__img { width:100% !important; height:100% !important; object-fit:cover !important; }
.jo-newsletter__fade-top { position:absolute !important; top:0 !important; left:0 !important; right:0 !important; height:32% !important; font-size:0 !important; z-index:1 !important; background:linear-gradient(180deg, #ffffff 0%, rgba(255,255,255,0.99) 8%, rgba(255,255,255,0.96) 16%, rgba(255,255,255,0.91) 24%, rgba(255,255,255,0.84) 32%, rgba(255,255,255,0.75) 40%, rgba(255,255,255,0.64) 48%, rgba(255,255,255,0.52) 56%, rgba(255,255,255,0.4) 64%, rgba(255,255,255,0.28) 72%, rgba(255,255,255,0.18) 80%, rgba(255,255,255,0.1) 88%, rgba(255,255,255,0.04) 95%, rgba(255,255,255,0) 100%) !important; }
.jo-newsletter__fade-bottom { position:absolute !important; top:0 !important; left:0 !important; right:0 !important; bottom:0 !important; font-size:0 !important; z-index:1 !important; background:linear-gradient(180deg, rgba(62,49,36,0) 0%, rgba(62,49,36,0.04) 6%, rgba(62,49,36,0.11) 11%, rgba(62,49,36,0.21) 16%, rgba(62,49,36,0.33) 21%, rgba(62,49,36,0.45) 26%, rgba(62,49,36,0.56) 31%, rgba(62,49,36,0.65) 37%, rgba(62,49,36,0.73) 45%, rgba(62,49,36,0.8) 55%, rgba(62,49,36,0.86) 68%, rgba(62,49,36,0.9) 82%, rgba(62,49,36,0.93) 100%) !important; }
.jo-newsletter__content { position:relative !important; z-index:5 !important; max-width:1164px !important; width:100% !important; padding:clamp(60px,10vw,140px) 80px clamp(40px,5vw,60px) !important; display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:20px !important; }
.jo-newsletter__text { width:100% !important; text-align:left !important; max-width:600px !important; }
.jo-newsletter__title { display:flex !important; align-items:baseline !important; justify-content:flex-start !important; gap:6px !important; margin-bottom:16px !important; color:#ffffff !important; white-space:nowrap !important; }
.jo-newsletter__title .jo-title-reg { font-size:clamp(28px,3vw,43px) !important; color:#ffffff !important; }
.jo-newsletter__title .jo-title-ital { font-size:clamp(34px,3.8vw,54px) !important; letter-spacing:-1px !important; color:#ffffff !important; }
.jo-newsletter__desc { font-weight:600 !important; font-size:clamp(12px,1vw,14px) !important; letter-spacing:0.7px !important; color:#d9d9d9 !important; max-width:500px !important; line-height:1.6 !important; margin:0 0 clamp(20px,3.7vw,40px) !important; }
.jo-newsletter__formwrap { width:100% !important; }

/* ---- ChabadOne mailing-list form (aid 7573378) ----
   formembed.js.asp loads the form PAGE in an iframe (articlecco.aspx?aid=7573378&embed=true),
   so nothing inside it is a descendant of .jo-newsletter__formwrap, and the footer script does
   NOT run in there - only this stylesheet does. Everything below is therefore pure CSS:
   the page is recognised with body:has(form[id="7573378"]) and the form by its own id. */
.jo-newsletter__formwrap iframe, .jo-newsletter__formwrap .form-iframe { display:block !important; width:100% !important; max-width:100% !important; border:0 !important; margin:0 !important; padding:0 !important; background:transparent !important; min-height:80px !important; overflow:hidden !important; }
html:has(form[id="7573378"]), body:has(form[id="7573378"]) { background:transparent !important; background-color:transparent !important; background-image:none !important; margin:0 !important; padding:0 !important; overflow-x:hidden !important; min-height:0 !important; }
body:has(form[id="7573378"]) #chabad_head, body:has(form[id="7573378"]) .jo-nav, body:has(form[id="7573378"]) .jo-footer, body:has(form[id="7573378"]) .jo-mobile-panel, body:has(form[id="7573378"]) .article-header, body:has(form[id="7573378"]) .page-tools-sidebar, body:has(form[id="7573378"]) .content-footer, body:has(form[id="7573378"]) .center.small, body:has(form[id="7573378"]) .clearfix.bh.mobile-only, body:has(form[id="7573378"]) .jo-nav__burger { display:none !important; }
body:has(form[id="7573378"]) #chabad_body_content, body:has(form[id="7573378"]) .master-content-wrapper, body:has(form[id="7573378"]) #content_page_full, body:has(form[id="7573378"]) #content_page, body:has(form[id="7573378"]) .co_body, body:has(form[id="7573378"]) #co_content_container, body:has(form[id="7573378"]) .cco_templateless_template, body:has(form[id="7573378"]) .cco_templatelates_content, body:has(form[id="7573378"]) #ContentBody, body:has(form[id="7573378"]) #cco_body, body:has(form[id="7573378"]) .content, body:has(form[id="7573378"]) article.content, body:has(form[id="7573378"]) #formContainer, body:has(form[id="7573378"]) .content-area-parent, body:has(form[id="7573378"]) .body_wrapper { padding:0 !important; margin:0 !important; background:transparent !important; background-color:transparent !important; background-image:none !important; border:0 !important; box-shadow:none !important; max-width:none !important; width:100% !important; min-height:0 !important; }
body:has(form[id="7573378"]).jo-subpage #chabad_body_content, body:has(form[id="7573378"]).jo-subpage .master-content-wrapper, body:has(form[id="7573378"]).jo-subpage #content_page_full { padding-top:0 !important; }
form[id="7573378"], form[id="7573378"] .form-all { width:100% !important; max-width:100% !important; background:transparent !important; border:none !important; box-shadow:none !important; margin:0 !important; padding:0 !important; font-family:'Montserrat',sans-serif !important; font-size:17px !important; }
form[id="7573378"] .form-section { display:flex !important; flex-direction:row !important; flex-wrap:wrap !important; gap:14px !important; align-items:stretch !important; width:100% !important; margin:0 !important; padding:0 !important; list-style:none !important; background:transparent !important; }
form[id="7573378"] .form-line { padding:0 !important; margin:0 !important; min-width:0 !important; border:none !important; background:transparent !important; }
form[id="7573378"] .form-line#id_1 { flex:2 1 300px !important; }
form[id="7573378"] .form-line#id_3 { flex:1 1 200px !important; }
form[id="7573378"] .form-line#id_2 { flex:0 0 auto !important; display:flex !important; align-items:stretch !important; }
form[id="7573378"] .form-line#id_4, form[id="7573378"] .form-checkbox-item, form[id="7573378"] .form-label-left, form[id="7573378"] .form-label-right, form[id="7573378"] .form-label, form[id="7573378"] .form-description, form[id="7573378"] .formFooter { display:none !important; }
/* Sub-labels (First Name / Last Name / Email) sit inside the box like placeholders (no JS runs in the iframe to set real ones); hidden on focus, or whenever a real placeholder exists */
form[id="7573378"] .form-sub-label { display:block !important; position:absolute !important; left:30px !important; top:50% !important; transform:translateY(-50%) !important; margin:0 !important; padding:0 !important; pointer-events:none !important; font-family:'Montserrat',sans-serif !important; font-weight:600 !important; font-size:clamp(16px,1.4vw,20px) !important; color:#3e3124 !important; opacity:0.85 !important; line-height:1 !important; white-space:nowrap !important; transition:opacity 0.15s !important; }
form[id="7573378"] input:focus + .form-sub-label, form[id="7573378"] input[placeholder] + .form-sub-label { opacity:0 !important; }
form[id="7573378"] #cid_1 { display:flex !important; gap:14px !important; width:100% !important; height:100% !important; margin:0 !important; }
form[id="7573378"] .form-sub-label-container { flex:1 1 0 !important; min-width:0 !important; margin:0 !important; padding:0 !important; display:block !important; position:relative !important; }
form[id="7573378"] .form-input, form[id="7573378"] .form-input-wide, form[id="7573378"] #cid_3 { display:block !important; float:none !important; width:100% !important; max-width:none !important; height:100% !important; margin:0 !important; padding:0 !important; box-sizing:border-box !important; }
form[id="7573378"] input.form-textbox, form[id="7573378"] input[type="text"], form[id="7573378"] input[type="email"], form[id="7573378"] input.form-validation-error { position:static !important; display:block !important; width:100% !important; max-width:none !important; min-width:0 !important; flex:1 1 auto !important; height:80px !important; box-sizing:border-box !important; background:rgba(255,255,255,0.42) !important; border:none !important; border-radius:0 !important; padding:0 30px !important; margin:0 !important; font-family:'Montserrat',sans-serif !important; font-weight:600 !important; font-size:clamp(16px,1.4vw,20px) !important; color:#3e3124 !important; outline:none !important; box-shadow:none !important; }
form[id="7573378"] input.form-textbox:focus { background:rgba(255,255,255,0.6) !important; }
form[id="7573378"] input.form-textbox::placeholder { color:#3e3124 !important; opacity:0.85 !important; }
form[id="7573378"] input.form-textbox:focus::placeholder { opacity:0.4 !important; }
form[id="7573378"] .form-buttons-wrapper { text-indent:0 !important; text-align:left !important; margin:0 !important; padding:0 !important; display:flex !important; align-items:stretch !important; height:100% !important; width:100% !important; }
form[id="7573378"] .form-submit-button { width:auto !important; min-width:190px !important; height:80px !important; background:#ffffff !important; color:#3e3124 !important; border:none !important; border-radius:0 !important; padding:0 34px !important; margin:0 !important; font-family:'Montserrat',sans-serif !important; font-weight:800 !important; font-size:clamp(16px,1.5vw,22px) !important; text-transform:capitalize !important; cursor:pointer !important; transition:background 0.2s !important; box-shadow:none !important; }
form[id="7573378"] .form-submit-button:hover { background:#f5f5f5 !important; }
/* Validation: keep the red bubble small and tucked under its box instead of sprawling over the next field */
form[id="7573378"] .form-line, form[id="7573378"] #cid_1, form[id="7573378"] #cid_3 { position:relative !important; }
form[id="7573378"] .form-line-error, form[id="7573378"] .form-line.form-line-error { background:transparent !important; border:none !important; box-shadow:none !important; }
form[id="7573378"] .form-line-error input.form-textbox, form[id="7573378"] input.form-validation-error { box-shadow:inset 0 0 0 2px #d9534f !important; }
form[id="7573378"] div.form-error-message, form[id="7573378"] .form-error-message:not(input) { position:absolute !important; top:100% !important; left:0 !important; right:auto !important; width:auto !important; max-width:100% !important; margin:8px 0 0 !important; padding:7px 12px !important; box-sizing:border-box !important; background:#d9534f !important; color:#ffffff !important; border-radius:3px !important; font-family:'Montserrat',sans-serif !important; font-weight:500 !important; font-size:13px !important; line-height:1.3 !important; text-align:left !important; z-index:5 !important; white-space:normal !important; }
form[id="7573378"] .form-error-arrow, form[id="7573378"] .form-error-message::before, form[id="7573378"] .form-error-message img { display:none !important; }


/* High-specificity overrides: the CMS form CSS on the live site beats the plain form[id] rules
   for the email row (its .form-input is capped at calc(100% - label width)). #formContainer + the
   form id + element ids out-rank anything the CMS ships. */
#formContainer form[id="7573378"] .form-all ul.form-section { display:flex !important; width:100% !important; }
#formContainer form[id="7573378"] .form-all li.form-line, #formContainer form[id="7573378"] .form-all #id_1, #formContainer form[id="7573378"] .form-all #id_3, #formContainer form[id="7573378"] .form-all #id_2 { display:block !important; float:none !important; width:auto !important; max-width:none !important; min-width:0 !important; padding:0 !important; margin:0 !important; }
#formContainer form[id="7573378"] .form-all #id_2 { display:flex !important; }
#formContainer form[id="7573378"] .form-all #cid_1, #formContainer form[id="7573378"] .form-all #cid_3, #formContainer form[id="7573378"] .form-all #cid_2, #formContainer form[id="7573378"] .form-all div.form-input, #formContainer form[id="7573378"] .form-all div.form-input-wide { display:block !important; float:none !important; width:100% !important; max-width:none !important; min-width:0 !important; margin:0 !important; padding:0 !important; box-sizing:border-box !important; }
#formContainer form[id="7573378"] .form-all #cid_1 { display:flex !important; }
#formContainer form[id="7573378"] .form-all #cid_3 input, #formContainer form[id="7573378"] .form-all #input_3, #formContainer form[id="7573378"] .form-all input.form-textbox { display:block !important; float:none !important; width:100% !important; max-width:none !important; min-width:0 !important; box-sizing:border-box !important; margin:0 !important; }
#formContainer form[id="7573378"] .form-all #cid_3 .form-sub-label-container { display:block !important; width:100% !important; }
@media screen and (max-width:768px) {
  #formContainer form[id="7573378"] .form-all ul.form-section { flex-direction:column !important; }
  #formContainer form[id="7573378"] .form-all #cid_1 { flex-direction:column !important; }
  #formContainer form[id="7573378"] .form-all li.form-line { width:100% !important; }
}

/* Flex-basis beats ANY width rule on a flex item, so the email row is built as nested flex:
   li#id_3 (flex) > #cid_3 (flex:1, itself flex) > #input_3 (flex:1). Whatever the CMS sets as
   width on .form-input or the input no longer matters. */
#formContainer form[id="7573378"] .form-all #id_3 { display:flex !important; flex-direction:row !important; align-items:stretch !important; width:100% !important; }
#formContainer form[id="7573378"] .form-all #id_3 #label_3 { display:none !important; }
#formContainer form[id="7573378"] .form-all #id_3 #cid_3 { display:flex !important; flex:1 1 0% !important; width:auto !important; max-width:none !important; min-width:0 !important; }
#formContainer form[id="7573378"] .form-all #id_3 #cid_3 #input_3, #formContainer form[id="7573378"] .form-all #id_3 #cid_3 input { flex:1 1 0% !important; width:auto !important; max-width:none !important; min-width:0 !important; height:80px !important; }
#formContainer form[id="7573378"] .form-all #id_1 { display:flex !important; width:100% !important; }
#formContainer form[id="7573378"] .form-all #id_1 #cid_1 { flex:1 1 0% !important; width:auto !important; max-width:none !important; }
@media screen and (max-width:768px) {
  #formContainer form[id="7573378"] .form-all #id_3 #cid_3 input { height:60px !important; }
}

/* ===== CMS platform footer, folded into ours (classes added by the script) ===== */
.jo-cms-footer-wrap, .jo-cms-footer { background:#3e3124 !important; background-color:#3e3124 !important; background-image:none !important; margin:0 !important; padding:0 !important; border:0 !important; box-shadow:none !important; width:100% !important; max-width:none !important; }
.jo-cms-footer__dup { display:none !important; }
.jo-cms-footer__powered { display:block !important; margin:0 !important; padding:0 0 22px !important; text-align:center !important; font-family:'Inter',sans-serif !important; font-size:12px !important; line-height:1.4 !important; letter-spacing:0.2px !important; color:rgba(255,255,255,0.55) !important; background:transparent !important; }
.jo-cms-footer__powered a { color:rgba(255,255,255,0.75) !important; text-decoration:underline !important; }
.jo-cms-footer__powered a:hover { color:#b3c97c !important; }

/* ===== Footer ===== */
.jo-footer { width:100% !important; background:#3e3124 !important; padding:26px 80px 18px !important; border-top:2px solid #b3c97c !important; }
.jo-footer__inner { display:flex !important; flex-wrap:wrap !important; align-items:center !important; justify-content:center !important; gap:10px 16px !important; max-width:1440px !important; margin:0 auto !important; font-weight:500 !important; font-size:clamp(14px,1.2vw,16px) !important; letter-spacing:0.4px !important; color:rgba(255,255,255,0.8) !important; text-align:center !important; }
.jo-footer__name { font-weight:700 !important; color:#ffffff !important; font-size:inherit !important; }
.jo-footer__divider { color:rgba(255,255,255,0.35) !important; }
.jo-footer__link { color:rgba(255,255,255,0.8) !important; text-decoration:none !important; transition:color 0.2s !important; font-size:inherit !important; }
.jo-footer__link:hover { color:#b3c97c !important; }

/* ===== Reveal animations (added by the script) ===== */
.jo-anim .jo-reveal { opacity:0 !important; transform:translateY(30px) !important; transition:opacity 0.8s cubic-bezier(0.4,0,0.2,1), transform 0.8s cubic-bezier(0.4,0,0.2,1) !important; }
.jo-anim .jo-reveal.jo-in-view { opacity:1 !important; transform:translateY(0) !important; }
.jo-anim .jo-card.jo-reveal { transition:flex 0.6s cubic-bezier(0.25,1,0.5,1), opacity 0.8s cubic-bezier(0.4,0,0.2,1), transform 0.8s cubic-bezier(0.4,0,0.2,1) !important; }
@media (prefers-reduced-motion: reduce) {
  .jo-anim .jo-reveal { transform:none !important; transition:opacity 1s ease !important; }
}

/* ===== Responsive ===== */
@media screen and (max-width:1340px) { .jo-nav__links, .jo-nav .chabad_navigator_bar ul { gap:30px !important; } }
@media screen and (max-width:1200px) {
  .jo-nav__inner, .jo-gallery__grid, .jo-center__inner, .jo-follow__inner, .jo-footer { padding-left:40px !important; padding-right:40px !important; }
  .jo-newsletter__content { padding-left:40px !important; padding-right:40px !important; }
  .jo-center__grid { gap:24px !important; }
}
@media screen and (max-width:1150px) {
  .jo-nav__logo { width:238px !important; height:53px !important; }
  .jo-nav__links, .jo-nav .chabad_navigator_bar ul { gap:22px !important; }
  .jo-nav .chabad_navigator_bar ul li a { font-size:18px !important; }
  .jo-btn--donate { padding:10px 20px !important; font-size:18px !important; }
}
@media screen and (max-width:1024px) {
  .jo-nav__inner { padding-top:40px !important; }
  .jo-nav__logo { width:200px !important; height:45px !important; }
  .jo-nav .chabad_navigator_bar ul li a { font-size:16px !important; }
  .jo-btn--donate { font-size:16px !important; }
  .jo-center__grid { grid-template-columns:1fr !important; gap:30px !important; align-items:start !important; }
  .jo-center__image { max-width:600px !important; aspect-ratio:600 / 500 !important; height:auto !important; }
  .jo-center__right { max-width:600px !important; }
  .jo-carousel__track { flex-wrap:wrap !important; }
  .jo-carousel__item { min-width:200px !important; }
}
@media screen and (max-width:900px) {
  .jo-nav__inner { padding:24px 40px 0 !important; }
  .jo-nav__burger { display:block !important; }
  .jo-nav__links { display:none !important; }
  .jo-nav.jo-scrolled .jo-nav__inner, body.jo-subpage .jo-nav__inner, .jo-nav.jo-menu-open .jo-nav__inner { padding-top:14px !important; padding-bottom:14px !important; }
}
@media screen and (max-width:768px) {
  .jo-nav__inner, .jo-gallery__grid, .jo-center__inner, .jo-follow__inner, .jo-footer, .jo-newsletter__content, .jo-mobile-panel { padding-left:16px !important; padding-right:16px !important; }
  .jo-hero__content { padding-top:calc(69px + 80px) !important; gap:40px !important; padding-left:16px !important; padding-right:16px !important; }
  .jo-hero__subtitle { max-width:268px !important; text-wrap:balance !important; }
  .jo-hero__img { height:78vh !important; object-position:68% center !important; -webkit-mask-image:linear-gradient(to bottom, #000 62%, transparent 100%) !important; mask-image:linear-gradient(to bottom, #000 62%, transparent 100%) !important; }
  .jo-btn--cta { padding:12px 30px !important; }
  .jo-gallery { margin-top:clamp(130px,22vw,200px) !important; }
  .jo-gallery__grid { flex-direction:column !important; align-items:stretch !important; height:min(70vh,500px) !important; gap:10px !important; }
  .jo-card { max-width:100% !important; width:100% !important; flex:1 1 0 !important; min-height:0 !important; height:auto !important; }
  .jo-card__label { bottom:calc(14px + 11px * var(--jo-focus, 0)) !important; left:calc(18px + 8px * var(--jo-focus, 0)) !important; }
  .jo-card__top { font-size:calc(14px + 4px * var(--jo-focus, 0)) !important; }
  .jo-card__bottom { font-size:calc(21px + 11px * var(--jo-focus, 0)) !important; }
  .jo-card__overlay { background:linear-gradient(179deg, rgba(199,220,230,0) calc(10% + 23% * var(--jo-focus, 0)), rgba(164,181,106,0.77) 99%) !important; }
  .jo-hours { padding:30px 24px !important; }
  .jo-location__bottom { flex-direction:column !important; align-items:center !important; }
  .jo-carousel__track { flex-wrap:nowrap !important; justify-content:flex-start !important; overflow-x:auto !important; gap:12px !important; scroll-snap-type:x mandatory !important; -webkit-overflow-scrolling:touch !important; scrollbar-width:none !important; }
  .jo-carousel__track::-webkit-scrollbar { display:none !important; }
  .jo-carousel__item { flex:0 0 80% !important; min-width:0 !important; max-width:none !important; scroll-snap-align:start !important; }
  .jo-anim .jo-carousel__item.jo-reveal { opacity:1 !important; transform:none !important; }
  .jo-carousel__dots { display:flex !important; }
  .jo-follow__top { grid-template-columns:auto auto !important; grid-template-areas:"title title" "handle btn" !important; justify-content:space-between !important; align-items:center !important; column-gap:12px !important; row-gap:14px !important; }
  .jo-btn--follow { align-self:center !important; justify-self:end !important; padding:11px 18px !important; font-size:16px !important; border-width:2px !important; }
  form[id="7573378"] .form-section { flex-direction:column !important; gap:12px !important; }
  form[id="7573378"] .form-line, form[id="7573378"] .form-line#id_1, form[id="7573378"] .form-line#id_3, form[id="7573378"] .form-line#id_2 { flex:1 1 auto !important; width:100% !important; }
  form[id="7573378"] #cid_1 { flex-direction:column !important; gap:12px !important; }
  form[id="7573378"] input.form-textbox { height:60px !important; font-size:16px !important; padding:0 20px !important; }
  form[id="7573378"] .form-sub-label { left:20px !important; font-size:16px !important; }
  form[id="7573378"] .form-submit-button { width:100% !important; height:60px !important; }
  .jo-newsletter__formwrap iframe { min-height:276px !important; }
  .jo-newsletter__title, .jo-follow__title, .jo-center__title { white-space:normal !important; flex-wrap:wrap !important; }
}
@media screen and (max-width:768px) and (prefers-reduced-motion: reduce) {
  .jo-gallery__grid { height:auto !important; }
  .jo-card { flex:none !important; aspect-ratio:3 / 2 !important; --jo-focus:1; }
}
@media screen and (max-width:480px) {
  .jo-nav__logo { width:160px !important; height:36px !important; }
  .jo-follow__handle { padding:5px 13px !important; font-size:13px !important; letter-spacing:0.5px !important; }
  .jo-btn--follow { padding:10px 14px !important; font-size:14px !important; gap:6px !important; }
  .jo-carousel__item { flex:0 0 84% !important; }
}
@media (min-width:2560px) {
  .jo-hero { max-height:1400px !important; }
  .jo-newsletter { min-height:800px !important; }
}

/* ============================================================================
   SUB-PAGES (article / child pages) - the fixed nav needs a solid bar and the
   content needs clearing room. body.jo-subpage is set by the script whenever
   the page has no .jo-hero. Scoped to .co_body .content so the homepage is
   never touched. Never target bare span outside .content.
   ============================================================================ */
body.jo-subpage #chabad_body_content, body.jo-subpage .master-content-wrapper { padding-top:95px !important; }
body.jo-subpage.cco_templateless_page #content_page_full { padding-top:95px !important; }
.page-tools-sidebar { display:none !important; }
#co_content_container { max-width:100% !important; }
.g780 { width:80% !important; }
.master-content-wrapper .article-header { max-width:820px !important; margin:0 auto !important; padding:40px 24px 0 !important; box-sizing:border-box !important; }
.master-content-wrapper .article-header__title { font-family:'EB Garamond',serif !important; font-style:italic !important; font-size:44px !important; font-weight:600 !important; line-height:1.08 !important; letter-spacing:-1px !important; color:#3e3124 !important; margin:12px 0 0 !important; }
.master-content-wrapper .breadcrumbs { font-family:'Inter',sans-serif !important; font-size:14px !important; color:#8b8b8b !important; }
.master-content-wrapper .breadcrumbs a { color:#8b8b8b !important; text-decoration:none !important; }
.master-content-wrapper .breadcrumbs a:hover { color:#a4b56a !important; }
.co_body .content, .co_body article.content { max-width:820px !important; margin:0 auto !important; padding:40px 24px 80px !important; box-sizing:border-box !important; text-align:left !important; font-family:'Inter',sans-serif !important; color:#3e3124 !important; float:none !important; width:auto !important; }
.co_body .content p, .co_body .content li, .co_body .content td { font-family:'Inter',sans-serif !important; font-size:17px !important; line-height:1.65 !important; color:#3e3124 !important; margin:0 0 16px !important; }
.co_body .content p span, .co_body .content li span, .co_body .content td span { font-size:17px !important; font-family:'Inter',sans-serif !important; line-height:1.65 !important; }
.co_body .content strong, .co_body .content strong span { font-weight:700 !important; color:#3e3124 !important; }
.co_body .content h1, .co_body .content h2, .co_body .content h3, .co_body .content h4, .co_body .content h5 { font-family:'Inter',sans-serif !important; color:#3e3124 !important; font-weight:700 !important; line-height:1.15 !important; margin:34px 0 12px !important; text-align:left !important; }
.co_body .content h1, .co_body .content h1 span { font-size:36px !important; letter-spacing:-1.2px !important; }
.co_body .content h2, .co_body .content h2 span { font-size:29px !important; letter-spacing:-0.8px !important; }
.co_body .content h3, .co_body .content h3 span { font-size:22px !important; letter-spacing:-0.4px !important; }
.co_body .content h4, .co_body .content h4 span { font-size:20px !important; }
.co_body .content h5, .co_body .content h5 span { font-size:18px !important; }
.co_body .content h1 span, .co_body .content h2 span, .co_body .content h3 span, .co_body .content h4 span, .co_body .content h5 span { font-family:'Inter',sans-serif !important; color:inherit !important; font-weight:inherit !important; }
.co_body .content h1[style*="text-align: center"], .co_body .content h2[style*="text-align: center"], .co_body .content h3[style*="text-align: center"], .co_body .content p[style*="text-align: center"] { text-align:center !important; }
.co_body .content a:not(.jo-btn):not(.jo-card__link):not(.jo-carousel__link):not(.jo-footer__link) { color:#a4b56a !important; text-decoration:none !important; border-bottom:1px solid rgba(164,181,106,0.4) !important; transition:color 0.2s, border-color 0.2s !important; word-break:break-word !important; }
.co_body .content a:not(.jo-btn):not(.jo-card__link):not(.jo-carousel__link):not(.jo-footer__link):hover { color:#3e3124 !important; border-bottom-color:#3e3124 !important; }
.co_body .content a span { color:inherit !important; }
.co_body .content section { margin:0 0 8px !important; }
.co_body .content ul, .co_body .content ol { margin:0 0 18px !important; padding-left:24px !important; }
.co_body .content li { margin:0 0 8px !important; }
.co_body .content img { max-width:100% !important; height:auto !important; border-radius:2px !important; margin:10px 0 !important; }
.co_body .content table { width:100% !important; border-collapse:collapse !important; margin:0 0 20px !important; }
.co_body .content th { font-family:'Inter',sans-serif !important; background:#3e3124 !important; color:#ffffff !important; font-weight:700 !important; text-align:left !important; padding:12px 14px !important; }
.co_body .content td { border-bottom:1px solid rgba(62,49,36,0.12) !important; padding:12px 14px !important; }
.co_body .content hr { border:none !important; border-top:1px solid rgba(62,49,36,0.12) !important; margin:32px 0 !important; }
.co_body .content blockquote { border-left:3px solid #b3c97c !important; padding:4px 0 4px 18px !important; margin:0 0 18px !important; color:#6b5f52 !important; font-style:italic !important; }
.co_body .content .content-footer:empty { display:none !important; }
@media screen and (max-width:720px) {
  .co_body .content, .co_body article.content { padding:28px 20px 60px !important; }
  .master-content-wrapper .article-header { padding:28px 20px 0 !important; }
  .master-content-wrapper .article-header__title { font-size:32px !important; }
  .co_body .content h1, .co_body .content h1 span { font-size:28px !important; }
  .co_body .content h2, .co_body .content h2 span { font-size:24px !important; }
  .co_body .content h3, .co_body .content h3 span { font-size:20px !important; }
  .co_body .content p, .co_body .content li, .co_body .content td, .co_body .content p span, .co_body .content li span, .co_body .content td span { font-size:16px !important; }
  body.jo-subpage #chabad_body_content, body.jo-subpage .master-content-wrapper { padding-top:69px !important; }
  body.jo-subpage.cco_templateless_page #content_page_full { padding-top:69px !important; }
}
.footer3{ display: none !important;}
</style>
<script>
if ( document.location.href.indexOf('/templates') > -1) {
const style = document.createElement('style');
style.innerHTML = `
.site_title:after{
background-image:url('https://jewishoasis.com/media/images/1264/aFre12642796.png') !important;
}
`;
document.head.appendChild(style);
}
</script><script>
if ( document.location.href.indexOf('5866209') > -1) {
const style = document.createElement('style');
style.innerHTML = `
.content-area-parent :nth-child(6) .caption,.content-area-parent :nth-child(7) .caption{
display:none !important;
}
`;
document.head.appendChild(style);
}
</script><script>
if ( document.location.href.indexOf('/templates/') > -1) {
const style = document.createElement('style');
style.innerHTML = `
.sneak-peek-container{
top:0px !important;
}
.sneak-peek-container .widget-1:nth-of-type(4), .sneak-peek-container .widget-1:nth-of-type(5), .sneak-peek-container .widget-1:nth-of-type(6){
display:none !important;
}
.sneak_peek .widget_content p{
display:none !important;
}
@media screen and (min-width:1140px){
.sneak-peek-container .v100{
width:250px !important;
height:250px !important;
}
}
`;
document.head.appendChild(style);
}
</script><script>
if ( document.location.href.indexOf('/5965765/') > -1) {
const style = document.createElement('style');
style.innerHTML = `
.site_title:after{
display:none !important;
}
`;
document.head.appendChild(style);
}
</script><script>
if ( document.location.href.indexOf('5826785') > -1) {
const style = document.createElement('style');
style.innerHTML = `
.master-content-wrapper{
display:none !important;
}
`;
document.head.appendChild(style);
}
</script><script>
if ( document.location.href.indexOf('5866397') > -1) {
const style = document.createElement('style');
style.innerHTML = `
#header, #footer, .master-content-wrapper{
display:none !important;
}
`;
document.head.appendChild(style);
}
</script><script>
if ( document.location.href.indexOf('4970020') > -1) {
const style = document.createElement('style');
style.innerHTML = `
#donate-wrapper #donate .intro-wrapper p.description {
    display: block !important;
  }
`;
document.head.appendChild(style);
}
</script><script>
const ids = ['6581578', '5961012', '6612378', '6627890', '6552684', '5875107', '6010052', '5818091', '6674960']; // Add more IDs as needed
const currentUrl = document.location.href;

if (ids.some(id => currentUrl.indexOf(id) > -1)) {
    const style = document.createElement('style');
    style.innerHTML = `
    @import url(https://db.onlinewebfonts.com/c/7330cea698bc9dfd4bd024a38ea56a9a?family=Trajan+Pro+3); 
    @import url('https://fonts.cdnfonts.com/css/itc-avant-garde-pro-md');
    .footer {
        display: none !important;
    }
    .co_local_menu {
        display: none;
    }
    .js-recaptcha-wrapper div {
        margin: 0 auto !important;
    }
    .g780 {
        max-width: 100% !important;
    }
    .form-buttons-wrapper {
        text-align: center !important;
    }
    .form-label-left label {
        color: #7B766B !important;
        font-family: 'ITC Avant Garde Pro Md', sans-serif !important;
    }
    .form-required {
        color: #981C20;
    }
    .form-line {
        border: 0px !important;
    }
    input.form-textbox {
        height: 35px;
        min-width: 200px;
        font-family: 'ITC Avant Garde Pro Md', sans-serif;
    }
    .form-sub-label-container {
        margin-right: 10px;
    }
    .form-sub-label {
        color: #7B766B !important;
        font-family: 'ITC Avant Garde Pro Md', sans-serif;
    }
    input.form-radio, input.form-checkbox {
        height: 20px !important;
        width: 20px !important;
    }
    .form-radio-item, #total_amount, #label_11 {
        font-family: 'ITC Avant Garde Pro Md', sans-serif;
    }
    input[type='radio'] {
        accent-color: #981C20;
    }
    .form-dropdown, #input_9_cc_exp_month, #input_9_cc_exp_year {
        height: 35px;
        border-radius: 0px;
        background: white;
        border: #ccc 1px solid;
        box-shadow: 0 1px 2px #eee inset;
        padding: 0px 10px;
        font-family: 'ITC Avant Garde Pro Md', sans-serif;
    }
    .form-radio-item {
        margin-bottom: 15px !important;
    }
    .form-radio-item label span {
        position: absolute;
        margin-left: 5px;
        margin-top: -19px;
    }
    .g100, .g120, .g140, .g160, .g180, .g20, .g200, .g220, .g240, .g260, .g280, .g300, .g320, .g340, .g360, .g380, .g40, .g400, .g420, .g440, .g460, .g480, .g500, .g520, .g540, .g560, .g580, .g60, .g600, .g620, .g640, .g660, .g680, .g700, .g720, .g740, .g760, .g780, .g80, .g800, .g820, .g840, .g860, .g880, .g900, .g920, .g940, .g960 {
        margin-left: 0px !important;
    }
    @media all and (max-width: 500px) {
        input.form-textbox {
            min-width: 0px;
        }
    }
    `;
    document.head.appendChild(style);
}
</script></head>
<body class="lang_en dir_ltr cco_body cco_templateless_page">
	
	<style type="text/css">

.g960{width:auto;}</style>


<div class="jo-minisite">
<div id="chabad_head">

<div class="jo-nav" id="joNav">
<div class="jo-nav__inner">

<img src="https://jewishoasis.com/media/images/1374/Qwga13746476.png" alt="Jewish Oasis Portland Chabad House" class="jo-nav__logo" />
<div class="jo-nav__links">



<div class="widget-1 navigation custom v260 feed">
    
<div class="wrapper">

        
        
        
        
<div class="widget_content">
        
            

<div id="navigation" class="chabad_navigator_bar">
    
<div class="chabad_menu_content">
        
<ul id="menu" class="navi">
            
                    
<li class="item parent">
                        
<a href="/article.asp?aid=5818082" class="parent">Store</a>
                        
                
                    
                    </li>
                    
                        
<li class="custom_separator" ></li>
                    
                
                    
<li class="item parent arrow">
                        
<a href="/article.asp?aid=5803588" class="parent arrow">Events</a>
                        
                                
                                
<div class="sub_menu">
<ul>
                            
                                
<li class="item first last">
                                    
<a href="/article.asp?aid=7601768">Make Peace</a>
                                </li>
                            
                                </ul>
</div>
                            
                
                    
                    </li>
                    
                        
<li class="custom_separator" ></li>
                    
                
                    
<li class="item parent arrow">
                        
<a href="/article.asp?aid=7599858" class="parent arrow">More</a>
                        
                                
                                
<div class="sub_menu">
<ul>
                            
                                
<li class="item first last">
                                    
<a href="/article.asp?aid=7599855">Tzedakah Daily App</a>
                                </li>
                            
                                </ul>
</div>
                            
                
                    
                    </li>
                    
                        
<li class="custom_separator" ></li>
                    
                
                    
<li class="item parent">
                        
<a href="/article.asp?aid=6586028" class="parent">Contact Us</a>
                        
                </li>

        </ul>
    </div>
</div>

            

            
                        
            
        
        </div>
        
        

    </div>
</div>



<a href="/templates/donate_cdo/aid/4970020/jewish/Donate.htm" class="jo-btn jo-btn--donate">
<span>Donate</span>
<span class="jo-arrow">→</span>
</a></div>
<button class="jo-nav__burger" id="joMenuToggle" type="button" aria-label="Toggle menu"> </button></div>
<div class="jo-mobile-panel" id="joMobilePanel">

<a href="/templates/donate_cdo/aid/4970020/jewish/Donate.htm" class="jo-btn jo-btn--donate jo-mobile-panel__donate">
<span>Donate</span>
<span class="jo-arrow">→</span>
</a></div>
</div>
</div>

<div id="chabad_body_content">

<div class="jo-content-main" detached="true" type="static" name="content_area" id="ContentArea"><div id="content_page" class="content_page">
	
	<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="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="thumbnailUrl" content="https://w2.chabad.org/media/images/1257/SGES12575851.png" />
	
<meta itemprop="uploadDate" content="2023-11-29T16:03:13" />
<span itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
	<meta itemprop="name" content="Jewish Oasis" />
	<meta itemprop="brand" content="Jewish Oasis" />
	<span itemprop="logo" itemscope itemtype="http://schema.org/ImageObject">
		<meta itemprop="url" content="https://w2.chabad.org/media/images/1393/sJjC13933325.png" />
		<meta itemprop="height" content="150" />
		<meta itemprop="width" content="150" />
	</span>
</span>
<meta itemprop="datePublished" content="2023-11-29T16:03:13" />
			<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 alt="" src="https://www.jewishoasis.com//media/images/1247/LdCy12474132.jpg"></p>

<p> </p>

</div>
</co:body>
			</div>
			

			<div class="break_floats"></div>
			
	<div class="break_floats"></div>
	

<div class="content-footer">
	
	
	
	
	
	
</div>
	</article>

		</div>
	</div>
</div>
						
						<div class="break_floats"></div>
						
					</div>
				</div>
				
				
				
			</div>
			
			
		</div>
		
		<aside class="page-tools-sidebar js-page-tools-sidebar hide_for_print">
<div class="page-tools js-page-tools-menu">
<div class="page-tools__section page-tools__section--share">
<a class="page-tools__tool js-share-popup page-tools__tool--facebook" data-share-url="https://www.facebook.com/dialog/share?app_id=188669250943&amp;display=popup&amp;href=https%3a%2f%2fwww.jewishoasis.com%2ftemplates%2farticlecco_cdo%2faid%2f6196980%2fjewish%2fSukkah-in-the-City.htm%23utm_medium%3dpage_tools%26utm_content%3dresponsive%26utm_source%3dFB">
				<i class="fa fa-facebook"></i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--twitter" data-share-url="https://twitter.com/intent/tweet?text=Sukkah+in+the+City+-+Jewish+Oasis&amp;url=https%3a%2f%2fwww.jewishoasis.com%2ftemplates%2farticlecco_cdo%2faid%2f6196980%2fjewish%2fSukkah-in-the-City.htm%23utm_medium%3dpage_tools%26utm_content%3dresponsive%26utm_source%3dtwitter&amp;via=Chabad">
				<i class="fa fa-twitter"></i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--whatsapp d-lg-none js-share-whatsapp" data-share-url="whatsapp://send?text=Sukkah+in+the+City+-+Jewish+Oasis https%3a%2f%2fwww.jewishoasis.com%2ftemplates%2farticlecco_cdo%2faid%2f6196980%2fjewish%2fSukkah-in-the-City.htm%23utm_medium%3dpage_tools%26utm_content%3dresponsive%26utm_source%3dwhatsapp">
				<i class="fa fa-whatsapp">
					<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" fill="#128c7e" width="1em" height="1em"><path d="M25 2C12.318 2 2 12.318 2 25c0 3.96 1.023 7.854 2.963 11.29L2.037 46.73c-.096.343-.003.711.245.966.191.197.451.304.718.304.08 0 .161-.01.24-.029l10.896-2.699C17.463 47.058 21.21 48 25 48c12.682 0 23-10.318 23-23S37.682 2 25 2zm11.57 31.116c-.492 1.362-2.852 2.605-3.986 2.772-1.018.149-2.306.213-3.72-.231-.857-.27-1.957-.628-3.366-1.229-5.923-2.526-9.791-8.415-10.087-8.804-.295-.389-2.411-3.161-2.411-6.03s1.525-4.28 2.067-4.864c.542-.584 1.181-.73 1.575-.73s.787.005 1.132.021c.363.018.85-.137 1.329 1.001.492 1.168 1.673 4.037 1.819 4.33.148.292.246.633.05 1.022s-.294.632-.59.973-.62.76-.886 1.022c-.296.291-.603.606-.259 1.19s1.529 2.493 3.285 4.039c2.255 1.986 4.158 2.602 4.748 2.894.59.292.935.243 1.279-.146.344-.39 1.476-1.703 1.869-2.286s.787-.487 1.329-.292c.542.194 3.445 1.604 4.035 1.896.59.292.984.438 1.132.681.148.242.148 1.41-.344 2.771z"/></svg>
				</i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--pinterest d-none d-lg-block" data-share-url="http://pinterest.com/pin/create/button/?url=https%3a%2f%2fwww.jewishoasis.com%2ftemplates%2farticlecco_cdo%2faid%2f6196980%2fjewish%2fSukkah-in-the-City.htm%23utm_medium%3dpage_tools%26utm_content%3dresponsive%26utm_source%3dpinterest&amp;description=Sukkah+in+the+City+-+Jewish+Oasis">
				<i class="fa fa-pinterest"></i>
			</a>
<a class="page-tools__tool" onclick="showEmailLayer(this);">
<i class="fa fa-envelope"></i>
</a>
</div>
<div class="page-tools__section page-tools__section--other js-page-tool-other">
<div class="page-tools__tool popover-parent d-lg-block">
<div class="popover popover--right align_left nowrap">
<div class="popover__content">
<label class="bold bottom_margin block">
Print Options:
</label>
<form class="vcenter" name="print-form" onsubmit="coPrint(event, 6196417);return false;">
<div>
<label><input type="checkbox" name="print-green"><span title="Save paper and ink">Print without images <i class="fa fa-leaf text-green"></i></span></label>
</div>
<br/>
<div class="center">
<button class="co-button page-tools__print-button">Print</button>
</div>
</form>
</div>
</div>
<i class="fa fa-print"></i>
</div>
</div>
</div>
<div class="js-fab-wrapper fab-wrapper">
<div class="fab">
<i class="fab-icon"></i>
</div>
</div>
</aside>
<!-- END CACHE -->
	</div>

	
	<div class="jo-clearfix"></div>
</div>

<div class="jo-footer">
<div class="jo-footer__inner">

<p class="jo-footer__name">Jewish Oasis</p>

<span class="jo-footer__divider">|</span>
 
<a href="tel:+15032465437" class="jo-footer__link">(503) 246-5437</a>
<span class="jo-footer__divider">|</span>
 
<a href="#" class="jo-footer__link">Contact Us</a></div>
</div>
</div>


	
		<div id="BodyContainer">
			<div class="g960 footer">
				<div class="poweredby large_bottom_margin">
					



	<div class="footer3">
		<span class="footer-title" >Jewish Oasis</span>
		<div class="footer-address">
			<span class="footer-street">1218 NW Glisan Street </span>
			<span class="footer-city-state">Portland, OR 97209</span>
		</div>
			<span>503-246-5437</span>
	</div>
	<img src="https://w2.chabad.org/images/global/spacer.gif" width="1" height="6" border="0" /><br />



Powered by <a href="https://www.chabad.org/" target="_new" class="">Chabad.org</a> &copy; 1993-2026 <a href="/4026210" target="_blank" class="privacy-link">Privacy Policy</a>




				</div>
			</div>
		</div>
	

	

	
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery-latest.min.js?g=40&v=278824AF"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/co/dist/CoLib.js?g=40&v=AD4120C1"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js?g=40&v=C9766FE9"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/modules/pagetools.js?g=40&v=930B07AB"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/minisites.js?g=40&v=F38E4DA5"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/multimedia/infolayer.js?g=40&v=ED1B8531"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/article/comments/reply-form-controller.js?g=40&v=E103C07F"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/commentsloader.js?g=40&v=AD6AAB79"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/subscribeprompt.js?g=40&v=86D84DC2"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/deprecated.js?v=ECED4238&g=40"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/OverrideJSDocumentWrite.js?g=40&v=9A0227AA"></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:'Jewish Oasis'}; Co.ArticleId     = '6196980';Co.SectionId     = 6297639;Co.PartnerSiteId = 0;Co.SiteId        = 8893;Co.IsMobilePage  = false;Co.IsResponsive  = true;Co.DbDomain      = 'JewishOasis.com';Co.LanguageCode  = '';Co.LoginStatus   = 'None';</script>

    
<script>
(function () {
  "use strict";
  // JEWISH OASIS MINISITE - SITE-WIDE SCRIPT (place in site-wide custom footer code)
  // NOTE: this script deliberately avoids the characters less-than, greater-than,
  // and ampersand so the CMS editor cannot HTML-encode and break it. Numeric
  // comparisons use the cmp/lt/gt helpers, logical-and is written as nested ifs,
  // and there are no arrow functions.

  var CFG = {
    // Where the logo points. Change this when the site goes live.
    homeUrl: "https://www.jewishoasis.com/",
    // Nav turns solid after this many px of scroll
    scrolledAt: 20,
    // Mobile gallery: how much bigger the focused card is than a preview
    galleryPeak: 3.2,
    gallerySpread: 1.0
  };

  function cmp(a, b) { return Math.sign(a - b); }
  function lt(a, b) { return cmp(a, b) === -1; }
  function gt(a, b) { return cmp(a, b) === 1; }

  var mobileMQ = window.matchMedia ? window.matchMedia("(max-width: 900px)") : { matches: false };
  var phoneMQ = window.matchMedia ? window.matchMedia("(max-width: 768px)") : { matches: false };
  var reducedMotion = window.matchMedia ? window.matchMedia("(prefers-reduced-motion: reduce)") : { matches: false };

  function init() {
    var root = document;
    var isHome = !!root.querySelector(".jo-hero");

    // ----- ALWAYS-ON (every page): nav renders site-wide -----
    if (!isHome) document.body.classList.add("jo-subpage");
    // Newsletter form: the embed is an iframe where this script does NOT run,
    // so the CSS handles it alone. This call is a harmless bonus for the case
    // where the form is ever rendered in the same document.
    setupNewsletterForm(root);
    setupScrolled(root);
    setupMobileNav(root);
    cloneNavToPanel(root);
    setupHomeLink(root);
    mergeCmsFooter(root);

    // ----- HOMEPAGE-ONLY -----
    if (!isHome) return;
    var wrap = root.querySelector(".jo-minisite");
    if (wrap) wrap.classList.add("jo-anim");
    setupReveal(root);
    setupGalleryFocus(root);
    setupCarouselDots(root);
  }

  // ---- Nav background: solid once the page moves ----
  function setupScrolled(root) {
    var nav = root.querySelector("#joNav");
    if (!nav) return;
    // Measure against the content, not window.scrollY: on some CMS templates
    // (mobile especially) the page scrolls inside a wrapper, so window never
    // scrolls and window.scrollY stays 0. The hero / body-content top moving
    // above the viewport is true however the page scrolls.
    var ref = root.querySelector(".jo-hero");
    if (!ref) ref = root.querySelector("#chabad_body_content");
    if (!ref) ref = document.body;
    var ticking = false;
    function sync() {
      ticking = false;
      var top = ref.getBoundingClientRect().top;
      var scrolled = lt(top, 0 - CFG.scrolledAt);
      if (gt(window.scrollY || 0, CFG.scrolledAt)) scrolled = true;
      nav.classList.toggle("jo-scrolled", scrolled);
    }
    function request() { if (ticking) return; ticking = true; requestAnimationFrame(sync); }
    onAnyScroll(request);
    sync();
  }

  // Fires for window scroll AND for any scrolling element (capture phase), so
  // it works whether the CMS scrolls the window or an inner wrapper.
  function onAnyScroll(fn) {
    window.addEventListener("scroll", fn, { passive: true });
    document.addEventListener("scroll", fn, { passive: true, capture: true });
    window.addEventListener("touchmove", fn, { passive: true });
    window.addEventListener("resize", fn);
  }

  // ---- Burger + mobile panel ----
  function setupMobileNav(root) {
    var nav = root.querySelector("#joNav");
    var burger = root.querySelector("#joMenuToggle");
    var panel = root.querySelector("#joMobilePanel");
    if (!burger) return;
    if (!panel) return;
    function close() {
      panel.classList.remove("jo-is-open");
      if (nav) nav.classList.remove("jo-menu-open");
      var groups = panel.querySelectorAll(".jo-mobile-panel__group");
      for (var i = 0; lt(i, groups.length); i++) collapseGroup(groups[i]);
    }
    function open() {
      panel.classList.add("jo-is-open");
      if (nav) nav.classList.add("jo-menu-open");
    }
    panel.__joClose = close;
    burger.addEventListener("click", function () {
      if (panel.classList.contains("jo-is-open")) close(); else open();
    });
    var links = panel.querySelectorAll("a");
    for (var i = 0; lt(i, links.length); i++) links[i].addEventListener("click", close);
    document.addEventListener("keydown", function (e) {
      if (e.key === "Escape" || e.keyCode === 27) close();
    });
    document.addEventListener("click", function (e) {
      if (!panel.classList.contains("jo-is-open")) return;
      if (nav) { if (nav.contains(e.target)) return; }
      close();
    });
  }

  function collapseGroup(grp) {
    grp.classList.remove("jo-is-expanded");
    var t = grp.querySelector(".jo-mobile-panel__toggle");
    var sm = grp.querySelector(".jo-mobile-panel__submenu");
    if (t) t.setAttribute("aria-expanded", "false");
    if (sm) sm.style.setProperty("max-height", "0px", "important");
  }

  // ---- Clone the Navigation widget links into the mobile panel ----
  // Top-level pages become rows; a page with a .sub_menu becomes an accordion
  // group (the parent link still navigates, the arrow reveals its children).
  function cloneNavToPanel(root) {
    var panel = root.querySelector("#joMobilePanel");
    if (!panel) return;
    var tries = 0;
    function attempt() {
      tries = tries + 1;
      var topUl = root.querySelector(".jo-nav .chabad_navigator_bar ul");
      if (!topUl) { if (lt(tries, 40)) setTimeout(attempt, 250); return; }
      var topItems = childElementsByTag(topUl, "LI");
      if (!topItems.length) { if (lt(tries, 40)) setTimeout(attempt, 250); return; }

      var old = panel.querySelectorAll("[data-jo-cloned]");
      for (var o = 0; lt(o, old.length); o++) old[o].parentNode.removeChild(old[o]);

      var donate = panel.querySelector(".jo-mobile-panel__donate");
      // CKEditor may have wrapped the donate link in a p; insert before that wrapper
      if (donate) { if (donate.parentNode !== panel) donate = donate.parentNode; }
      var closeFn = panel.__joClose;

      for (var i = 0; lt(i, topItems.length); i++) {
        var li = topItems[i];
        var parentAnchor = firstChildAnchor(li);
        if (!parentAnchor) continue;
        var label = parentAnchor.textContent.trim();
        if (!label) continue;
        var subMenu = li.querySelector(".sub_menu");
        var subLinks = subMenu ? subMenu.querySelectorAll("ul li a") : [];

        if (!subLinks.length) {
          var flat = document.createElement("a");
          flat.className = "jo-mobile-panel__link";
          flat.setAttribute("data-jo-cloned", "1");
          flat.href = parentAnchor.getAttribute("href") || "#";
          flat.textContent = label;
          if (closeFn) flat.addEventListener("click", closeFn);
          insertClone(panel, flat, donate);
          continue;
        }

        var group = document.createElement("div");
        group.className = "jo-mobile-panel__group";
        group.setAttribute("data-jo-cloned", "1");
        var row = document.createElement("div");
        row.className = "jo-mobile-panel__parent";
        var plink = document.createElement("a");
        plink.className = "jo-mobile-panel__link";
        plink.href = parentAnchor.getAttribute("href") || "#";
        plink.textContent = label;
        if (closeFn) plink.addEventListener("click", closeFn);
        var toggle = document.createElement("button");
        toggle.type = "button";
        toggle.className = "jo-mobile-panel__toggle";
        toggle.setAttribute("aria-label", "Toggle " + label + " submenu");
        toggle.setAttribute("aria-expanded", "false");
        toggle.textContent = "\u25BE";
        var sub = document.createElement("div");
        sub.className = "jo-mobile-panel__submenu";
        for (var s = 0; lt(s, subLinks.length); s++) {
          var subLabel = subLinks[s].textContent.trim();
          if (!subLabel) continue;
          var slink = document.createElement("a");
          slink.className = "jo-mobile-panel__sublink";
          slink.href = subLinks[s].getAttribute("href") || "#";
          slink.textContent = subLabel;
          if (closeFn) slink.addEventListener("click", closeFn);
          sub.appendChild(slink);
        }
        bindToggle(toggle);
        row.appendChild(plink);
        row.appendChild(toggle);
        group.appendChild(row);
        group.appendChild(sub);
        insertClone(panel, group, donate);
      }
    }
    attempt();
  }

  function insertClone(panel, node, donate) {
    if (donate) panel.insertBefore(node, donate); else panel.appendChild(node);
  }

  function childElementsByTag(parent, tagUpper) {
    var out = [], kids = parent.children;
    for (var i = 0; lt(i, kids.length); i++) {
      if (kids[i].tagName === tagUpper) out.push(kids[i]);
    }
    return out;
  }

  function firstChildAnchor(li) {
    var kids = li.children;
    for (var i = 0; lt(i, kids.length); i++) {
      if (kids[i].tagName === "A") return kids[i];
    }
    return null;
  }

  function bindToggle(toggle) {
    toggle.addEventListener("click", function (e) {
      if (e.preventDefault) e.preventDefault();
      if (e.stopPropagation) e.stopPropagation();
      var grp = toggle.closest(".jo-mobile-panel__group");
      if (!grp) return;
      var sm = grp.querySelector(".jo-mobile-panel__submenu");
      var open = grp.classList.toggle("jo-is-expanded");
      toggle.setAttribute("aria-expanded", open ? "true" : "false");
      if (sm) sm.style.setProperty("max-height", open ? (sm.scrollHeight + "px") : "0px", "important");
    });
  }

  // ---- Logo links home ----
  function setupHomeLink(root) {
    var logo = root.querySelector(".jo-nav__logo");
    if (!logo) return;
    var parentAnchor = logo.closest ? logo.closest("a") : null;
    if (parentAnchor) { parentAnchor.setAttribute("href", CFG.homeUrl); return; }
    if (!logo.parentNode) return;
    var a = document.createElement("a");
    a.setAttribute("href", CFG.homeUrl);
    a.setAttribute("aria-label", "Jewish Oasis Home");
    logo.parentNode.insertBefore(a, logo);
    a.appendChild(logo);
  }

  // ---- Scroll reveal ----
  function setupReveal(root) {
    var targets = [];
    var sels = [".jo-hero__text", ".jo-btn--cta", ".jo-card", ".jo-center__header", ".jo-center__image",
      ".jo-hours", ".jo-location", ".jo-follow__top", ".jo-carousel__item", ".jo-newsletter__text", ".jo-newsletter__formwrap"];
    for (var k = 0; lt(k, sels.length); k++) {
      var els = root.querySelectorAll(sels[k]);
      for (var i = 0; lt(i, els.length); i++) {
        els[i].classList.add("jo-reveal");
        targets.push(els[i]);
      }
    }
    if (!("IntersectionObserver" in window)) {
      for (var j = 0; lt(j, targets.length); j++) targets[j].classList.add("jo-in-view");
      return;
    }
    var obs = new IntersectionObserver(function (entries, o) {
      entries.forEach(function (en) {
        if (en.isIntersecting) {
          var t = en.target;
          requestAnimationFrame(function () {
            requestAnimationFrame(function () { t.classList.add("jo-in-view"); });
          });
          o.unobserve(t);
        }
      });
    }, { root: null, rootMargin: "0px 0px -50px 0px", threshold: 0.1 });
    for (var m = 0; lt(m, targets.length); m++) obs.observe(targets[m]);
  }

  // ---- Mobile gallery: scroll-driven focus stack ----
  // The three cards share a fixed-height column; the one nearest the "focal"
  // point grows while the others shrink, driven by scroll position.
  function setupGalleryFocus(root) {
    var grid = root.querySelector("#joGallery");
    if (!grid) return;
    var cards = Array.prototype.slice.call(grid.querySelectorAll(".jo-card"));
    if (!cards.length) return;
    var ticking = false;

    function smooth(t) {
      var c = Math.min(1, Math.max(0, t));
      return c * c * (3 - 2 * c);
    }
    function clearCards() {
      for (var i = 0; lt(i, cards.length); i++) {
        cards[i].style.flexGrow = "";
        cards[i].style.removeProperty("--jo-focus");
      }
    }
    function update() {
      ticking = false;
      if (!phoneMQ.matches) return;
      if (reducedMotion.matches) return;
      var rect = grid.getBoundingClientRect();
      var vh = window.innerHeight;
      var travel = (vh - rect.top) / (vh + rect.height);
      var progress = Math.min(1, Math.max(0, (travel - 0.26) / 0.48));
      var focal = progress * (cards.length - 1);
      for (var i = 0; lt(i, cards.length); i++) {
        var nearness = smooth(1 - Math.abs(i - focal) / CFG.gallerySpread);
        cards[i].style.setProperty("flex-grow", String(1 + CFG.galleryPeak * nearness), "important");
        cards[i].style.setProperty("--jo-focus", nearness.toFixed(3));
      }
    }
    function requestUpdate() {
      if (ticking) return;
      ticking = true;
      requestAnimationFrame(update);
    }
    function sync() {
      if (!phoneMQ.matches) { clearCards(); return; }
      if (reducedMotion.matches) { clearCards(); return; }
      requestUpdate();
    }
    onAnyScroll(requestUpdate);
    window.addEventListener("resize", sync);
    if (phoneMQ.addEventListener) phoneMQ.addEventListener("change", sync);
    if (reducedMotion.addEventListener) reducedMotion.addEventListener("change", sync);
    sync();
  }

  // ---- Instagram carousel dots (mobile) ----
  function setupCarouselDots(root) {
    var track = root.querySelector("#joCarousel");
    var dotsWrap = root.querySelector("#joDots");
    if (!track) return;
    if (!dotsWrap) return;
    var items = Array.prototype.slice.call(track.querySelectorAll(".jo-carousel__item"));
    if (!items.length) return;
    dotsWrap.textContent = "";
    var dots = [];
    for (var i = 0; lt(i, items.length); i++) {
      var d = document.createElement("button");
      d.type = "button";
      d.className = "jo-carousel__dot" + (i === 0 ? " jo-active" : "");
      d.setAttribute("aria-label", "Go to post " + (i + 1));
      dotsWrap.appendChild(d);
      dots.push(d);
    }
    function setActive(n) {
      for (var k = 0; lt(k, dots.length); k++) dots[k].classList.toggle("jo-active", k === n);
    }
    track.addEventListener("scroll", function () {
      var base = items[0].offsetLeft;
      var closest = 0, min = Infinity;
      for (var k = 0; lt(k, items.length); k++) {
        var dist = Math.abs((items[k].offsetLeft - base) - track.scrollLeft);
        if (lt(dist, min)) { min = dist; closest = k; }
      }
      setActive(Math.min(closest, dots.length - 1));
    }, { passive: true });
    dots.forEach(function (dot, n) {
      dot.addEventListener("click", function () {
        if (!items[n]) return;
        track.scrollTo({ left: items[n].offsetLeft - items[0].offsetLeft, behavior: "smooth" });
        setActive(n);
      });
    });
  }

  // ---- Newsletter form (aid 7573378) ----
  // formembed.js.asp loads the form page in an iframe, so this runs INSIDE that
  // iframe (the footer script is site-wide). It also still works if the CMS
  // ever injects the form inline. Polls briefly because the form renders async.
  function setupNewsletterForm(root) {
    var tries = 0;
    function attempt() {
      tries = tries + 1;
      var form = root.querySelector('form[id="7573378"]');
      if (!form) { if (lt(tries, 40)) setTimeout(attempt, 250); return; }
      function ph(sel, text) {
        var el = form.querySelector(sel);
        if (!el) return;
        if (!el.getAttribute("placeholder")) el.setAttribute("placeholder", text);
      }
      ph("#first_1", "First Name");
      ph("#last_1", "Last Name");
      ph('input[type="email"]', "Email Address");
      var email = form.querySelector('input[type="email"]');
      if (email) email.setAttribute("autocomplete", "email");
      var btn = form.querySelector(".form-submit-button");
      if (btn) {
        var line = btn.closest(".form-line");
        if (line) line.classList.add("jo-form-submit-line");
      }
      // keep the opt-in checkbox checked (it is hidden by the CSS)
      var box = form.querySelector('input[type="checkbox"]');
      if (box) {
        box.checked = true;
        form.addEventListener("submit", function () { box.checked = true; });
      }
    }
    attempt();
  }


  // ---- CMS footer: fold the platform footer into ours ----
  // The CMS appends its own footer (address / phone / "Powered by Chabad.org").
  // "Powered by Chabad.org" + Privacy Policy must stay, so we keep that line and
  // tag the duplicate address/phone lines so the CSS can hide them and restyle
  // the block to sit flush under .jo-footer.
  function mergeCmsFooter(root) {
    var ours = root.querySelector(".jo-footer");
    if (!ours) return;
    var links = root.querySelectorAll("a");
    var powered = null;
    for (var i = 0; lt(i, links.length); i++) {
      var a = links[i];
      var href = (a.getAttribute("href") || "").toLowerCase();
      var txt = (a.textContent || "").replace(/\s+/g, " ").trim().toLowerCase();
      if (txt === "chabad.org") {
        if (href.indexOf("chabad.org") !== -1) {
          // DOCUMENT_POSITION_FOLLOWING (4) bit set = the link comes after our footer
          if (Math.floor(ours.compareDocumentPosition(a) / 4) % 2 === 1) { powered = a; break; }
        }
      }
    }
    if (!powered) return;
    var line = powered.parentNode;
    if (!line) return;
    var block = line.parentNode;
    if (!block) return;
    if (block === document.body) return;
    block.classList.add("jo-cms-footer");
    line.classList.add("jo-cms-footer__powered");
    var kids = block.children;
    for (var k = 0; lt(k, kids.length); k++) {
      if (kids[k] !== line) kids[k].classList.add("jo-cms-footer__dup");
    }
    // climb to the outer footer wrappers (stop before body) so their
    // background can be painted brown too
    var outer = block.parentNode;
    var hops = 0;
    while (outer) {
      if (outer === document.body) break;
      if (gt(hops, 3)) break;
      if (outer.contains(ours)) break;
      outer.classList.add("jo-cms-footer-wrap");
      outer = outer.parentNode;
      hops = hops + 1;
    }
  }

  if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", init);
  else init();
})();
</script>
</body>
</html>