<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="en" />

<meta property="og:image" content="https://w2.chabad.org/media/images/1316/fBpK13164505.jpg" itemprop="image" width="1980" height="1485" />
<meta property="og:image:width" content="1980" />
<meta property="og:image:height" content="1485" />
<meta name="keywords" content="Photos" />
<meta name="title" content="Photos - Chabad Jewish Community Center" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="523377-523385-4646907-4640322-6055918-6840428" />
<meta name="article-keywords" content="31782-16403-7592-6760-8495-21464-29058-29136-31783-2170-2898-20962" />
<meta name="scope-aid" content="523377" />
<meta name="scope-aid" content="523385" />
<meta name="scope-aid" content="4646907" />
<meta name="scope-aid" content="4640322" />
<meta name="scope-aid" content="6055918" />
<meta name="scope-aid" content="6840428" />
<meta name="article-keyword" content="31782" />
<meta name="article-keyword" content="16403" />
<meta name="article-keyword" content="7592" />
<meta name="article-keyword" content="6760" />
<meta name="article-keyword" content="8495" />
<meta name="article-keyword" content="21464" />
<meta name="article-keyword" content="29058" />
<meta name="article-keyword" content="29136" />
<meta name="article-keyword" content="31783" />
<meta name="article-keyword" content="2170" />
<meta name="article-keyword" content="2898" />
<meta name="article-keyword" content="20962" />
<meta property="og:url" content="https://www.jewishfolsom.org/templates/articlecco_cdo/aid/6840428/jewish/Photos.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Photos - Chabad Jewish Community Center" /><link rel="canonical" href="https://www.jewishfolsom.org/templates/articlecco_cdo/aid/6840428/jewish/Photos.htm" />
<link rel="image_src" href="https://w2.chabad.org/media/images/1316/fBpK13164505.jpg" />
<link rel="icon" type="image/png" href="https://www.jewishfolsom.org/media/images/1120/iswH11202815.png" />
<link rel="Stylesheet" href="/css/fonts/font-awesome/font-awesome-5.css?g=20&v=98662BF4" id="kfont-awesome" type="text/css"/>
<link rel="Stylesheet" href="/css/DefaultGrid.css?g=20&v=44B79007" id="kgrid" type="text/css"/>
<link rel="Stylesheet" href="/css/Elements.css?g=20&v=E669C926" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites.css?g=20&v=A6ADC6CE" id="ksites-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/new/main.css?g=20&v=2B7F734E" id="k7" type="text/css"/>
<link rel="Stylesheet" href="https://w2.chabad.org/css/cco/minisites/global.css" id="k20962" type="text/css"/>
<link rel="Stylesheet" href="/css/old/global.css?g=20&v=F7C22456" id="k2898" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/minisites/themes/ckids/styles.css?v=9B5B9E69&g=20" id="k31782" type="text/css"/>
<link rel="Stylesheet" href="/css/bootstrap/grid.css?g=20&v=B92FCAD8" id="kbootstrap4-grid" type="text/css"/>
<link rel="Stylesheet" href="/css/Library/reader-comments.css?g=20&v=5F31D0D8" id="kCommentsStylesheet" type="text/css"/>
<link rel="Stylesheet" href="/css/inline/BookInfo.css?g=20&v=14B88022" id="kBookInfoCss" type="text/css"/>

<script>$q=[];$j=function(f){$q.push(f);}</script>
	
 
	
	<style type="text/css">
		body{margin:0;}
	</style>
	
	



<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2025-03-27","primaryArticleId":6840428,"title":"","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"Programs","contentLevel3":"Youth programs","contentLevel4":"Kids programs","contentLevel5":"Photos","siteName":"Chabad Jewish Community Center"},"time":{"upcomingHoliday":"Shavuot","daysToUpcomingHoliday":16,"hebrewDate":"5786-02-19"}});
		dataLayer.push({ 'articleHierarchy': '-523377-523385-4646907-4640322-6055918-6840428-', 'keywords': '-k20962-k2898-k2170-k31783-k29136-k29058-k21464-k8495-k6760-k7592-k16403-k31782-', 'k': '-523377-523385-4646907-4640322-6055918-6840428--k20962-k2898-k2170-k31783-k29136-k29058-k21464-k8495-k6760-k7592-k16403-k31782-' });
	
</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 = 2580312;var sc_partition = 25;var sc_invisible = 1;var sc_remove_link=1;var sc_security = "b3f2001f";var sc_https = 1;
	</script>
	<script type="text/javascript" src="https://secure.statcounter.com/counter/counter_xhtml.js" defer async></script>
	<noscript><img src="//c26.statcounter.com/counter.php?sc_project=2580312&amp;java=0&amp;security=b3f2001f&amp;invisible=1" border="0" /> </noscript>
	<!-- End of StatCounter Code -->


<meta name="facebook-domain-verification" content="d8205pgn3c72mzc2dbs9fc393rtvxj" />
<!-- Global site tag (gtag.js) - Google Analytics -->



<!-- Facebook Pixel Code -->

<noscript><img height="1" width="1" style="display:none"
    src="https://www.facebook.com/tr?id=597079020831179&ev=PageView&noscript=1" /></noscript>
<!-- End Facebook Pixel Code -->

<link href="https://webmk.co/sites/general/cdo-normalize.css" rel="stylesheet" />

<style>
  span.footer-title:after {
    content: 'Serving Folsom, El Dorado Hills, Placerville and surrounding areas - Sacramento suburbs';
    display: block;
    text-transform: none;
    font-weight: normal;
    color: white;
    font-style: italic;
    width: 500px;
    max-width: 90vw;
    margin: 10px auto;
  }

  @media only screen and (max-device-width: 480px) {
    .slide_wrapper img {
      background-size: contain !important;
    }

    .hp-row {
      padding: 30px 10px;
    }

    #BodyContainer>div>div.g960>div>div.no_margin.g960.no_margin>div>div:nth-child(2)>div>div>div>div.header-title {
      margin: 0px !important;
    }
  }

  /*Sets Site Sub-Title to Display */
  /*body.cco_body .site_title .site_subtitle 
  {font-size: 18px !important;} */

  .branding-search #header_branding .site_title .site_subtitle {
    display: initial;
    text-transform: none;
    font-weight: normal;
    font-size: 17px;
    line-height: 1.3;
  }

  body.sites-article .branding-search #header_branding .site_title .site_subtitle,
  #header.on-scroll .branding-search #header_branding .site_title .site_subtitle {
    color: #891738;
  }

  /* Sets Logo to Display Better */
  #header_branding .site-logo-wrapper {
    padding: 0px 3px 3px 3px !important;
  }

  #BodyContainer>div>div.g960>div>div.no_margin.g960.no_margin>div>div.hp-row.hp-row-first>div>div>div>div>div.cycle-caption {
    display: block !important;
  }
</style>

<!--FUNDRAISING CAMPAIGN - NOT ACTIVE-->





























<style type="text/css" rel="stylesheet">
/*<![CDATA[*//**/
@import url("https://fundapp.io/sites/chabad_folsom/css/header.css");
/**/
}/*]]>*/</style>
 
<div id="donate-m-container">
<div id="donate-m"><a href="/match">DONATE</a></div>
</div>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-166966683-1"></script><script>
  window.dataLayer = window.dataLayer || [];
  function gtag() { dataLayer.push(arguments); }
  gtag('js', new Date());

  gtag('config', 'UA-166966683-1');
</script><script>
  !function (f, b, e, v, n, t, s) {
    if (f.fbq) return; n = f.fbq = function () {
      n.callMethod ?
      n.callMethod.apply(n, arguments) : n.queue.push(arguments)
    }; if (!f._fbq) f._fbq = n;
    n.push = n; n.loaded = !0; n.version = '2.0'; n.queue = []; t = b.createElement(e); t.async = !0;
    t.src = v; s = b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t, s)
  }(window,
    document, 'script', 'https://connect.facebook.net/en_US/fbevents.js');

  fbq('init', '597079020831179');
  fbq('set', 'agent', 'tmgoogletagmanager', '597079020831179');
  fbq('track', "PageView");
</script><script>
window.onload = () => {
  if (document.querySelector('#myTab > li:nth-child(1).active')) {
    document.querySelector('#Description-tab').click()
  }
};
</script><script src="https://webmk.co/sites/jewish-folsom/folsom-script.js"></script><script>
  function ready(fn) {
  if (document.readyState !== 'loading'){
    fn();
  } else {
    document.addEventListener('DOMContentLoaded', fn);
  }
}
function addClass() {
  var path = window.location.pathname;
  var matches = path && path.match(/eventid\/(\d+)/);
  if (path.includes('ArticleCcoResponse')) document.body.classList.add('form-auto-response');
  var aid = Co && Co.ArticleId;
  if (matches && matches.length > 1) {
    var eventClass = 'eventid-' + matches[1];
    document.body.classList.add(eventClass);
    document.body.classList.add('event-page');
 } else if (path.includes('/register_cdo/')) { 
    document.body.classList.add('event-page');
  } else {
    document.body.classList.add('aid-' + aid);
  }
};
ready(addClass);
</script><title>
	Photos - Chabad Jewish Community Center
</title></head>
<body class="lang_en dir_ltr cco_body cco_templateless_page section_branch">
	
	
		<div width="100%" class="cco_templateless_template" style="z-index:100 !important;display:block !important;left:0px !important;top:0px !important;height:30px!important;width:100% !important;line-height:30px !important; position:relative !important; margin-bottom:0 !important; padding:0;text-indent: 25px;" align="Left"><a href="//www.JewishFolsom.org" style="display:block!important;font-size:14px !important;">&laquo; Back to&nbsp;Chabad Jewish Community Center</a></div>
	
	<div class="cco_templatelates_content">
		
	<div class="co_content_container clearfix local_content" id="co_content_container">
		<div class="clearfix">
			<!-- BEGIN HEADER --><style type="text/css">

    @import url("https://w5.chabad.org/images/Shluchim/minisites/themes/ckids/css/styles.css");
</style>



<div id="chabad_body_page" class="font-sans">
<div id="chabad_main_content">
<div id="chabad_head">

<div class="items-center justify-between md:px-8 md:pb-4 md:flex bg-purple">

<div class="relative flex items-center px-4 py-3 text-white no-underline md:px-0 md:py-0">

<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/ckids/yfnY12218479.svg" alt="logo" class="object-contain w-12 h-12 mr-2 md:mr-3" />

<div class="text-lg">
<strong class="font-bold">
CKids

</strong>
<span class="block">

Folsom & El Dorado Hills
</span>
</div>

<a href="/6055918" class="absolute inset-0"></a>

</div>


<div class="chabad_navigator_bar">
<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/ckids/YlIY12218480.png" id="img_nav" alt="" />

<div id="navigation" class="chabad_navigator_bar">
<div class="chabad_menu_content">
<ul id="menu" class="navi">
<li class="item parent arrow">
<a href="/article.asp?aid=6055919" class="parent arrow">About </a>
<div class="sub_menu">
<ul>
<li class="item first">
<a href="/article.asp?aid=6134906">Mission Statement</a>
</li>
<li class="item">
<a href="/article.asp?aid=6134910">Our Staff</a>
</li>
<li class="item">
<a href="/article.asp?aid=6135061">Schedule a Tour</a>
</li>
<li class="item">
<a href="/article.asp?aid=6313425">Support</a>
</li>
<li class="item">
<a href="/article.asp?aid=6134953">Contact </a>
</li>
<li class="item last">
<a href="/article.asp?aid=6134934">Sign up to Volunteer!</a>
</li>
</ul>
</div>
|
</li>
<li class="item parent arrow">
<a href="/article.asp?aid=6136184" class="parent arrow">Programs</a>
<div class="sub_menu">
<ul>
<li class="item first">
<a href="/article.asp?aid=6134847">Chabad Hebrew School</a>
</li>
<li class="item">
<a href="/article.asp?aid=4672114">Bar/Bat Mitzvah </a>
</li>
<li class="item">
<a href="/article.asp?aid=6134879">Camp Gan Israel</a>
</li>
<li class="item">
<a href="/article.asp?aid=7010126">CKids Clubs</a>
</li>
<li class="item">
<a href="/article.asp?aid=6133546">JewQ</a>
</li>
<li class="item last">
<a href="/article.asp?aid=6136260">Tzivos Hashem</a>
</li>
</ul>
</div>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=6420126" class="parent">Kids Page</a>
|
</li>
<li class="item parent arrow selected">
<a href="/article.asp?aid=6840428" class="parent arrow selected">Photos</a>
<div class="sub_menu">
<ul>
<li class="item first">
<a href="/article.asp?aid=7028273">Hebrew School Photos 5786</a>
</li>
<li class="item">
<a href="/article.asp?aid=6840429">Hebrew School 2024-25</a>
</li>
<li class="item">
<a href="/article.asp?aid=6840430">JewQ Awards Ceremony 2025</a>
</li>
<li class="item">
<a href="/article.asp?aid=6840436">CKids Clubs 2024-25</a>
</li>
<li class="item">
<a href="/article.asp?aid=6840471">Bar Mitzvah Club</a>
</li>
<li class="item">
<a href="/article.asp?aid=6840468">Bat Mitzvah Club</a>
</li>
<li class="item">
<a href="/article.asp?aid=6977113">Bat Mitzvah Club Ceremony 2025-5785</a>
</li>
<li class="item">
<a href="/article.asp?aid=6840438">Camp Gan Israel 2024</a>
</li>
<li class="item last">
<a href="/article.asp?aid=6840474">Mommy & Me</a>
</li>
</ul>
</div>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=6286733" class="parent">Donate</a>
</li>

</ul>
</div>
</div>


</div>

</div>

</div>
<div id="chabad_body_content" class="content_full_width">
<div class="chabad_left_column content_full_width"><div detached="true" type="static" id="ContentArea" name="content_area" actions="edit" class="chabad_left_column"><div id="content_page_full" class="content_page_full"><!-- END HEADER -->
			
			
			<div class="clearfix bh mobile-only align_right">ב"ה</div>
			
				<div class="master-content-wrapper " style="background-image: url(https://w2.chabad.org/media/images/1316/fBpK13164505.jpg)">
					

<header class="article-header cf ">
	
	
			<h1 class="article-header__title js-article-title js-page-title">Photos</h1>
		
			<div>
				
			</div>
		
</header>
				</div>
			
			<div class="body_wrapper clearfix co_body">
				<div class="" id="co_body_container">
					
					<div id="ContentBody">
						
						
							<div class="content-area-parent no_margin">
								
	<div id="cco_body">
		<div class="content  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="https://w2.chabad.org/media/images/1316/fBpK13164505.jpg" />


		<meta itemprop="thumbnailUrl" content="https://w2.chabad.org/media/images/1316/fBpK13164505.jpg" />
	
<meta itemprop="uploadDate" content="2025-03-27T20:13:52" />
<span itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
	<meta itemprop="name" content="Chabad Jewish Community Center" />
	<meta itemprop="brand" content="Chabad Jewish Community Center" />
	<span itemprop="logo" itemscope itemtype="http://schema.org/ImageObject">
		<meta itemprop="url" content="https://w2.chabad.org/media/images/1120/iswH11202815.png" />
		<meta itemprop="height" content="150" />
		<meta itemprop="width" content="150" />
	</span>
</span>
<meta itemprop="datePublished" content="2025-03-27T20:13:52" />
			<div itemprop="articleBody">
				<co:body xmlns:co="www1.chabadonline.com/alpha1" xmlns:ext="urn:xslt-extensions">
  <div class="co_body article-body cf">
</div>
</co:body>
			</div>
			

			<div class="break_floats"></div>
			
	<div class="break_floats"></div>
	

<div class="article_index_container">
	

	<div class="article_index co_index  clearfix">
		<div class="row clearfix">
					<div class="item">
						<div class="item_contents clearfix">
							
							<div class=" no_margin inner">
								<div class="title">
									<a href="/templates/photogallery_cdo/aid/7028273/jewish/Hebrew-School-Photos-5786.htm">
										Hebrew School Photos 5786
									</a>
								</div>
								<div class="subtitle">
									
								</div>
								<div class="synopsis">
									
								</div>
							</div>
						</div>
					</div>
				</div><div class="row clearfix">
					<div class="item">
						<div class="item_contents clearfix">
							
							<div class=" no_margin inner">
								<div class="title">
									<a href="/templates/photogallery_cdo/aid/6840429/jewish/Hebrew-School-2024-25.htm">
										Hebrew School 2024-25
									</a>
								</div>
								<div class="subtitle">
									
								</div>
								<div class="synopsis">
									
								</div>
							</div>
						</div>
					</div>
				</div><div class="row clearfix">
					<div class="item">
						<div class="item_contents clearfix">
							
							<div class=" no_margin inner">
								<div class="title">
									<a href="/templates/photogallery_cdo/aid/6840430/jewish/JewQ-Awards-Ceremony-2025.htm">
										JewQ Awards Ceremony 2025
									</a>
								</div>
								<div class="subtitle">
									
								</div>
								<div class="synopsis">
									
								</div>
							</div>
						</div>
					</div>
				</div><div class="row clearfix">
					<div class="item">
						<div class="item_contents clearfix">
							
							<div class=" no_margin inner">
								<div class="title">
									<a href="/templates/photogallery_cdo/aid/6840436/jewish/CKids-Clubs-2024-25.htm">
										CKids Clubs 2024-25
									</a>
								</div>
								<div class="subtitle">
									
								</div>
								<div class="synopsis">
									
								</div>
							</div>
						</div>
					</div>
				</div><div class="row clearfix">
					<div class="item">
						<div class="item_contents clearfix">
							
							<div class=" no_margin inner">
								<div class="title">
									<a href="/templates/photogallery_cdo/aid/6840471/jewish/Bar-Mitzvah-Club.htm">
										Bar Mitzvah Club
									</a>
								</div>
								<div class="subtitle">
									
								</div>
								<div class="synopsis">
									
								</div>
							</div>
						</div>
					</div>
				</div><div class="row clearfix">
					<div class="item">
						<div class="item_contents clearfix">
							
							<div class=" no_margin inner">
								<div class="title">
									<a href="/templates/photogallery_cdo/aid/6840468/jewish/Bat-Mitzvah-Club.htm">
										Bat Mitzvah Club
									</a>
								</div>
								<div class="subtitle">
									
								</div>
								<div class="synopsis">
									
								</div>
							</div>
						</div>
					</div>
				</div><div class="row clearfix">
					<div class="item">
						<div class="item_contents clearfix">
							
							<div class=" no_margin inner">
								<div class="title">
									<a href="/templates/photogallery_cdo/aid/6977113/jewish/Bat-Mitzvah-Club-Ceremony-2025-5785.htm">
										Bat Mitzvah Club Ceremony 2025-5785
									</a>
								</div>
								<div class="subtitle">
									
								</div>
								<div class="synopsis">
									
								</div>
							</div>
						</div>
					</div>
				</div><div class="row clearfix">
					<div class="item">
						<div class="item_contents clearfix">
							
							<div class=" no_margin inner">
								<div class="title">
									<a href="/templates/photogallery_cdo/aid/6840438/jewish/Camp-Gan-Israel-2024.htm">
										Camp Gan Israel 2024
									</a>
								</div>
								<div class="subtitle">
									
								</div>
								<div class="synopsis">
									
								</div>
							</div>
						</div>
					</div>
				</div><div class="row clearfix">
					<div class="item">
						<div class="item_contents clearfix">
							
							<div class=" no_margin inner">
								<div class="title">
									<a href="/templates/photogallery_cdo/aid/6840474/jewish/Mommy-Me.htm">
										Mommy & Me
									</a>
								</div>
								<div class="subtitle">
									
								</div>
								<div class="synopsis">
									
								</div>
							</div>
						</div>
					</div>
				</div>
		
		
		
	</div>
	<div class="vertical_padding">
	
	</div>
</div>

<div class="content-footer">
	<!-- END CACHE -->
	
	
	
	
	
</div>
	</article>

		</div>
	</div>
</div>
						
						<div class="break_floats"></div>
						
					</div>
				</div>
				
				
				
			</div>
			
			<!-- BEGIN FOOTER --></div></div>

</div>
</div>

<div>
<div>
<div>
<div>
<div>
<div class="FooterContainer">

<footer class="px-4 py-6 md:px-8 bg-purple">
<div class="flex flex-col justify-between">
<div class="mb-3 text-center md:text-right md:mb-0">
<div class="flex justify-center gap-2 mt-4 text-center">

<a href="https://www.facebook.com/jewishfolsom" class="text-white opacity-60 hover:opacity-100">
<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/ckids/nBVt12218478.svg" alt="facebook" class="w-6 h-6" /></a>


<a href="https://www.instagram.com/jewish_folsom_edh/" class="text-white opacity-60 hover:opacity-100">
<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/ckids/VpCL12218477.svg" alt="instagram" class="w-6 h-6" /></a>


<a href="https://wa.me/19165107770" class="text-white opacity-60 hover:opacity-100">
<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/ckids/QbQl12218476.svg" alt="whatsapp" class="w-6 h-6" /></a>

</div>
<div class="flex justify-center text-lg text-white text-center uppercase">
<strong class="font-bold">

CKids
</strong>
<span class="sm\:ml-3px ml-3px">
Folsom & El Dorado Hills
</span>
</div>
<div class="text-xs text-white">
&#160;
</div>
</div>
<a href="https://CKids.org" class="flex mx-auto mt-3 text-center">
<img src="https://w2.chabad.org/images/Shluchim/minisites/themes/ckids/yfnY12218479.svg" alt="ckids logo" class="object-contain w-12 h-12" />
<p class="ml-3 text-xs text-white">An affiliate of CKids <br/>
Chabad Children’s Network <br/>
CKids.org</p>
</a>
</div>
</footer>

</div>
</div>
</div>
</div>
</div>
</div>

</div>

<div class="content3">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.8.2/TweenMax.min.js"></script>
<script>
	function onLoad(params) {
		$(function () {
			var sliding = [];
			var interval;
			function setupSlider(slider) {
				sliding.push(false);
				// TweenMax.set($('.slide', slider), { x: slider.width() });
				TweenMax.set($(".slide", slider), { x: $(".slide", slider).width() });
				$(".slide", slider).first().addClass("active");
				$(".slide-indicator", slider).first().addClass("active");
				TweenMax.set($(".slide.active", slider), { x: 0 });
			}
			function setupAutoSlider(slider) {
				$(".slide", slider).each(function () {
					$(".slide-indicators", slider).append('<a class="slide-indicator"></a>');
				});
				$(".slide", slider).first().addClass("active");
				$(".slide-indicator", slider).first().addClass("active");
				interval = setInterval(function () {
					var activeIndex = $(".slide.active", slider).index();
					var indicatorIndex = activeIndex + 1;
					if (indicatorIndex == $(".slide", slider).length) {
						indicatorIndex = 0;
					}
					$(".slide, .slide-indicator", slider).removeClass("active");
					$(".slide", slider).eq(indicatorIndex).addClass("active");
					$(".slide-indicator", slider).eq(indicatorIndex).addClass("active");
				}, 2500);
			}
			function slideNext(slider) {
				if (sliding[slider.index()]) {
					return false;
				}
				var active;
				var next;
				sliding[slider.index()] = true;
				active = $(".slide.active", slider);
				if (active.is(":last-child")) {
					next = $(".slide", slider).first();
				} else {
					next = active.next();
				}
				TweenMax.set(next, {
					x: next.width(),
				});
				TweenMax.to(active, 1, {
					x: -next.width(),
					// ease: Power0.easeNone
					ease: Power2.easeInOut,
				});
				TweenMax.to(next, 1, {
					x: 0,
					// ease: Power0.easeNone,
					ease: Power2.easeInOut,
					onStart: function () {
						updateIndicator(slider, next);
					},
					onComplete: function () {
						active.removeClass("active");
						next.addClass("active");
						updateIndicator(slider, next);
						sliding[slider.index()] = false;
					},
				});
			}
			function slidePrevious(slider) {
				if (sliding[slider.index()]) {
					return false;
				}
				var active;
				var prev;
				sliding[slider.index()] = true;
				active = $(".slide.active", slider);
				if (active.is(":first-child")) {
					prev = $(".slide", slider).last();
				} else {
					prev = active.prev();
				}
				TweenMax.set(prev, {
					x: -prev.width(),
				});
				TweenMax.to(active, 1, {
					x: prev.width(),
					// ease: Power0.easeNone
					ease: Power2.easeInOut,
				});
				TweenMax.to(prev, 1, {
					x: 0,
					// ease: Power0.easeNone,
					ease: Power2.easeInOut,
					onStart: function () {
						updateIndicator(slider, prev);
					},
					onComplete: function () {
						active.removeClass("active");
						prev.addClass("active");
						updateIndicator(slider, prev);
						sliding[slider.index()] = false;
					},
				});
			}
			function updateIndicator(slider, indicator) {
				$(".slide-indicator", slider).removeClass("active");
				$(".slide-indicator", slider).eq(indicator.index()).addClass("active");
				$(".current-slide", slider).html(indicator.index() + 1);
				// console.log(indicator.index() + 1);
			}
			//navigating the slider
			$("body").on("click", '.slider .slide-navigation[data-direction="next"]', function () {
				var slider = $(this).parents(".slider");
				slideNext(slider);
				return false;
			});
			$("body").on("click", '.slider .slide-navigation[data-direction="previous"]', function () {
				var slider = $(this).parents(".slider");
				slidePrevious(slider);
				return false;
			});
			$(".slider").each(function () {
				setupSlider($(this));
			});
			$("body").on("click", ".auto-slider .slide-indicator", function () {
				var indicator = $(this);
				var slider = indicator.parents(".auto-slider");
				if (indicator.hasClass("active")) {
					return false;
				}
				clearInterval(interval);
				var activeIndex = $(".auto-slide.active", slider).index();
				var indicatorIndex = indicator.index();
				$(".slide, .slide-indicator", slider).removeClass("active");
				$(".slide", slider).eq(indicatorIndex).addClass("active");
				$(".slide-indicator", slider).eq(indicatorIndex).addClass("active");
				return false;
			});
			$(".auto-slider").each(function () {
				setupAutoSlider($(this));
			});
		});
	}
	window.addEventListener("DOMContentLoaded", onLoad);
</script></div>


</div>

<!-- END FOOTER -->
		</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.jewishfolsom.org%2ftemplates%2farticlecco_cdo%2faid%2f6840428%2fjewish%2fPhotos.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=Photos+-+Chabad+Jewish+Community+Center&amp;url=https%3a%2f%2fwww.jewishfolsom.org%2ftemplates%2farticlecco_cdo%2faid%2f6840428%2fjewish%2fPhotos.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=Photos+-+Chabad+Jewish+Community+Center https%3a%2f%2fwww.jewishfolsom.org%2ftemplates%2farticlecco_cdo%2faid%2f6840428%2fjewish%2fPhotos.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.jewishfolsom.org%2ftemplates%2farticlecco_cdo%2faid%2f6840428%2fjewish%2fPhotos.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dpinterest&amp;description=Photos+-+Chabad+Jewish+Community+Center">
				<i class="fa fa-pinterest"></i>
			</a>
<a class="page-tools__tool" onclick="showEmailLayer(this);">
<i class="fa fa-envelope"></i>
</a>
</div>
</div>
<div class="js-fab-wrapper fab-wrapper">
<div class="fab">
<i class="fab-icon"></i>
</div>
</div>
</aside>
<!-- END CACHE -->
	</div>

	</div>

	<div id="BodyContainer">
		<div class="g960 footer">
			<div class="poweredby large_bottom_margin">
				



	<div class="footer3">
		<span class="footer-title" >Chabad Jewish Community Center</span>
		<div class="footer-address">
			<span class="footer-street">302 S Lexington Drive  Suite B</span>
			<span class="footer-city-state">Folsom, CA 95630-6869</span>
		</div>
			<span>916-608-9811</span>
	</div>
	<img src="https://w2.chabad.org/images/global/spacer.gif" width="1" height="6" border="0" /><br />



Powered by <a href="https://www.chabad.org/" target="_new" class="">Chabad.org</a> &copy; 1993-2026 <a href="/4026210" target="_blank" class="privacy-link">Privacy Policy</a>




			</div>
		</div>
	</div>
	
	

	
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery-latest.min.js?g=20&v=0293E3EC"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/co/dist/CoLib.js?g=20&v=87098EA1"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js?g=20&v=F6438A68"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/modules/pagetools.js?g=20&v=930B07AB"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/multimedia/infolayer.js?g=20&v=ED1B8531"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/commentsloader.js?g=20&v=AD6AAB79"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/minisites.js?g=20&v=F38E4DA5"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/subscribeprompt.js?g=20&v=86D84DC2"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/deprecated.js?v=D506A83E&g=20"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/OverrideJSDocumentWrite.js?g=20&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 Jewish Community Center'}; Co.ArticleId     = '6840428';Co.SectionId     = 4646907;Co.PartnerSiteId = 0;Co.SiteId        = 7246;Co.IsMobilePage  = false;Co.IsResponsive  = false;Co.DbDomain      = 'JewishFolsom.org';Co.LanguageCode  = '';Co.LoginStatus   = 'None';</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 the events page HTML using promises.
             * @returns {Promise<Document | null>} A promise that resolves to a parsed HTML document or null on error.
             */
            function getEventsPage() {
                // Using a cache-busting parameter to ensure fresh data is fetched.
                const url = 'https://www.jewishfolsom.org/templates/events.htm?t=' + new Date().getTime();
                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:", 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 {
                    console.error("Failed to create date from parts:", {
                        month: monthName,
                        day: day,
                        year: year
                    });
                    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 = () => {
                getEventsPage().then(eventsDocument => {
                    if (!eventsDocument) return;

                    const today = new Date();
                    today.setHours(0, 0, 0, 0);

                    const upcomingEvents = [];
                    // Select all date group containers
                    const allDateGroups = Array.from(eventsDocument.querySelectorAll('#calendar .list_item'));

                    for (const dateGroupEl of allDateGroups) {
                        // Stop looking for events if we already have 10
                        if (upcomingEvents.length >= 10) break;

                        const dateEl = dateGroupEl.querySelector('.date');
                        if (!dateEl) continue;

                        const dateText = dateEl.textContent.trim();
                        // Extract the part of the date string that parseRobustDate can handle (e.g., "August 2, 2025")
                        const parsableDateText = dateText.split(',').slice(1).join(',').trim();
                        const eventDate = parseRobustDate(parsableDateText);

                        // Check if the event is in the future or today
                        if (eventDate && eventDate >= today) {
                            // Find all individual events within this date group
                            const individualEventsInGroup = dateGroupEl.querySelectorAll('.category_item');
                            individualEventsInGroup.forEach(eventEl => {
                                // Add event to our list, but don't exceed 10
                                if (upcomingEvents.length < 10) {
                                    // Store the full date string on the element itself so we can retrieve it later
                                    eventEl.dataset.rawDate = dateText;
                                    // Store the date object (as string) for calendar links
                                    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';

                    /* --- MODIFICATION: Added View All Link here instead of as a card --- */
                    eventsSection.innerHTML = `
                      <div class="injected-featured-events-header">
                        <h2>Upcoming Events</h2>
                        <a href="https://www.jewishfolsom.org/templates/articlecco_cdo/aid/7256329/jewish/Upcoming-Events.htm" class="header-view-all-link">View All Events →</a>
                      </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() : '';

                        // 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');
                        
                        // 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`;

                        // 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.jewishfolsom.org/tools/events/register_cdo/eventid/${eventId}`;
                                } else {
                                    // Original logic for other cases
                                    learnMoreUrl = `https://www.jewishfolsom.org/templates/articlecco_cdo/aid/${eventId}`;
                                }
                            }
                        }

                        // Calendar Link Logic
                        let location = 'Chabad Folsom';
                        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.jewishfolsom.org${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 {
                            // Logic for ALL-DAY events
                            const startDate = eventDateObj.toISOString().split('T')[0].replace(/-/g, '');
                            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()}`;
                        }


                        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>
                              <div class="event-description-content">${descriptionHTML}</div>
                              
                              <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);
                    });

                    /* --- MODIFICATION: REMOVED the "View All Card" block from here --- */

                    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);
                    }

                    // 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.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:nth-child(2)');
                    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);
                    }
                });
            };

            const injectCSS = () => {
                const style = document.createElement('style');
                style.textContent = `
                    @import url('https://fonts.googleapis.com/css2?family=Mulish:wght@400;700;800;900&display=swap');

                    :root {
                        --events-main: #8a1738;
                        --events-secondary: #ffb300;
                        --events-third: #327eb8;
                        --events-bg: #f8f9fa;
                        --events-text: #444;
                    }

                    .injected-featured-events-section { 
                        padding: 60px 20px; 
                        background-color: var(--events-bg); 
                        font-family: 'Mulish', sans-serif; 
                        box-sizing: border-box; 
                    }
                    .injected-featured-events-header { 
                        text-align: center; 
                        margin-bottom: 40px; 
                        max-width: 800px; 
                        margin-left: auto; 
                        margin-right: auto; 
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                    }
                    .injected-featured-events-header h2 { 
                        font-size: 38px; 
                        font-weight: 800; 
                        color: var(--events-main); 
                        text-transform: uppercase; 
                        letter-spacing: 1px; 
                        margin-bottom: 10px; 
                        font-family: 'Mulish', sans-serif !important; 
                        line-height: 1.2;
                    }
                    /* View All Link Styling */
                    .header-view-all-link {
                        font-size: 16px;
                        font-weight: 700;
                        color: var(--events-third);
                        text-decoration: none;
                        transition: color 0.2s;
                    }
                    .header-view-all-link:hover {
                        color: var(--events-secondary);
                        text-decoration: underline;
                    }

                    .injected-events-carousel-container { position: relative; max-width: 1200px; margin: 0 auto; overflow: hidden; padding-bottom: 20px; }
                    .injected-events-carousel-wrapper { display: flex; gap: 30px; transition: transform 0.5s ease-in-out; padding: 10px; }
                    
                    /* Modern Card Styling */
                    .injected-event-card { 
                        flex: 0 0 calc(33.333% - 20px); 
                        background: white; 
                        border-radius: 16px; 
                        overflow: hidden; 
                        box-sizing: border-box; 
                        display: flex; 
                        flex-direction: column; 
                        border: none !important; /* No Border */
                        box-shadow: 0 4px 15px rgba(0,0,0,0.08);
                        transition: transform 0.3s ease, box-shadow 0.3s ease;
                    }
                    
                    /* Card Hover Effect */
                    .injected-event-card:hover {
                        transform: translateY(-8px);
                        box-shadow: 0 15px 30px rgba(0,0,0,0.15);
                    }

                    .event-card-header { 
                        padding: 12px 15px; 
                        font-weight: 800; 
                        font-size: 13px; 
                        color: var(--events-secondary); /* Secondary color for date pop */
                        background: #fff; 
                        text-align: center; 
                        white-space: nowrap; 
                        font-family: 'Mulish', sans-serif;
                        letter-spacing: 1px;
                        border-bottom: 1px solid #f0f0f0;
                    }
                    .event-card-image img { 
                        width: 100%; 
                        height: 200px; 
                        object-fit: cover; 
                        display: block; 
                        background-color: #eee; 
                    }
                    .event-card-body { padding: 25px; flex-grow: 1; display: flex; flex-direction: column; }
                    
                    .event-card-body h3 { 
                        font-size: 18px; 
                        font-weight: 800; 
                        color: var(--events-main); /* Main color */
                        margin: 0 0 15px; 
                        height: 52px; 
                        overflow: hidden; 
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                        line-height: 1.4;
                    }
                    
                    .event-description-content {
                        font-size: 15px;
                        color: #555;
                        line-height: 1.6;
                        margin: 0 0 20px;
                        flex-grow: 1;
                    }
                    .event-description-content p, .event-description-content div {
                        margin-bottom: 1em; 
                    }
                    .event-description-content p:last-child, .event-description-content div:last-child {
                        margin-bottom: 0; 
                    }

                    /* Main Button Style */
                    .event-card-button { 
                        display: block; 
                        background-color: var(--events-main); 
                        color: white; 
                        padding: 12px 20px; 
                        border-radius: 8px; 
                        text-decoration: none; 
                        font-weight: 700; 
                        transition: all 0.2s; 
                        font-size: 14px; 
                        line-height: 1; 
                        border: none;
                        text-align: center;
                        width: 100%;
                        box-sizing: border-box;
                    }
                    .event-card-button:hover { 
                        background-color: var(--events-secondary); /* Hover to Secondary */
                        color: #fff;
                        transform: translateY(-2px);
                    }
                    
                    .event-card-buttons-container {
                        display: flex;
                        flex-direction: column;
                        gap: 10px;
                        margin-top: auto; 
                        padding-top: 15px;
                        border-top: 1px solid #f5f5f5;
                    }

                    /* Calendar Button Style - Outlined */
                    .event-card-calendar-button {
                        padding: 10px 20px;
                        border-radius: 8px;
                        text-align: center;
                        cursor: pointer;
                        transition: all 0.2s ease;
                        text-decoration: none !important;
                        display: block;
                        font-size: 13px;
                        font-weight: 700;
                        color: var(--events-third); /* Third color text */
                        background-color: transparent;
                        border: 2px solid var(--events-third); /* Third color border */
                        box-sizing: border-box;
                        width: 100%;
                    }
                    .event-card-calendar-button:hover {
                       background-color: var(--events-third);
                       color: white;
                    }

                    .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: var(--events-main); z-index: 10; transition: all 0.2s; }
                    .events-carousel-arrow:hover { background-color: var(--events-main); color: white; transform: translateY(-50%) scale(1.1); }
                    .events-carousel-arrow:disabled { opacity: 0.3; cursor: not-allowed; }
                    .events-carousel-arrow.prev { left: 0px; }
                    .events-carousel-arrow.next { right: 0px; }

                    .mobile-swipe-hint { display: none; text-align: center; margin-top: 20px; font-family: 'Mulish', sans-serif; color: #888; font-size: 14px; align-items: center; justify-content: center; gap: 8px; }
                    .mobile-swipe-hint .arrow { font-size: 18px; line-height: 1; font-weight: bold; color: var(--events-secondary); }

                    @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; }
                    }
                  `;
                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>