<!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="About" />
<meta name="title" content="About - The Chabad House" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="2766791-2766799-4802572-4802573" />
<meta name="article-keywords" content="6760-7592-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="4802573" />
<meta name="article-keyword" content="6760" />
<meta name="article-keyword" content="7592" />
<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/articlecco_cdo/aid/4802573/jewish/About.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="About - The Chabad House" /><link rel="canonical" href="https://www.thechabadhouse.net/templates/articlecco_cdo/aid/4802573/jewish/About.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=2D6ABDDB" id="kfont-awesome" type="text/css"/>
<link rel="Stylesheet" href="/css/DefaultGrid.css?v=A13D74E8" id="kgrid" type="text/css"/>
<link rel="Stylesheet" href="/css/Elements.css?v=7A8278DB" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites.css?v=F6E7C5D2" id="ksites-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites-light.css?v=270C0A6B" id="ksites-light-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/new/main.css?v=FF6B1CBD" 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=43DDBA77" id="k2898" type="text/css"/>
<link rel="Stylesheet" href="/css/bootstrap/grid.css?v=F4390F2B" id="kbootstrap4-grid" type="text/css"/>
<link rel="Stylesheet" href="/css/Library/reader-comments.css?v=8AB57D79" id="kCommentsStylesheet" type="text/css"/>
<link rel="Stylesheet" href="/css/inline/BookInfo.css?v=3D052243" id="kBookInfoCss" type="text/css"/>

<script>$q=[];$j=function(f){$q.push(f);}</script>
	
 
	
	<style type="text/css">
		body{margin:0;}
	</style>
	
	



<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2020-07-06","primaryArticleId":4802573,"title":"","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"Hebrew School of the Arts","contentLevel3":"About","siteName":"The Chabad House"},"time":{"upcomingHoliday":"Chanukah","daysToUpcomingHoliday":29,"hebrewDate":"5787-08-26"}});
		dataLayer.push({ 'articleHierarchy': '-2766791-2766799-4802572-4802573-', 'keywords': '-k20962-k2898-k2170-k8495-k7592-k6760-', 'k': '-2766791-2766799-4802572-4802573--k20962-k2898-k2170-k8495-k7592-k6760-' });
	
</script>
<script>

(function(c,h,a,b,a,d){c[a]=c[a]||[];c[a].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=h.getElementsByTagName(b)[0],
j=h.createElement(b);j.async=true;
j.src='https://w6.chabad.org/mitzvah-tank.js';f.parentNode.insertBefore(j,f);
})(window,document,0,'script','dataLayer');</script>

	<!-- Start of StatCounter Code -->
	<script type="text/javascript">
	var sc_project = 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-container .sneak_peek .widget_content h6 {
  z-index: 0;
}

.sneak-peek-item .widget-1.sneak_peek .wrapper {
    overflow: hidden !important;
    border-radius: 5px !important;
}

#co_ads_container #customizable_promos .sneak_peek[class*="widget-"] .widget_content h6 {
  z-index: 0;

}


#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: transparent !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><script>window.CoaCredit = { target: '#footer-inner' };</script><script src="https://chabadone-assist.netlify.app/v1/credit.js"></script><script type="text/javascript">
document.addEventListener("DOMContentLoaded", function() {

    if (window.location.pathname === "/tools/subscribe/default.htm") {

        var title = document.querySelector("h1.article-header__title");

        if (title) {
            title.textContent = "Subscribe to The Chabad House";
        }

    }

});
</script><title>
	About - The Chabad House
</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 selected">
                        
<a href="/article.asp?aid=4802573" class="parent arrow selected">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">
                        
<a href="/article.asp?aid=5524225" class="parent arrow">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">
                                    
<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" class="content_full_width">
<div class="chabad_left_column content_full_width">

<div detached="true" type="static" id="ContentArea" name="content_area" actions="edit,delete" class="chabad_left_column"><div id="content_page_full" class="content_page_full"><!-- END HEADER -->
			
			
			<div class="clearfix bh mobile-only align_right">ב"ה</div>
			
				<div class="master-content-wrapper " >
					

<header class="article-header cf ">
	
	
			<h1 class="article-header__title js-article-title js-page-title">About</h1>
		
			<div>
				
			</div>
		
</header>
				</div>
			
			<div class="body_wrapper clearfix co_body">
				<div class="" id="co_body_container">
					
					<div id="ContentBody">
						
						
							<div class="content-area-parent no_margin">
								
	<div id="cco_body">
		<div class="content  no_margin no_overflow" id="co_content_container">
			
			
	

	<article class="content js-content" itemscope itemtype="http://schema.org/Article">
	



<meta itemprop="mainEntityOfPage headline name" content="" />

<meta itemprop="image" content="" />


<meta itemprop="uploadDate" content="2020-07-06T08:39:59" />
<span itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
	<meta itemprop="name" content="The Chabad House" />
	<meta itemprop="brand" content="The Chabad House" />
	<span itemprop="logo" itemscope itemtype="http://schema.org/ImageObject">
		<meta itemprop="url" content="https://w2.chabad.org/media/images/1332/wNSx13321970.png" />
		<meta itemprop="height" content="150" />
		<meta itemprop="width" content="150" />
	</span>
</span>
<meta itemprop="datePublished" content="2020-07-06T08:39:59" />
			<div itemprop="articleBody">
				<co:body xmlns:co="www1.chabadonline.com/alpha1" xmlns:ext="urn:xslt-extensions">
  <div class="co_body article-body cf">
<p style="text-align: center;"><strong>Who We Are</strong><br>
<em>A Letter from the Director </em></p>

<p>Imagine a Hebrew School where kids don't want to miss a day. They come in with a smile and leave humming a Hebrew song. Walking through the halls, you can hear the sounds of lively discussion, of singing, laughter and prayer. Imagine a child who feels the warmth and spirit of Judaism. Imagine the pride of his/her parents.</p>

<p>Welcome to Hebrew School of the Arts, an exciting and innovative educational program in Haverford, PA. Hebrew School of the Arts has exciting new programs, a dynamic staff and interested students. Our staff is carefully selected for their broad knowledge of Judaism, dedication and experience in teaching children. Our student body is made up of children from various backgrounds and affiliations.</p>

<p>Our goal is to provide the most positive and productive Hebrew School experience for all Jewish children, regardless of prior knowledge and background, affiliations, or level of observance. We bring the joys, values and traditions of Judaism to life through art, song, dance, drama, games, trips, collaborative learning exercises, and extra-curricular activities. </p>

<p>Our curriculum and program cover all areas Jewish culture, life, traditions, language, and history, in an environment of joy, warmth, and friendship. </p>

<p>The lessons learned here today will stay with your child for a lifetime, imbuing their every day with a sense of pride, purpose, identity, and confidence.</p>

<p>We encourage you, as a parent to get involved, ask questions and keep in touch with our school. If there is anything you would ever like to discuss with me, feel free to call me at 610-353-3835.</p>

<p>Looking forward to a fun and productive year,</p>

<p><em>Rikki Altein</em><br>
Hebrew School Director </p>

</div>
</co:body>
			</div>
			

			<div class="break_floats"></div>
			
	<div class="break_floats"></div>
	

<div class="article_index_container">
	

	<div class="article_index co_index  clearfix">
		<div class="row clearfix">
					<div class="item">
						<div class="item_contents clearfix">
							
							<div class=" no_margin inner">
								<div class="title">
									<a href="/templates/articlecco_cdo/aid/4802577/jewish/Dates-Rates.htm">
										Dates & Rates
									</a>
								</div>
								<div class="subtitle">
									
								</div>
								<div class="synopsis">
									
								</div>
							</div>
						</div>
					</div>
				</div><div class="row clearfix">
					<div class="item">
						<div class="item_contents clearfix">
							
							<div class=" no_margin inner">
								<div class="title">
									<a href="/templates/articlecco_cdo/aid/4802579/jewish/Curriculum.htm">
										Curriculum
									</a>
								</div>
								<div class="subtitle">
									
								</div>
								<div class="synopsis">
									
								</div>
							</div>
						</div>
					</div>
				</div><div class="row clearfix">
					<div class="item">
						<div class="item_contents clearfix">
							
							<div class=" no_margin inner">
								<div class="title">
									<a href="/templates/articlecco_cdo/aid/4802581/jewish/Aleph-Champ.htm">
										Aleph Champ
									</a>
								</div>
								<div class="subtitle">
									
								</div>
								<div class="synopsis">
									
								</div>
							</div>
						</div>
					</div>
				</div><div class="row clearfix">
					<div class="item">
						<div class="item_contents clearfix">
							
							<div class=" no_margin inner">
								<div class="title">
									<a href="/templates/articlecco_cdo/aid/4802614/jewish/BarBat-Mitzvah.htm">
										Bar/Bat Mitzvah
									</a>
								</div>
								<div class="subtitle">
									
								</div>
								<div class="synopsis">
									
								</div>
							</div>
						</div>
					</div>
				</div>
		
		
		
	</div>
	<div class="vertical_padding">
	
	</div>
</div>

<div class="content-footer">
	
	
	
	
	
	
</div>
	</article>

		</div>
	</div>
</div>
						
						<div class="break_floats"></div>
						
					</div>
				</div>
				
				
				
			</div>
			
			<!-- BEGIN FOOTER --></div></div>
</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%2farticlecco_cdo%2faid%2f4802573%2fjewish%2fAbout.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=About+-+The+Chabad+House&amp;url=https%3a%2f%2fwww.thechabadhouse.net%2ftemplates%2farticlecco_cdo%2faid%2f4802573%2fjewish%2fAbout.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=About+-+The+Chabad+House https%3a%2f%2fwww.thechabadhouse.net%2ftemplates%2farticlecco_cdo%2faid%2f4802573%2fjewish%2fAbout.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%2farticlecco_cdo%2faid%2f4802573%2fjewish%2fAbout.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dpinterest&amp;description=About+-+The+Chabad+House">
				<i class="fa fa-pinterest"></i>
			</a>
<a class="page-tools__tool" onclick="showEmailLayer(this);">
<i class="fa fa-envelope"></i>
</a>
</div>
<div class="page-tools__section page-tools__section--other js-page-tool-other">
<div class="page-tools__tool popover-parent d-lg-block">
<div class="popover popover--right align_left nowrap">
<div class="popover__content">
<label class="bold bottom_margin block">
Print Options:
</label>
<form class="vcenter" name="print-form" onsubmit="coPrint(event, 4802572);return false;">
<div>
<label><input type="checkbox" name="print-green"><span title="Save paper and ink">Print without images <i class="fa fa-leaf text-green"></i></span></label>
</div>
<br/>
<div class="center">
<button class="co-button page-tools__print-button">Print</button>
</div>
</form>
</div>
</div>
<i class="fa fa-print"></i>
</div>
</div>
</div>
<div class="js-fab-wrapper fab-wrapper">
<div class="fab">
<i class="fab-icon"></i>
</div>
</div>
</aside>
<!-- END CACHE -->
	</div>

	</div>

	<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=AD4120C1"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js?v=4B581AE6"></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/multimedia/infolayer.js?v=ED1B8531"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/article/comments/reply-form-controller.js?v=E103C07F"></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/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/custom/deprecated.js?v=ECED4238"></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  language="javascript" type="text/javascript"> Co.Settings      = {CacheClassName:'js-cache-default',MosadName:'The Chabad House'}; Co.ArticleId     = '4802573';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>