<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="en" />

<meta property="og:image" content="https://w2.chabad.org/media/images/1347/xReA13472402.png" itemprop="image" width="350" height="200" />
<meta property="og:image:width" content="350" />
<meta property="og:image:height" content="200" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta name="keywords" content="Shabbat" />
<meta name="title" content="Shabbat - Chabad of Steamboat Springs" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="6261737-6261745-7150285-7150288" />
<meta name="article-keywords" content="2170-2898" />
<meta name="scope-aid" content="6261737" />
<meta name="scope-aid" content="6261745" />
<meta name="scope-aid" content="7150285" />
<meta name="scope-aid" content="7150288" />
<meta name="article-keyword" content="2170" />
<meta name="article-keyword" content="2898" />
<meta property="og:url" content="https://www.jewishsteamboat.com/templates/articlecco_cdo/aid/7150288/jewish/Shabbat.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Shabbat - Chabad of Steamboat Springs" /><link rel="canonical" href="https://www.jewishsteamboat.com/templates/articlecco_cdo/aid/7150288/jewish/Shabbat.htm" />
<link rel="image_src" href="https://w2.chabad.org/media/images/1347/xReA13472402.png" />
<link rel="icon" type="image/png" href="https://www.jewishsteamboat.com/media/images/1324/iQgX13240617.png" />
<link rel="Stylesheet" href="/css/fonts/font-awesome/font-awesome-5.css?g=10&v=98662BF4" id="kfont-awesome" type="text/css"/>
<link rel="Stylesheet" href="/css/DefaultGrid.css?g=10&v=44B79007" id="kgrid" type="text/css"/>
<link rel="Stylesheet" href="/css/Elements.css?g=10&v=E669C926" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites.css?g=10&v=D77AD1C0" id="ksites-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/new/main.css?g=10&v=2B7F734E" id="k7" type="text/css"/>
<link rel="Stylesheet" href="/css/global.css?g=10&v=D37C5613" id="k3" type="text/css"/>
<link rel="Stylesheet" href="/css/global-print.css?g=10&v=1FE80AC1" id="k5" type="text/css" media="print"/>
<link rel="Stylesheet" href="/css/cco/home/widget-styles.css?g=10&v=B14CEBA0" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/sites6/default-theme.css?g=10&v=F68E803F" id="k" type="text/css"/>
<link rel="Stylesheet" href="/css/old/global.css?g=10&v=F7C22456" id="k2898" type="text/css"/>
<link rel="Stylesheet" href="/css/bootstrap/grid.css?g=10&v=B92FCAD8" id="kbootstrap4-grid" type="text/css"/>
<link rel="Stylesheet" href="/css/Library/reader-comments.css?g=10&v=5F31D0D8" id="kCommentsStylesheet" type="text/css"/>
<link rel="Stylesheet" href="/css/inline/BookInfo.css?g=10&v=14B88022" id="kBookInfoCss" type="text/css"/>
<!--[if lte IE 8]> <link rel="Stylesheet" href="/css/global-ie.css?g=10&v=E699B0F3" id="k4" type="text/css"/> <![endif]-->
<script>$q=[];$j=function(f){$q.push(f);}</script>
	
<title>
	Shabbat - Chabad of Steamboat Springs
</title>
	



<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2025-12-05","primaryArticleId":7150288,"title":"","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"Visitors","contentLevel3":"Shabbat","siteName":"Chabad of Steamboat Springs"},"time":{"upcomingHoliday":"The Three Weeks","daysToUpcomingHoliday":36,"hebrewDate":"5786-03-11"}});
		dataLayer.push({ 'articleHierarchy': '-6261737-6261745-7150285-7150288-', 'keywords': '-k2898-k2170-', 'k': '-6261737-6261745-7150285-7150288--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 = 12956716;var sc_partition = 76;var sc_invisible = 1;var sc_remove_link=1;var sc_security = "088f4022";var sc_https = 1;
	</script>
	<script type="text/javascript" src="https://secure.statcounter.com/counter/counter_xhtml.js" defer async></script>
	<noscript><img src="//c77.statcounter.com/counter.php?sc_project=12956716&amp;java=0&amp;security=088f4022&amp;invisible=1" border="0" /> </noscript>
	<!-- End of StatCounter Code -->


<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anek+Devanagari:wght@100..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

<style>
.hp-table .hp-row-first .promo_slider .slider .cycle-caption .readMore:hover {
    background: white !important;
    color: #1CB1E6 !important;
}

 #BodyContainer .no-hero-image #co_content_container .master-content-wrapper.master-content-wrapper .article-header .article-header__title {
    color: #134770 !important;
    text-transform: uppercase !important;
}

#header_branding > a{ display: none !Important;}

.hp-table .hp-row-first .promo_slider .slider .cycle-caption p{ max-width: 800px !important;}

/* Styles the main button */
td.co_menu_item.donate_link a.parent {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #1CB1E6 !important;
  color: #ffffff !important;
  padding: 12px 24px !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 16px !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  border-radius: 5px !important;
  line-height: 1 !important;
  border: unset !important;
}

/* Creates the white heart icon */
td.co_menu_item.donate_link a.parent::before {
  content: '' !important;
  display: inline-block !important;
  width: 1.2em !important;
  height: 1.2em !important;
  margin-right: 10px !important;
  background-color: #ffffff !important;
  
  /* This uses an SVG mask to "cut out" the heart shape */
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M47.6 300.4L228.3 469.1c7.5 7 17.4 10.9 27.7 10.9s20.2-3.9 27.7-10.9L464.4 300.4c30.4-28.3 47.6-68 47.6-109.5v-5.8c0-69.9-50.5-129.5-119.4-141C347 36.5 300.6 51.4 268 84L256 96 244 84c-32.6-32.6-79-47.5-124.6-39.9C50.5 55.6 0 115.2 0 185.1v5.8c0 41.5 17.2 81.2 47.6 109.5z'/%3E%3C/svg%3E") !important;
  mask-size: contain !important;
  mask-repeat: no-repeat !important;
  mask-position: center !important;
}


#injected-upcoming-events-section {
    background-color: #bcccd6 !important;
}
#BodyContainer .g960.no_margin > div > div:nth-child(4){
background-color: #bcccd6 !important;
}

.icon .widget_content .item .icon img{
filter: unset !important;
height: 90px !important;}

.icon .widget_content .item .title a{ font-size: 2rem !important;
font-family: Poppins !important;
    font-weight: bold !important;
color: #134770 !important;
}

,#BodyContainer > div > div.g960 > div > div.g960.no_margin > div > div:nth-child(5) > div > div > div.widget_content.index_format > div:nth-child(5) > div.title > a,#BodyContainer > div > div.g960 > div > div.g960.no_margin > div > div:nth-child(5) > div > div > div.widget_content.index_format > div:nth-child(3) > div.title > a{ color:  #07263D !important;}

.chabad_updates .widget_header.widget_header h5, [class*=widget-] .widget_header.widget_header h5 {
    color: #134770 !important;}

.hp-row {
    background-color: #d8e0e6 !important;
}

.hp-table>:nth-of-type(2n) {
    background: #d8e0e6 !important;
}
#BodyContainer .main.clearfix > .g960.no_margin > div > div:nth-child(3)
 {
    padding: 0px !important;
}
p, span, h1, h2, h3, a, .banner-text-wrapper .readMore, .banner-text-wrapper .title a, a.parent {
    font-family: 'Poppins' !important;
}
.hp-table .hp-row-first .promo_slider .slider .cycle-caption big {
    color: white !important;
    font-family: 'Poppins' !important;
    font-weight: 600 !important;
}
.hp-table .hp-row-first .promo_slider .slider .cycle-caption .readMore{
border: unset !important;
background: #1CB1E6 !important;
font-size: 600 !important;
font-family: 'Poppins' !important;
}

a.readMore::after {
  content: ' →'; /* This adds a space and a right arrow */
  margin-left: 4px; /* Optional: adds a little extra space */
}

<!-- New CSS styles for custom header/footer -->
    <style>
        /* --- Base Layout & Colors --- */
        /* All selectors are now scoped to be much more specific */

        /* --- Grid Container --- */
        /* FIX: Use :has(.g480) to only select the container with the g480 items */
        #BodyContainer .sneak-peek-container:has(.g480) {
            display: grid !important;
            grid-template-columns: repeat(2, 1fr) !important;
            gap: 20px !important;
            width: 100% !important; /* Ensure it takes full width */
            max-width: 960px !important; /* Set a max-width */
            margin: 0 auto !important;   /* Center it */
            padding: 20px !important; /* Spacing around the component */
        }

        /* This handles smaller screens */
        @media (max-width: 768px) {
            #BodyContainer .sneak-peek-container:has(.g480) {
                grid-template-columns: 1fr !important;
            }
        }
        
        /* This overrides the old float-based .clear div */
        #BodyContainer .sneak-peek-container:has(.g480) .clear {
            display: none !important;
        }

        /* --- Individual Item Styling --- */
        #BodyContainer .sneak-peek-container:has(.g480) .widget-1.sneak_peek .wrapper {
            display: flex !important;
            border: 2px solid #134770 !important;
            border-radius: 8px !important;
            overflow: hidden !important;
            background-color: transparent !important;
            height: 100% !important;
            position: relative !important;
        }
        
        #BodyContainer .sneak-peek-container:has(.g480) .widget_content {
            display: flex !important; /* Ensure flex is active */
            flex-direction: row !important; /* Set by script, but ensure CSS can override */
            align-items: stretch !important;
            width: 100% !important;
        }

        /* --- Image Square (Left Side) --- */
        
        #BodyContainer .sneak-peek-container:has(.g480) .widget_content a.thumbnail {
            position: relative !important; /* Fixes layout bug */
            display: block !important;
            width: 40% !important;
            height: 100% !important;
            flex-shrink: 0 !important;
            /* Reset CMS styles */
            right: auto !important; 
            top: auto !important;
            bottom: auto !important;
        }

        
        #BodyContainer .sneak-peek-container:has(.g480) .widget_content a.thumbnail img {
            display: block !important;
            width: 100% !important;
            height: 100% !important;
            background-size: cover !important;
            background-position: center !important;
        }
        
        #BodyContainer .sneak-peek-container:has(.g480) .widget_content a.thumbnail span {
            display: none !important;
        }

        /* --- Text Content (Right Side) --- */
        #BodyContainer .sneak-peek-container:has(.g480) .text-content {
            display: flex !important;
            flex-direction: column !important;
            justify-content: center !important;
            padding: 20px !important;
            flex-grow: 1 !important;
            background-color: transparent !important;
            transition: background-color 0.3s ease !important;
            overflow: hidden !important; 
            word-wrap: break-word !important;
            position: relative !important; /* Fix for CMS override */
            align-items: center !important;
        }

        #BodyContainer .sneak-peek-container:has(.g480) .text-content .item-icon {
            width: 32px !important;
            height: 32px !important;
            margin-bottom: 10px !important;
            transition: filter 0.3s ease !important;
            position: relative !important; /* Fix for CMS override */
        }
        
        #BodyContainer .sneak-peek-container:has(.g480) .text-content h6 {
            font-size: 22px !important;
            font-weight: bold !important;
            margin: 0 !important;
            line-height: 1.2 !important;
            white-space: normal !important; 
            /* Reset CMS styles */
            display: block !important;
            height: auto !important;
            position: relative !important;
        }

        #BodyContainer .sneak-peek-container:has(.g480) .text-content h6 a {
            text-decoration: none !important;
            color: #134770 !important; /* Text color */
            text-transform: uppercase !important;
            transition: color 0.3s ease !important;
            white-space: normal !important; 
            /* Reset CMS styles */
            display: inline !important; 
            height: auto !important;
            width: auto !important;
            padding: 0 !important;
            vertical-align: baseline !important;
            font-size: 22px !important; /* Override CMS font size */
        }

        #BodyContainer .sneak-peek-container:has(.g480) .text-content h6 a::after {
            content: ' →' !important;
            margin-left: 8px !important;
            font-weight: normal !important;
            color: #134770 !important; /* Arrow color */
            transition: color 0.3s ease !important;
        }
        
        #BodyContainer .sneak-peek-container:has(.g480) .text-content p {
            margin: 5px 0 0 0 !important;
            font-size: 16px !important;
            color: #333 !important; /* Teaser text color */
        }
        
        /* --- HOVER EFFECTS (Text-content only) --- */
        
        #BodyContainer .sneak-peek-container:has(.g480) .widget-1.sneak_peek .wrapper:hover .text-content {
            background-color: #134770 !important; /* Dark blue background on hover */
        }
        
        #BodyContainer .sneak-peek-container:has(.g480) .widget-1.sneak_peek .wrapper:hover .text-content .item-icon {
            filter: brightness(0) invert(1) grayscale(1) !important;
        }
        
        #BodyContainer .sneak-peek-container:has(.g480) .widget-1.sneak_peek .wrapper:hover .text-content h6 a {
            color: #ffffff !important; /* White text on hover */
        }
        
        #BodyContainer .sneak-peek-container:has(.g480) .widget-1.sneak_peek .wrapper:hover .text-content h6 a::after {
            color: #ffffff !important; /* White arrow on hover */
        }
        
    </style>

 <style>

        /* --- Banner Container --- */
        /* Target the specific banner from your HTML */
        .widget-1.banner-updates .wrapper {
            background-color: #134770 !important; /* Dark blue from your image */
            display: flex !important;
            align-items: center !important;
            padding: 5% 20% !important;
            overflow: hidden !important;
        }

        /* This is the direct parent of the items */
        .widget-1.banner-updates .widget_content {
            display: flex !important;
            align-items: center !important;
            justify-content: space-evenly !important;
            width: 100% !important;
        }

        /* --- Text Wrapper (Left Side) --- */

        /* Style the "PRIVATE EVENTS" title */
        .banner-text-wrapper .title a {
            font-size: 48px !important;
            font-weight: bold !important;
            color: #ffffff !important;
            text-decoration: none !important;
            text-transform: uppercase !important;
            line-height: 1.1 !important;
            width: 100% !important;
            display: flex !important;
        }

        /* Style the "see spaces and prices" button */
       .hp_content_wrapper .readMore, .banner-text-wrapper .readMore {
            display: inline-block !important;
            background-color: #1CB1E6 !important; /* Bright blue from design */
            color: #ffffff !important;
            padding: 15px 30px !important;
            text-decoration: none !important;
            text-transform: uppercase !important;
            font-weight: bold !important;
            border-radius: 5px !important;
            margin-top: 25px !important;
            transition: all 0.3s ease !important;
            border: none !important;
            
        }

        .banner-text-wrapper .readMore {font-size: 2rem !important;}

        /* Add the arrow to the button */
        .banner-text-wrapper .readMore::after {
            content: ' →' !important;
            font-weight: normal !important;
        }

        .banner-text-wrapper .readMore:hover {
            background: white !important;
    color: #1CB1E6 !important;
        }

.hp_content_wrapper .readMore:hover{
            background: white !important;
    color: #1CB1E6 !important;
        }

.injected-event-card:hover {
    background: white !important;
}

.sneak-peek-container .sneak_peek .widget_content h6:hover {
    background: unset !important;
}

        /* Hide the empty/unused elements */
        .banner-text-wrapper .synopsis {
            display: none !important;
        }

        .banner-text-wrapper .subtitle{
         font-family: poppins !important;
    color: white !important;
    width: 20vw !important;}

        /* --- Image Wrapper (Right Side) --- */
        /* This class is added by the script */
        .banner-image-wrapper {
            flex-shrink: 0 !important;
        }
        
        .banner-image-wrapper .icon {
            display: block !important;
        }

        .banner-image-wrapper .icon img {
            display: block !important;
            width: 100% !important; /* Adjust size as needed */
            height: 100% !important; /* Make it square */
            object-fit: cover !important;
        }
        
        /* --- Mobile Responsive --- */
        @media (max-width: 768px) {
            .widget-1.banner-updates .widget_content {
                flex-direction: column !important;
                text-align: center !important;
            }
            
            .banner-text-wrapper {
                padding-right: 0 !important;
                margin-bottom: 30px !important;
            }

            .banner-image-wrapper .icon img {
                width: 100% !important;
                height: auto !important;
            }
        }
    </style>

<style>

        /* --- Grid Container --- */
        /* We use :has(.g320) to only target this "Programs" container */
        .sneak-peek-container:has(.g320) {
            display: block !important;
            max-width: 960px !important; /* Or a width that fits your site */
            margin: 20px auto !important; /* Center the grid */
            padding: 0 !important;
        }

.sneak-peek-container:has(.g320) .widget-1.sneak_peek .wrapper{
padding: 5px !important;
}
        
        /* Responsive layout for tablets */
        @media (max-width: 768px) {
            .sneak-peek-container:has(.g320) {
                grid-template-columns: repeat(2, 1fr) !important;
            }
        }
        /* Responsive layout for phones */
        @media (max-width: 480px) {
            .sneak-peek-container:has(.g320) {
                grid-template-columns: 1fr !important;
            }
        }

        /* Hide the "Programs" title and the .clear divs */
        .sneak-peek-container:has(.g320) .clear {
            display: none !important;
        }

        /* --- Individual Item Styling --- */
        .sneak-peek-container:has(.g320) .widget-1.sneak_peek .wrapper {
            border: 2px solid #134770 !important; /* Dark blue border */
            border-radius: 8px !important;
            overflow: hidden !important;
            background-color: transparent !important; /* Main box is transparent */
            height: 100% !important;
        }

        /* This is the container for the image and text */
        .sneak-peek-container:has(.g320) .widget_content {
            display: flex !important;
            flex-direction: column !important; /* Stack image on top of text */
            height: 100% !important;
            width: 100% !important;
        }

        /* --- Image Area (Top) --- */
        .sneak-peek-container:has(.g320) .widget_content a.thumbnail {
            display: block !important;
            width: 100% !important;
            height: 170px !important; /* Fixed height for image area */
            flex-shrink: 0 !important;
            /* Reset CMS styles that might break this */
            position: relative !important; 
            top: auto !important;
            right: auto !important;
            background-color: transparent !important;
            transition: background-color 0.3s ease !important;
        }

.sneak-peek-container:has(.g320) .widget-1.sneak_peek .wrapper:hover .wrapper {
             background-color: #134770 !important;
        }

        .sneak-peek-container:has(.g320) .widget_content a.thumbnail img {
            width: 100% !important;
            height: 100% !important;
            background-size: cover !important;
            background-position: center !important;
        }

        .sneak-peek-container:has(.g320) .widget_content a.thumbnail span {
            display: none !important;
        }

        /* --- Text Area (Bottom) --- */
        /* We style the <h6> tag as the text area container */
        .sneak-peek-container:has(.g320) .widget_content h6 {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            flex-grow: 1 !important; /* This makes it fill the bottom space */
            padding: 20px !important;
            margin: 0 !important;
            background-color: transparent !important; /* Transparent background */
            transition: background-color 0.3s ease !important;
            text-align: center !important;
            /* Reset CMS styles */
            height: auto !important; 
            position: relative !important;
        }

        /* Style the text link <a> inside the <h6> */
        .sneak-peek-container:has(.g320) .widget_content h6 a {
            font-family: 'Poppins', sans-serif !important;
            color: #134770 !important; /* Dark blue text */
            font-size: 20px !important;
            font-weight: 600 !important;
            text-transform: uppercase !important;
            text-decoration: none !important;
            transition: color 0.3s ease !important;
            /* Reset CMS styles */
            position: relative !important;
            display: inline !important;
            padding: 0 !important;
            height: auto !important;
            width: auto !important;
            vertical-align: baseline !important;
        }

        /* Hide the <p> tag (e.g., "Sample Subtitle") */
        .sneak-peek-container:has(.g320) .widget_content p {
            display: none !important;
        }

        .v200 {
    height: 90% !important;
}
        
        /* --- HOVER STATE (Image 2) --- */
        .sneak-peek-container:has(.g320) .widget-1.sneak_peek .wrapper:hover {
    background-color: #134770 !important; /* Text area turns dark blue */
}
        
        .sneak-peek-container:has(.g320) .widget-1.sneak_peek .wrapper:hover h6 a {
            color: #ffffff !important; /* Text turns white */
        }
.sneak-peek-container .sneak_peek .thumbnail img {
        mix-blend-mode: unset !important;
    }

/* --- Header Title --- */
/* This styles the "Programs" title and leaves it on top */
.chabad_updates .widget_header.widget_header h5, .sneak-peek-container:has(.g320) .header-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 4rem !important;
    font-weight: 600 !important;
    color: #134770 !important;
    text-align: center !important;
    margin-bottom: 20px !important; /* Space between title and grid */
}

/* --- NEW Grid Wrapper (Created by Script) --- */
/* This is the new wrapper that will hold ONLY the grid items */
.programs-grid-wrapper {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
}

.icon .wrapper {
    max-width: 1200px !important;}


.icon .widget_content .item .title{ width: 95% !Important;}

#BodyContainer .widget_content.index_format > div:nth-child(5) .title > a{ color: #356387 !important;}

.banner-text-wrapper .title a{width: 70% !important;}


/* --- 1. Base Font (Anek Devanagari) & Default Color --- */
/* Applies to all text inside the wrapper by default */
.hp_content_wrapper,
.hp_content_wrapper div,
.hp_content_wrapper p,
.hp_content_wrapper span,
.hp_content_wrapper li,
.hp_content_wrapper small,
.hp_content_wrapper a {
    font-family: 'Anek Devanagari', sans-serif !important;
    color: #243B62 !important; /* Default Dark Blue */
}

/* --- 2. Main Headers (Poppins) --- */
/* "Upcoming Events", "Shabbat & Holidays", "Daily Thought", "Candle Lighting Times" */
.hp_content_wrapper .widget_header h5,
.hp_content_wrapper .section_heading,
.hp_content_wrapper .candlelighting_heading {
    font-family: 'Poppins', sans-serif !important;
    color: #243B62 !important; /* Dark Blue Header */
}

/* --- 3. Sub-Headers & Link Titles (Poppins) --- */
/* Event Names, Parsha Names, Article Titles */
.hp_content_wrapper .upcoming_events h6 a,
.hp_content_wrapper .daily_thought .title a,
.hp_content_wrapper .parsha_content a,
.hp_content_wrapper .upcomingholiday_content a {
    font-family: 'Poppins', sans-serif !important;
    color: #134770 !important; /* Secondary Dark Blue */
}

/* --- 4. Emphasis Numbers (Poppins) --- */
/* The candle lighting times (e.g., 7:20 PM) */
.hp_content_wrapper .times_wrapper .bold.large {
    font-family: 'Poppins', sans-serif !important;
    color: #134770 !important;
}

/* --- 5. Lighter Blue Accents --- */
/* Dates, "Light Candles At", and Read More links */
.hp_content_wrapper .upcoming_events small,
.hp_content_wrapper .when_to_light,
.hp_content_wrapper .readMore {
    color: #0C6787 !important; /* Lighter Blue */
}

/* --- 6. Daily Thought Body Text --- */
/* Ensuring the paragraph text is the distinct dark blue */
.hp_content_wrapper .daily_thought .body {
    color: #243B62 !important;
}

.hp-row.hp_subscribe {
    background-color: #6D95AE !important;
}

#BodyContainer .hp_subscribe .widget_header h5 {
    color: #fff !important;
}

/* 1. Set Font Family for the whole form (Labels, Inputs, Button, Small text) */
#formContainer,
#formContainer label,
#formContainer input,
#formContainer small {
    font-family: 'Anek Devanagari', sans-serif !important;
}

/* 2. Set Text Color to #356387 (First Name, Last Name, Email, Labels) */
#formContainer label,
#formContainer input[type="text"],
#formContainer input[type="email"],
#formContainer small {
    color: #356387 !important;
}

/* 3. Style the Input Placeholders to match (Optional but recommended) */
#formContainer ::placeholder {
    color: #356387 !important;
    opacity: 0.8;
}

/* 4. Subscribe Button: White Text */
#formContainer input[type="submit"] {
    color: white !important;
    /* Ensure the font applies to the button too */
    font-family: 'Anek Devanagari', sans-serif !important;
}


.hp_subscribe .wrapper #formContainer fieldset input[type=submit] {
    border: unset !important;
    background: #243B62 !important;
    }
.times_wrapper.make_scrollable{ overflow: hidden !important;}

.hp_content_wrapper [class*=widget-] .widget_header h5 { font-size: 3rem !important;}


/* --- Mobile Responsive for new wrapper --- */
@media (max-width: 768px) {
    .programs-grid-wrapper {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .banner-text-wrapper .title a, .banner-text-wrapper .subtitle{ width: 100% !important;}
}

@media (min-width: 769px){
.icon .widget_content .item {
    width: calc(23% - 60px) !important;}
input#Fname {
    border-bottom-left-radius: 15px !important;
    border-top-left-radius: 15px !important;
}
.hp_subscribe .wrapper #formContainer fieldset input[type=submit] {
border-top-right-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
}
}

    </style>
</head>
<body class="lang_en dir_ltr cco_body sites-article">

	


	
	<div id="PrintCreditHeader" class="show_for_print">
Printed from<b>Jewishsteamboat.com</b>
</div>
	<div id="header">
		<div class="wrapper header-wrapper">
			
<div id="feedback_bar" class="hide_for_print no_outline">
	<div class="wrapper">
		
	</div>
</div>

			


<div id="header_container" class="header_container">
	<div class="clearfix links">
		<img src="https://w2.chabad.org/images/global/spacer.gif" width="15" height="8" class="baruch_hashem" />
		<div class="float_right">
			
			
				<div class="topBarLink cco_topbar_link ask_the_rabbi_link">
					<a href="/asktherabbi/default_cdo/jewish/Ask-the-Rabbi.htm">Ask the Rabbi</a>
				</div>
				
			
			
				<div class="topBarLink cco_topbar_link contact_link">
					<a href="/tools/feedback.asp">Contact</a>
				</div>
			
			
		</div>
		<div class="float_left">
			
				<div class="topBarLink cco_topbar_link home_link">
					<a href="/">Home</a>
				</div>
				
			
				<div class="topBarLink cco_topbar_link about_link">
					<a href="/6756889">About</a>
				</div>
				
			
			
			
		</div>
	</div>
	<div class="break_floats"></div>
</div>

			<div class="clearfix branding-search">
				<div id="header_branding" class="no_outline  logo">
					<div class="g260 no_margin cco_search_header float_right">
						

<div class="co_search_form margin05">
	<form name="MainSearchForm" id="MainSearchForm" method="get" action="/search/results.asp" class="clearfix" onsubmit="return Co.Forms.Validation.Validate(this, null, {markAsSubmitted:false});">
		<div class="co_global_submit"><button type="submit" class="button" value=" "><span> </span></button></div>
		

<div class="co_global_input_container clearfix">
	<input id="topAreaTopSearch_search" required="true" autocomplete="nope" placeholder="Search" value="" class="co_global_input co_search js-search-field active js-mirrored-input" onblur="this.form.className = this.form.className.replace(/\sactive/gi, &#39;&#39;);" name="searchWord" onfocus="this.form.className+=&#39; active&#39;;" type="text" display_name="Search Field" min_length="3"></input>
</div>

			
		
		
	
		<div id="topAreaTopSearch_search_wrapper" class="co_field_options" style="display:none;">
			<div class="co_absolute_wraper" id="co_absolute_wraper" style="">
				<div class="inner">
					<div id="topAreaTopSearch_search_container" class="co_field_options_suggestions"></div>
					<div class="break_floats"></div>
					
				</div>
			</div>
		</div>
	</form>
</div>
					</div>
					
						<div class="float_left site-logo-wrapper"><a href="/"><img src="https://w2.chabad.org/media/images/1324/iQgX13240617.png" width="100" height="100" border="0"  /></a></div>
					
					<a href="/default.asp" title="Chabad of Steamboat Springs" class="site_title">Chabad of Steamboat Springs<span class="site_subtitle clearfix"> </span></a>
				</div>
			</div>
			
			
			<button type='button' class='cs-mobile-menu-open js-mobile-menu-open'><i class='fa fa-bars'></i></button>
			<div class="site-nav-wrapper">
				<script>
var primaryNavigationVersion = "639158760000000000";
</script>
<div id="co_menu_container_wrapper" class="co_menu_container_wrapper " data-list-name="primary navigation"> 
<div class="co_menu_container clearfix" id="co_menu_container">
<a class="menu_logo" href="/"></a>
<table cellpadding="0" cellspacing="0" border="0" class="main_menu_container first global">
<tr id="tabContentMain" tab="Main" style="display:table-row;">
<td class="co_menu_item home" data-menu-level="1"><a href="/default.asp"><img class="co_menu_home_image" src="https://w2.chabad.org/images/global/spacer.gif" width="28" height="60" border="0" onmouseover="this.className += ' hover';" onmouseout="this.className=this.className.replace(/\s?hover/gi, '');" /></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item" aid="7135182" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="/templates/articlecco_cdo/aid/7135182/jewish/About-Us.htm" class="parent">About<br />Us</a></div></span><a href="/templates/articlecco_cdo/aid/7135182/jewish/About-Us.htm" class="bg_extension js-parent-menu-link" data-aid="7135182"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item arrow multi_level" aid="7181200" data-menu-level="1" onmouseover='Co.MainNavigation.Show(event, this);' onmouseout='Co.MainNavigation.Hide(event, this);' >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
<div class="co_column">
<a href="/templates/articlecco_cdo/aid/7180579/jewish/Womens-Events.htm" class="item empty" id="menu_item2-1" data-menu-level="2" data-aid="7180579">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Women's Events</span>
</a>
<a href="/templates/articlecco_cdo/aid/7180575/jewish/Jewish-Holidays.htm" class="item empty" id="menu_item2-2" data-menu-level="2" data-aid="7180575">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Jewish Holidays</span>
</a>
<a href="/templates/articlecco_cdo/aid/7152719/jewish/Young-Adults.htm" class="item empty" id="menu_item2-3" data-menu-level="2" data-aid="7152719">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Young Adults</span>
</a>
<a href="/templates/articlecco_cdo/aid/7138453/jewish/Lifecycle-Events.htm" class="item empty" id="menu_item2-4" data-menu-level="2" data-aid="7138453">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Lifecycle Events</span>
</a>
<a href="/templates/articlecco_cdo/aid/7138433/jewish/Shabbat-Morning-Services.htm" class="item empty" id="menu_item2-5" data-menu-level="2" data-aid="7138433">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Shabbat Morning Services</span>
</a>
<a href="/templates/articlecco_cdo/aid/7180587/jewish/Hebrew-School-of-the-Arts.htm" class="item empty" id="menu_item2-6" data-menu-level="2" data-aid="7180587">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Hebrew School of the Arts</span>
</a>
<a href="/templates/articlecco_cdo/aid/7138504/jewish/One-on-One-Learning.htm" class="item empty" id="menu_item2-7" data-menu-level="2" data-aid="7138504">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>One on One Learning</span>
</a>
<a href="/templates/articlecco_cdo/aid/7187334/jewish/Adult-Education.htm" class="item empty" id="menu_item2-8" data-menu-level="2" data-aid="7187334">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Adult Education </span>
</a>
</div>
<div id="menu_child2-1" class="menu_child empty selected" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child2-2" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child2-3" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child2-4" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child2-5" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child2-6" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child2-7" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child2-8" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><img src="https://w2.chabad.org/images/global/spacer.gif" width="12" height="6" border="0" vspace="2" /><div><a href="/templates/articlecco_cdo/aid/7181200/jewish/Community.htm" class="parent">Community</a></div></span><a href="/templates/articlecco_cdo/aid/7181200/jewish/Community.htm" class="bg_extension js-parent-menu-link" data-aid="7181200"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item arrow multi_level" aid="7150285" data-menu-level="1" onmouseover='Co.MainNavigation.Show(event, this);' onmouseout='Co.MainNavigation.Hide(event, this);' >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
<div class="co_column">
<a href="/templates/articlecco_cdo/aid/7150288/jewish/Shabbat.htm" class="item empty" id="menu_item3-1" data-menu-level="2" data-aid="7150288">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Shabbat</span>
</a>
<a href="/templates/articlecco_cdo/aid/7150289/jewish/Kosher.htm" class="item empty" id="menu_item3-2" data-menu-level="2" data-aid="7150289">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Kosher</span>
</a>
<a href="/templates/articlecco_cdo/aid/7150290/jewish/Hotels.htm" class="item empty" id="menu_item3-3" data-menu-level="2" data-aid="7150290">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Hotels</span>
</a>
<a href="/templates/articlecco_cdo/aid/7150291/jewish/Transportation.htm" class="item empty" id="menu_item3-4" data-menu-level="2" data-aid="7150291">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Transportation</span>
</a>
<a href="/templates/articlecco_cdo/aid/7150292/jewish/Weekday-minyan.htm" class="item empty" id="menu_item3-5" data-menu-level="2" data-aid="7150292">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Weekday minyan</span>
</a>
<a href="/templates/articlecco_cdo/aid/7150295/jewish/Winter-activities.htm" class="item empty" id="menu_item3-6" data-menu-level="2" data-aid="7150295">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Winter activities</span>
</a>
<a href="/templates/articlecco_cdo/aid/7150296/jewish/Mikvah.htm" class="item empty" id="menu_item3-7" data-menu-level="2" data-aid="7150296">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Mikvah</span>
</a>
</div>
<div id="menu_child3-1" class="menu_child empty selected" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child3-2" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child3-3" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child3-4" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child3-5" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child3-6" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child3-7" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><img src="https://w2.chabad.org/images/global/spacer.gif" width="12" height="6" border="0" vspace="2" /><div><a href="/templates/articlecco_cdo/aid/7150285/jewish/Visitors.htm" class="parent">Visitors</a></div></span><a href="/templates/articlecco_cdo/aid/7150285/jewish/Visitors.htm" class="bg_extension js-parent-menu-link" data-aid="7150285"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item arrow multi_level" aid="7135197" data-menu-level="1" onmouseover='Co.MainNavigation.Show(event, this);' onmouseout='Co.MainNavigation.Hide(event, this);' >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
<div class="co_column">
<a href="/templates/articlecco_cdo/aid/7352910/jewish/Decisions-of-Fate.htm" class="item empty" id="menu_item4-1" data-menu-level="2" data-aid="7352910">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Decisions of Fate</span>
</a>
</div>
<div id="menu_child4-1" class="menu_child empty selected" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><img src="https://w2.chabad.org/images/global/spacer.gif" width="12" height="6" border="0" vspace="2" /><div><a href="/templates/articlecco_cdo/aid/7135197/jewish/Upcoming-Events.htm" class="parent">Upcoming<br />Events</a></div></span><a href="/templates/articlecco_cdo/aid/7135197/jewish/Upcoming-Events.htm" class="bg_extension js-parent-menu-link" data-aid="7135197"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item arrow multi_level" aid="6789067" data-menu-level="1" onmouseover='Co.MainNavigation.Show(event, this);' onmouseout='Co.MainNavigation.Hide(event, this);' >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
<div class="co_column">
<a href="/templates/articlecco_cdo/aid/6789068/jewish/About-Us.htm" class="item empty selected" id="menu_item5-1" data-menu-level="2" data-aid="6789068">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>About Us</span>
</a>
<a href="/templates/articlecco_cdo/aid/6813318/jewish/Meet-Our-Soldiers.htm" class="item empty selected" id="menu_item5-2" data-menu-level="2" data-aid="6813318">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Meet Our Soldiers</span>
</a>
<a href="/templates/articlecco_cdo/aid/7209143/jewish/Partner-With-Summits-of-Strength-2026.htm" class="item empty selected" id="menu_item5-3" data-menu-level="2" data-aid="7209143">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Partner With Summits of Strength 2026</span>
</a>
<a href="/templates/photogallery_cdo/aid/6867756/jewish/Summits-of-Strength-2025-Photos.htm" class="item empty selected" id="menu_item5-4" data-menu-level="2" data-aid="6867756">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Summits of Strength 2025 Photos</span>
</a>
</div>
<div id="menu_child5-1" class="menu_child empty selected" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child5-2" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child5-3" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child5-4" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><img src="https://w2.chabad.org/images/global/spacer.gif" width="12" height="6" border="0" vspace="2" /><div><a href="/templates/section_cdo/aid/6789067/jewish/Summits-of-Strength.htm" class="parent">Summits&nbsp;of<br />Strength</a></div></span><a href="/templates/section_cdo/aid/6789067/jewish/Summits-of-Strength.htm" class="bg_extension js-parent-menu-link" data-aid="6789067"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item donate_link" aid="0" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="/4970020" class="parent">Donate</a></div></span><a href="/4970020" class="bg_extension js-parent-menu-link" data-aid="0"></a></td>
</tr>
</table>
</div>
</div>
<!-- END CACHE -->
				<div class="mobile-menu-bottom-links">
					
						<a href="/6756889" class="site-menu-general__link">About</a>
					
					<a href="/search">Search</a>
					
						<a href="/tools/feedback.asp">Contact</a>
					
				</div>
			</div>
		</div>
	</div>
	<div id="content">
		<div id="BodyContainer" class="wrapper">
			<div class="body_wrapper  no-hero-image clearfix">
				
	<div class="co_content_container clearfix local_content" id="co_content_container">
		<div class="clearfix">
			
			
			
			<div class="clearfix bh mobile-only align_right">ב"ה</div>
			
				<div class="master-content-wrapper g960" >
					

<header class="article-header cf ">
	
<script type="application/ld+json">
{
	"@context": "http://schema.org",
	"@type": "BreadcrumbList",
	"itemListElement": [
  {
    "@type": "ListItem",
    "position": 1,
    "item": {
      "@id": "/templates/articlecco_cdo/aid/7150285/jewish/Visitors.htm",
      "name": "Visitors"
    }
  },
  {
    "@type": "ListItem",
    "position": 2,
    "item": {
      "@id": "/article.asp?aid=7150288",
      "name": "Shabbat"
    }
  }
]
}
</script>
<div class="breadcrumbs breadcrumbs hide_for_print" data-list-name="breadcrumbs">
	
			<a class="breadcrumbs__crumb" href='/templates/articlecco_cdo/aid/7150285/jewish/Visitors.htm' data-aid="7150285">
				Visitors
			</a>
		
</div>
	
			<h1 class="article-header__title js-article-title js-page-title">Shabbat</h1>
		
			<div>
				
			</div>
		
</header>
				</div>
			
			<div class="body_wrapper clearfix co_body">
				<div class="g700" id="co_body_container">
					
					<div id="ContentBody">
						
						
							<div class="content-area-parent no_margin">
								
	<div id="cco_body">
		<div class="content g700 no_margin no_overflow" id="co_content_container">
			
			
	

	<article class="content js-content" itemscope itemtype="http://schema.org/Article">
	



<meta itemprop="mainEntityOfPage headline name" content="" />

<meta itemprop="image" content="" />


		<meta itemprop="thumbnailUrl" content="https://w2.chabad.org/media/images/1347/xReA13472402.png" />
	
<meta itemprop="uploadDate" content="2025-12-05T04:03:15" />
<span itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
	<meta itemprop="name" content="Chabad of Steamboat Springs" />
	<meta itemprop="brand" content="Chabad of Steamboat Springs" />
	<span itemprop="logo" itemscope itemtype="http://schema.org/ImageObject">
		<meta itemprop="url" content="https://w2.chabad.org/media/images/1324/iQgX13240617.png" />
		<meta itemprop="height" content="150" />
		<meta itemprop="width" content="150" />
	</span>
</span>
<meta itemprop="datePublished" content="2025-12-05T04:03:15" />
			<div itemprop="articleBody">
				<co:body xmlns:co="www1.chabadonline.com/alpha1" xmlns:ext="urn:xslt-extensions">
  <div class="co_body article-body cf">
<p>
<span style="font-size:18px;">
<strong>Shabbat Morning Services</strong></span></p>

<p>
<span style="font-size:18px;">Shabbat morning services are held throughout the winter and summer seasons, as well as on special occasions and holidays. Our services are warm, inclusive, and welcoming to all backgrounds and levels of observance.</span></p>

<p>
<span style="font-size:18px;">Prayer books are available in both Hebrew and English.</span></p>

<p>
<span style="font-size:18px;">Services include a sermon and insights on the weekly Torah portion. Following services, guests are invited to enjoy a delicious lunch/kiddush buffet and connect with our local community and visitors.</span></p>

<p>
<span style="font-size:18px;">If you are planning a trip to town and would like to join us for davening and Shabbat lunch, we kindly ask that you reach out in advance and let us know which weekend you will be joining.</span></p>

<p>
<span style="font-size:18px;">For the address, service times, and additional information, please email <strong>Rabbi Isaac</strong> or call <strong>718-954-4876</strong>.</span></p>

<h3>
<span style="font-size:18px;">Location</span></h3>

<p>
<span style="font-size:18px;">We are located approximately a 10–15 minute walk from the Steamboat Resort base area. If you would like to join us for Shabbat services and lunch, please contact us for the address and details.</span></p>

<p>
<span style="font-size:18px;">Please note that the Shabbat of <strong>February 20–21</strong> takes place during our <strong>Summits of Strength</strong> program. <strong>Friday night dinner, Shabbat morning services, and Shabbat lunch</strong> will all be held at <strong>STARS Ranch, 35465 US-40</strong>. If you will be in town that weekend and plan on joining us, please <a href="http://jewishsteamboat.com/contact">contact </a><strong>Rabbi Isaac</strong> for details.</span></p>

<h3>
<span style="font-size:18px;">Shabbat Food</span></h3>

<p>
<span style="font-size:18px;">At this time, we still do not offer Shabbat takeout. Pas Yisroel challah and grape juice are usually available at City Market. If you are in town on a Shabbat when we are hosting services and lunch, we would love for you to <a href="http://jewishsteamboat.com/contact">join us.</a></span></p>

</div>
</co:body>
			</div>
			

			<div class="break_floats"></div>
			
	<div class="break_floats"></div>
	

<div class="content-footer">
	<!-- END CACHE -->
	
	
	
	
	
</div>
	</article>

		</div>
	</div>
</div>
						
						<div class="break_floats"></div>
						
					</div>
				</div>
				
				
					<div class="ads g260" id="co_ads_container">
						
	



<div class="sidebar-local-navigation cf" id="">

<meta class="js-desktop-local-nav" data-base-class="co_local_menu" />

	<div class="co_local_menu local_content js-local-nav" data-list-name="local navigation">
		
			
				<div class="header ">			
					
						<div class="section_title">
						<div><a data-menu-level="0" data-aid="7150285" href="/templates/articlecco_cdo/aid/7150285/jewish/Visitors.htm">Visitors</a></div>
						</div>
					
				</div>
				<div class="clearfix body medium_bottom_margin">
					
							
							
								<div class="item selected first" data-menu-level="1">
									<a data-aid="7150288" href="/templates/articlecco_cdo/aid/7150288/jewish/Shabbat.htm"><span>Shabbat</span></a>
									
								</div>
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="7150289" href="/templates/articlecco_cdo/aid/7150289/jewish/Kosher.htm"><span>Kosher</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="7150290" href="/templates/articlecco_cdo/aid/7150290/jewish/Hotels.htm"><span>Hotels</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="7150291" href="/templates/articlecco_cdo/aid/7150291/jewish/Transportation.htm"><span>Transportation</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="7150292" href="/templates/articlecco_cdo/aid/7150292/jewish/Weekday-minyan.htm"><span>Weekday  minyan</span></a>
								</div>
							
							
						
							
								<div class="item" data-menu-level="1">
									<a data-aid="7150295" href="/templates/articlecco_cdo/aid/7150295/jewish/Winter-activities.htm"><span>Winter  activities</span></a>
								</div>
							
							
						
							
								<div class="item last" data-menu-level="1">
									<a data-aid="7150296" href="/templates/articlecco_cdo/aid/7150296/jewish/Mikvah.htm"><span>Mikvah</span></a>
								</div>
							
							
						<div class="separator"></div>
				</div>
			
			
			
	<div id="LocalNavigationQuickLinks" class="clearfix secondary_navigation local-navigation-quick-links container padding">
		<div class="header small_bottom_padding">
			<div>Quick Links</div>
		</div>

		
				<div class="item ">
					<a href="/tools/feedback.asp"><span><span>Contact</span></span></a>
				</div>
			
				<div class="item ">
					<a href="/4970020"><span><span>Donate</span></span></a>
				</div>
			
	</div>

		
	</div>
</div><!-- END CACHE -->

	<div id="customizable_promos" class="">
		


<div class="sneak-peek-container clearfix">
<div class="widget-1 sneak_peek custom v100 feed">
<div class="wrapper">
<div class="widget_content">
<h6 class="title_only">
<a target="" href="/7135197">Programs & Events</a>
</h6>

<a href="/7135197" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1344/rHNc13448516.jpg);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
<div class="widget-1 sneak_peek custom v100 feed">
<div class="wrapper">
<div class="widget_content">
<h6 class="title_only">
<a target="" href="/7180575">Jewish holidays</a>
</h6>

<a href="/7180575" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1344/tzZd13448517.jpg);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
<div class="widget-1 sneak_peek custom v100 feed">
<div class="wrapper">
<div class="widget_content">
<h6 class="title_only">
<a target="" href="/7150285">tourist info</a>
</h6>

<a href="/7150285" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1344/STMD13448518.jpg);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
<div class="widget-1 sneak_peek custom v100 feed">
<div class="wrapper">
<div class="widget_content">
<h6 class="title_only">
<a target="" href="/7138433">Shabbat Services</a>
</h6>

<a href="/7138433" class="thumbnail" target="">
<img src="https://w2.chabad.org/images/global/spacer.gif" style="background-image:url(https://w2.chabad.org/media/images/1344/koOi13448519.jpg);" alt="" />
<span></span>
</a>
</div>
</div>
</div>
</div>

	</div>


	

					</div>
				
				
			</div>
			
			
		</div>
		
		<aside class="page-tools-sidebar js-page-tools-sidebar hide_for_print">
<div class="page-tools js-page-tools-menu">
<div class="page-tools__section page-tools__section--share">
<a class="page-tools__tool js-share-popup page-tools__tool--facebook" data-share-url="https://www.facebook.com/dialog/share?app_id=188669250943&amp;display=popup&amp;href=https%3a%2f%2fwww.jewishsteamboat.com%2ftemplates%2farticlecco_cdo%2faid%2f7150288%2fjewish%2fShabbat.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dFB">
				<i class="fa fa-facebook"></i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--twitter" data-share-url="https://twitter.com/intent/tweet?text=Shabbat+-+Chabad+of+Steamboat+Springs&amp;url=https%3a%2f%2fwww.jewishsteamboat.com%2ftemplates%2farticlecco_cdo%2faid%2f7150288%2fjewish%2fShabbat.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dtwitter&amp;via=Chabad">
				<i class="fa fa-twitter"></i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--whatsapp d-lg-none js-share-whatsapp" data-share-url="whatsapp://send?text=Shabbat+-+Chabad+of+Steamboat+Springs https%3a%2f%2fwww.jewishsteamboat.com%2ftemplates%2farticlecco_cdo%2faid%2f7150288%2fjewish%2fShabbat.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dwhatsapp">
				<i class="fa fa-whatsapp">
					<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" fill="#128c7e" width="1em" height="1em"><path d="M25 2C12.318 2 2 12.318 2 25c0 3.96 1.023 7.854 2.963 11.29L2.037 46.73c-.096.343-.003.711.245.966.191.197.451.304.718.304.08 0 .161-.01.24-.029l10.896-2.699C17.463 47.058 21.21 48 25 48c12.682 0 23-10.318 23-23S37.682 2 25 2zm11.57 31.116c-.492 1.362-2.852 2.605-3.986 2.772-1.018.149-2.306.213-3.72-.231-.857-.27-1.957-.628-3.366-1.229-5.923-2.526-9.791-8.415-10.087-8.804-.295-.389-2.411-3.161-2.411-6.03s1.525-4.28 2.067-4.864c.542-.584 1.181-.73 1.575-.73s.787.005 1.132.021c.363.018.85-.137 1.329 1.001.492 1.168 1.673 4.037 1.819 4.33.148.292.246.633.05 1.022s-.294.632-.59.973-.62.76-.886 1.022c-.296.291-.603.606-.259 1.19s1.529 2.493 3.285 4.039c2.255 1.986 4.158 2.602 4.748 2.894.59.292.935.243 1.279-.146.344-.39 1.476-1.703 1.869-2.286s.787-.487 1.329-.292c.542.194 3.445 1.604 4.035 1.896.59.292.984.438 1.132.681.148.242.148 1.41-.344 2.771z"/></svg>
				</i>
			</a>
<a class="page-tools__tool js-share-popup page-tools__tool--pinterest d-none d-lg-block" data-share-url="http://pinterest.com/pin/create/button/?url=https%3a%2f%2fwww.jewishsteamboat.com%2ftemplates%2farticlecco_cdo%2faid%2f7150288%2fjewish%2fShabbat.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dpinterest&amp;description=Shabbat+-+Chabad+of+Steamboat+Springs">
				<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, 7150285);return false;">
<div>
<label><input type="checkbox" name="print-green"><span title="Save paper and ink">Print without images <i class="fa fa-leaf text-green"></i></span></label>
</div>
<br/>
<div class="center">
<button class="co-button page-tools__print-button">Print</button>
</div>
</form>
</div>
</div>
<i class="fa fa-print"></i>
</div>
</div>
</div>
<div class="js-fab-wrapper fab-wrapper">
<div class="fab">
<i class="fab-icon"></i>
</div>
</div>
</aside>
<!-- END CACHE -->
	</div>

				<div class="break_floats"></div>
			</div>
		</div>
	</div>
	<div id="footer">
		
	

		<div class="wrapper body_container">
			
				<div class="g960 footer_family_text bottom_padding">
					
		<div class="footer_container footer_text copyright_text">
			<div class="bottom_padding clear_float">
				<img class="footer_hr" src="https://w2.chabad.org/images/global/spacer.gif" vspace="12" width="100%" height="1" /><br />
				
				<div class="footer_inner_container clearfix">
					

					



	<div class="footer3">
		<span class="footer-title" >Chabad of Steamboat Springs</span>
		<div class="footer-address">
			<span class="footer-street"> </span>
			<span class="footer-city-state">Steamboat Springs, CO </span>
		</div>
			<span>718-954-4876</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>
	


<div class="cs-f-social-icons">
	
			<a href="https://www.facebook.com/jewishsteamboatsprings" class="fa fa-facebook facebook_homepage" title="Facebook"></a>
		
			<a href="https://www.instagram.com/JewishSteamboat" class="fa fa-instagram instagram_homepage" title="Instagram"></a>
		
</div>
	

				</div>
			
		</div>
	</div>

	
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery-latest.min.js?g=10&v=0293E3EC"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/co/dist/CoLib.js?g=10&v=F809B22F"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js?g=10&v=95D39855"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/templates/sites6.js?g=10&v=E04072E1"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/primarynavigation.js?g=10&v=76ABCD73"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/modules/pagetools.js?g=10&v=930B07AB"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/BetaFeedback.js?g=10&v=D421ABC8"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/multimedia/infolayer.js?g=10&v=ED1B8531"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/commentsloader.js?g=10&v=AD6AAB79"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/subscribeprompt.js?g=10&v=86D84DC2"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/deprecated.js?v=D506A83E&g=10"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/OverrideJSDocumentWrite.js?g=10&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:'Chabad of Steamboat Springs'}; Co.ArticleId     = '7150288';Co.SectionId     = 7150285;Co.PartnerSiteId = 0;Co.SiteId        = 12056;Co.IsMobilePage  = false;Co.IsResponsive  = false;Co.DbDomain      = 'Jewishsteamboat.com';Co.LanguageCode  = '';Co.LoginStatus   = 'None';</script>

    


<!-- This script rearranges the HTML to match the design -->
    


<!-- This script rearranges the HTML to match the design -->
    


<script>
    document.addEventListener('DOMContentLoaded', () => {
        // Find the banner component
        // --- UPDATED SELECTOR ---
        const content = document.querySelector('.widget_content.index_format'); 
        
        if (content) {
            const originalItem = content.querySelector('.item.clearfix');

            // Find all the pieces
            if (originalItem) {
                const iconDiv = originalItem.querySelector('.icon');
                const titleDiv = originalItem.querySelector('.title');
                
                // --- NEW LINE ADDED ---
                const subtitleDiv = originalItem.querySelector('.subtitle'); 
                
                const readMoreLink = originalItem.querySelector('.readMore');
                
                // 1. Create the new text wrapper
                const textWrapper = document.createElement('div');
                textWrapper.className = 'banner-text-wrapper';
                
                // 2. Create the new image wrapper
                const imageWrapper = document.createElement('div');
                imageWrapper.className = 'banner-image-wrapper';

                // 3. Move the elements into the new wrappers
                if (titleDiv) textWrapper.appendChild(titleDiv);
                
                // --- NEW LINE ADDED (in correct order) ---
                if (subtitleDiv) textWrapper.appendChild(subtitleDiv); 
                
                if (readMoreLink) textWrapper.appendChild(readMoreLink);
                if (iconDiv) imageWrapper.appendChild(iconDiv);
                
                // 4. Clear the original container
                // --- UPDATED to clear the item, not all of content ---
                content.innerHTML = ''; 
                
                // 5. Add the new wrappers in the correct order
                content.appendChild(textWrapper); // Text on the left
                content.appendChild(imageWrapper); // Image on the right
            }
        }
    });
</script><script>
      document.addEventListener('DOMContentLoaded', () => {
    
    // Select ALL sneak-peek-containers on the page
    const containers = document.querySelectorAll('.sneak-peek-container');
    
    // Loop over them and ONLY process the one that has .g320 items
    containers.forEach((container) => {
        
        // Check if this container has .g320 items. If not, stop.
        const hasG320 = container.querySelector('.g320');
        if (!hasG320) {
            return; // This is not the "Programs" section, so we ignore it.
        }

        // --- This code now ONLY runs on the "Programs" container ---
        
        // 1. Find the title (it stays where it is)
        const title = container.querySelector('.header-title');
        
        // 2. Create a new wrapper for the grid
        const gridWrapper = document.createElement('div');
        gridWrapper.className = 'programs-grid-wrapper';
        
        // 3. Find all grid items and .clear divs
        const itemsToMove = container.querySelectorAll('.sneak-peek-item.g320, .clear');
        
        itemsToMove.forEach((item) => {
            // 4. Move the item into the new grid wrapper
            gridWrapper.appendChild(item);

            // Stop if this is a .clear div
            if (item.classList.contains('clear')) {
                return;
            }

            // --- Process the item (rearrange image/text) ---
            try {
                const contentWrapper = item.querySelector('.widget_content');
                if (!contentWrapper || contentWrapper.classList.contains('processed')) {
                    return; // Skip if already processed
                }
                contentWrapper.classList.add('processed'); // Mark as processed

                const thumbnail = item.querySelector('a.thumbnail');
                const title = item.querySelector('h6');
                const teaser = item.querySelector('p');

                if (thumbnail && title) {
                    // Hide the teaser text if it exists
                    if (teaser) {
                        teaser.style.display = 'none';
                    }
                    
                    // Re-order the elements: Image first, then Title
                    contentWrapper.innerHTML = ''; // Clear it
                    contentWrapper.appendChild(thumbnail);
                    contentWrapper.appendChild(title);
                }
            } catch (e) {
                console.error('Error processing program item:', e, item);
            }
        });
        
        // 5. Append the new grid wrapper to the main container
        // (it will appear after the title)
        container.appendChild(gridWrapper);
    });
});
    </script><script>
        document.addEventListener('DOMContentLoaded', () => {
        
            // Define the icon IMAGES for each item
            const icons = {
                'item-1': `<img src="https://jewishsteamboat.com/media/images/1344/tGkb13448538.png" alt="Programs & Events" class="item-icon">`,
                'item-2': `<img src="https://jewishsteamboat.com/media/images/1344/VSPS13448539.png" alt="Jewish Holidays" class="item-icon">`,
                'item-3': `<img src="https://jewishsteamboat.com/media/images/1344/YlUl13448540.png" alt="Tourist Info" class="item-icon">`,
                'item-4': `<img src="https://jewishsteamboat.com/media/images/1344/oigF13448543.png" alt="Synagogue Services" class="item-icon">`
            };
        
            // FIX: Select ALL items on the page
            const items = document.querySelectorAll('.sneak-peek-item');
            
            // FIX: Loop over every single item and check its class
            items.forEach((item) => {
                
                // FIX: If the item does NOT have 'g480', skip it.
                if (!item.classList.contains('g480')) {
                    return; // This is the "Programs" section, so we ignore it.
                }

                // This code will now ONLY run on .g480 items
                try {
                    const contentWrapper = item.querySelector('.widget_content');
                    if (!contentWrapper || contentWrapper.classList.contains('processed')) {
                        return; // Skip if already processed
                    }
                    
                    contentWrapper.classList.add('processed'); // Mark as processed

                    const thumbnail = item.querySelector('a.thumbnail');
                    const title = item.querySelector('h6');
                    let teaser = item.querySelector('p');
                    
                    const itemClass = [...item.classList].find(c => c.startsWith('item-'));
                    
                    if (!thumbnail || !title || !itemClass) {
                        return; // Skip if essential parts are missing
                    }

                    const textContent = document.createElement('div');
                    textContent.className = 'text-content';
                    
                    if (icons[itemClass]) {
                        textContent.innerHTML = icons[itemClass];
                    }
                    
                    textContent.appendChild(title);
                    
                    if (teaser) {
                        if (teaser.textContent.trim() === 'Sample Teaser') {
                            teaser.style.display = 'none';
                        }
                        textContent.appendChild(teaser);
                    }

                    // Clear and re-order the .widget_content
                    contentWrapper.innerHTML = '';
                    
                    contentWrapper.appendChild(thumbnail);
                    contentWrapper.appendChild(textContent);
                    
                    contentWrapper.style.display = 'flex';
                    contentWrapper.style.flexDirection = 'row';
                    contentWrapper.style.alignItems = 'stretch';
                    
                } catch (e) {
                    console.error('Error processing sneak-peek-item:', e, item);
                }
            });
        });
    </script><script>
    /* <-----------Upcoming Events---------> */
    // This script will only run on the exact homepage.
    if (window.location.pathname === '/' || window.location.pathname === '/default.aspx') {

        (function() {

            /**
             * Fetches and parses a specific events page URL.
             * @param {string} url - The URL to fetch.
             * @returns {Promise<Document | null>} A promise that resolves to a parsed HTML document or null on error.
             */
            function fetchEventsHTML(url) {
                return fetch(url)
                    .then(response => {
                        if (!response.ok) {
                            throw new Error(`HTTP error! status: ${response.status}`);
                        }
                        return response.text();
                    })
                    .then(htmlText => {
                        const parser = new DOMParser();
                        return parser.parseFromString(htmlText, 'text/html');
                    })
                    .catch(error => {
                        console.error("Error fetching events page:", url, error);
                        return null;
                    });
            }

            /**
             * A robust function to parse date strings like "Month Day, Year".
             * @param {string} dateStr - The date string (e.g., "July 29, 2025").
             * @returns {Date | null} A Date object or null if invalid.
             */
            function parseRobustDate(dateStr) {
                const months = {
                    january: 0,
                    february: 1,
                    march: 2,
                    april: 3,
                    may: 4,
                    june: 5,
                    july: 6,
                    august: 7,
                    september: 8,
                    october: 9,
                    november: 10,
                    december: 11
                };

                if (!dateStr) return null;

                // Clean the date string by removing commas and extra spaces.
                const cleanedStr = dateStr.replace(/,/g, '').trim().replace(/\s+/g, ' ');
                const parts = cleanedStr.split(' ');

                if (parts.length < 3) {
                    // console.error("Date string could not be parsed into 3 parts:", `"${dateStr}"`, "->", `"${cleanedStr}"`);
                    return null;
                }

                const monthName = parts[0].toLowerCase();
                const day = parseInt(parts[1], 10);
                const year = parseInt(parts[2], 10);

                if (months.hasOwnProperty(monthName) && !isNaN(day) && !isNaN(year)) {
                    return new Date(year, months[monthName], day);
                } else {
                    return null;
                }
            }
            
            /**
             * Parses a time string (e.g., "7:30pm") and applies it to a given date.
             */
            function parseTime(timeString, baseDate) {
                if (!timeString) return null;
                // Updated regex to handle uppercase AM/PM and potential missing space
                const timeMatch = timeString.toLowerCase().match(/(\d{1,2}):(\d{2})?\s*(am|pm)/);
                if (!timeMatch) return null;

                let hours = parseInt(timeMatch[1], 10);
                const minutes = timeMatch[2] ? parseInt(timeMatch[2], 10) : 0;
                const ampm = timeMatch[3];

                if (ampm === 'pm' && hours < 12) hours += 12;
                if (ampm === 'am' && hours === 12) hours = 0; // Midnight case

                const newDate = new Date(baseDate);
                newDate.setHours(hours, minutes, 0, 0);
                return newDate;
            }

            /**
             * Formats a Date object for Google Calendar links.
             */
            function formatGoogleDate(date) {
                if (!date) return '';
                return date.toISOString().replace(/-|:|\.\d{3}/g, '');
            }

            /**
             * Formats a date string like "Tuesday, July 29, 2025" to "TUESDAY JULY 29".
             * @param {string} dateStr - The raw date string from the event element.
             * @returns {string} The formatted date string.
             */
            function formatEventDate(dateStr) {
                if (!dateStr) return '';
                const parts = dateStr.split(','); // e.g., ["Tuesday", " July 29", " 2025"]
                if (parts.length < 2) return dateStr; // Fallback to original if format is unexpected
                // Combine Day (parts[0]) and Month Date (parts[1])
                return `${parts[0]}${parts[1]}`.trim().toUpperCase();
            }

            /**
             * The main function to create and inject the featured events section.
             */
            const runTransformation = () => {
                const today = new Date();
                today.setHours(0, 0, 0, 0);

                // Calculate URLs for: Current Month, Next Month, and Month After
                // Based on: https://www.jewishsteamboat.com/templates/events.asp?tdate=1%2F29%2F2026
                
                const nextMonth = new Date(today);
                nextMonth.setDate(1); 
                nextMonth.setMonth(today.getMonth() + 1);

                const monthAfter = new Date(today);
                monthAfter.setDate(1); 
                monthAfter.setMonth(today.getMonth() + 2);

                const formatDateParam = (d) => encodeURIComponent(`${d.getMonth() + 1}/${d.getDate()}/${d.getFullYear()}`);

                const urls = [
                    // URL 1: Current Month (Standard view)
                    'https://www.jewishsteamboat.com/templates/events.htm?t=' + new Date().getTime(),
                    // URL 2: Next Month
                    `https://www.jewishsteamboat.com/templates/events.asp?tdate=${formatDateParam(nextMonth)}`,
                    // URL 3: Month After Next
                    `https://www.jewishsteamboat.com/templates/events.asp?tdate=${formatDateParam(monthAfter)}`
                ];

                // Fetch all 3 pages in parallel
                Promise.all(urls.map(url => fetchEventsHTML(url))).then(documents => {
                    // Filter out any failed requests
                    const validDocs = documents.filter(doc => doc !== null);
                    if (validDocs.length === 0) return;

                    // Set "3 Months from Today" cut-off
                    const threeMonthsLater = new Date(today);
                    threeMonthsLater.setMonth(today.getMonth() + 3);

                    const upcomingEvents = [];
                    const seenEventIds = new Set(); // deduplication

                    // Loop through each document (Current, Next, MonthAfter)
                    validDocs.forEach(eventsDocument => {
                        const allDateGroups = Array.from(eventsDocument.querySelectorAll('#calendar .list_item'));
                        
                        for (const dateGroupEl of allDateGroups) {
                            if (upcomingEvents.length >= 50) break; // Hard limit

                            const dateEl = dateGroupEl.querySelector('.date');
                            if (!dateEl) continue;

                            const dateText = dateEl.textContent.trim();
                            const parsableDateText = dateText.split(',').slice(1).join(',').trim();
                            const eventDate = parseRobustDate(parsableDateText);

                            // Check if event is Today OR Future AND is within the next 3 months
                            if (eventDate && eventDate >= today && eventDate <= threeMonthsLater) {
                                
                                const individualEventsInGroup = dateGroupEl.querySelectorAll('.category_item');
                                individualEventsInGroup.forEach(eventEl => {
                                    if (upcomingEvents.length < 10) {
                                        
                                        // --- Deduplication Logic ---
                                        const titleEl = eventEl.querySelector('.event_name');
                                        const title = titleEl ? titleEl.textContent.trim() : 'Unknown';
                                        // Create a unique key for the event
                                        const uniqueKey = `${title}-${dateText}`;
                                        
                                        if (!seenEventIds.has(uniqueKey)) {
                                            seenEventIds.add(uniqueKey);
                                            
                                            // Store data and push
                                            eventEl.dataset.rawDate = dateText;
                                            eventEl.dataset.eventDateObj = eventDate.toISOString();
                                            upcomingEvents.push(eventEl);
                                        }
                                    }
                                });
                            }
                        }
                    });

                    const featuredEvents = upcomingEvents;

                    if (featuredEvents.length === 0) {
                        console.log("No upcoming events found to display.");
                        return;
                    }

                    // Create a new 'div' element
                    const eventsSection = document.createElement('div');

                    // Set the class name for the element
                    eventsSection.className = 'injected-featured-events-section';

                    // Set the ID for the element
                    eventsSection.id = 'injected-upcoming-events-section';

                    eventsSection.innerHTML = `
                      <div class="injected-featured-events-header">
                        <h2>Upcoming Events</h2>
                      </div>
                    `;

                    const carouselContainer = document.createElement('div');
                    carouselContainer.className = 'injected-events-carousel-container';
                    const carouselWrapper = document.createElement('div');
                    carouselWrapper.className = 'injected-events-carousel-wrapper';

                    featuredEvents.forEach((eventEl) => {
                        const titleEl = eventEl.querySelector('.event_name');
                        const title = titleEl ? titleEl.textContent.trim() : 'Event Title';

                        // Retrieve the date from the dataset we attached earlier
                        const rawDate = eventEl.dataset.rawDate || '';
                        const formattedDate = formatEventDate(rawDate);
                        
                        // Retrieve the date object for calendar logic
                        const eventDateObj = new Date(eventEl.dataset.eventDateObj);

                        // Get the event time
                        const timeEl = eventEl.querySelector('.event_options > div');
                        let timeText = timeEl ? timeEl.textContent.trim().toUpperCase() : '';

                        // *** MODIFICATION: Add a space before AM/PM if it's missing ***
                        if (timeText) {
                            timeText = timeText.replace(/(\d)([AP]M)$/, '$1 $2');
                        }

                        // Combine date and time for the header
                        const cardHeader = timeText ? `${formattedDate} - ${timeText}` : formattedDate;

                        const descriptionEl = eventEl.querySelector('.event_wrapper > .event_info');
                        
                        // --- *** MODIFICATION: Get innerHTML to preserve paragraphs *** ---
                        const descriptionHTML = descriptionEl ? descriptionEl.innerHTML.trim() : '<p>Join us for a wonderful event.</p>';
                        // Get text-only description for calendar links
                        const descriptionText = descriptionEl ? descriptionEl.textContent.trim() : 'Join us for a wonderful event.';

                        const imageLinkEl = eventEl.querySelector('.more_info a');
                        const imageUrl = imageLinkEl ? imageLinkEl.href : `https://placehold.co/600x400/eee/ccc?text=Event+Image`;

                        // --- *** MODIFICATION: Add 5-digit ID check logic *** ---
                        let learnMoreUrl = '#';
                        const facebookLinkEl = eventEl.querySelector('a[href*="//www.facebook.com/events/"]');
                        if (facebookLinkEl) {
                            const fbHref = facebookLinkEl.href;
                            const match = fbHref.match(/events\/(\d+)/);
                            if (match && match[1]) {
                                const eventId = match[1];
                                if (/^\d{5}$/.test(eventId)) { // Check if ID is exactly 5 digits
                                    learnMoreUrl = `https://www.jewishsteamboat.com/tools/events/register_cdo/eventid/${eventId}`;
                                } else {
                                    // Original logic for other cases
                                    learnMoreUrl = `https://www.jewishsteamboat.com/templates/articlecco_cdo/aid/${eventId}`;
                                }
                            }
                        }

                        // --- *** MODIFICATION: Add Calendar Link Logic *** ---
                        let location = 'Chabad Aventura South';
                        const locationEl = eventEl.querySelector('a[href*="maps.google.com"]');
                        if (locationEl) {
                            const tempDiv = document.createElement('div');
                            tempDiv.innerHTML = locationEl.innerHTML.replace(/<br\s*\/?>/gi, ' ');
                            location = tempDiv.textContent.replace(/\s+/g, ' ').trim();
                        }
                        
                        let googleCalLink = '';
                        const calendarLinkEl = eventEl.querySelector('a[href*="eventexport.asp"]');
                        const icsLink = calendarLinkEl ? `https://www.jewishsteamboat.com${calendarLinkEl.getAttribute('href')}` : null;
                        
                        if (timeText) {
                            const startTime = parseTime(timeText, eventDateObj);
                            if (startTime) {
                                const endTime = new Date(startTime.getTime() + 90 * 60000); // Assume 90 min duration
                                const googleDates = formatGoogleDate(startTime) + '/' + formatGoogleDate(endTime);
                                const params = new URLSearchParams({
                                    action: 'TEMPLATE',
                                    text: title,
                                    dates: googleDates,
                                    details: descriptionText,
                                    location: location,
                                });
                                googleCalLink = `https://www.google.com/calendar/render?${params.toString()}`;
                            }
                        } else {
                            // --- *** NEW LOGIC for ALL-DAY events *** ---
                            // Format YYYYMMDD
                            const startDate = eventDateObj.toISOString().split('T')[0].replace(/-/g, '');
                            
                            // Create end date (the next day)
                            const endDateObj = new Date(eventDateObj);
                            endDateObj.setDate(endDateObj.getDate() + 1);
                            const endDate = endDateObj.toISOString().split('T')[0].replace(/-/g, '');
                            
                            const googleDates = `${startDate}/${endDate}`;
                            
                            const params = new URLSearchParams({
                                action: 'TEMPLATE',
                                text: title,
                                dates: googleDates,
                                details: descriptionText,
                                location: location,
                            });
                            googleCalLink = `https://www.google.com/calendar/render?${params.toString()}`;
                        }

                        // --- *** END MODIFICATION *** ---


                        const card = document.createElement('div');
                        card.className = 'injected-event-card';
                        // Use the new cardHeader variable
                        card.innerHTML = `
                          <div class="event-card-header">${cardHeader}</div>
                          <div class="event-card-image">
                              <img src="${imageUrl}" alt="${title}" onerror="this.onerror=null;this.src='https://placehold.co/600x400/eee/ccc?text=Image+Not+Found';">
                          </div>
                          <div class="event-card-body">
                              <h3>${title.toUpperCase()}</h3>
                              <!-- *** MODIFICATION: Use a div to hold the description HTML *** -->
                              <div class="event-description-content">${descriptionHTML}</div>
                              
                              <!-- *** MODIFICATION: Create ONE button container *** -->
                              <div class="event-card-buttons-container">
                                <a href="${learnMoreUrl}" class="event-card-button">Learn More →</a>
                                ${googleCalLink ? `<a href="${googleCalLink}" target="_blank" class="event-card-calendar-button">Add to Google Calendar</a>` : ''}
                                ${icsLink ? `<a href="${icsLink}" class="event-card-calendar-button">Add to Apple/Outlook</a>` : ''}
                              </div>
                          </div>
                        `;
                        carouselWrapper.appendChild(card);
                    });

                    // Add the "View All Events" card at the end
                    const viewAllCard = document.createElement('a');
                    viewAllCard.className = 'injected-event-card view-all-card';
                    // --- *** MODIFICATION: Update "View All" URL *** ---
                    viewAllCard.href = 'https://www.jewishsteamboat.com/templates/articlecco_cdo/aid/7135197/jewish/Upcoming-Events.htm';
                    viewAllCard.innerHTML = `
                      <div class="view-all-content">
                        <h3>View All</h3>
                        <p>Upcoming Events</p>
                        <span class="view-all-arrow">→</span>
                      </div>
                    `;
                    carouselWrapper.appendChild(viewAllCard);


                    carouselContainer.appendChild(carouselWrapper);
                    eventsSection.appendChild(carouselContainer);

                    const swipeHint = document.createElement('div');
                    swipeHint.className = 'mobile-swipe-hint';
                    swipeHint.innerHTML = '<span>Swipe for more events</span> <span class="arrow">→</span>';
                    eventsSection.appendChild(swipeHint);

                    if (featuredEvents.length > 3) {
                        const prevButton = document.createElement('button');
                        prevButton.className = 'events-carousel-arrow prev';
                        prevButton.innerHTML = '❮';

                        const nextButton = document.createElement('button');
                        nextButton.className = 'events-carousel-arrow next';
                        nextButton.innerHTML = '❯';

                        carouselContainer.appendChild(prevButton);
                        carouselContainer.appendChild(nextButton);

                        let currentIndex = 0;
                        const itemsToShowDesktop = 3;
                        const totalItems = carouselWrapper.children.length;

                        const updateCarousel = () => {
                            if (carouselWrapper.children.length === 0) return;
                            const cardWidth = carouselWrapper.children[0].offsetWidth;
                            const gap = 30;
                            const totalMove = (cardWidth + gap) * currentIndex;
                            carouselWrapper.style.transform = `translateX(-${totalMove}px)`;

                            prevButton.disabled = currentIndex === 0;
                            nextButton.disabled = currentIndex >= totalItems - itemsToShowDesktop;
                        };

                        prevButton.addEventListener('click', () => {
                            if (currentIndex > 0) {
                                currentIndex--;
                                updateCarousel();
                            }
                        });

                        nextButton.addEventListener('click', () => {
                            if (currentIndex < totalItems - itemsToShowDesktop) {
                                currentIndex++;
                                updateCarousel();
                            }
                        });

                        updateCarousel();
                        // Recalculate on resize to handle responsive changes
                        window.addEventListener('resize', updateCarousel);
                    }

                    // --- *** MODIFICATION: Use a more stable selector *** ---
                    // Find the "Mailing List" widget to insert *before* it.
                    const mailingListElement = document.querySelector('#BodyContainer > div > div.g960 > div > div.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.no_margin.g960.no_margin > div > div.hp-row.hp_content_wrapper');
                    if (mailingListElement) {
                        // Find the parent ".hp-row" container for the mailing list
                        const targetRow = mailingListElement.closest('.hp-row');
                        if (targetRow && targetRow.parentElement) {
                            // Insert the new events section *before* the mailing list row
                            targetRow.parentElement.insertBefore(eventsSection, targetRow);
                        } else {
                            console.error("Could not find parent '.hp-row' for mailing list. Appending to body as a fallback.");
                            document.body.appendChild(eventsSection);
                        }
                    } else {
                        console.error("Target element 'div.widget-4.message.custom.feed' (mailing list) not found. Appending to body as a fallback.");
                        document.body.appendChild(eventsSection);
                    }
                    // --- *** END MODIFICATION *** ---
                });
            };

            const injectCSS = () => {
                const style = document.createElement('style');
                style.textContent = `
                    @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;700;900&display=swap');

                    .injected-featured-events-section { padding: 60px 20px; background-color: #f0f2f5; font-family: 'Raleway', sans-serif; box-sizing: border-box; }
                    .injected-featured-events-header { text-align: center; margin-bottom: 40px; max-width: 600px; margin-left: auto; margin-right: auto; }
                    .injected-featured-events-header h2 { font-size: 36px; font-weight: 600; color: #134770 ; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 10px; font-family: 'Poppins' !important; }
                    .injected-featured-events-header p { font-size: 16px; color: #666; line-height: 1.6; }
                    .injected-events-carousel-container { position: relative; max-width: 1200px; margin: 0 auto; overflow: hidden; }
                    .injected-events-carousel-wrapper { display: flex; gap: 30px; transition: transform 0.5s ease-in-out; }
                    .injected-event-card { flex: 0 0 calc(33.333% - 20px); background: transparent; border-radius: 10px; overflow: hidden; box-shadow: 0 8px 25px rgba(0,0,0,0.08); box-sizing: border-box; display: flex; flex-direction: column;  border: 2px solid #134770 !important;}
                    .event-card-header { padding: 8px 15px; font-weight: 700; font-size: 12px; color: #356387; background: transparent; border-bottom: 1px solid #eee; text-align: center; white-space: nowrap; border: 1px solid #134770 !important; font-family: poppins; }
                    .event-card-image img { width: 100%; height: 200px; object-fit: cover; display: block; background-color: #eee; border: 1px solid #134770 !important; }
                    .event-card-body { padding: 25px; flex-grow: 1; display: flex; flex-direction: column; }
                    .event-card-body h3 { font-size: 16px; font-weight: 700; color: #134770; margin: 0 0 10px; height: 48px; overflow: hidden; }
                    
                    /* --- *** MODIFICATION: Replaced .event-card-body p with this block *** --- */
                    .event-description-content {
                        font-size: 15px;
                        color: #666;
                        line-height: 1.6;
                        margin: 0 0 20px;
                        flex-grow: 1;
                        /* Removed overflow: hidden to allow text to wrap and grow */
                    }
                    /* This styles any paragraphs *inside* the description */
                    .event-description-content p, .event-description-content div {
                        margin-bottom: 1em; /* Adds spacing between paragraphs */
                    }
                    .event-description-content p:last-child, .event-description-content div:last-child {
                        margin-bottom: 0; /* No margin on the very last paragraph */
                    }
                    /* --- *** END MODIFICATION *** --- */

                    /* --- *** MODIFICATION: Updated main button style *** --- */
                    .event-card-button { 
                        display: inline-block; 
                        background-color: #1CB1E6; 
                        color: white; 
                        padding: 10px 20px; 
                        border-radius: 5px; 
                        text-decoration: none; 
                        font-weight: 800; 
                        transition: background-color 0.2s, border-color 0.2s; 
                        font-size: 13.88px; 
                        line-height: 140%; 
                        border: 1px solid #b99362;
                        text-align: center;
                    }
                   .event-card-button:hover {
    background-color: #1cb1e636;
    border-color: white;
    color: #058ebe;
    text-decoration: none;
}
                    
                    /* --- *** MODIFICATION: Add styles for button container & calendar buttons *** --- */
                    .event-card-buttons-container {
                        display: flex;
                        flex-wrap: wrap;
                        gap: 10px;
                        align-items: center;
                        margin-top: auto; /* Pushes the container to the bottom */
                        padding-top: 15px;
                        border-top: 1px solid #eee;
                    }
                    .event-card-calendar-button {
                        padding: 10px 20px;
                        border-radius: 5px;
                        text-align: center;
                        cursor: pointer;
                        transition: background-color 0.3s ease, border-color 0.3s ease;
                        text-decoration: none !important;
                        display: inline-block;
                        font-size: 13.88px;
                        font-weight: 800;
                        line-height: 140%;
                        color: #134770;
                        background-color: white;
                        border: 1px solid #134770;
                        box-sizing: border-box;
                    }
                    .event-card-calendar-button:hover {
                       background-color: #bfbfbf;
                    }
                    /* --- *** END MODIFICATION *** --- */

                    .events-carousel-arrow { position: absolute; top: 50%; transform: translateY(-50%); background-color: rgba(255, 255, 255, 0.9); border: none; border-radius: 50%; width: 44px; height: 44px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 22px; color: #333; z-index: 10; transition: all 0.2s; }
                    .events-carousel-arrow:hover { background-color: white; transform: translateY(-50%) scale(1.05); }
                    .events-carousel-arrow:disabled { opacity: 0.3; cursor: not-allowed; }
                    .events-carousel-arrow.prev { left: 0px; }
                    .events-carousel-arrow.next { right: 0px; }

                    /* Styles for the 'View All' card */
                    .view-all-card { display: flex; align-items: center; justify-content: center; text-align: center; text-decoration: none; background-color: #e8ebee; transition: background-color 0.3s, box-shadow 0.3s; }
                    .view-all-card:hover { background-color: #dbe0e6; box-shadow: 0 12px 30px rgba(0,0,0,0.12); }
                    .view-all-card .view-all-content { display: flex; flex-direction: column; justify-content: center; align-items: center; }
                    .view-all-card .view-all-content h3, .view-all-card .view-all-content p { height: auto; overflow: visible; margin: 0; }
                    .view-all-card .view-all-content h3 { font-size: 24px; font-weight: 900; color: #2F3C4D; margin-bottom: 5px; text-transform: uppercase; }
                    .view-all-card .view-all-content p { font-size: 16px; color: #666; margin-bottom: 15px; }
                    .view-all-card .view-all-arrow { font-size: 36px; font-weight: bold; color: #b99362; line-height: 1; }
                    
                    .mobile-swipe-hint { display: none; text-align: center; margin-top: 20px; font-family: 'Raleway', sans-serif; color: #555; font-size: 14px; align-items: center; justify-content: center; gap: 8px; }
                    .mobile-swipe-hint .arrow { font-size: 18px; line-height: 1; font-weight: bold; }

                    @media (max-width: 1200px) {
                      .events-carousel-arrow.prev { left: 15px; }
                      .events-carousel-arrow.next { right: 15px; }
                    }
                    @media (max-width: 900px) {
                      .injected-event-card { flex-basis: calc(50% - 15px); }
                    }
                    
                    @media (max-width: 600px) {
                      .injected-featured-events-header h2 { font-size: 28px; }
                      .injected-events-carousel-container { overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; padding: 0 20px; margin: 0 -20px; }
                      .injected-events-carousel-container::-webkit-scrollbar { display: none; }
                      .injected-events-carousel-wrapper { width: max-content; transform: none !important; padding-right: 20px; }
                      .injected-event-card { flex-basis: 80vw; scroll-snap-align: start; }
                      .events-carousel-arrow { display: none; }
                      .mobile-swipe-hint { display: flex; }
                      
                      /* --- *** MODIFICATION: Stack buttons on mobile *** --- */
                      .event-card-buttons-container {
                          flex-direction: column;
                          align-items: stretch;
                      }
                      .event-card-button, .event-card-calendar-button {
                          width: 100%;
                      }
                    }
                  `;
                document.head.appendChild(style);
            };

            // Wait for the DOM to be ready before running the script
            if (document.readyState === 'complete' || document.readyState === 'interactive') {
                runTransformation();
            } else {
                window.addEventListener('DOMContentLoaded', runTransformation);
            }

            injectCSS();

        })();
    }
</script>
</body>
</html>