<!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/1332/wNSx13321970.png" itemprop="image" width="150" height="150" />
<meta property="og:image:width" content="150" />
<meta property="og:image:height" content="150" />
<meta name="keywords" content="Hebrew,School,of,the,Arts,2022-23" />
<meta name="title" content="Hebrew School of the Arts 2022-23" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="2766791-2766799-4802572-5524225-5963833" />
<meta name="article-keywords" content="2902-8495-2170-2898-20962" />
<meta name="scope-aid" content="2766791" />
<meta name="scope-aid" content="2766799" />
<meta name="scope-aid" content="4802572" />
<meta name="scope-aid" content="5524225" />
<meta name="scope-aid" content="5963833" />
<meta name="article-keyword" content="2902" />
<meta name="article-keyword" content="8495" />
<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.thechabadhouse.net/templates/photogallery_cdo/aid/5963833/jewish/Hebrew-School-of-the-Arts-2022-23.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Hebrew School of the Arts 2022-23" /><link rel="canonical" href="https://www.thechabadhouse.net/templates/photogallery_cdo/aid/5963833/jewish/Hebrew-School-of-the-Arts-2022-23.htm" />
<link rel="icon" type="image/png" href="https://www.thechabadhouse.net/media/images/1332/wNSx13321970.png" />
<link rel="Stylesheet" href="/css/fonts/font-awesome/font-awesome-5.css?v=98662BF4" id="kfont-awesome" type="text/css"/>
<link rel="Stylesheet" href="/css/DefaultGrid.css?v=44B79007" id="kgrid" type="text/css"/>
<link rel="Stylesheet" href="/css/Elements.css?v=E669C926" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites.css?v=5627BBBD" id="ksites-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/new/main.css?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?v=F7C22456" id="k2898" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/photogallery.css?v=7B1FDC29" id="kphotogallery" type="text/css"/>
<link rel="Stylesheet" href="/css/bootstrap/grid.css?v=B92FCAD8" id="kbootstrap4-grid" type="text/css"/>
<link rel="Stylesheet" href="/css/Library/reader-comments.css?v=5F31D0D8" id="kCommentsStylesheet" type="text/css"/>
<link rel="Stylesheet" href="/css/inline/BookInfo.css?v=14B88022" id="kBookInfoCss" type="text/css"/>

<script>$q=[];$j=function(f){$q.push(f);}</script>
	
	<meta property="fb:app_id" content="" />
	<meta property="og:type" content="article" />
	<meta property="og:image" content="" />
	<meta property="og:title" content="" />
	<meta property="og:description" content="" />
	<meta property="og:site_name" content="The Chabad House" />

 
	
	<style type="text/css">
		body{margin:0;}
	</style>
	
	



<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2023-05-21","primaryArticleId":5963833,"title":"","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"Hebrew School of the Arts","contentLevel3":"Photos","contentLevel4":"Hebrew School of the Arts 2022-23","siteName":"The Chabad House"},"time":{"upcomingHoliday":"The Three Weeks","daysToUpcomingHoliday":-11,"hebrewDate":"5786-04-28"}});
		dataLayer.push({ 'articleHierarchy': '-2766791-2766799-4802572-5524225-5963833-', 'keywords': '-k20962-k2898-k2170-k8495-k2902-', 'k': '-2766791-2766799-4802572-5524225-5963833--k20962-k2898-k2170-k8495-k2902-' });
	
</script>
<script>

(function(c,h,a,b,a,d){c[a]=c[a]||[];c[a].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=h.getElementsByTagName(b)[0],
j=h.createElement(b);j.async=true;
j.src='https://w6.chabad.org/mitzvah-tank.js';f.parentNode.insertBefore(j,f);
})(window,document,0,'script','dataLayer');</script>

	<!-- Start of StatCounter Code -->
	<script type="text/javascript">
	var sc_project = 10154396;var sc_partition = 75;var sc_invisible = 1;var sc_remove_link=1;var sc_security = "5b6e643e";var sc_https = 1;
	</script>
	<script type="text/javascript" src="https://secure.statcounter.com/counter/counter_xhtml.js" defer async></script>
	<noscript><img src="//c76.statcounter.com/counter.php?sc_project=10154396&amp;java=0&amp;security=5b6e643e&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=Arvo:ital,wght@0,400;0,700;1,400;1,700&family=Cal+Sans&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Londrina+Solid:wght@100;300;400;900&display=swap" rel="stylesheet">
<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=Arvo:ital,wght@0,400;0,700;1,400;1,700&family=Cal+Sans&family=Caprasimo&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Londrina+Solid:wght@100;300;400;900&display=swap" rel="stylesheet">
<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=Noto+Sans+Hebrew:wght@100..900&family=Passion+One:wght@400;700;900&family=Poppins:wght@400;600&family=Stoke:wght@300;400&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet">
<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=Alegreya:ital,wght@0,400..900;1,400..900&family=Anek+Devanagari:wght@100..800&family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&family=Noto+Sans+Hebrew:wght@100..900&family=Passion+One:wght@400;700;900&family=Poppins:wght@400;600&family=Stoke:wght@300;400&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet">

<style>
#header_container .links { display: none;}

body.cco_body #header.on-scroll #tabContentMain .co_menu_item span.parent a{
color: #203771 !important;
font-family: Arvo !important;
}
body.cco_body #tabContentMain .co_menu_item span.parent a{
color: white !important;
font-family: Arvo !important;
}
/* Donate Button Component Styling */
.donate-button {
display: inline-flex !important;
align-items: center !important;
background-color: #DE9C14 !important; /* Updated gold background */
color: #191970 !important; /* Dark blue text */
font-weight: 700 !important; /* Bold text */
padding: 0.75rem 1.5rem !important; /* py-3 px-6 */
border-radius: 0.75rem !important; /* Reduced border-radius */
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; /* shadow-lg */
text-decoration: none !important; /* Removes underline from the link */
transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out !important; /* Smooth transition for hover effects */
}
/* Hover state for the button */
.donate-button:hover {
transform: scale(1.05) !important;
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
}
/* Heart Icon (SVG) Styling */
.donate-icon {
width: 1.75rem !important; /* Adjusted icon size */
height: 1.75rem !important;
fill: currentColor !important;
margin-right: 0.75rem !important; /* Spacing between icon and text */
}
/* Donate Text Styling */
.donate-text {
font-size: 1.5rem !important; /* text-2xl */
line-height: 2rem !important;
font-family: Arvo;
}
.cco_body #tabContentMain .donate_link a{ border: 0 !important;}
/* Styling for the new logo image */
.header-logo-img {
max-height: 90px !important; /* Constrain logo height - Adjusted */
width: auto !important;
}

#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.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.no_margin.g960.no_margin > div > div:nth-child(2) > div > div > div.widget_header{ display:none !important;}
.header-title {
    color: #203771 !important;
font-family: "Alegreya:", serif !important;
}
.sneak-peek-container .sneak_peek .widget_content h6 a{ display: none !important;}

.sneak-peek-container .sneak_peek .thumbnail img{mix-blend-mode: unset !important;}

.sneak-peek-item .widget-1.sneak_peek .wrapper {
    overflow: hidden !important;
    border-radius: 5px !important;
}
#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.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.no_margin.g960.no_margin > div > div:nth-child(5), #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.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.no_margin.g960.no_margin > div > div:nth-child(3) {
    background-color: #E5EAF6 !important;
}

.icon .widget_content .item .icon img {filter: unset !important;
}

#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.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.no_margin.g960.no_margin > div > div:nth-child(5) > div > div > div.widget_content.index_format > div.item.first.clearfix > div.title > a, #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.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.no_margin.g960.no_margin > div > div:nth-child(5) > div > div > div.widget_content.index_format > div:nth-child(5) > div.title > a { font-family: 'Anek Devanagari', sans-serif !important;
color: #203771 !Important;}


#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.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.no_margin.g960.no_margin > div > div:nth-child(5) > div > div > div.widget_content.index_format > div:nth-child(3) > div.title > a, #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.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.no_margin.g960.no_margin > div > div:nth-child(5) > div > div > div.widget_content.index_format > div.item.last.clearfix > div.title{ font-family: 'Anek Devanagari', sans-serif !important;
color: #DE9C14 !Important;}

#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.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.no_margin.g960.no_margin > div > div:nth-child(4) > div > div > div.widget_header > h5, #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.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.no_margin.g960.no_margin > div > div:nth-child(5) > div > div > div.widget_header > h5{
    color: #203771 !important;
    font-family: "Alegreya:", serif !important;
}

/* --- Main Widget Headers --- */
    .widget-4 .widget_header h5 {
        font-family: 'Alegreya' :, cursive !important;
        font-weight: 400 !important; /* Caprasimo is a single-weight font */
        color: #203771 !important; /* Dark Blue */
    }

    /* --- Upcoming Events Section --- */
    .upcoming_events .widget_content li small {
        font-family: 'Anek Devanagari', sans-serif !important;
        font-weight: 400 !important;
        color: #203771 !important; /* Dark Blue */
    }

    .upcoming_events .widget_content li h6 a {
        font-family: 'Anek Devanagari', sans-serif !important;
        font-weight: 700 !important; /* Bold */
        color: #203771 !important; /* Dark Blue */
    }

    /* --- Shabbat & Holidays Section --- */

    /* "Candle Lighting Times", "Weekly Torah Portion", "Upcoming Holiday" */
    .candlelighting .section_heading {
        font-family: 'Anek Devanagari', sans-serif !important;
        font-weight: 700 !important; /* Bold */
        color: #203771 !important; /* Dark Blue */
    }
    
    /* Location "Broomall, PA 19008" */
    .candlelighting .section_subheading {
        font-family: 'Anek Devanagari', sans-serif !important;
        font-weight: 400 !important;
        color: #203771 !important; /* Dark Blue */
    }

    /* "Light Candles at", "Shabbat Ends" */
    .candlelighting .when_to_light {
        font-family: 'Anek Devanagari', sans-serif !important;
        font-weight: 400 !important;
        color: #203771 !important; /* Dark Blue */
    }

    /* Time "7:40 PM", "8:39 PM" */
    .candlelighting .times_wrapper .bold.large {
        font-family: 'Anek Devanagari', sans-serif !important;
        font-weight: 700 !important; /* Bold */
        color: #DE9C14 !important; /* Gold */
    }
    
    /* Date "Friday, August 15", "Shabbat, August 16" */
    .candlelighting .times_wrapper a {
        font-family: 'Anek Devanagari', sans-serif !important;
        font-weight: 400 !important;
        color: #203771 !important; /* Dark Blue */
    }

    /* Torah Portion Name "Eikev" & Holiday Name "Rosh Hashanah" */
    .parsha_content .bold.large a,
    .upcomingholiday_content .bold.large a {
        font-family: 'Anek Devanagari', cursive !important;
        font-weight: bold !important;
        color: #203771 !important; /* Dark Blue */
    }

    /* Holiday Date "Sep. 22 - Sep. 24" */
    .upcomingholiday_content .medium_left_margin:last-child {
        font-family: 'Anek Devanagari', sans-serif !important;
        font-weight: 400 !important;
        color: #203771 !important; /* Dark Blue */
    }

/* Main container for the subscribe widget */
    .widget-4.subscribe.custom .wrapper {
        background-color: #536697 !important;
        padding: 2rem !important;
    }

    
.hp-table .hp_subscribe{  background: #536697 !important;}

#footer {
    background: #203771 !important;}

.hp-table>:nth-of-type(2n) {
    background: #F2F5FF !important;
}

.hp_subscribe .wrapper .widget_header h5
 {
    color: white !important;
}

.cycle-caption > p > span > big {
    color: white !important;
    font-family: 'Alegreya:' !important;
}
.hp-table .hp-row-first .promo_slider .slider .cycle-caption .readMore {
border: 2px solid #DE9C14;
    padding: 15px 24px !important;
background: #DE9C14 !important;
font-family: 'Alegreya:' !important;
    border-radius: 10px !important;
}
</style>


<style>
    /* These styles will be applied by the JavaScript below.
      The !important rule helps override existing CMS styles.
    */

    /* Style for the content box inside the item */
    .sneak-peek-item .widget_content {
        padding: 1rem !important;
        background-color: #ffffff !important;
        border-radius: 5px !important;
        /* Ensure the box sizing includes the border */
        box-sizing: border-box !important;
    }

    /* Blue border style */
    .sneak-peek-item .border-blue {
        border: 2px solid #203771 !important;
    }

    /* Gold border style */
    .sneak-peek-item .border-gold {
        border: 2px solid #DE9C14 !important;
    }

    /* Ensures text is readable against the white background */
    .sneak-peek-item .widget_content h6 a,
    .sneak-peek-item .widget_content p {
        color: #333333 !important;
    }
</style>







<style>
  p {
    font-size: 20px !important;
    font-family: 'Anek Devanagari', sans-serif !important;
  }

@media ( max-width: 768px){
.sneak_peek a.thumbnail img{ background-color: #E5EAF6 !important;
background-size: contain !important;}}

.form-radio-item LABEL, .form-checkbox-item LABEL, .form-all, {
  FONT-SIZE: 1.3em;
}

body.cco_body #tabContentMain .co_menu_item span.parent a {
  color: #B2BEB5 !important;

}

</style>





<script>
        // This script runs after the DOM is fully loaded and parsed.
        document.addEventListener('DOMContentLoaded', function() {
            
            // --- Logic for Replacing Branding with Logo ---
            
            // We consider "desktop" to be screens wider than 1024px.
            if (window.innerWidth >= 1024) {
                const brandingContainer = document.querySelector('.branding-search');

                if (brandingContainer) {
                    // Create an anchor tag to wrap the image, preserving the link
                    const logoLink = document.createElement('a');
                    logoLink.href = '/default.asp';
                    logoLink.title = 'Chabad of Delaware County';

                    // Create the image element
                    const logoImage = document.createElement('img');
                    logoImage.src = 'https://thechabadhouse.net/media/images/1332/Zyqm13321986.png';
                    logoImage.alt = 'Chabad of Delaware County Logo';
                    logoImage.className = 'header-logo-img';

                    // Place the image inside the link
                    logoLink.appendChild(logoImage);
                    
                    // Clear the original branding content and replace it with the new logo link
                    brandingContainer.innerHTML = '';
                    brandingContainer.appendChild(logoLink);
                }
            }


            // --- Logic for Transforming Donate Button ---
            
            const donateCell = document.querySelector('.co_menu_item.donate_link');

            if (donateCell) {
                donateCell.innerHTML = '';
                donateCell.removeAttribute('onmouseover');
                donateCell.removeAttribute('onmouseout');

                const buttonLink = document.createElement('a');
                buttonLink.href = '/4896827';
                buttonLink.className = 'donate-button';

                const svgIconHTML = `
                    <svg class="donate-icon" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                        <path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"></path>
                    </svg>
                `;

                const donateText = document.createElement('span');
                donateText.className = 'donate-text';
                donateText.textContent = 'Donate';

                buttonLink.innerHTML = svgIconHTML;
                buttonLink.appendChild(donateText);

                donateCell.appendChild(buttonLink);
            }
        });
    </script><script>
        // This script runs after the DOM is fully loaded and parsed.
        document.addEventListener('DOMContentLoaded', function() {
            
            // --- Logic for Replacing Branding with Logo ---
            
            // We consider "desktop" to be screens wider than 1024px.
            if (window.innerWidth >= 1024) {
                const brandingContainer = document.querySelector('.branding-search');

                if (brandingContainer) {
                    // Create an anchor tag to wrap the image, preserving the link
                    const logoLink = document.createElement('a');
                    logoLink.href = '/default.asp';
                    logoLink.title = 'Chabad of Delaware County';

                    // Create the image element
                    const logoImage = document.createElement('img');
                    logoImage.src = 'https://thechabadhouse.net/media/images/1332/Zyqm13321986.png';
                    logoImage.alt = 'Chabad of Delaware County Logo';
                    logoImage.className = 'header-logo-img';

                    // Place the image inside the link
                    logoLink.appendChild(logoImage);
                    
                    // Clear the original branding content and replace it with the new logo link
                    brandingContainer.innerHTML = '';
                    brandingContainer.appendChild(logoLink);
                }
            }


            // --- Logic for Transforming Donate Button ---
            
            const donateCell = document.querySelector('.co_menu_item.donate_link');

            if (donateCell) {
                donateCell.innerHTML = '';
                donateCell.removeAttribute('onmouseover');
                donateCell.removeAttribute('onmouseout');

                const buttonLink = document.createElement('a');
                buttonLink.href = '/4896827';
                buttonLink.className = 'donate-button';

                const svgIconHTML = `
                    <svg class="donate-icon" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                        <path fill-rule="evenodd" d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" clip-rule="evenodd"></path>
                    </svg>
                `;

                const donateText = document.createElement('span');
                donateText.className = 'donate-text';
                donateText.textContent = 'Donate';

                buttonLink.innerHTML = svgIconHTML;
                buttonLink.appendChild(donateText);

                donateCell.appendChild(buttonLink);
            }
        });
    </script><script>
    document.addEventListener('DOMContentLoaded', function() {
        // Select all the items you want to style
        const items = document.querySelectorAll('.sneak-peek-item');

        // Loop through each item
        items.forEach((item) => {
            // Find the content box inside the item
            const contentBox = item.querySelector('.widget_content');

            if (contentBox) {
                // Check if the parent item has the class 'even' or 'odd'
                // and apply the correct border class.
                if (item.classList.contains('even')) {
                    contentBox.classList.add('border-blue');
                } else if (item.classList.contains('odd')) {
                    contentBox.classList.add('border-gold');
                }
            }
        });
    });
</script><script>
// The URL of the page where the CSS should be applied
const targetUrl = 'https://www.thechabadhouse.net/';

// Check if the current page URL starts with the target URL
// Using startsWith() is safer as it handles different paths on the same domain
if (window.location.href === targetUrl) {
    console.log('Applying custom styles to the page...');

    // Your CSS code as a string
    const customCss = `
        /* Style the form to align items horizontally */
    #formContainer form fieldset {
        display: flex !important;
        gap: 10px !important;
        align-items: center !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Style for the text input fields (First Name, Last Name, Email) */
    #formContainer input[type="text"],
    #formContainer input[type="email"] {
        background-color: rgba(255, 255, 255, 0.46) !important; /* #FFFFFF75 */
        border: none !important;
        border-radius: 8px !important;
        padding: 15px !important;
        font-family: 'Anek Devanagari', sans-serif !important;
        color: #ffffff !important;
        font-size: 1.5rem !important;
        flex-grow: 1 !important; /* Allows fields to take up available space */
    }

    /* Style for the placeholder text inside the input fields */
    #formContainer input::placeholder {
        color: #ffffff !important;
        opacity: 0.8 !important;
    }

    /* Style for the "Subscribe" button */
    #formContainer input[type="submit"] {
        background-color: #DE9C14 !important;
        color: #ffffff !important;
        font-family: 'Anek Devanagari', sans-serif !important;
        font-weight: 700 !important; /* Bold */
        border: none !important;
        border-radius: 8px !important;
        padding: 15px 25px !important;
        font-size: 1.5rem !important;
        cursor: pointer !important;
        white-space: nowrap; /* Prevents text from wrapping */
    }
    `;

    // Create a new style element
    const styleElement = document.createElement('style');
    styleElement.textContent = customCss;

    // Append the style element to the head of the document
    document.head.appendChild(styleElement);
} else {
    console.log('Not on the target page. Custom styles not applied.');
}



</script><script>
if (window.location.href.indexOf('/4381752/') !== -1) {
    window.location.href = "https://www.thechabadhouse.net/templates/articlecco_cdo/aid/6991953/jewish/Memorial-Board.htm";
}
</script><title>
	Hebrew School of the Arts 2022-23
</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.TheChabadHouse.net" style="display:block!important;font-size:14px !important;">&laquo; Back to&nbsp;The Chabad House</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 "https://fonts.googleapis.com/css?family=Abril+Fatface|Montserrat:300,400|Oswald|Anton|Yellowtail";

<!-- To change the top banner, delete "https://w2.chabad.org/images/Shluchim/minisites/themes/Generic_New/abstract2.jpg" and put a new image -->
.cco_templateless_page #chabad_main_content { 
background-image:url(https://w2.chabad.org/images/Shluchim/minisites/themes/Generic_New/abstract2.jpg);
}
<!-- To change the color of the Title and subtitles of the page: delete "white" and put a new color-->
.headerTitle, .centerName, .widget_content, .appeal .title,.holidayDates, {
color:white;
}
<!-- To change the color of the Title and subtitles of the page: delete "#66635B" and put a new color-->
.custom_message .title, .prepResource-title,.co_photo_gallery_head,.co_calendar_head {
    color:#66635B;
}
<!-- To change the background color of the navigation bar and the mini banner section: delete "#A59E8C" or "#66635B" and put new colors-->

#navigation li.parent a.parent, div#chabad_head .chabad_navigator_bar, #co_calendar div.co_calendar_body .item.item.first,#co_calendar div.co_calendar_body .item:nth-child(3),
#co_calendar div.co_calendar_body .item:nth-child(6),#co_calendar div.co_calendar_body .item:nth-child(8),.zmanim .zman-1, .zmanim .zman-2 { 
background-color:#A59E8C!important;
}
#co_calendar div.co_calendar_body .item:nth-child(2), #co_calendar div.co_calendar_body .item:nth-child(4), 
#co_calendar div.co_calendar_body .item:nth-child(5), #co_calendar div.co_calendar_body .item:nth-child(7) {
    background-color:#66635B!important;
}
@media only screen and (max-device-width: 1024px) {
    div#chabad_head .chabad_navigator_bar ul li {
    background-color:#A59E8C!important;
}
}

<!--high Holiday CSS -->

.article-header,
.article-header__title,
.chabad_menu_content,
.co_photo_gallery_head,
.read-more_link,
.titleIcon {
    text-align: center
}

.bannerCta button,
.read-more_link a {
    text-decoration: none;
    box-shadow: none;
    text-shadow: none;
    letter-spacing: 2px;
    text-transform: uppercase
}

.bannerCta button,
.co_photo_gallery_head,
.custom_message .title,
.read-more_link a,
.sPromo-wrap .caption,
[class^=widget-] {
    text-transform: uppercase
}

#co_calendar div.co_calendar_body div div div:nth-child(5) {
    clear: both
}

div.chabad_left_column {
    background-color: #fff;
    width: 100%;
    float: none;
    margin: 0;
    padding: 25px 5px 0;
    min-height: 329px
}

div#chabad_body_content {
    width: 945px;
    margin-left: auto;
    margin-right: auto;
    float: none
}

div#chabad_body_content .latest_features {
    margin-top: 50px;
    margin-bottom: 50px
}

[class^=widget-] {
    color: #5a2d2d;
    font-family: Anton, sans-serif;
    font-size: 20pt;
    line-height: normal
}

.cco_templateless_template a {
    color: #fff;
    font-family: Montserrat, sans-serif;
    background-color: #7d7070
}

.widget-1 {
    background: 0 0;
    border: none
}

.widget_content {
    padding: 0
}

.cco_templatelates_content {
    margin-bottom: 0
}

.no_margin .g960 {
    float: none
}

.cco_templateless_page #BodyContainer {
    text-align: center;
    width: 100%
}

a.parent.arrow:hover {
    background: url(https://w2.chabad.org/images/shluchim/minisites/down_triangle_black.gif) no-repeat right center
}

.sPromo-wrap {
    display: inline-block;
    margin-left: 4px;
    width: 100%;
    max-height: 250px;
    position: relative
}

.sPromo-wrap:first-child {
    margin-left: 0
}

.sPromo-wrap a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    z-index: 1
}

.sPromo-wrap img {
    height: 100%;
    border: 1px solid #c3c1b8;
    object-fit: cover;
    opacity: 1;
    display: block;
    width: 100%;
    transition: .5s ease;
    backface-visibility: hidden
}

.sPromo-wrap .caption {
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 38px;
    line-height: 36px;
    font-weight: 400;
    font-size: 15pt;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: rgba(255, 255, 255, .75)
}

.sPromo-wrap:hover img {
    opacity: .5
}

.section_root #co_body_container {
    width: 100%
}

.read-more_link a {
    display: inline-block;
    padding: 10px 24px;
    font-size: 18px;
    font-weight: 700;
    transition: all .4s
}

.read-more_link a:hover {
    text-decoration: none
}

.co_photo_gallery_head {
    font-size: 20pt;
    margin-bottom: 10px
}

.appeal .title,
.co_calendar_head,
.co_photo_gallery_head,
.custom_message .title,
.feature_caption,
.feature_caption a,
.features_title,
.prepResource-title {
    font-family: Oswald, Arimo, sans-serif;
    color: #66635B;
}

.features_title {
    margin-bottom: 10px
}div#chabad_main_content {
    width: 100%
}

.cco_templateless_template {
    background-image: none;
    background-color: inherit
}

.cco_templateless_template a {
    font-size: 15pt;
    padding-left: 50px;
    text-decoration: none;
    line-height: 40px;
    height: 40px
}

.chabad_header .headerTitle {
    font-size: 70pt;
    padding-top: 100px;
    line-height: 130px;
    font-family: "Abril Fatface", sans-serif;
    color: #5a2d2d
}

.article-header__title {
    font-size: 30px
}

.article-header__subtitle,
.article-header__title {
    color: #66635b;
    font-family: Montserrat, sans-serif
}

.centerName {
    font-size: 27pt;
    color: #5a2d2d;
    font-family: "Abril Fatface", sans-serif
}

.holidayDates {
    font-size: 23pt;
    font-weight: lighter;
    color: #2d2317;
    font-family: Montserrat, sans-serif
}

div#chabad_head .chabad_navigator_bar {
    background-color: #e3c188;
    width: 100%;
    border: none;
    margin: 0;
    height: 45px
}

div#chabad_head .chabad_navigator_bar ul {
    display: inline-block;
    margin: auto
}

div#chabad_head .chabad_navigator_bar ul li a {
    font-size: 20px;
    font-weight: 400;
    visibility: visible;
    line-height: 45px;
    margin-top: 0;
    color: #fff;
    font-family: Montserrat, sans-serif!important;
    border-right: 2px solid #fff;
}

div#chabad_head .chabad_navigator_bar ul li ul li:hover {
    background: #e8d2ae
}

div#chabad_head .chabad_navigator_bar ul li ul li a {
    color: #7d530e;
    line-height: 28px;
    min-width: 140px
}

div#chabad_head .chabad_navigator_bar ul li .sub_menu {
    top: 45px!important;
    text-align: left
}

#navigation li.parent:last-child a.parent {
    border-right: 0 solid #c3c1b8
}

#navigation li.parent.selected a.parent {
    color: #000
}

#navigation li.parent a.parent {
    transition: all .5s;
    background-color: #a59e8c;
    }

#navigation li.parent a.parent:hover,
#navigation li.parent a.parent:hover+.sub_menu_toggle {
    background-color: #d4d1c7;
    color: #000000
}

.arrow {
    transition: none!important
}

.sub_menu .item {
    background-color: #e3c188
}

.sub_menu .item a {
    border-right: 0!important;
    max-width: 100%!important
}

.sub_menu .item a:hover {
    color: #000
}

.large_banner {
    border: 1px solid #c3c1b8;
    overflow: hidden;
    position: relative;
    margin-left: auto;
    margin-right: auto
}

.bannerCta button,
.donate_link a,
.read-more_link a {
    border: 2px solid #2d2317;
    font-family: Montserrat, sans-serif
}

.bannerContainer a {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1
}

.donate_link a,
.read-more_link a {
    color: #2d2317;
    background: 0 0
}

.donate_link a:hover,
.read-more_link a:hover {
    background: #2d2317;
    color: #fff
}

.textWrapper {
    background: rgba(255, 255, 255, .75);
    padding: 11px 100px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    box-sizing: border-box
}

.textWrapper span {
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    font-family: Montserrat, sans-serif
}

.textWrapper .big {
    display: block;
    font-size: 22px;
    margin: 5px
}

.bannerCta button {
    display: inline-block;
    padding: 10px 24px;
    font-size: 18px;
    font-weight: 700;
    transition: all .4s;
    color: #fff;
    background: #2d2317
}

.small_promos {
    display: flex;
    margin-top: 20px;
    text-align: center
}

.wrap-image .bannerContainer img,
.wrap-image .statimg {
    opacity: 1;
    display: block;
    width: 100%;
    transition: .5s ease;
    backface-visibility: hidden
}

.wrap-image:hover .bannerContainer img,
.wrap-image:hover .statimg {
    opacity: .5
}

.wrap-image:hover .wrap-image2 {
    opacity: 1
}

.wrap-image2 {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.custom_message {
    margin-top: 50px;
    margin-bottom: 50px
}

.custom_message .message {
    font-family: Montserrat, sans-serif;
    font-size: 16pt;
    margin: 0 auto;
    text-align: center;
    padding: 25px
}

#co_calendar,
#co_photo_gallery {
    margin-top: 50px;
    margin-bottom: 50px
}

.custom_message .title {
    font-size: 34pt;
    text-align: center
}

#co_calendar {
    display: inline-block;
    text-align: left
}

#co_calendar .item {
    float: left;
    padding: 15px
}

.co_calendar_head,
.features_title,
.photo_title {
    font-size: 20pt;
    text-transform: uppercase;
    text-align: center
}

.co_content {
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.co_calendar_text {
    display: flex;
    flex-wrap: wrap;
    font-family: Montserrat, sans-serif;
    color: #fff;
    background-color: #e3cca4;
    background-clip: content-box
}

.co_date,
.co_title_calendar a {
    font-size: 17pt;
    text-decoration: none;
    line-height: 25px;
    font-family: Oswald, Arimo, sans-serif;
    color: #fff;
    text-transform: uppercase
}

.co_text_calendar {
    padding-top: 10px
}

.co_date::after {
    content: "\a&#x003E;&#x003E;&#x003E;";
    white-space: pre
}

.co_photo_gallery {
    text-align: center
}

.co_photo_gallery a {
    display: inline
}

.co_photo_gallery a:hover {
    text-decoration: none!important;
    transition: .5s ease;
    opacity:.5;
}

.co_photo_gallery a img {
    width: 20%;
    margin: 4px;
    height: 150px;
    object-fit: cover
}

.co_features {
    display: inline-block;
    margin: 5px;
    width: 250px
}

.co_features img,
.g960 {
    width: 100%
}

.feature_caption,
.feature_caption a {
    font-size: 14pt;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center
}

#footerContainer,
#footerContainer a,
.footer,
.footer a {
    font-size: 15px;
    color: #2d2317
}

.co_photo_gallery_footer {
    display: none
}

#footerContainer,
.footer {
    margin-top: 0;
    padding: 10px;
    text-align: center;
    width: 100%;
    background-color: #ece3c7;
    font-family: Montserrat, sans-serif
}

.large_bottom_margin {
    margin: 20px
}

.g960 {
    margin: 0 auto
}

.mobile .footer_inner_container .back_to_top {
    left: 10px;
    bottom: 25px;
    width: 30px;
    height: 30px
}

.mobile .footer_inner_container .back_to_top .arrow {
    margin: -3px -6px
}

@media only screen and (max-device-width:650px) {
    .textWrapper {
        background: rgba(255, 255, 255, .75)
    }
    .textWrapper .big {
        color: #000
    }
}

@media only screen and (max-device-width:1024px) {
    #co_calendar .item .calendar-width,
    .calendar-width {
        max-width: 936px
    }
    .co_content {
        width: 100%
    }
    #co_calendar .item .normal-width {
        width: 300px
    }
    #co_calendar .item .normal-width.last {
        width: 600px
    }
    #co_calendar .item.medium-width,
    #co_calendar .item.normal-width,
    #co_calendar .item.small-width {
        width: 203px
    }
    #co_calendar .item.large-width {
        width: 300px
    }
    .custom_message .message,
    body.mobile #navigation.chabad_navigator_bar #menu {
        width: 100%
    }
    div#chabad_body_content {
        background-color: #fff
    }
    .chabad_header {
        background-position: bottom center;
        background-attachment: inherit
    }
    .chabad_header .headerTitle {
        padding-top: 90px
    }
    .holidayDates {
        padding-bottom: 75px
    }
    body.mobile #navigation.chabad_navigator_bar #menu li:not(.heading) {
        padding: 0
    }
    div#chabad_head .chabad_navigator_bar ul li a {
        border-right: 0!important
    }
    body.cco_templateless_page.mobile #navigation.chabad_navigator_bar #menu {
        margin-top: 10px;
        height: 45px
    }
    .bannerCta button {
        margin-top: 0
    }
    .small_promos {
        margin-top: 10px
    }
    .co_features {
        width: 25%
    }
    .co_photo_gallery_head {
        text-align: center
    }
    .co_photo_gallery a {
        margin: 5px
    }
    .co_photo_gallery a img {
        width: 27%
    }
    .g960.footer {
        padding: 20px;
        width: 100%
    }
}

@media only screen and (min-device-width:651px) {
    #co_calendar .item {
        min-height: 175px
    }
    .co_calendar_text {
        padding-left: 52px;
        padding-right: 52px
    }
}

@media only screen and (min-device-width:1025px) {
    #co_calendar .item.small-width {
        width: 160px
    }
    #co_calendar .item.normal-width {
        width: 200px
    }
    #co_calendar .item.medium-width {
        width: 267px
    }
    #co_calendar .item.large-width {
        width: 400px
    }
}

@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (orientation:landscape) {
    .co_calendar_text {
        padding-left: 52px;
        padding-right: 52px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
    .co_calendar_text {
        padding-left: 62px;
        padding-right: 62px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    .co_calendar_text {
        padding-left: 53px;
        padding-right: 52px
    }
}

@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (orientation:portrait) {
    .co_calendar_text {
        padding-left: 62px;
        padding-right: 62px
    }
}

@media only screen and (max-device-width:650px) {
    .bannerCta,
    .textWrapper .wrapper-message {
        display: none
    }
    .co_photo_gallery_head,
    .textWrapper span {
        text-align: center
    }
    .textWrapper {
        background: rgba(255, 255, 255, .75)
    }
    .textWrapper .big {
        color: #000;
        margin: 0
    }
    .cco_templateless_template a {
        padding-left: 0
    }
    div.chabad_left_column {
        padding-top: 10px
    }
    .chabad_header {
        background-size: cover;
        background-position: center 0;
        background-attachment: inherit
    }
    .chabad_header .headerTitle {
        font-size: 75px;
        padding-top: 50px;
        line-height: 90px
    }
    .centerName,
    .holidayDates {
        font-size: 20pt
    }
    .holidayDates {
        padding-bottom: 60px
    }
    div#chabad_head .chabad_navigator_bar ul li a {
        border-right: none;
        line-height: 45px
    }
    body.mobile #navigation.chabad_navigator_bar #menu {
        width: 100%;
        height: 45px
    }
    body.mobile .g960.footer {
        padding: 10px
    }
    .textWrapper {
        padding: 5px;
        float: none;
        left: 0;
        height: auto!important
    }
    .sPromo-wrap {
        margin: 8px 8px 8px auto
    }
    .small_promos img {
        width: 75%;
        display: initial
    }
    .custom_message .title {
        font-size: 25pt
    }
    .custom_message .message {
        width: 100%;
        font-size: 15pt;
        padding: 10px;
        color: #9e8657
    }
    #co_calendar {
        display: block;
        clear: both
    }
    #co_calendar .item {
        float: none;
        width: 100%!important;
        height: auto
    }
    .co_features,
    .photo {
        display: inline-block;
        margin: 0 auto;
        width: 45%;
        padding-bottom: 15px
    }
    .feature_caption a {
        font-size: 10pt
    }
    .co_photo_gallery a img {
        width: 49%!important
    }
}

@media only screen and (max-device-width:650px) and (max-width:650px) {
    .small_promos {
        flex-wrap: wrap;
        justify-content: center
    }
}

.co_photo_gallery a {
    margin: 0
}

.cco_templateless_page .chabad_header {
    padding: 90px 0
}

.chabad_header {
    padding: 40px;
    height: 450px;
    text-align: center;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, .2);
    background-blend-mode: screen
}

.appeal .title,
.section_root #co_body_container {
    text-align: left
}

.chabad_header .headerTitle {
    padding: 0
}

.holidayDates {
    padding-top: 20px
}

.sub_menu {
    visibility: visible
}

.sPromo-wrap .caption {
    font-family: Oswald, Arimo, sans-serif
}

.appeal {
    padding: 0 100px
}

.appeal .title {
    text-transform: uppercase;
    font-size: 20pt
}

.appeal .read-more_link {
    margin: 25px 0;
    width: 15%
}

.appeal .custom_message {
    padding: 25px
}

.appeal .message {
    padding: 20px 0;
    text-align: left;
    font-family: Montserrat, sans-serif!important;
    color: #9e8657
}

.appealImg img {
    width: 40%;
    float: right
}

div#chabad_head .chabad_navigator_bar ul li {
    color: #fff;
    background-color:#fff;
}

#co_calendar div.co_calendar_body .item.item.first {
    background-color: #835b4d
}

#co_calendar div.co_calendar_body .item:nth-child(3),
#co_calendar div.co_calendar_body .item:nth-child(5).last {
    background-color: #835b4d
}

#co_calendar div.co_calendar_body .item:nth-child(2),
#co_calendar div.co_calendar_body .item:nth-child(4),
#co_calendar div.co_calendar_body .item:nth-child(5),
#co_calendar div.co_calendar_body .item:nth-child(7) {
    background-color: #e3c188
}

#co_calendar div.co_calendar_body .item.medium-width:nth-child(5) {
    background-color: #835b4d
}

#co_calendar div.co_calendar_body .item.medium-width:nth-child(6) {
    background-color: #e3c188
}

#co_calendar div.co_calendar_body div div div:nth-child(6),
#co_calendar div.co_calendar_body div div div:nth-child(8) {
    background-color: #835b4d
}

@media only screen and (max-device-width:1024px) {
    body.mobile .chabad_navigator_bar #menu .item.heading a {
        background: url('') no-repeat right center
}
    body.mobile .chabad_navigator_bar .sub_menu_toggle {
        background: url('') no-repeat center
}
    body.mobile div.chabad_navigator_bar #menu .sub_menu ul {
        border-left: 3px solid #fff
    }
    body.mobile #navigation.chabad_navigator_bar #menu li:not(.heading) {
        padding-left: 0
    }
    .cco_templateless_page .chabad_header,
    .chabad_header {
        background-blend-mode: screen;
        background-position: left bottom;
        background-color: rgba(255, 255, 255, .3)
    }
    .chabad_header .headerTitle {
        padding-top: 50px
    }
    .holidayDates {
        padding-bottom: 50px
    }
    div#chabad_head .chabad_navigator_bar ul li ul li {
        min-height: 0
    }
    .arrow:hover {
        background: 0 0
    }
    .sPromo-wrap .caption {
        max-width: 100%
    }
    #co_calendar div.co_calendar_body .item:nth-child(5),
    #co_calendar div.co_calendar_body .item:nth-child(7) {
        background-color: #835b4d
    }
    #co_calendar div.co_calendar_body .item:nth-child(6),
    #co_calendar div.co_calendar_body .item:nth-child(8) {
        background-color: #e3c188
    }
}

@media only screen and (max-device-width:650px) {
    .chabad_header .headerTitle {
        font-size: 65px;
        line-height: 70px
    }
    .appeal,
    .appeal .custom_message {
        padding: 10px
    }
    .appeal .message,
    .appeal .title {
        text-align: center
    }
    .appeal .read-more_link {
        width: 100%
    }
    .appealImg img {
        float: none;
        width: 75%
    }
    .sPromo-wrap {
        margin: 8px auto
    }
}

.sub_menu,
.sub_menu .item {
    background-color: #e3c188
}
<!--high Holiday CSS -->

@import "https://fonts.googleapis.com/css?family=Abril+Fatface|Montserrat:300,400|Oswald|Anton|Yellowtail";.cco_templateless_page #chabad_main_content {
    background-image: url(https://w2.chabad.org/images/Shluchim/minisites/themes/Generic_New/abstract2.jpg);
    background-blend-mode: screen;
    background-size: contain;
    background-color: rgba(255, 255, 255, .7)
}
.footer {
    background-color:#e6e5e3;
}

.co_photo_gallery_head {
    color: #66635b;
}
.appeal .title,
.centerName,
.holidayDates {
    color: #fff!important
}

.prepResource-title {
    color: #66635b!important
}

.zmanim .zman-1,
.zmanim .zman-2,
div#chabad_head .chabad_navigator_bar {
    background-color: #a59e8c!important
}

.article-header__title,
.read-more_link,
.titleIcon {
    text-align: center
}

.titleIcon img {
    display: none
}

.bannerCta button,
.read-more_link a {
    text-decoration: none;
    box-shadow: none;
    text-shadow: none;
    letter-spacing: 2px;
    text-transform: uppercase
}

.bannerCta button,
.custom_message .title,
.read-more_link a,
.sPromo-wrap .caption,
[class^=widget-] {
    text-transform: uppercase
}

div.chabad_left_column {
    background-color: #fff;
    width: 100%;
    float: none;
    margin: 0;
    padding: 25px 5px 0;
    min-height: 329px
}

div#chabad_body_content {
    width: 945px;
    margin-left: auto;
    margin-right: auto;
    float: none
}

[class^=widget-] {
    color: #fff;
    font-family: Anton, sans-serif;
    font-size: 20pt;
    line-height: normal
}

.sPromo-wrap {
    display: inline-block;
    margin-left: 4px;
    width: 100%;
    max-height: 250px;
    position: relative
}

.sPromo-wrap:first-child {
    margin-left: 0
}

.sPromo-wrap a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    z-index: 1
}

.sPromo-wrap img {
    height: 100%;
    border: 1px solid #c3c1b8;
    object-fit: cover;
    opacity: 1;
    display: block;
    width: 100%;
    transition: .5s ease;
    backface-visibility: hidden
}

.sPromo-wrap .caption {
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 38px;
    line-height: 36px;
    font-weight: 400;
    font-size: 15pt;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: rgba(255, 255, 255, .75)
}

.sPromo-wrap:hover img {
    opacity: .5
}

.read-more_link a {
    display: inline-block;
    padding: 10px 24px;
    font-size: 18px;
    font-weight: 700;
    transition: all .4s
}

.read-more_link a:hover {
    text-decoration: none
}

.appeal .title,
.custom_message .title,
.prepResource-title {
    font-family: Oswald, Arimo, sans-serif;
    color: #66635b
}

div#chabad_main_content {
    width: 100%
}

.chabad_header .headerTitle {
    font-size: 70pt;
    padding-top: 100px;
    line-height: 130px;
    font-family: "Abril Fatface", sans-serif;
    color: #fff
}

.article-header__title {
    font-size: 30px
}

.article-header__title {
    color: #66635b;
    font-family: Montserrat, sans-serif
}

.centerName {
    font-size: 27pt;
    color: #fff;
    font-family: "Abril Fatface", sans-serif
}

.holidayDates {
    font-size: 23pt;
    font-weight: lighter;
    color: #fff;
    font-family: Montserrat, sans-serif
}

div#chabad_head .chabad_navigator_bar {
    background-color: #a59e8c;
    width: 100%;
    border: none;
    margin: 0;
    height: 45px
}

.large_banner {
    border: 1px solid #c3c1b8;
    overflow: hidden;
    position: relative;
    margin-left: auto;
    margin-right: auto
}

.bannerCta button,
.donate_link a,
.read-more_link a {
    border: 2px solid #2d2317;
    font-family: Montserrat, sans-serif
}

.bannerContainer a {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1
}

.donate_link a,
.read-more_link a {
    color: #2d2317;
    background: 0 0
}

.donate_link a:hover,
.read-more_link a:hover {
    background: #2d2317;
    color: #fff
}

.textWrapper {
    background: rgba(255, 255, 255, .75);
    padding: 11px 100px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    box-sizing: border-box
}

.textWrapper span {
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    font-family: Montserrat, sans-serif
}

.textWrapper .big {
    display: block;
    font-size: 22px;
    margin: 5px
}

.bannerCta button {
    display: inline-block;
    padding: 10px 24px;
    font-size: 18px;
    font-weight: 700;
    transition: all .4s;
    color: #fff;
    background: #2d2317
}

.small_promos {
    display: flex;
    margin-top: 20px;
    text-align: center
}

.wrap-image .bannerContainer img {
    opacity: 1;
    display: block;
    width: 100%;
    transition: .5s ease;
    backface-visibility: hidden
}

.wrap-image:hover .bannerContainer img {
    opacity: .5
}

.wrap-image:hover .wrap-image2 {
    opacity: 1
}

.wrap-image2 {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.custom_message {
    margin-top: 50px;
    margin-bottom: 50px
}

.custom_message .message {
    font-family: Montserrat, sans-serif;
    font-size: 16pt;
    margin: 0 auto;
    text-align: center;
    padding: 25px
}

.custom_message .title {
    font-size: 34pt;
    text-align: center
}

.photo_title {
    font-size: 20pt;
    text-transform: uppercase;
    text-align: center
}

.co_content {
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.co_date {
    font-size: 17pt;
    text-decoration: none;
    line-height: 25px;
    font-family: Oswald, Arimo, sans-serif;
    color: #fff;
    text-transform: uppercase
}

.co_date::after {
    content: "\a&#x003E;&#x003E;&#x003E;";
    white-space: pre
}

.chabad_header {
    width: 100%;
    background-image: url(https://w2.chabad.org/media/Images/99/LcsW998371.jpg);
background-size: cover;
}

@media only screen and (max-device-width:650px) {
    .textWrapper {
        background: rgba(255, 255, 255, .75)
    }
    .textWrapper .big {
        color: #000
    }
}

@media only screen and (max-device-width:1024px) {
    .co_content {
        width: 100%
    }
    .custom_message .message {
        width: 100%
    }
    div#chabad_body_content {
        background-color: #fff
    }
    .chabad_header {
        background-position: bottom center;
        background-attachment: inherit
    }
    .chabad_header .headerTitle {
        padding-top: 90px
    }
    .holidayDates {
        padding-bottom: 75px
    }
    .bannerCta button {
        margin-top: 0
    }
    .small_promos {
        margin-top: 10px
    }
}

@media only screen and (max-device-width:650px) {
    .bannerCta,
    .textWrapper .wrapper-message {
        display: none
    }
    .textWrapper span {
        text-align: center
    }
    .textWrapper {
        background: rgba(255, 255, 255, .75)
    }
    .textWrapper .big {
        color: #000;
        margin: 0
    }
    div.chabad_left_column {
        padding-top: 10px
    }
    .chabad_header {
        background-size: cover;
        background-position: center 0;
        background-attachment: inherit
    }
    .chabad_header .headerTitle {
        font-size: 75px;
        padding-top: 50px;
        line-height: 90px
    }
    .centerName,
    .holidayDates {
        font-size: 20pt
    }
    .holidayDates {
        padding-bottom: 60px
    }
    .textWrapper {
        padding: 5px;
        float: none;
        left: 0;
        height: auto!important
    }
    .sPromo-wrap {
        margin: 8px 8px 8px auto
    }
    .small_promos img {
        width: 75%;
        display: initial
    }
    .custom_message .title {
        font-size: 25pt
    }
    .custom_message .message {
        width: 100%;
        font-size: 15pt;
        padding: 10px;
        color: #000
    }
    .photo {
        display: inline-block;
        margin: 0 auto;
        width: 45%;
        padding-bottom: 15px
    }
}

@media only screen and (max-device-width:650px) and (max-width:650px) {
    .small_promos {
        flex-wrap: wrap;
        justify-content: center
    }
}

.chabad_header {
    padding: 40px;
    height: 450px;
    text-align: center;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, .2);
    background-blend-mode: screen
}

.appeal .title {
    text-align: left
}

.chabad_header .headerTitle {
    padding: 0
}

.holidayDates {
    padding-top: 20px
}

.sPromo-wrap .caption {
    font-family: Oswald, Arimo, sans-serif
}

.appeal {
    padding: 0 100px
}

.appeal .title {
    text-transform: uppercase;
    font-size: 20pt
}

.appeal .read-more_link {
    margin: 25px 0;
    width: 15%
}

.appeal .custom_message {
    padding: 25px
}

.appeal .message {
    padding: 20px 0;
    text-align: left;
    font-family: Montserrat, sans-serif!important;
    color: #000
}

.appealImg img {
    width: 40%;
    float: right
}

@media only screen and (max-device-width:1024px) {
    .chabad_header {
        background-blend-mode: screen;
        background-position: left bottom;
        background-color: rgba(255, 255, 255, .3)
    }
    .chabad_header .headerTitle {
        padding-top: 50px
    }
    .holidayDates {
        padding-bottom: 50px
    }
    .sPromo-wrap .caption {
        max-width: 100%
    }
}

@media only screen and (max-device-width:650px) {
    .chabad_header .headerTitle {
        font-size: 65px;
        line-height: 70px
    }
    .appeal,
    .appeal .custom_message {
        padding: 10px
    }
    .appeal .message,
    .appeal .title {
        text-align: center
    }
    .appeal .read-more_link {
        width: 100%
    }
    .appealImg img {
        float: none;
        width: 75%
    }
    .sPromo-wrap {
        margin: 8px auto
    }
}

.zmanim .zman-1,
.zmanim .zman-2 {
    background-color: #a59e8c
}

.zmanim .time,
.zmanim .zman-box {
    display: inline-block
}

.zmanim {
    padding: 50px 25px;
    font-family: Montserrat, sans-serif;
    color: #fff;
    text-transform: uppercase
}

.zmanim .zman-1 {
    margin: 10px 0 2px
}

.zmanim .zman-box {
    width: 83%;
    padding: 10px 5px;
    vertical-align: middle;
    text-align: left;
    box-sizing: border-box
}

.zmanim .zman-box .title {
    font-weight: 700;
    display: inline-block;
    font-size: 18px
}

.zmanim .zman-box .desc {
    font-size: 11px;
    line-height: 16px;
    padding-top: 6px;
    width: 57%
}

.zmanim .time {
    font-size: 18px;
    float: right;
    font-weight: 700;
    vertical-align: middle
}

.prepResource-title {
    font-size: 20pt;
    text-align: center;
    text-transform: uppercase
}

@media only screen and (max-device-width:1024px) {
    .zmanim .zman-box {
        width: 86%
    }
}

@media only screen and (max-device-width:650px) and (orientation:portrait) {
    .zmanim .time {
        float: none
    }
}

@media only screen and (max-device-width:650px) {
    .zmanim .zman-box .desc {
        width: 100%
    }
    .zmanim .zman-box {
        display: block;
        width: 100%;
        padding: 10px
    }
}
</style>


<div id="chabad_body_page">
<div id="chabad_main_content">
<div id="chabad_head">


<div class="chabad_header">
<div class="headerTitle">
<a href="/4745459" style="text-decoration: none;">
Hebrew School of the Arts</a></div>
<div class="centerName">
Inspiring Jewish Pride & Identity in our children - the future of Judaism.</div>
<div class="holidayDates">
 </div>
</div>


<div id="navigation" class="chabad_navigator_bar">
<div class="chabad_menu_content">
<ul id="menu" class="navi">
<li class="item parent">
<a href="/article.asp?aid=4802572" class="parent">Home</a>
|
</li>
<li class="item parent arrow">
<a href="/article.asp?aid=4802573" class="parent arrow">About</a>
<div class="sub_menu">
<ul>
<li class="item first">
<a href="/article.asp?aid=4802577">Dates & Rates</a>
</li>
<li class="item">
<a href="/article.asp?aid=4802579">Curriculum</a>
</li>
<li class="item">
<a href="/article.asp?aid=4802581">Aleph Champ</a>
</li>
<li class="item last">
<a href="/article.asp?aid=4802614">Bar/Bat Mitzvah</a>
</li>
</ul>
</div>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=4802584" class="parent">Calendar</a>
|
</li>
<li class="item parent arrow">
<a href="/article.asp?aid=4768025" class="parent arrow">Registration</a>
<div class="sub_menu">
<ul>
<li class="item first">
<a href="/article.asp?aid=4763906">New Student Registration</a>
</li>
<li class="item last">
<a href="/article.asp?aid=4763971">Returning Student Registration</a>
</li>
</ul>
</div>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=5138898" class="parent">Abraham H. & Edith G. Spilky Scholarship Fund</a>
|
</li>
<li class="item parent arrow selected">
<a href="/article.asp?aid=5524225" class="parent arrow selected">Photos</a>
<div class="sub_menu">
<ul>
<li class="item first">
<a href="/article.asp?aid=5139113">Hebrew School of the Arts 2020-2021</a>
</li>
<li class="item last selected">
<a href="/article.asp?aid=5963833">Hebrew School of the Arts 2022-23</a>
</li>
</ul>
</div>
</li>

</ul>
</div>
</div>

</div>
<div id="chabad_body_content">
<div class="chabad_left_column">

<div detached="true" type="static" id="ContentArea" name="content_area" actions="edit,delete" class="chabad_left_column"><div id="content_page" class="content_page"><!-- END HEADER -->
			
			
			<div class="clearfix bh mobile-only align_right">ב"ה</div>
			
				<div class="master-content-wrapper " >
					

<header class="article-header cf ">
	
	
			<h1 class="article-header__title js-article-title js-page-title">Hebrew School of the Arts 2022-23</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="fb-root"></div>
	<script>	(function (d, s, id) {
		var js, fjs = d.getElementsByTagName(s)[0];
		if (d.getElementById(id)) return;
		js = d.createElement(s); js.id = id;
		js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";
		fjs.parentNode.insertBefore(js, fjs);
	}(document, 'script', 'facebook-jssdk'));</script>
	<div id="lightbox-wrapper" class="hidden">
		<div id="lightbox">
			<div id="details-panel"><span id="album-name" class="large_left_margin">Hebrew School of the Arts 2022-23</span>
				<a id="close" href="#"><span>X</span></a>
			</div>
			<div id="left-panel">
				<div id="img-panel">
					<div id="lightbox-img-one-section" class="img-section">
						<img id="lightbox-img-one" class="img" src="" />
						<div id="lightbox-caption-one-wrapper" class="caption-wrapper"><div id="lightbox-caption-one" class="caption"></div></div>
					</div>
					<div id="lightbox-img-two-section" class="img-section">
						<img id="lightbox-img-two" class="img" src="" />
						<div id="lightbox-caption-two-wrapper" class="caption-wrapper"><div id="lightbox-caption-two" class="caption"></div></div>
					</div>
					<div id="lightbox-beginning-section" class="img-section hidden">
						<div class="slide-text">
							<p class="slide-message">You've reached the beginning of Hebrew School of the Arts 2022-23</p>
							<p id="beginning-restart" class="restart"><a href="#">Start again <img class="restart-img" src="https://w2.chabad.org/images/global/spacer.gif" /></a></p>
						</div>
					</div>
					<div id="lightbox-end-section" class="img-section hidden">
						<div class="slide-text">
							<p class="slide-message">You've finished Hebrew School of the Arts 2022-23</p>
							<p id="end-restart" class="restart"><a href="#">Start again <img class="restart-img" src="https://w2.chabad.org/images/global/spacer.gif" /></a></p>
						</div>
					</div>
					<div id="loading-indicator"></div>
					<div id="controls">
						<a id="previous" href="#">Previous</a>
						<a id="next" href="#">Next</a>
					</div>
					<div id="social-panel">
						<div class="social_subpanel float_left">
							<div id="count" class="float_right large_right_margin"></div>
						</div>
						<div class="social_subpanel float_right">
							<div id="social-buttons" class="float_left small_left_margin">
								<div id="like-button"></div>
							</div>
						</div>
					</div>
				</div>
				<div id="thumbnails-wrapper">
					<a id="left" href="#">Left</a>
					<a id="right" href="#">Right</a>
					<div id="thumbnails-panel">
						<!-- Thumbnails | Example:

								<div class="thumbnail photo" id="thumbnail0" data-img="0">
									<a href="#">
										<img src="photos/Tulips.jpg" width="220"/>
									</a>
								</div>

								-->
						
					</div>
				</div>
			</div>
			<div id="comments"></div>
		</div>
	</div>
	<div id="cco_body" class="">
		<div id="photos" class="clearfix">
			<!-- Photos | Example:
			
			<div class="photo" id="icon0" data-img="0">
				<a href="#">
					<img src="photos/Tulips.jpg" width="220"/>
				</a>
			</div>

			-->
			
		</div>
		

<div class="content-footer">
	
	
	
	
		<div class="section-articles below-article clearfix" id="MoreInSection" data-list-name="more in this section">
			<h2 class="below-article__title">More in this section</h2>
			<div class="bs-container">
				<div class="bs-row">
					
		<div class="section-articles__column col-md-6 ">
			<ul class="small-links small-links--orange">
				
		<li class="small-links__item ">
			
				<div class="media_icon folder">
					
				</div>
			
			<a class="link_item" href="/templates/photogallery_cdo/aid/5139113/jewish/Hebrew-School-of-the-Arts-2020-2021.htm" data-aid="5139113">Hebrew School of the Arts 2020-2021</a>
		</li>
		
	
			</ul>
		</div>
	
				</div>
			</div> 
		</div>
	
		

	
	
</div>
	</div>
</div>
						
						<div class="break_floats"></div>
						
					</div>
				</div>
				
				
				
			</div>
			
			<!-- BEGIN FOOTER -->
</div>
<div id="border_bottom"></div>
</div>
</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.thechabadhouse.net%2ftemplates%2fphotogallery_cdo%2faid%2f5963833%2fjewish%2fHebrew-School-of-the-Arts-2022-23.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=Hebrew+School+of+the+Arts+2022-23&amp;url=https%3a%2f%2fwww.thechabadhouse.net%2ftemplates%2fphotogallery_cdo%2faid%2f5963833%2fjewish%2fHebrew-School-of-the-Arts-2022-23.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=Hebrew+School+of+the+Arts+2022-23 https%3a%2f%2fwww.thechabadhouse.net%2ftemplates%2fphotogallery_cdo%2faid%2f5963833%2fjewish%2fHebrew-School-of-the-Arts-2022-23.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.thechabadhouse.net%2ftemplates%2fphotogallery_cdo%2faid%2f5963833%2fjewish%2fHebrew-School-of-the-Arts-2022-23.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dpinterest&amp;description=Hebrew+School+of+the+Arts+2022-23">
				<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"><b>The Chabad House - 888 Glenbrook Ave Bryn Mawr PA 19010</b></div>
	<img src="https://w2.chabad.org/images/global/spacer.gif" width="1" height="6" border="0" /><br />




Powered by <a href="https://www.chabad.org/" target="_new" class="">Chabad.org</a> &copy; 1993-2026 <a href="/4026210" target="_blank" class="privacy-link">Privacy Policy</a>




			</div>
		</div>
	</div>
	
	

	
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery-latest.min.js?v=278824AF"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/co/dist/CoLib.js?v=CD6CB303"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js?v=D23C81D3"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/templates/photogallery.js?v=42FF58D0"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/commentsloader.js?v=AD6AAB79"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/article/comments/reply-form-controller.js?v=15895745"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/minisites.js?v=F38E4DA5"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/subscribeprompt.js?v=86D84DC2"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/modules/pagetools.js?v=930B07AB"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/deprecated.js?v=D506A83E"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/OverrideJSDocumentWrite.js?v=9A0227AA"></script><script>$j = $j.fn ? $j : jQuery;$j(()=>{$q.forEach(f=>{try{f.call(window);}catch(ex){console.error(ex);}});})</script>
	
	
	
	
	<script type="text/javascript" language="javascript">
		var photoArray = [];
		var photoMap = {};

		
				photoArray.push({Index: photoArray.length, Id: '12323021', Icon: 'https://w2.chabad.org/media/images/1232/Ivsn12323021.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/wQob12323020.jpg', Caption: ''});
				photoMap['12323021'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323023', Icon: 'https://w2.chabad.org/media/images/1232/PHgL12323023.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/olTw12323022.jpg', Caption: ''});
				photoMap['12323023'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323025', Icon: 'https://w2.chabad.org/media/images/1232/wdkF12323025.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/WARs12323024.jpg', Caption: ''});
				photoMap['12323025'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323027', Icon: 'https://w2.chabad.org/media/images/1232/rBSL12323027.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/SkeN12323026.jpg', Caption: ''});
				photoMap['12323027'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323029', Icon: 'https://w2.chabad.org/media/images/1232/otvG12323029.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/JmHu12323028.jpg', Caption: ''});
				photoMap['12323029'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323031', Icon: 'https://w2.chabad.org/media/images/1232/vFUb12323031.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/yfOx12323030.jpg', Caption: ''});
				photoMap['12323031'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323033', Icon: 'https://w2.chabad.org/media/images/1232/TTSf12323033.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/wPyY12323032.jpg', Caption: ''});
				photoMap['12323033'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323035', Icon: 'https://w2.chabad.org/media/images/1232/yBMS12323035.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/sCqL12323034.jpg', Caption: ''});
				photoMap['12323035'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323037', Icon: 'https://w2.chabad.org/media/images/1232/TorV12323037.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/IKNj12323036.jpg', Caption: ''});
				photoMap['12323037'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323039', Icon: 'https://w2.chabad.org/media/images/1232/GKFW12323039.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/sqlB12323038.jpg', Caption: ''});
				photoMap['12323039'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323041', Icon: 'https://w2.chabad.org/media/images/1232/rHTu12323041.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/NcXt12323040.jpg', Caption: ''});
				photoMap['12323041'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323043', Icon: 'https://w2.chabad.org/media/images/1232/VeMy12323043.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/MWnJ12323042.jpg', Caption: ''});
				photoMap['12323043'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323045', Icon: 'https://w2.chabad.org/media/images/1232/UocV12323045.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/CylI12323044.jpg', Caption: ''});
				photoMap['12323045'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323047', Icon: 'https://w2.chabad.org/media/images/1232/uEXs12323047.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/HWoA12323046.jpg', Caption: ''});
				photoMap['12323047'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323049', Icon: 'https://w2.chabad.org/media/images/1232/yTro12323049.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/Mddj12323048.jpg', Caption: ''});
				photoMap['12323049'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323051', Icon: 'https://w2.chabad.org/media/images/1232/BSIs12323051.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/MeOQ12323050.jpg', Caption: ''});
				photoMap['12323051'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323053', Icon: 'https://w2.chabad.org/media/images/1232/cgGD12323053.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/tBYn12323052.jpg', Caption: ''});
				photoMap['12323053'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323055', Icon: 'https://w2.chabad.org/media/images/1232/jVLy12323055.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/zolj12323054.jpg', Caption: ''});
				photoMap['12323055'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323057', Icon: 'https://w2.chabad.org/media/images/1232/kYiq12323057.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/CFgb12323056.jpg', Caption: ''});
				photoMap['12323057'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323059', Icon: 'https://w2.chabad.org/media/images/1232/UoYY12323059.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/nATL12323058.jpg', Caption: ''});
				photoMap['12323059'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323061', Icon: 'https://w2.chabad.org/media/images/1232/VGsO12323061.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/Cqcc12323060.jpg', Caption: ''});
				photoMap['12323061'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323063', Icon: 'https://w2.chabad.org/media/images/1232/iRdk12323063.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/UXJn12323062.jpg', Caption: ''});
				photoMap['12323063'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323065', Icon: 'https://w2.chabad.org/media/images/1232/WAzi12323065.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/NRom12323064.jpg', Caption: ''});
				photoMap['12323065'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323067', Icon: 'https://w2.chabad.org/media/images/1232/Pkgh12323067.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/kYNE12323066.jpg', Caption: ''});
				photoMap['12323067'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323069', Icon: 'https://w2.chabad.org/media/images/1232/PwDu12323069.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/NJoo12323068.jpg', Caption: ''});
				photoMap['12323069'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323071', Icon: 'https://w2.chabad.org/media/images/1232/ZsYf12323071.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/gIfU12323070.jpg', Caption: ''});
				photoMap['12323071'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323073', Icon: 'https://w2.chabad.org/media/images/1232/sQrx12323073.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/KnRj12323072.jpg', Caption: ''});
				photoMap['12323073'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323075', Icon: 'https://w2.chabad.org/media/images/1232/kSbk12323075.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/JVPv12323074.jpg', Caption: ''});
				photoMap['12323075'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323077', Icon: 'https://w2.chabad.org/media/images/1232/bYqI12323077.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/rRrS12323076.jpg', Caption: ''});
				photoMap['12323077'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323079', Icon: 'https://w2.chabad.org/media/images/1232/jqhO12323079.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/KlVr12323078.jpg', Caption: ''});
				photoMap['12323079'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323081', Icon: 'https://w2.chabad.org/media/images/1232/iJeT12323081.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/QRRE12323080.jpg', Caption: ''});
				photoMap['12323081'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323083', Icon: 'https://w2.chabad.org/media/images/1232/ivGx12323083.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/tKQN12323082.jpg', Caption: ''});
				photoMap['12323083'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323085', Icon: 'https://w2.chabad.org/media/images/1232/jwQI12323085.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/Rcmi12323084.jpg', Caption: ''});
				photoMap['12323085'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323087', Icon: 'https://w2.chabad.org/media/images/1232/WvWh12323087.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/pFtG12323086.jpg', Caption: ''});
				photoMap['12323087'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323089', Icon: 'https://w2.chabad.org/media/images/1232/tKUY12323089.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/KbDy12323088.jpg', Caption: ''});
				photoMap['12323089'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323091', Icon: 'https://w2.chabad.org/media/images/1232/eDRu12323091.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/vnab12323090.jpg', Caption: ''});
				photoMap['12323091'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323093', Icon: 'https://w2.chabad.org/media/images/1232/lYtS12323093.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/MTjv12323092.jpg', Caption: ''});
				photoMap['12323093'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323095', Icon: 'https://w2.chabad.org/media/images/1232/dCdD12323095.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/UVdE12323094.jpg', Caption: ''});
				photoMap['12323095'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323097', Icon: 'https://w2.chabad.org/media/images/1232/dOYQ12323097.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/wQjN12323096.jpg', Caption: ''});
				photoMap['12323097'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323099', Icon: 'https://w2.chabad.org/media/images/1232/IVBr12323099.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/deoH12323098.jpg', Caption: ''});
				photoMap['12323099'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323101', Icon: 'https://w2.chabad.org/media/images/1232/Ihdv12323101.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/zhBU12323100.jpg', Caption: ''});
				photoMap['12323101'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323103', Icon: 'https://w2.chabad.org/media/images/1232/sZmm12323103.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/VFEL12323102.jpg', Caption: ''});
				photoMap['12323103'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323105', Icon: 'https://w2.chabad.org/media/images/1232/jUQI12323105.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/xsfG12323104.jpg', Caption: ''});
				photoMap['12323105'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323107', Icon: 'https://w2.chabad.org/media/images/1232/aeSZ12323107.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/thPE12323106.jpg', Caption: ''});
				photoMap['12323107'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323109', Icon: 'https://w2.chabad.org/media/images/1232/fiup12323109.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/JDoS12323108.jpg', Caption: ''});
				photoMap['12323109'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323111', Icon: 'https://w2.chabad.org/media/images/1232/Fngi12323111.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/Ylrq12323110.jpg', Caption: ''});
				photoMap['12323111'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323113', Icon: 'https://w2.chabad.org/media/images/1232/TlLk12323113.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/tfIC12323112.jpg', Caption: ''});
				photoMap['12323113'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323115', Icon: 'https://w2.chabad.org/media/images/1232/rRWY12323115.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/luTD12323114.jpg', Caption: ''});
				photoMap['12323115'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323117', Icon: 'https://w2.chabad.org/media/images/1232/cORl12323117.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/VdLB12323116.jpg', Caption: ''});
				photoMap['12323117'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323119', Icon: 'https://w2.chabad.org/media/images/1232/Rqvn12323119.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/CQrs12323118.jpg', Caption: ''});
				photoMap['12323119'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323121', Icon: 'https://w2.chabad.org/media/images/1232/BSKT12323121.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/mJNt12323120.jpg', Caption: ''});
				photoMap['12323121'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323123', Icon: 'https://w2.chabad.org/media/images/1232/hLup12323123.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/vLnG12323122.jpg', Caption: ''});
				photoMap['12323123'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323125', Icon: 'https://w2.chabad.org/media/images/1232/YlFn12323125.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/NllV12323124.jpg', Caption: ''});
				photoMap['12323125'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323127', Icon: 'https://w2.chabad.org/media/images/1232/bshJ12323127.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/GQGe12323126.jpg', Caption: ''});
				photoMap['12323127'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323129', Icon: 'https://w2.chabad.org/media/images/1232/YnJs12323129.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/eLiM12323128.jpg', Caption: ''});
				photoMap['12323129'] = photoArray[photoArray.length-1];
				photoArray.push({Index: photoArray.length, Id: '12323131', Icon: 'https://w2.chabad.org/media/images/1232/gxVG12323131.jpg', LargeImage: 'https://w2.chabad.org/media/images/1232/THHB12323130.jpg', Caption: ''});
				photoMap['12323131'] = photoArray[photoArray.length-1];

		var FacebookSettings = {
			CommentsEnabled: false,
			HasAlbumId : false,
			AlbumId : '',
			IsPrintVersion: false,
			BaseUrl: 'http://www.thechabadhouse.net/templates/photogallery_cdo/aid/5963833'
		};

		Co.Anchor.Events.AddEventListener("change", function(e)
		{
			//don't parseInt this, as the ids are long enough that JS will corrupt them. Strings work fine
			var photoID = e.items['photoid'];
			if (!isNaN(photoID))
			{
				if (Co_Slideshow.currentImg && Co_Slideshow.index !== (photoMap[photoID].Index))
					Co_Slideshow.openImage(photoMap[photoID].Index);
			}					

			if (e.items['close']==='true')
				Co_Slideshow.closeLightbox(e);
		});

		if(FacebookSettings.HasAlbumId)
		{
			var json = undefined;
			var facebookLikeUrl = [];
			var facebookCommentsUrl = [];
			if (json && !json.error && json.data.length)
			{
				photoArray = [];
				photoMap = { };
				facebookLikeUrl = [];
				facebookCommentsUrl = [];
				//Index_of_Requested_image = 0;
				Co_Slideshow.index = -1;
				var photo = null;
				var photoItem = {};
				for (var i in json.data)
				{
					//val2 = a[c][d];
					photo = json.data[i];

					if(!photo.source && photo.images && photo.images.length)
						photo.source = photo.images[0].source;

					if (typeof(photo.source) != "undefined")
					{
						var caption = "";
						if (photo.name)
							caption = photo.name;
						photoItem =
						{
							Index: photoArray.length,
							Id: photo.id,
							Icon: photo.picture,
							LargeImage: photo.source,
							Caption: caption,
                            Date: new Date(photo.created_time)
						};
						if( photo.images && photo.images.length )
						{
							//CWNP-608.
							// We want the nicest looking size...
							var largeImage =
							{
								source: null,
								height: 0,
								width: 0
							};
							var icon =
							{
								source: null,
								height: 0,
								width: 0
							};
							for( var i = 0, iMax = photo.images.length; i < iMax; i++ )
							{
								var image = photo.images[i];
								if( image.height > largeImage.height || image.width > largeImage.width )
								{
									largeImage.source = image.source;
									largeImage.height = image.height;
									largeImage.width = image.width;
								}
								if( ( image.height > icon.height && image.height < 321 )//Max 320
								|| ( image.width > icon.width && image.width < 321 ))
								{
									icon.source = image.source;
									icon.height = image.height;
									icon.width = image.width;
								}
							}
							if( !icon.source )
								icon = largeImage;
							if( largeImage.source )
							{
								photoItem.LargeImage = largeImage.source;
								photoItem.Icon = icon.source;
							}
						}
						photoArray.push( photoItem );
						photoMap[photo.id] = photoArray[photoArray.length-1];

						facebookLikeUrl.push('https://www.facebook.com/'+FacebookSettings.AlbumId+photo.id);
						facebookCommentsUrl.push(photo.link);
					}
				}
				// Sort photos by most recent date.
				photoArray
					.sort((a,b) => b.Date - a.Date)
					.map((photo, index) => photo.Index = index);
			}
		}

		var photos = [];
		var thumbnails = [];
		var amountOfPhotos = Math.min(250, photoArray.length);
        for (var i = 0; i < amountOfPhotos; i++)
		{
			photo = photoArray[i];
							
			photos.push(
				'<div class="photo" id="icon' + i + '" data-img="' + i + '"><a href="#">'+
				'<img style="background-image: url(' + photo.Icon +
				'); background-size: cover; background-position: 50% 25%;"' + 
				'src="https://w2.chabad.org/images/global/spacer.gif" width="115" height="115" border="0" alt="'+ 
				photo.Caption + '" title="' + photo.Caption + '"></a></div>');

			// Thumbnails
			thumbnails.push(
				'<div class="photo thumbnail"  id="icon' + i + '" data-img="' + i + '"><a href="#">'+
				'<img style="background-image: url(' + photo.Icon +
				'); background-size: cover; background-position: 50% 25%;"' + 
				'src="https://w2.chabad.org/images/global/spacer.gif" border="0" alt="'+ 
				photo.Caption + '" title="' + photo.Caption + '"></a></div>');
		}

		Co.DomEvents.AddListener(window, "domload", function()
		{
			if (photoArray.length == 0)
			{
				document.getElementById('photos').innerHTML = 'No photos found';
			}
			else
			{
				document.getElementById('photos').innerHTML = photos.join(' ');
				document.getElementById('thumbnails-panel').innerHTML = thumbnails.join(' ');
				initSlideshow();
			}
		});

		var image_url = FacebookSettings.baseUrl + '/iid/' + photoArray[0].Id;
			
		if(FacebookSettings.HasAlbumId)
		{
			image_url = facebookLikeUrl[0];
		}

		function initSlideshow()
		{					
			Co_Slideshow.initialize();
		}
    </script>
		

<script  language="javascript" type="text/javascript"> Co.Settings      = {CacheClassName:'js-cache-default',MosadName:'The Chabad House'}; Co.ArticleId     = '5963833';Co.SectionId     = 4802572;Co.PartnerSiteId = 0;Co.SiteId        = 9715;Co.IsMobilePage  = false;Co.IsResponsive  = false;Co.DbDomain      = 'TheChabadHouse.net';Co.LanguageCode  = '';Co.LoginStatus   = 'None';</script>
	
	
<style>
    
    /* Container for the new testimonial cards */
        .testimonials-container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); /* Responsive grid */
            gap: 2rem;
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
        }

        /* Individual testimonial card styling */
        .testimonial-card {
            background-color: #ffffff;
            border-radius: 0; /* Square corners */
            padding: 2rem;
            padding-top: 3rem;
            box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.1); /* Right/bottom shadow */
            position: relative;
        }

        /* Profile image styling */
        .testimonial-img {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            object-fit: cover;
            margin: 0 auto 1rem;
            display: block;
            border: 4px solid #fff;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        }

        /* Quote icon styling */
        .quote-icon {
            position: absolute;
            top: -15px;
            left: 1.5rem;
            width: 40px;
            height: 40px;
            border-radius: 0; /* Square */
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .quote-icon svg {
            width: 24px;
            height: 24px;
            fill: #ffffff;
        }
        
        /* Alternating colors for quote icons */
        .quote-icon.blue { background-color: #191970; }
        .quote-icon.gold { background-color: #DE9C14; }

        /* Synopsis/text styling */
        .testimonial-synopsis {
            font-size: 1rem;
            color: #555;
            line-height: 1.6;
            margin-bottom: 1.5rem;
            text-align: center;
            font-size: 1.5rem !important;
        }

        /* Name/Title styling */
        .testimonial-title {
            text-align: center;
            font-size: 1.5rem;
            font-family: 'Arvo', serif;
        }
        
        /* Default colors (Card 1, 3, etc.): Name=Gold, Location=Blue */
        .testimonial-title .name {
            font-weight: 700;
            color: #DE9C14; /* Gold */
        }
        
        .testimonial-title .location {
            font-weight: 700;
            color: #191970; /* Midnight Blue */
        }

        /* Swapped colors (Card 2, 4, etc.): Name=Blue, Location=Gold */
        .testimonial-title.swapped .name {
            color: #191970; /* Midnight Blue */
        }

        .testimonial-title.swapped .location {
            color: #DE9C14; /* Gold */
        }
    </style>

<script>
        // This function contains the logic to transform the widget.
        function transformTestimonials() {
            // Use a stable selector to find the original widget from your CMS.
            const originalWidget = document.querySelector('.widget-4.chabad_updates');

            // If the widget is found and hasn't been transformed yet, proceed.
            if (originalWidget && !originalWidget.classList.contains('transformed')) {
                
                // Mark as transformed to prevent the script from running multiple times.
                originalWidget.classList.add('transformed');

                // 1. Find all the original testimonial items.
                const originalItems = originalWidget.querySelectorAll('.item');
                
                // 2. Create a new container for our styled cards.
                const newContainer = document.createElement('div');
                newContainer.className = 'testimonials-container';

                // 3. Loop through each original item to extract data and build a new card.
                originalItems.forEach((item, index) => {
                    // Extract data from the original item
                    const iconElement = item.querySelector('.icon img');
                    const imgSrc = iconElement ? iconElement.src : 'https://placehold.co/80x80/E5E7EB/333?text=?';
                    const titleElement = item.querySelector('.title');
                    const titleText = titleElement ? titleElement.textContent.trim() : '';
                    const synopsisElement = item.querySelector('.synopsis');
                    const synopsisText = synopsisElement ? synopsisElement.textContent : '';
                    
                    // Create the new card structure
                    const card = document.createElement('div');
                    card.className = 'testimonial-card';
                    
                    const quoteIcon = document.createElement('div');
                    const quoteColorClass = (index % 2 === 0) ? 'blue' : 'gold';
                    quoteIcon.className = `quote-icon ${quoteColorClass}`;
                    quoteIcon.innerHTML = `<svg viewBox="0 0 24 24"><path d="M6 17h3l2-4V7H5v6h3l-2 4zm8 0h3l2-4V7h-6v6h3l-2 4z"></path></svg>`;
                    
                    const profileImg = document.createElement('img');
                    profileImg.className = 'testimonial-img';
                    profileImg.src = imgSrc;
                    profileImg.alt = titleText;
                    profileImg.onerror = function() { this.onerror=null; this.src='https://placehold.co/80x80/E5E7EB/333?text=?'; };

                    const synopsisP = document.createElement('p');
                    synopsisP.className = 'testimonial-synopsis';
                    synopsisP.textContent = synopsisText;
                    
                    const titleDiv = document.createElement('div');
                    titleDiv.className = 'testimonial-title';
                    
                    // Add 'swapped' class to even-numbered cards (2nd, 4th, etc.) for color alternation
                    if (index % 2 !== 0) {
                        titleDiv.classList.add('swapped');
                    }

                    // --- Smartly parse Name and Location ---
                    const knownLocations = ["Bryn Mawr", "Newtown Square", "Haverford"];
                    let name = titleText;
                    let location = '';

                    for (const loc of knownLocations) {
                        if (titleText.endsWith(loc)) {
                            name = titleText.substring(0, titleText.length - loc.length).trim();
                            location = loc;
                            break; // Exit loop once location is found
                        }
                    }
                    // --- End of parsing logic ---

                    titleDiv.innerHTML = `<span class="name">${name}</span> <span class="location">${location}</span>`;
                    
                    // Assemble the new card
                    card.appendChild(quoteIcon);
                    card.appendChild(profileImg);
                    card.appendChild(synopsisP);
                    card.appendChild(titleDiv);
                    
                    // Add the new card to our container
                    newContainer.appendChild(card);
                });

                // 4. Replace the original widget with the new, styled container.
                if (originalWidget.parentNode) {
                    originalWidget.parentNode.replaceChild(newContainer, originalWidget);
                }
                
                // Return true to signal that the transformation is complete.
                return true;
            }
            // Return false if the widget was not found or already transformed.
            return false;
        }

        // Use an interval to repeatedly check for the widget.
        // This is reliable for content that loads dynamically from a CMS.
        const checkInterval = setInterval(function() {
            // Try to run the transformation. If it succeeds, clear the interval.
            if (transformTestimonials()) {
                clearInterval(checkInterval);
            }
        }, 100); // Check every 100 milliseconds.

    </script>
</body>
</html>