<!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/1240/DTBt12409678.png" itemprop="image" width="350" height="350" />
<meta property="og:image:width" content="350" />
<meta property="og:image:height" content="350" />
<meta name="keywords" content="Chapters,51-53:,Why,God,Created,this,World" />
<meta name="title" content="Chapters 51-53: Why G-d Created this World - Chabad of Palm Beach Gardens" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="397951-397959-6774312-5656252-5657194-6037430-6037459" />
<meta name="article-keywords" content="8495-2170-2898-20962" />
<meta name="scope-aid" content="397951" />
<meta name="scope-aid" content="397959" />
<meta name="scope-aid" content="6774312" />
<meta name="scope-aid" content="5656252" />
<meta name="scope-aid" content="5657194" />
<meta name="scope-aid" content="6037430" />
<meta name="scope-aid" content="6037459" />
<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.jewishgardens.com/templates/articlecco_cdo/aid/6037459/jewish/Chapters-51-53-Why-G-d-Created-this-World.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Chapters 51-53: Why G-d Created this World - Chabad of Palm Beach Gardens" /><link rel="canonical" href="https://www.jewishgardens.com/templates/articlecco_cdo/aid/6037459/jewish/Chapters-51-53-Why-G-d-Created-this-World.htm" />
<link rel="image_src" href="https://w2.chabad.org/media/images/1240/DTBt12409678.png" />
<link rel="icon" type="image/png" href="https://www.jewishgardens.com/media/images/1316/YEEV13168537.png" />
<link rel="Stylesheet" href="/css/fonts/font-awesome/font-awesome-5.css?g=20&v=98662BF4" id="kfont-awesome" type="text/css"/>
<link rel="Stylesheet" href="/css/DefaultGrid.css?g=20&v=44B79007" id="kgrid" type="text/css"/>
<link rel="Stylesheet" href="/css/Elements.css?g=20&v=E669C926" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites.css?g=20&v=A6ADC6CE" id="ksites-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/new/main.css?g=20&v=2B7F734E" id="k7" type="text/css"/>
<link rel="Stylesheet" href="https://w2.chabad.org/css/cco/minisites/global.css" id="k20962" type="text/css"/>
<link rel="Stylesheet" href="/css/old/global.css?g=20&v=F7C22456" id="k2898" type="text/css"/>
<link rel="Stylesheet" href="/css/bootstrap/grid.css?g=20&v=B92FCAD8" id="kbootstrap4-grid" type="text/css"/>
<link rel="Stylesheet" href="/css/Library/reader-comments.css?g=20&v=5F31D0D8" id="kCommentsStylesheet" type="text/css"/>
<link rel="Stylesheet" href="/css/inline/BookInfo.css?g=20&v=14B88022" id="kBookInfoCss" type="text/css"/>

<script>$q=[];$j=function(f){$q.push(f);}</script>
	
 
	
	<style type="text/css">
		body{margin:0;}
	</style>
	
	



<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2023-08-02","primaryArticleId":6037459,"title":"","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"Learn","contentLevel3":"Wisdom Center","contentLevel4":"Seminars","contentLevel5":"Tanya - Foundational Jewish Wisdom","contentLevel6":"Chapters 51-53: Why G-d Created this World","siteName":"Chabad of Palm Beach Gardens"},"time":{"upcomingHoliday":"Shavuot","daysToUpcomingHoliday":16,"hebrewDate":"5786-02-19"}});
		dataLayer.push({ 'articleHierarchy': '-397951-397959-6774312-5656252-5657194-6037430-6037459-', 'keywords': '-k20962-k2898-k2170-k8495-', 'k': '-397951-397959-6774312-5656252-5657194-6037430-6037459--k20962-k2898-k2170-k8495-' });
	
</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 = 1690646;var sc_partition = 2;var sc_invisible = 1;var sc_remove_link=1;var sc_security = "282cd69e";var sc_https = 1;
	</script>
	<script type="text/javascript" src="https://secure.statcounter.com/counter/counter_xhtml.js" defer async></script>
	<noscript><img src="//c3.statcounter.com/counter.php?sc_project=1690646&amp;java=0&amp;security=282cd69e&amp;invisible=1" border="0" /> </noscript>
	<!-- End of StatCounter Code -->


<link href="https://fonts.cdnfonts.com/css/hvdtrial-brandon-text" rel="stylesheet">
<link rel="icon" type="image/png" href="https://w2.chabad.org/media/images/1094/cncQ10944896.png">
<meta name="google-site-verification" content="Z2VRgy1PyXGdHOo-0dUDD6w_Hj2sGkpPgv2Cu_0Y1Ss">

<style>
/* Site Wide Style */
.cycle-html-caption{
color: #3784A2;
}
.branding-search #header_branding.logo img {
width: 100%;
height: auto; 
}
.bold, .co_index .item .co_nestedIndex .child_title b a {
font-weight: 700;
color: #3784A2;
}
.blue, .blue a, .co_body .content .blue a {
color: #3784A2;
}
/* Site Wide Style */
p {
font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
}
/* Donation Page Styles */
/* Base styles */
.content-box.full-row.intro-wrapper .col.flex-1 .description {
/* Typography */
font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
font-size: 1.5rem;
line-height: 1.6;
/* Text alignment */
text-align: left;
/* Spacing */
margin: 1.5rem 0;
padding: 0.75rem 0;
}
.content-box.full-row.intro-wrapper .col.flex-1 .description::after {
content: "\A Chabad of Palm Beach Gardens is a 501(c)(3) and your contribution may be tax deductible. Consult a tax professional to learn more. EIN 20-5197484";
display: block;
font-size: 1.15rem;
font-weight: 700;
margin-top: .4rem;
white-space: normal; /* Changed from pre to normal to allow wrapping */
overflow-wrap: break-word; /* Ensures long words break if needed */
word-wrap: break-word; /* For broader browser support */
max-width: 100%; /* Ensures content doesn't overflow container */
}
/* Tablet devices */
@media screen and (max-width: 768px) {
.content-box.full-row.intro-wrapper .col.flex-1 .description {
font-size: 1rem;
margin: 1.25rem 0;
padding: 0.5rem 0;
}
.content-box.full-row.intro-wrapper .col.flex-1 .description::after {
font-size: 1rem;
}
}
/* Mobile devices */
@media screen and (max-width: 480px) {
.content-box.full-row.intro-wrapper .col.flex-1 .description {
font-size: 0.9375rem;
line-height: 1.5;
margin: 1rem 0;
padding: 0.25rem 0;
}
.content-box.full-row.intro-wrapper .col.flex-1 .description::after {
font-size: 0.9rem;
line-height: 1.4;
}
}
/* For very small screens */
@media screen and (max-width: 320px) {
.content-box.full-row.intro-wrapper .col.flex-1 .description {
font-size: 0.875rem;
}
}
/* Show Synopsis for Indexes */
.article_index_container .co_index.article_index .row .item .synopsis {
display: block; /* or whatever display value you want */
}
</style>
<style>

.mishpacha-PBG-nav-main-cluster {
display: flex;
align-items: center;
gap: 30px; 
}
.chabad_navigator_bar {
display: flex;
gap: 25px;
}
.chabad_navigator_bar ul#menu {
display: flex;
gap: 25px;
}
.chabad_navigator_bar ul#menu > .item {
list-style: none;
}
.chabad_navigator_bar ul#menu > .item > a {
font-family: "HvDTrial Brandon Text", "HvDTrial Brandon Text Placeholder", sans-serif;
font-size: 16px;
font-weight: 700;
color: rgb(255, 255, 255);
text-transform: uppercase;
letter-spacing: 0.05em;
text-decoration: none;
}
.chabad_navigator_bar a.arrow {
background-image: none !important; /* Removes dropdown arrows */
padding-right: 0 !important;
}
.mishpacha-PBG-nav-button {
background-color: #de8081;
padding: 0px 20px;
border-radius: 5px;
cursor: pointer;
text-transform: uppercase;
color: white;
font-weight: bolder;
}
.mishpacha-PBG-text-style-4 { 
font-family: 'Libre Caslon Text'!important;
color: #DE8081 !important;
font-size: 25px !important;
}
.mishpacha-PBG-nav-button a {
text-decoration: none;
}
/* This makes the main navigation item a positioning reference for its dropdown */
.chabad_navigator_bar ul#menu > .item {
position: relative;
}
/* This hides the dropdown menu by default */
.chabad_navigator_bar .sub_menu {
display: none; 
position: absolute;
top: 100%; /* Position it right below the parent item */
left: 0;
background-color: #414042; /* Match the nav bar background */
padding: 10px;
border-radius: 5px;
z-index: 1000; /* Ensure it appears above other content */
min-width: 200px; /* Give the dropdown some width */
}
/* This rule makes the dropdown menu appear when you hover over its parent item */
.chabad_navigator_bar ul#menu > .item:hover > .sub_menu {
display: block;
}
/* Basic styling for the links inside the dropdown */
.chabad_navigator_bar .sub_menu ul {
padding: 0;
margin: 0;
}
.chabad_navigator_bar .sub_menu li {
list-style: none;
}
.chabad_navigator_bar .sub_menu li a {
color: white;
padding: 8px 12px;
display: block;
text-decoration: none;
font-size: 15px;
}
.chabad_navigator_bar .sub_menu li a:hover {
background-color: rgba(255,255,255,0.1);
}
@media ( min-width: 768px) {
#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.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.no_margin.g960.no_margin > div > div.hp-row.hp-row-first{ padding-top: 12vh !important;}
#tabContentMain > td.co_menu_item.donate_link > span{ display: none;}
}
</style>
<style>

.hp-table .hp-row-first .promo_slider .slider .cycle-caption big,.sneak-peek-container .sneak_peek .widget_content h6 a { font-family: "HvDTrial Brandon Text", "HvDTrial Brandon Text Placeholder", sans-serif !important;}
.hp-table .hp-row-first .promo_slider .slider .cycle-caption big { color: white !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.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.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.header-title { display : none}
@media( min-width : 768px) {
#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.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.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) > div > div:nth-child(1) > div > div > a.read-more-link > p, #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.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.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) > div > div:nth-child(2) > div > div > a.read-more-link > p, #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.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.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(8) > div > div > div > div > a.read-more-link > p {
    display: block !important;
    position: absolute !important;
    margin-top: -13% !important;
    font-family: "HvDTrial Brandon Text", "HvDTrial Brandon Text Placeholder", sans-serif !important;
    background: #2E708B !important;
    width: 150px !important;
    margin-left: 45% !important;
    color: white !important;
    font-size: 20px !important;
    text-wrap: unset !important;
    word-wrap: unset !important;
    text-align: center !important;
    word-break: unset !important;
    z-index: 10 !important;
    padding: 15px !important;
    font-weight: 400 !important;
    white-space: nowrap !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.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.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) > div > div:nth-child(1) > div > div > h6,#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.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.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) > div > div:nth-child(2) > div > div > h6, #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.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.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(8) > div > div > div > div > h6 { justify-content: flex-start !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.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.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) > div > div:nth-child(1) > div > div > h6 > 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.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.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) > div > div:nth-child(2) > div > div > h6 > a { width: 220px !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.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.g960.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(8) > div > div > div > div > h6 > a { justify-content: flex-start !important;} 
}

@media ( max-width : 768px){
  .site-nav-wrapper { background: black !important;}
}
</style>

<style>
.header-title, .widget_header.widget_header h5 { color: #2E708B !important; font-family: "HvDTrial Brandon Text" !important;}

.latest_photos .readMore span{  background: #2E708B !important; color: white !important; padding: 10px !important;}
.latest_photos .readMore span{ border: unset !important;}
</style>


<script>
       document.addEventListener('DOMContentLoaded', function() {
    // Use a timeout to ensure this script runs after any other page-building scripts
    setTimeout(function() {
        // Find all sneak-peek containers on the page
        const containers = document.querySelectorAll('.sneak-peek-container');

        // Loop through them to find the correct one
        containers.forEach(container => {
            const header = container.querySelector('.header-title');
            
            // Check if this is the "Wisdom For Everything" section
            if (header && header.textContent.trim() === 'Wisdom For Everything') {
                
                // Check if a subtitle has already been added to prevent duplicates
                if (container.querySelector('.subtitle')) {
                    return; 
                }

                // Create the new subtitle div
                const newSubtitle = document.createElement('div');
                newSubtitle.className = 'subtitle';
                newSubtitle.textContent = 'Let Your Feeling Guide Your Journey';
                
                // Apply the requested styles directly
                newSubtitle.style.fontFamily = "'HvDTrial Brandon Text', sans-serif";
                newSubtitle.style.color = 'black';
                newSubtitle.style.textAlign = 'center'; // Center the text
                newSubtitle.style.fontSize = '2.2rem'; // Give it a suitable size
                newSubtitle.style.marginBottom = '2rem'; // Add some space below it

                // Insert the new subtitle div right after the header title
                header.insertAdjacentElement('afterend', newSubtitle);
            }
        });
    }, 200); // 200ms delay for safety
});

    </script><script type="text/javascript">
/*
    // Remove "https://" from the hostname check
    if (window.location.hostname === "www.jewishgardens.com" || window.location.hostname === "jewishgardens.com") {
        window.location.replace("https://wordpress-1429673-6170100.cloudwaysapps.com" + window.location.pathname);
    }
*/
</script><title>
	Chapters 51-53: Why G-d Created this World - Chabad of Palm Beach Gardens
</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.JewishGardens.com" style="display:block!important;font-size:14px !important;">&laquo; Back to&nbsp;Chabad of Palm Beach Gardens</a></div>
	
	<div class="cco_templatelates_content">
		
	<div class="co_content_container clearfix local_content" id="co_content_container">
		<div class="clearfix">
			<!-- BEGIN HEADER --><style type="text/css">    @import url("https://fonts.googleapis.com/css?family=Abril+Fatface|Montserrat:300,400|Oswald|Anton|Yellowtail");
    /* Light Text for dark background - To change the color of the text, delete "white" and put a new color */
    .headerTitle, .headerSubTitle, .widget_content, .indexsection .title,.header-desc,.bannerCta button,.custom-mini-banner,.co_calendar_text {color:white;} 
    
    /* Dark Text for medium background. To change the color of the text, delete "#000000" and put a new color */
    #navigation li.parent a.parent:hover,#navigation li.parent a.parent:hover+.sub_menu_toggle, #navigation li.parent .sub_menu .item a:hover, #navigation li.parent.selected a.parent, .sub_menu .item a:hover {color: #000000;} 
    
    /* Dark Text for light background. To change the color of the text, delete "#66635B" and put a new color */
    .custom_message .title, .prepResource-title,.co_photo_gallery_head,.co_calendar_head,.footer {color:#66635B;}
    
    /* Light background for dark text. To change the color of the background, delete "#d5d0c4" and put a new color */
    .footer, #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),.custom-mini-banner .mini-banner-1, .custom-mini-banner .mini-banner-2 {
    background-color:#d5d0c4;}
    
    /* Medium background for light text - To change the color, delete "#a59e8c" and put a new color */
     #navigation li.parent a.parent, #navigation li.parent .sub_menu .item a, #navigation li.parent .sub_menu ul li,div#chabad_head .chabad_navigator_bar,.custom-mini-banner .mini-banner-1, .custom-mini-banner .mini-banner-2 {background-color:#a59e8c;}
    @media only screen and (max-device-width: 1024px) {div#chabad_head .chabad_navigator_bar ul li {background-color:#A59E8C;}}
    
    
    /* Dark background for light text. To change the color of the background, delete "#66635B" and put a new color */
    .bannerCta button, #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;}
    
    @media only screen and (max-device-width:650px){
    #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(6), #co_calendar div.co_calendar_body .item:nth-child(8){
    background-color:#66635B;}}
    
    @media only screen and (max-device-width:650px){
    #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(5), #co_calendar div.co_calendar_body .item:nth-child(7){
    background-color:#d5d0c4;}}
    
    
    /* Start of desktop CSS */
    .section_root div#ContentBody .content-area-parent  {   display: flex;  flex-wrap: wrap;    justify-content: center;    gap: 10px;}
.headerTitle, .headerSubTitle{color: #000000};
    .chabad_header .headerTitle,.headerSubTitle,.custom_message .title,.prepResource-title,.indexsection .title,.co_calendar_head,.co_photo_gallery_head{font-family: Oswald, Arimo, sans-serif!important;}                 
    .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; font-size: 15pt; padding-left: 50px; text-decoration: none; line-height: 40px; height: 40px}
    .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) right 5px center no-repeat}
    .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}
    .feature_caption,.feature_caption a,.features_title{font-family: Oswald, Arimo, sans-serif; color: #66635B;}
    .features_title{margin-bottom: 10px}div#chabad_main_content 
    .cco_templateless_template{background-image: none; background-color: inherit}
    .chabad_header .headerTitle{font-size: 70pt; padding-top: 100px; line-height: 130px;position:relative;z-index:2;} 
    .chabad_header img{position:absolute; background-position: right bottom; background-repeat: no-repeat; background-color: rgba(255, 255, 255, .2); background-blend-mode: screen; left:0px;z-index:1;object-fit: cover;width: 100%;height: 450px;}
    .article-header__subtitle,.article-header__title{color: #66635b; font-family: Montserrat, sans-serif}
    .headerSubTitle{font-size: 27pt;position:relative;z-index:2;}
    .header-desc{font-size: 23pt; font-weight: lighter; font-family: Montserrat, sans-serif;position:relative;z-index:2;}
    div#chabad_head .chabad_navigator_bar{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: 17px; 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 a{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;}
    #navigation li.parent a.parent{transition: all .5s;}
    .arrow{transition: none!important}
    .sub_menu .item a{border-right: 0!important; max-width: 100%!important}
    .large_banner{border: 1px solid #c3c1b8; overflow: hidden; position: relative; margin-left: auto; margin-right: auto;margin-bottom: 20px;}
    .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-bottom:50px; 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}
    #co_calendar,#co_photo_gallery{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_date {font-weight: bold;margin-bottom: 15px;}
    .co_date::after {content: ""}
    .co_title_calendar a {font-size: 15pt;}
    .co_text_calendar{padding-top: 10px}
    .co_photo_gallery{text-align: center}
    .co_photo_gallery a{display: inline; margin: 0}
    .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%}
    .section_branch .chabad_header {height: 300px;}
    .section_branch .chabad_header img {height: 300px;}
    .section_branch .chabad_header .headerTitle {padding-top: 30px;}
    .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;}
    .co_photo_gallery_footer{display: none}
    #footerContainer,.footer{margin-top: 0; padding: 10px; text-align: center; width: 100%; font-family: Montserrat, sans-serif}
    .large_bottom_margin{margin: 20px}
    .g960{margin: 0 auto}
    body.mobile div#co_calendar {margin-bottom:50px;}
    body.mobile div#co_photo_gallery{margin-top:0px;margin-bottom:50px;}
    .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}
    .indexsection .title {text-align: left}
    .section_root #co_body_container{text-align: center}
    .sub_menu{visibility: visible}
    div#chabad_head .chabad_navigator_bar ul li{color: #fff; background-color:#fff;}
    .cco_templateless_page #chabad_main_content{background-image:url(https://w2.chabad.org/media/images/1182/hQdD11822586.jpg);background-blend-mode: screen; background-size: contain; background-color: rgba(255, 255, 255, .7)}
    .article-header__title,.read-more_link,.titleIcon{text-align: center}
    .titleIcon img{display: none}
    .bannerCta button,.custom_message .title,.read-more_link a,.sPromo-wrap .caption,[class=widget-]{text-transform: uppercase}
    .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%;  object-fit: cover; opacity: 1; display: block; width: 100%; transition: .5s ease; backface-visibility: hidden}
    .sPromo-wrap .caption{font-family: Oswald, Arimo, sans-serif;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}
    .sPromo-flex {max-height: 250px;    flex: 1 1 250px;    min-width: 200px;   max-width: 500px;   text-align: center; display: inline-block;  position: relative; border: 1px solid #c3c1b8;}
    .sPromo-flex a {    position: absolute; width: 100%;    height: 100%;   left: 0;    right: 0;   z-index: 1;}
    .sPromo-flex img {  height: 100%;   object-fit: cover;  opacity: 1; display: block; width: 100%;    transition: .5s ease;   backface-visibility: hidden;}
    div#chabad_main_content{width: 100%}
    .article-header__title{font-size: 30px; color: #66635b; font-family: Montserrat, sans-serif}
    .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-bottom:50px}
    .custom_message .message{font-family: Montserrat, sans-serif; font-size: 16pt; margin: 0 auto; text-align: center; padding: 25px}
    .photo_title{font-size: 20pt; text-transform: uppercase; 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}
    
    .chabad_header{height: 450px; text-align: center; background-position: right bottom; background-repeat: no-repeat; background-color: rgba(255, 255, 255, .2); background-blend-mode: screen}
    .indexsection{padding: 0 100px}
    .indexsection .title{text-transform: uppercase; font-size: 20pt; text-align: left}
    .indexsection .read-more_link{margin: 25px 0; width: 15%}
    .indexsection .custom_message{padding: 25px}
    .indexsection .message{padding: 20px 0; text-align: left; font-family: Montserrat, sans-serif!important; color: #000}
    .indexsectionImg img{width: 40%; float: right}
    .custom-mini-banner .banner-box{display: inline-block}
    .custom-mini-banner{margin:0px 0px 50px 0px;font-family: Montserrat, sans-serif; text-transform: uppercase;padding-left: 100px;padding-right: 100px;}
    .custom-mini-banner .mini-banner-1,.custom-mini-banner .mini-banner-2{margin: 10px 0 2px}
    .custom-mini-banner .banner-box{padding: 20px 35px; vertical-align: middle; text-align: left; box-sizing: border-box}
    .custom-mini-banner .banner-box .title{font-weight: 700; display: inline-block; font-size: 18px}
    .custom-mini-banner .banner-box .desc{font-size: 11px; line-height: 16px; padding-top: 6px;}
    .prepResource-title{font-size: 20pt; text-align: center; text-transform: uppercase;}
    .mobile div#chabad_head .chabad_navigator_bar ul li {background-color:inherit;}
    
    /* End of desktop CSS */
    
    
    /* Start of Media Queries */
    
    @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:25%}#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) and (max-width:650px) {.small_promos {flex-wrap: wrap; justify-content: center}}
    @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-image:none; height: 250px;display:block!important}
    .chabad_header img {background-size: cover; background-position: center 0; background-attachment: inherit; height: 250px;}
    .headerTitle {padding-top:50px;}
    .headerSubTitle, .header-desc {font-size: 20pt}
    .header-desc {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: 13pt; padding: 10px;} 
    #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}
    .chabad_header div.headerTitle {font-size: 43px; line-height: 70px;padding-top: initial}
    .indexsection, .indexsection .custom_message {padding: 10px}
    .indexsection .message, .indexsection .title {text-align: center}
    .indexsection .read-more_link {width: 100%}
    .indexsectionImg img {float: none; width: 75%}
    .sPromo-wrap {margin: 8px auto}
    .textWrapper {background: rgba(255, 255, 255, .75)}
    .textWrapper .big {color: #000}
    .custom-mini-banner .banner-box .desc {width: 100%}
    .custom-mini-banner .banner-box {display: block; width: 100%; padding: 10px}
    .custom-mini-banner{padding-left:0px;padding-right:0px;}}
    @media only screen and (max-device-width:1024px) {
    #co_calendar .item .calendar-width, .calendar-width {max-width: 936px}
    #co_calendar .item .normal-width {width: 300px} 
    #co_calendar .item .normal-width.last {width: 600px} 
    #co_calendar .item.medium-width, #co_calendar .item.small-width {width: 203px} 
    #co_calendar .item.normal-width {width:25%;}
    #co_calendar .item.large-width {width: 300px}
    div#chabad_body_content {background-color: #fff}
    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}
    body.mobile .chabad_navigator_bar #menu .item.heading a {background: url('https://w2.chabad.org/images/shluchim/minisites/down_triangle_white.gif') no-repeat right center} 
    body.mobile .chabad_navigator_bar .sub_menu_toggle {background: url(https://w2.chabad.org/images/shluchim/minisites/down_triangle_white.gif) 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}
    div#chabad_head .chabad_navigator_bar ul li ul li {min-height: 0}
    body.mobile #navigation.chabad_navigator_bar #menu {width: 100%} 
    .cco_templateless_page #chabad_main_content{background-image:url(https://w2.chabad.org/media/images/1182/hQdD11822586.jpg);background-blend-mode: screen; background-size: contain; background-color: rgba(255, 255, 255, .7)}
    .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%}
    .arrow:hover {background: 0 0}
    .sPromo-wrap .caption {max-width: 100%} 
    .custom_message .message {width: 100%}
    .co_content {width: 100%}
    .chabad_header {background-position: bottom center; background-attachment: inherit}
    .chabad_header .headerTitle {padding-top: 100px}
    .header-desc {padding-bottom: 75px} 
    .cco_templateless_page .chabad_header, .chabad_header {background-blend-mode: screen; background-position: left bottom; background-color: rgba(147, 100, 33, .3)}
    .header-desc {padding-bottom: 50px}}
    
</style>


<div id="chabad_body_page">
<div id="chabad_main_content">
<div id="chabad_head">


<div class="chabad_header">

<img src="https://jewishgardens.com/media/images/1311/UrtC13111852.png" alt="Welcome!" />
<div class="headerTitle">
<a href="/5656252" style="text-decoration: none;">
Wisdom Center</a></div>
<div class="headerSubTitle">
Explore the depths of Jewish wisdom through Rabbi Dovid Vigler's diverse collection of teachings</div>
<div class="header-desc">
 </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=5656252" class="parent">Home</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=6480454" class="parent">Biography</a>
|
</li>
<li class="item parent arrow">
<a href="/article.asp?aid=5657194" class="parent arrow">Seminars</a>
<div class="sub_menu">
<ul>
<li class="item first">
<a href="/article.asp?aid=6037430">Tanya - Foundational Jewish Wisdom</a>
</li>
<li class="item">
<a href="/article.asp?aid=4718856">Gates of Trust</a>
</li>
<li class="item">
<a href="/article.asp?aid=5712510">DIY High Holidays Crash Course</a>
</li>
<li class="item">
<a href="/article.asp?aid=5662785">To Know G-d </a>
</li>
<li class="item">
<a href="/article.asp?aid=5664263">Garments of the Soul</a>
</li>
<li class="item">
<a href="/article.asp?aid=5666169">Modern Day Mitzvahs</a>
</li>
<li class="item">
<a href="/article.asp?aid=5666249">Kosher Crash Course</a>
</li>
<li class="item">
<a href="/article.asp?aid=5666267">The Meaning of Dreams</a>
</li>
<li class="item">
<a href="/article.asp?aid=5666301">Paradigm Shift</a>
</li>
<li class="item">
<a href="/article.asp?aid=5671787">Moshiach Explained</a>
</li>
<li class="item">
<a href="/article.asp?aid=5677259">Daily Mitzvah Minute</a>
</li>
<li class="item">
<a href="/article.asp?aid=5711630">DIY Chanukah Crash Course</a>
</li>
<li class="item">
<a href="/article.asp?aid=6107255">Hebrew Reading, Meditation & Spirituality</a>
</li>
<li class="item last">
<a href="/article.asp?aid=6107451">Biblical History</a>
</li>
</ul>
</div>
|
</li>
<li class="item parent arrow">
<a href="/article.asp?aid=5657084" class="parent arrow">Books</a>
<div class="sub_menu">
<ul>
<li class="item first">
<a href="/article.asp?aid=5657034">If G-d Is Good, Why Can Life Be So Bad?</a>
</li>
<li class="item last">
<a href="/article.asp?aid=5657088">Our Family Tree</a>
</li>
</ul>
</div>
|
</li>
<li class="item parent arrow">
<a href="/article.asp?aid=5657278" class="parent arrow">Jewish Learning Institute</a>
<div class="sub_menu">
<ul>
<li class="item first">
<a href="/article.asp?aid=5853396">Jewpernatural</a>
</li>
<li class="item">
<a href="/article.asp?aid=5666125">Meditation From Sinai</a>
</li>
<li class="item">
<a href="/article.asp?aid=5994235">Book Smart</a>
</li>
<li class="item">
<a href="/article.asp?aid=6011170">My G-d</a>
</li>
<li class="item">
<a href="/article.asp?aid=6014338">Worrier to Warrior</a>
</li>
<li class="item">
<a href="/article.asp?aid=6016789">Outsmarting Antisemitism</a>
</li>
<li class="item">
<a href="/article.asp?aid=6017867">This Can Happen</a>
</li>
<li class="item">
<a href="/article.asp?aid=6059958">Journey of the Soul</a>
</li>
<li class="item">
<a href="/article.asp?aid=6076054">Beyond Right</a>
</li>
<li class="item">
<a href="/article.asp?aid=6130862">Strength and Struggle</a>
</li>
<li class="item">
<a href="/article.asp?aid=6163362">Crime and Consequence</a>
</li>
<li class="item">
<a href="/article.asp?aid=6234644">The World of Kabbalah</a>
</li>
<li class="item">
<a href="/article.asp?aid=6369952">Advice for Life</a>
</li>
<li class="item">
<a href="/article.asp?aid=6437454">Decisions of Fate</a>
</li>
<li class="item">
<a href="/article.asp?aid=6932837">Nurturing Relationships</a>
</li>
<li class="item">
<a href="/article.asp?aid=6932855">Decoding the Talmud</a>
</li>
<li class="item last">
<a href="/article.asp?aid=6932918">Colorful Profiles</a>
</li>
</ul>
</div>
|
</li>
<li class="item parent arrow">
<a href="/article.asp?aid=6256144" class="parent arrow">Rosh Chodesh Society</a>
<div class="sub_menu">
<ul>
<li class="item first">
<a href="/article.asp?aid=6256153">One Wow Moment</a>
</li>
<li class="item last">
<a href="/article.asp?aid=6929388">A Work of Heart</a>
</li>
</ul>
</div>
|
</li>
<li class="item parent arrow">
<a href="/article.asp?aid=6735462" class="parent arrow">YouTube & Podcasts</a>
<div class="sub_menu">
<ul>
<li class="item first">
<a href="/article.asp?aid=6715397">YouTube</a>
</li>
<li class="item">
<a href="/article.asp?aid=6735454">The Personal Tanya Podcast</a>
</li>
<li class="item">
<a href="/article.asp?aid=6735470">The Practical Tanya Podcast</a>
</li>
<li class="item last">
<a href="/article.asp?aid=6760815">If G-D Is Good, Why Can Life Be So Bad? V'yodato-Moskva</a>
</li>
</ul>
</div>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=5666179" class="parent">Contact Us</a>
</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">Chapters 51-53: Why G-d Created this World</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="thumbnailUrl" content="https://w2.chabad.org/media/images/1240/DTBt12409678.png" />
	
<meta itemprop="uploadDate" content="2023-08-02T01:52:37" />
<span itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
	<meta itemprop="name" content="Chabad of Palm Beach Gardens" />
	<meta itemprop="brand" content="Chabad of Palm Beach Gardens" />
	<span itemprop="logo" itemscope itemtype="http://schema.org/ImageObject">
		<meta itemprop="url" content="https://w2.chabad.org/media/images/1316/YEEV13168537.png" />
		<meta itemprop="height" content="150" />
		<meta itemprop="width" content="150" />
	</span>
</span>
<meta itemprop="datePublished" content="2023-08-02T01:52:37" />
			<div itemprop="articleBody">
				<co:body xmlns:co="www1.chabadonline.com/alpha1" xmlns:ext="urn:xslt-extensions">
  <div class="co_body article-body cf">
<style type="text/css">

.video-container {
    overflow: hidden;
    position: relative;
    width:100%;
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
</style>
<p style="text-align: center;"> </p>

<p style="text-align:center">
<a href="/article.asp?AID=6037430" hreftext="article">
<img alt="" height="100" src="https://w2.chabad.org/media/images/1240/GWkD12409674.png" width="200"></a></p>

<p> </p>

<p style="text-align: center;">
<span style="font-size:24px;">
<strong>TANYA CHAPTERS 51-53<br>
(VIDEOS NUMBERS 95-98)<br>
WATCH BELOW</strong></span></p>

<hr>
<p class="video-container">
<iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="395" src="https://www.youtube.com/embed/vPqrMBeNrY4?list=PLbXLbpI1uiE-arWL3CRLTnpGf0rw1eXKX" title="95. Tanya: Chapter 51a - Tying It All Together" width="702"></iframe>
    </p>

<p class="video-container">
<iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="395" src="https://www.youtube.com/embed/5LEUiAqBzds?list=PLbXLbpI1uiE-arWL3CRLTnpGf0rw1eXKX" title="96. Tanya: Chapter 51b-52a - Tying It All Together" width="702"></iframe>
    </p>

<p class="video-container">
<iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="395" src="https://www.youtube.com/embed/65rrzdie21M?list=PLbXLbpI1uiE-arWL3CRLTnpGf0rw1eXKX" title="97. Tanya: Chapter 52b - The Uniqueness of Torah - A Whole New Perspective" width="702"></iframe>
    </p>

<p class="video-container">
<iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="395" src="https://www.youtube.com/embed/wOP4LKFrPUI?list=PLbXLbpI1uiE-arWL3CRLTnpGf0rw1eXKX" title="98. Tanya: Chapter 53 - The Brilliant Candle Metaphor Decoded (Concluding The First Part of Tanya)" width="702"></iframe>
    </p>

<p style="text-align:center">
<a href="/article.asp?AID=6037430" hreftext="article">
<img alt="" height="100" src="https://w2.chabad.org/media/images/1240/GWkD12409674.png" width="200"></a></p>
<quillbot-extension-portal></quillbot-extension-portal>

</div>
</co:body>
			</div>
			

			<div class="break_floats"></div>
			
	<div class="break_floats"></div>
	

<div class="content-footer">
	<!-- END CACHE -->
	
	
	
		<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 ">
			
			<a class="link_item" href="/templates/articlecco_cdo/aid/6035948/jewish/Chapters-1-8-GETTING-TO-KNOW-YOUR-SOUL.htm" data-aid="6035948">Chapters 1-8: GETTING TO KNOW YOUR SOUL</a>
		</li>
		
	
		<li class="small-links__item ">
			
			<a class="link_item" href="/templates/articlecco_cdo/aid/6037449/jewish/Chapters-9-17-The-Struggle-of-Two-Souls.htm" data-aid="6037449">Chapters 9-17: The Struggle of Two Souls</a>
		</li>
		
	
		<li class="small-links__item ">
			
			<a class="link_item" href="/templates/articlecco_cdo/aid/6037451/jewish/Chapters-18-25-Discovering-Your-Deepest-Passion.htm" data-aid="6037451">Chapters 18-25: Discovering Your Deepest Passion</a>
		</li>
		
	
			</ul>
		</div>
	
		<div class="section-articles__column col-md-6 ">
			<ul class="small-links small-links--orange">
				
		<li class="small-links__item ">
			
			<a class="link_item" href="/templates/articlecco_cdo/aid/6037452/jewish/Chapters-26-34-Souls-Hacks-to-Becoming-the-Best-Version-of-YOU.htm" data-aid="6037452">Chapters 26-34: Souls Hacks to Becoming the Best Version of YOU!</a>
		</li>
		
	
		<li class="small-links__item ">
			
			<a class="link_item" href="/templates/articlecco_cdo/aid/6037453/jewish/Chapters-35-40-The-Purpose-of-Life.htm" data-aid="6037453">Chapters 35-40: The Purpose of Life</a>
		</li>
		
	
		<li class="small-links__item ">
			
			<a class="link_item" href="/templates/articlecco_cdo/aid/6037457/jewish/Chapters-41-50-Developing-a-Personal-Relationship-with-G-d.htm" data-aid="6037457">Chapters 41-50: Developing a Personal Relationship with G-d</a>
		</li>
		
	
			</ul>
		</div>
	
				</div>
			</div> 
		</div>
	
		

	
	
</div>
	</article>

		</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.jewishgardens.com%2ftemplates%2farticlecco_cdo%2faid%2f6037459%2fjewish%2fChapters-51-53-Why-G-d-Created-this-World.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=Chapters+51-53%3a+Why+G-d+Created+this+World+-+Chabad+of+Palm+Beach+Gardens&amp;url=https%3a%2f%2fwww.jewishgardens.com%2ftemplates%2farticlecco_cdo%2faid%2f6037459%2fjewish%2fChapters-51-53-Why-G-d-Created-this-World.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=Chapters+51-53%3a+Why+G-d+Created+this+World+-+Chabad+of+Palm+Beach+Gardens https%3a%2f%2fwww.jewishgardens.com%2ftemplates%2farticlecco_cdo%2faid%2f6037459%2fjewish%2fChapters-51-53-Why-G-d-Created-this-World.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.jewishgardens.com%2ftemplates%2farticlecco_cdo%2faid%2f6037459%2fjewish%2fChapters-51-53-Why-G-d-Created-this-World.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dpinterest&amp;description=Chapters+51-53%3a+Why+G-d+Created+this+World+-+Chabad+of+Palm+Beach+Gardens">
				<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, 6037430);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">
		<span class="footer-title" >Chabad of Palm Beach Gardens</span>
		<div class="footer-address">
			<span class="footer-street">6100 PGA Blvd </span>
			<span class="footer-city-state">Palm Beach Gardens, FL 33418</span>
		</div>
			<span>561-624-2223</span>
	</div>
	<img src="https://w2.chabad.org/images/global/spacer.gif" width="1" height="6" border="0" /><br />



Powered by <a href="https://www.chabad.org/" target="_new" class="">Chabad.org</a> &copy; 1993-2026 <a href="/4026210" target="_blank" class="privacy-link">Privacy Policy</a>




			</div>
		</div>
	</div>
	
	

	
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/os/jquery-latest.min.js?g=20&v=0293E3EC"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/co/dist/CoLib.js?g=20&v=87098EA1"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js?g=20&v=F6438A68"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/multimedia/infolayer.js?g=20&v=ED1B8531"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/commentsloader.js?g=20&v=AD6AAB79"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/minisites.js?g=20&v=F38E4DA5"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/subscribeprompt.js?g=20&v=86D84DC2"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/modules/pagetools.js?g=20&v=930B07AB"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/deprecated.js?v=D506A83E&g=20"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/OverrideJSDocumentWrite.js?g=20&v=9A0227AA"></script><script>$j = $j.fn ? $j : jQuery;$j(()=>{$q.forEach(f=>{try{f.call(window);}catch(ex){console.error(ex);}});})</script>
	

<script  language="javascript" type="text/javascript"> Co.Settings      = {CacheClassName:'js-cache-default',MosadName:'Chabad of Palm Beach Gardens'}; Co.ArticleId     = '6037459';Co.SectionId     = 6774312;Co.PartnerSiteId = 0;Co.SiteId        = 6794;Co.IsMobilePage  = false;Co.IsResponsive  = false;Co.DbDomain      = 'JewishGardens.com';Co.LanguageCode  = '';Co.LoginStatus   = 'None';</script>
	
	

<style>
/* ============================================
* CUSTOM CSS (ALL RULES ARE !IMPORTANT)
* ============================================
*/
/* Media query to apply these styles only on screens wider than 768px */
@media (min-width: 769px) {
    /* This is our new, clean header container */
    #custom-header {
        background-color: #000000 !important;
        padding: 1rem !important;
        color: white !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-evenly !important; /* Changed for better alignment */
        height: 100px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        grid-row: 1 / 2 !important;
        grid-column: 1 / 3 !important;
    }
    /* Branding and Logo inside the new header */
    #custom-header .branding-search {
        display: flex !important;
        align-items: center !important;
        flex-shrink: 0 !important;
    }
    /* MODIFIED: Target the new logo image directly */
    #custom-header .branding-search img {
        width: 200px !important; 
        height: auto !important;
    }
    /* Search Bar Styling inside the new header */
    #custom-header .cco_search_header {
        display: block !important;
        visibility: visible !important;
        flex-grow: 1 !important;
        max-width: 500px !important;
        margin: 0 2rem !important;
    }
    #custom-header .co_search_form .co_global_input_container input {
        background-color: #374151 !important;
        color: white !important;
        border-radius: 0.5rem !important;
        padding: 0.75rem 1rem !important;
        width: 100% !important;
        border: none !important;
        font-size: 1rem !important;
    }
    #custom-header .co_search_form .co_global_input_container input::placeholder {
        color: #9ca3af !important;
    }
    #custom-header .co_search_form .co_global_submit {
        display: none !important;
    }
    /* Donate Button Container inside the new header */
    #custom-header #donate-button-container {
        flex-shrink: 0 !important;
    }
    /* --- Navigation Bar Styling (Remains the same) --- */
    body .site-nav-wrapper {
        background-color: #4a4a4a !important;
        padding: 0 !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        grid-row: 2 / 3 !important;
        grid-column: 1 / 3 !important;
        height: 30px !important;
    }
    body #co_menu_container_wrapper,
    body #co_menu_container {
        width: auto !important;
        height: 100% !important;
    }
    body .co_menu_container table.main_menu_container {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
        border-collapse: collapse !important;
        margin: 0 !important;
        height: 100% !important;
        padding: 0 !important;
    }
    body .co_menu_container .co_menu_item {
        visibility: visible !important;
        display: table-cell !important;
        vertical-align: middle !important;
        position: relative !important; /* Crucial for submenu positioning */
    }
    body .co_menu_container .co_menu_item a.parent {
        color: white !important;
        text-transform: uppercase !important;
        text-decoration: none !important;
        padding: 0 1rem !important;
        font-size: 0.875rem !important;
        letter-spacing: 0.05em !important;
    }
    body .co_menu_container .co_menu_item a.parent:hover {
        color: #d1d5db !important;
    }
    body .co_menu_item.home,
    body .co_menu_item_divider,
    body .co_menu_item .parent img,
    body .co_menu_item .bg_extension,
    body .co_menu_item button,
    body .mobile-menu-bottom-links {
        display: none !important;
    }
    /* Hide submenu by default */
    body .co_menu_item .co_menu_content {
        display: none !important;
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        background-color: #333 !important;
        z-index: 1000 !important;
        padding: 10px !important;
        border: 1px solid #4a4a4a !important;
        width: max-content !important;
    }
    /* Show submenu on hover */
    body .co_menu_item:hover .co_menu_content {
        display: block !important;
    }
    /* Removed the complex subscribe dropdown CSS */
    body .co_menu_item .parent div {
        display: flex !important;
        align-items: center !important;
        height: 100% !important;
    }
    .header-wrapper {
        padding: 0 !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: auto auto !important;
    }
}
</style>








   <style>
        /* --- Main Widget Container --- */
        .featured-events-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 4rem 1rem;
        }

        /* --- Section Header --- */
        .featured-events-header {
            text-align: center;
            margin-bottom: 3rem;
        }

        .featured-events-header h5 {
            font-family: 'HvDTrial Brandon Text', sans-serif;
            font-size: 3.25rem;
            font-weight: 700;
            color: #2E708B;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            margin: 0;
        }
        
        /* --- Grid Container for Event Items --- */
        .events-grid {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 2.5rem;
        }

        /* --- Individual Event Item Card --- */
        .event-item {
            width: 100%;
            max-width: 350px;
            background-color: #ffffff;
            border-radius: 0.5rem;
            overflow: hidden;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            flex-shrink: 0; /* Important for carousel */
        }
        
        /* FIX: Ensure the icon container does not have a fixed height that crops the image */
        .event-item .icon {
            height: auto !important;
        }

        .event-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }

        .event-item img {
            width: 100%;
            height: 450px;
            display: block;
            object-fit: cover;
        }

        /* --- "See All Events" Button --- */
        .events-button-container {
            text-align: center;
            margin-top: 3rem;
        }

        .events-button-container a {
            font-family: 'HvDTrial Brandon Text', sans-serif;
            display: inline-block;
            background-color: #2E708B;
            color: white;
            font-weight: bold;
            font-size: 2.125rem;
            padding:15px !important;
            text-decoration: none;
            transition: background-color 0.3s ease, transform 0.2s ease;
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        }

        .events-button-container a:hover {
            background-color: #245a70;
            transform: translateY(-2px);
        }

        /* --- NEW: Carousel Specific Styles --- */
        .carousel-container {
            position: relative;
            width: 100%;
            padding: 0 50px; /* Space for buttons */
            box-sizing: border-box;
        }

        .carousel-wrapper {
            overflow: hidden;
            width: 100%;
        }

        .events-grid.carousel-track {
            justify-content: flex-start; /* Align items to the start */
            flex-wrap: nowrap; /* Prevent wrapping */
            transition: transform 0.5s ease-in-out;
        }

        .carousel-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(255, 255, 255, 0.7);
            border: 1px solid #ddd;
            border-radius: 50%;
            width: 40px;
            height: 40px;
            cursor: pointer;
            z-index: 10;
            font-size: 24px;
            color: #333;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .carousel-btn:hover {
            background-color: white;
        }

        .carousel-btn.prev {
            left: 0;
        }

        .carousel-btn.next {
            right: 0;
        }
        
        .carousel-btn:disabled {
            opacity: 0.4;
            cursor: not-allowed;
        }
.widget-4.chabad_updates,
        .widget-4.chabad_updates .wrapper {
            height: auto !important;
            overflow: visible !important;
        }

 .chabad_updates h5 { background: unset !important;}
    </style>

 









<script>
/* ============================================
* CUSTOM JAVASCRIPT (REVISED)
* ============================================
*/
function performHeaderRestyle() {
    console.log("--- performHeaderRestyle script started ---");

    // --- DEFINE ORIGINAL ELEMENTS ---
    const originalHeaderWrapper = document.querySelector('.header-wrapper');
    const siteNavWrapper = document.querySelector('.site-nav-wrapper');
    const originalBranding = document.querySelector('.branding-search');
    const originalSearchForm = document.querySelector('.cco_search_header');
    const originalContactLink = document.querySelector('.contact_link a');

    // --- VALIDATE ---
    if (!originalHeaderWrapper || !siteNavWrapper || !originalBranding || !originalSearchForm || !originalContactLink) {
        console.error("Could not find original elements to rebuild.", { originalHeaderWrapper, siteNavWrapper, originalBranding, originalSearchForm, originalContactLink });
        return;
    }

    // --- ADD CONTACT AND SUBSCRIBE TO NAVBAR ---
    const mainMenuRow = siteNavWrapper.querySelector('.main_menu_container tr');
    if (mainMenuRow) {
        // Create and add Contact item
        const contactCell = document.createElement('td');
        contactCell.className = 'co_menu_item';
        contactCell.innerHTML = `<span class="parent"><div><a href="${originalContactLink.href}" class="parent">${originalContactLink.textContent}</a></div></span>`;
        mainMenuRow.appendChild(contactCell);

        // --- SUBSCRIBE BUTTON SIMPLIFICATION ---
        // This now creates a simple link directly to the subscribe page.
        const subscribeCell = document.createElement('td');
        subscribeCell.className = 'co_menu_item';
        subscribeCell.innerHTML = `<span class="parent"><div><a href="https://www.jewishgardens.com/tools/subscribe/default.htm" class="parent">Subscribe</a></div></span>`;
        mainMenuRow.appendChild(subscribeCell);
    }

    // --- 1. CREATE A NEW CLEAN HEADER ---
    const newHeader = document.createElement('div');
    newHeader.id = 'custom-header';

    // --- 2. CREATE AND APPEND NEW BRANDING ---
    const newBranding = document.createElement('div');
    newBranding.className = 'branding-search';
    const originalLogoAnchor = originalBranding.querySelector('.site-logo-wrapper a');
    const logoHref = originalLogoAnchor ? originalLogoAnchor.href : '/';
    const newLogoAnchor = document.createElement('a');
    newLogoAnchor.href = logoHref;
    const newLogoImage = document.createElement('img');
    newLogoImage.src = 'https://jewishgardens.com/media/images/1331/xyDy13318529.png';
    newLogoImage.style.border = '0';
    newLogoAnchor.appendChild(newLogoImage);
    newBranding.appendChild(newLogoAnchor);
    newHeader.appendChild(newBranding);

    // --- 3. MOVE AND MODIFY THE ORIGINAL SEARCH FORM ---
    const searchFormEl = originalSearchForm.querySelector('form');
    if (searchFormEl) {
        searchFormEl.classList.add('show', 'active');
    }
    const searchInput = originalSearchForm.querySelector('input');
    if (searchInput) {
        searchInput.placeholder = "What's calling to you today?";
    }
    newHeader.appendChild(originalSearchForm);

    // --- 4. CREATE AND APPEND DONATE BUTTON ---
    const donateContainer = document.createElement('div');
    donateContainer.id = 'donate-button-container';
    const donateButton = document.createElement('a');
    donateButton.href = 'https://www.jewishgardens.com/templates/donate_cdo/aid/4970020/jewish/Donate.htm';
    donateButton.textContent = 'Donate';
    donateButton.style.cssText = "background-color: #f59e0b; color: white; font-weight: bold; padding: 0.5rem 1.5rem; border-radius: 0.5rem; text-decoration: none; transition: background-color 0.3s;";
    donateButton.onmouseover = () => donateButton.style.backgroundColor = '#d97706';
    donateButton.onmouseout = () => donateButton.style.backgroundColor = '#f59e0b';
    donateContainer.appendChild(donateButton);
    newHeader.appendChild(donateContainer);
    
    // --- 5. HIDE THE DONATE BUTTON IN THE ORIGINAL NAVBAR ---
    const navDonateButton = siteNavWrapper.querySelector('.co_menu_item.donate_link');
    if (navDonateButton) {
        navDonateButton.style.display = 'none';
    }

    // --- 6. REBUILD THE HEADER WRAPPER ---
    originalHeaderWrapper.innerHTML = '';
    originalHeaderWrapper.appendChild(newHeader);
    originalHeaderWrapper.appendChild(siteNavWrapper);
    
    console.log("Header wrapper rebuilt with new header and nav bar in correct order.");
    console.log("--- performHeaderRestyle script finished successfully ---");
}

// --- ROBUST SCRIPT RUNNER ---
let attempts = 0;
const intervalId = setInterval(function() {
    if (window.innerWidth < 769) {
        console.log("Screen width is less than 769px. Custom header script will not run.");
        clearInterval(intervalId);
        return;
    }
    
    // Check for the core elements needed before running the script
    const allElementsExist = 
        document.querySelector('.header-wrapper') &&
        document.querySelector('.site-nav-wrapper') &&
        document.querySelector('.branding-search') &&
        document.querySelector('.cco_search_header') &&
        document.querySelector('.contact_link a');

    if (allElementsExist) {
        clearInterval(intervalId);
        console.log(`All elements found after ${attempts + 1} attempts.`);
        performHeaderRestyle();
    } else if (attempts > 50) {
        clearInterval(intervalId);
        console.error("Header script timed out: Not all required elements were found.");
    }
    attempts++;
}, 100);
</script><script>
// This script will run after the HTML content has been loaded.
// Due to your site's Content Security Policy (CSP), you may need to
// move this code into an external .js file and load it via your CMS.
document.addEventListener('DOMContentLoaded', function() {
// An array of the specific titles to target
const targetTitles = [
"Rabbi Dovid Vigler's Weekly Teaching",
"Judaism In Style"
];
// Select all widgets with the specified classes
const widgets = document.querySelectorAll('.widget-1.sneak_peek.custom.v200.feed');
// Loop through each widget found on the page
widgets.forEach(widget => {
// Find the h6 element within the current widget
const h6 = widget.querySelector('h6');
if (h6) {
// Get the text content of the link inside the h6, and trim any whitespace
const titleText = h6.innerText.trim();
// Check if the current widget's title is in our list of target titles
if (targetTitles.includes(titleText)) {
// --- Move the "Read More" text to be an overlay ---
// Find the <p> tag containing "Read More"
const readMoreParagraph = widget.querySelector('p');
// Find the thumbnail link to append the new element to
const thumbnailLink = widget.querySelector('a.thumbnail');
if (readMoreParagraph && thumbnailLink) {
// Create a new span element to act as our overlay
const overlay = document.createElement('span');
overlay.className = 'read-more-overlay'; // Assign a class for you to style
overlay.innerText = readMoreParagraph.innerText;
// Apply minimal styles required to make it an overlay.
// You can style the 'read-more-overlay' class further in your CSS.
overlay.style.position = 'absolute';
overlay.style.bottom = '10px';
overlay.style.left = '10px';
overlay.style.zIndex = '10'; // Ensures it's on top of the image
// Append the newly created overlay to the thumbnail link
thumbnailLink.appendChild(overlay);
// Remove the original "Read More" paragraph element
readMoreParagraph.remove();
}
}
}
});
});
</script><script>
        // This script should be placed in an external .js file to avoid CSP errors on your live site.
        document.addEventListener('DOMContentLoaded', function() {
            // Find all the content widgets on the page
            const contentWidgets = document.querySelectorAll('.widget_content');

            // Loop through each widget
            contentWidgets.forEach(widget => {
                // Find the 'Read More' paragraph and the thumbnail link inside the current widget
                const readMoreP = widget.querySelector('p');
                const thumbnailLink = widget.querySelector('a.thumbnail');

                // Check if both elements were found to avoid errors
                if (readMoreP && thumbnailLink) {
                    // Get the URL from the thumbnail's href attribute
                    const linkUrl = thumbnailLink.getAttribute('href');

                    // Create a new <a> element that will wrap the paragraph
                    const newLink = document.createElement('a');
                    newLink.setAttribute('href', linkUrl);
                    
                    // Add a class for potential styling
                    newLink.className = 'read-more-link'; 

                    // Place the new link right before the paragraph in the HTML
                    readMoreP.parentNode.insertBefore(newLink, readMoreP);

                    // Move the paragraph inside the new link, effectively making it clickable
                    newLink.appendChild(readMoreP);
                }
            });
        });
    </script><script>
        document.addEventListener('DOMContentLoaded', function() {
            setTimeout(function() {
                const allWidgets = document.querySelectorAll('.widget-4.chabad_updates');
                let targetWidget = null;

                allWidgets.forEach(widget => {
                    const headerEl = widget.querySelector('.widget_header h5');
                    if (headerEl && headerEl.textContent.trim() === 'Feautured Events') {
                        targetWidget = widget;
                    }
                });

                if (!targetWidget) {
                    console.error("The 'Feautured Events' widget was not found.");
                    return;
                }

                const widgetWrapper = targetWidget.querySelector('.wrapper');
                const header = targetWidget.querySelector('.widget_header');
                const content = targetWidget.querySelector('.widget_content');
                
                if (!widgetWrapper || !header || !content) {
                    console.error("Crucial elements are missing from the target widget.");
                    return;
                }

                const items = Array.from(content.querySelectorAll('.item'));
                const readMoreButton = content.querySelector('.readMore');

                // --- Create common elements ---
                const newHeader = document.createElement('div');
                newHeader.className = 'featured-events-header';
                newHeader.innerHTML = header.innerHTML;

                const grid = document.createElement('div');
                grid.className = 'events-grid';
                items.forEach(item => {
                    item.className = 'event-item';
                    item.querySelectorAll('.title, .synopsis').forEach(el => el.remove());
                    grid.appendChild(item);
                });

                const buttonContainer = document.createElement('div');
                buttonContainer.className = 'events-button-container';
                if (readMoreButton) {
                    buttonContainer.appendChild(readMoreButton);
                }
                
                // --- Logic to build either Carousel or Static Grid ---
                if (items.length > 3) {
                    // --- BUILD CAROUSEL ---
                    grid.classList.add('carousel-track');
                    
                    const carouselContainer = document.createElement('div');
                    carouselContainer.className = 'carousel-container';
                    
                    const carouselWrapper = document.createElement('div');
                    carouselWrapper.className = 'carousel-wrapper';
                    
                    const prevButton = document.createElement('button');
                    prevButton.className = 'carousel-btn prev';
                    prevButton.innerHTML = '❮';
                    
                    const nextButton = document.createElement('button');
                    nextButton.className = 'carousel-btn next';
                    nextButton.innerHTML = '❯';

                    carouselWrapper.appendChild(grid);
                    carouselContainer.appendChild(carouselWrapper);
                    carouselContainer.appendChild(prevButton);
                    carouselContainer.appendChild(nextButton);

                    // Append new structure to the page BEFORE removing old elements
                    widgetWrapper.appendChild(newHeader);
                    widgetWrapper.appendChild(carouselContainer);
                    widgetWrapper.appendChild(buttonContainer);

                    // --- Carousel Functionality ---
                    let currentIndex = 0;
                    const totalItems = items.length;
                    const itemsPerPage = 3;

                    function updateCarousel() {
                        const itemWidth = grid.querySelector('.event-item').offsetWidth;
                        const gap = 40; // Corresponds to 2.5rem
                        const moveDistance = (itemWidth + gap) * currentIndex;
                        grid.style.transform = `translateX(-${moveDistance}px)`;

                        prevButton.disabled = currentIndex === 0;
                        nextButton.disabled = currentIndex >= totalItems - itemsPerPage;
                    }

                    nextButton.addEventListener('click', () => {
                        if (currentIndex < totalItems - itemsPerPage) {
                            currentIndex++;
                            updateCarousel();
                        }
                    });

                    prevButton.addEventListener('click', () => {
                        if (currentIndex > 0) {
                            currentIndex--;
                            updateCarousel();
                        }
                    });
                    
                    // Initial setup
                    updateCarousel();
                    window.addEventListener('resize', updateCarousel);

                } else {
                    // --- BUILD STATIC GRID ---
                    // Append new structure to the page BEFORE removing old elements
                    widgetWrapper.appendChild(newHeader);
                    widgetWrapper.appendChild(grid);
                    widgetWrapper.appendChild(buttonContainer);
                }
                
                // --- Safely remove original elements after new ones are in place ---
                header.remove();
                content.remove();
                
                console.log("Restructuring complete.");

            }, 200);
        });
    </script><script>
    // This single script creates the styles, builds the HTML, and replaces the old footer.
    function createAndInjectFooter() {
        // --- 1. CREATE THE CSS STYLES ---
        const footerStyles = `
            #custom-footer {
                background-color: #000000;
                color: #ffffff;
                padding: 40px 20px;
                font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
            }
            .footer-content-wrapper {
                max-width: 1200px;
                margin: 0 auto;
                display: flex;
                flex-wrap: wrap; /* Allow items to wrap on smaller screens */
                justify-content: space-between;
                gap: 40px;
            }
            .footer-col-info {
                flex: 1.5;
                min-width: 250px;
            }
            .footer-logo img {
                width: 200px;
                margin-bottom: 20px;
            }
            .footer-col-info p {
                margin: 5px 0;
                font-size: 14px;
                color: #cccccc; /* Default color for p tags in this column */
            }
            .footer-col-info p.footer-contact-info {
                color: #ffffff;
            }
            .footer-copyright {
                margin-top: 20px !important;
                font-size: 12px !important;
                color: #888888 !important;
            }
            .footer-col-nav {
                flex: 0.75;
                min-width: 120px;
            }
            .footer-col-nav h4 {
                font-size: 14px;
                font-weight: bold;
                text-transform: uppercase;
                margin-bottom: 15px;
                letter-spacing: 0.05em;
            }
            .footer-col-nav ul {
                list-style: none;
                padding: 0;
                margin: 0;
            }
            .footer-col-nav ul li {
                margin-bottom: 10px;
            }
            .footer-col-nav ul li a {
                color: #cccccc;
                text-decoration: none;
                font-size: 14px;
                transition: color 0.3s;
            }
            .footer-col-nav ul li a:hover {
                color: #ffffff;
            }
            /* --- NEW SUBSCRIBE FORM STYLES --- */
            .footer-col-subscribe {
                flex: 1.5;
                min-width: 280px;
                border-left: 1px solid #444;
                padding-left: 40px;
            }
            .footer-col-subscribe h5 {
                font-size: 14px;
                font-weight: bold;
                text-transform: uppercase;
                margin-bottom: 15px;
                letter-spacing: 0.05em;
            }
            .footer-col-subscribe form {
                display: grid;
                gap: 2px; /* Reduced gap since margin is added */
            }
            .footer-col-subscribe label {
                display: none; /* Hide labels visually but keep for accessibility */
            }
            .footer-col-subscribe input[type="text"],
            .footer-col-subscribe input[type="email"] {
                width: 100%;
                padding: 10px;
                border: 1px solid #888;
                background-color: #333;
                color: #ffffff;
                border-radius: 4px;
                font-size: 14px;
                box-sizing: border-box;
                margin: 5px 0; /* **FIX:** Added margin for spacing */
            }
            /* **FIX:** Style for the placeholder text */
            .footer-col-subscribe input::placeholder {
                color: #ffffff;
                opacity: 0.7;
            }
            .footer-col-subscribe input[type="submit"] {
                padding: 12px 20px;
                border: 1px solid #ffffff;
                background-color: #ffffff;
                color: #000000;
                cursor: pointer;
                border-radius: 4px;
                text-transform: uppercase;
                font-weight: bold;
                font-size: 12px;
                letter-spacing: 0.05em;
                transition: background-color 0.3s, color 0.3s;
                margin-top: 5px; /* Add margin to the button as well */
            }
            .footer-col-subscribe input[type="submit"]:hover {
                background-color: #cccccc;
                border-color: #cccccc;
            }
            .footer-col-subscribe small {
                font-size: 11px;
                color: #888888;
                line-height: 1.4;
            }
            /* **FIX:** Enhanced Mobile Responsiveness */
            @media (max-width: 1024px) {
                .footer-content-wrapper {
                    flex-direction: column;
                    align-items: center;
                    text-align: center;
                }
                .footer-col-info, .footer-col-nav, .footer-col-subscribe {
                    flex: 1;
                    width: 100%;
                    max-width: 350px; /* Limit width on mobile for readability */
                }
                .footer-col-subscribe {
                    border-left: none;
                    padding-left: 0;
                    margin-top: 20px;
                    padding-top: 20px;
                    border-top: 1px solid #444;
                }
            }
        `;

        const styleSheet = document.createElement("style");
        styleSheet.type = "text/css";
        styleSheet.innerText = footerStyles;
        document.head.appendChild(styleSheet);

        // --- 2. DYNAMICALLY BUILD WEBSITE LINKS FROM HEADER ---
        let websiteLinksHTML = '';
        let navLinks;
        const addedLinks = new Set(); // Use a Set to prevent duplicates

        // Check if we are on a mobile device to use the correct selector
        if (window.innerWidth < 769) {
            // **FIX:** Corrected mobile selector based on the provided HTML structure
            navLinks = document.querySelectorAll('.site-nav-wrapper .co_menu_item > span.parent > div > a.parent');
        } else {
            // Desktop selector (for the custom header)
            navLinks = document.querySelectorAll('#custom-header + .site-nav-wrapper .co_menu_item a.parent');
        }
        
        navLinks.forEach(link => {
            const text = link.textContent.trim();
            const href = link.href;

            // Filter out empty links, the home icon, and duplicates.
            if (text && text.toLowerCase() !== 'home' && !addedLinks.has(text.toLowerCase())) {
                websiteLinksHTML += `<li><a href="${href}">${text}</a></li>`;
                addedLinks.add(text.toLowerCase());
            }
        });

        // Add the static links that are always present
        websiteLinksHTML += `<li><a href="https://www.jewishgardens.com/tools/subscribe/default.htm">Subscribe</a></li>`;
        websiteLinksHTML += `<li><a href="https://www.jewishgardens.com/tools/feedback.htm">Contact</a></li>`;
        websiteLinksHTML += `<li><a href="https://www.jewishgardens.com/templates/donate_cdo/aid/4970020/jewish/Donate.htm">Donate</a></li>`;
        
        // --- 3. GRAB ORIGINAL SUBSCRIBE FORM HTML ---
        const originalSubscribeForm = document.querySelector('.hp-row.hp_subscribe .widget-4');
        const subscribeFormHTML = originalSubscribeForm ? originalSubscribeForm.innerHTML : '';


        // --- 4. CREATE THE FOOTER HTML STRUCTURE ---
        const newFooter = document.createElement('div');
        newFooter.id = 'custom-footer';
        // Inject the dynamically created links and the new form HTML
        newFooter.innerHTML = `
            <div class="footer-content-wrapper">
                <div class="footer-col-info">
                    <div class="footer-logo">
                        <a href="#"><img src="https://jewishgardens.com/media/images/1331/xyDy13318529.png" alt="Chabad Palm Beach Gardens Logo"></a>
                    </div>
                    <p class="footer-contact-info">6100 PGA Blvd | Palm Beach Gardens, FL 33418</p>
                    <p class="footer-contact-info">561.624.2223</p>
                    <p class="footer-copyright">Copyright © 2025 Jewish Gardens. All rights reserved. Website Designed by Chabadone Assist</p>
                </div>
                <div class="footer-col-nav">
                    <h4>Website</h4>
                    <ul>
                        ${websiteLinksHTML}
                    </ul>
                </div>
                <div class="footer-col-nav">
                    <h4>Connect</h4>
                    <ul>
                        <li><a href="#">YouTube</a></li>
                        <li><a href="#">Instagram</a></li>
                    </ul>
                </div>
                <div class="footer-col-subscribe">
                    ${subscribeFormHTML}
                </div>
            </div>
        `;

        // --- 5. REPLACE THE OLD FOOTER ---
        const oldFooter = document.getElementById('footer');
        if (oldFooter) {
            console.log("Replacing original footer with custom footer.");
            oldFooter.parentNode.replaceChild(newFooter, oldFooter);
        } else {
            console.error("Could not find the original #footer to replace.");
        }
        
        // --- 6. HIDE THE ORIGINAL SUBSCRIBE FORM ---
        if (originalSubscribeForm && originalSubscribeForm.parentElement) {
             originalSubscribeForm.parentElement.style.display = 'none';
        }
    }

    // --- ROBUST SCRIPT RUNNER FOR FOOTER (REVISED) ---
    let footerAttempts = 0;
    const footerIntervalId = setInterval(function() {
        const headerReady = document.getElementById('custom-header');
        // **FIX:** A more reliable check for mobile: look for an actual link inside the nav wrapper.
        const mobileNavReady = document.querySelector('.site-nav-wrapper .co_menu_item a.parent');
        const originalSubscribeForm = document.querySelector('.hp-row.hp_subscribe');

        // Wait until the subscribe form exists AND either the custom header (desktop) or a populated mobile nav is ready.
        if (originalSubscribeForm && (headerReady || mobileNavReady)) {
            clearInterval(footerIntervalId);
            console.log("Required elements found. Running footer script.");
            createAndInjectFooter();
        } else if (footerAttempts > 50) { // 5 second timeout
            clearInterval(footerIntervalId);
            console.error("Footer script timed out: Header or mobile nav did not complete, or original form not found.");
        }
        footerAttempts++;
    }, 100);
</script><script>
// Wait for the entire page to be loaded before running the script
document.addEventListener('DOMContentLoaded', function() {

    // The specific URLs where the style should be applied
    var targetURL = 'https://www.jewishgardens.com/templates/section_cdo/aid/7001338/jewish/Mishpacha.htm';
    var targetURL2 = 'https://www.jewishgardens.com/templates/section_cdo/aid/7001338/jewish/Mishpacha.htm#utm_source=domain&utm_medium=domain&utm_campaign=onemishpacha.com';
    
    // Define the breakpoint for what we consider 'desktop'
    var desktopBreakpoint = 768;

    // CORRECTED LOGIC: Group the URL checks together in parentheses
    if ((window.location.href === targetURL || window.location.href === targetURL2) && window.innerWidth > desktopBreakpoint) {

        // The CSS rule you want to inject
        var customCSS = '.mishpacha-PBG-nav-wrapper { margin-top: -8.5vh !important; }';

        // Create a new <style> element
        var styleSheet = document.createElement("style");
        styleSheet.type = "text/css";

        // Add the CSS rule in a cross-browser compatible way
        if (styleSheet.styleSheet) {
            styleSheet.styleSheet.cssText = customCSS; // For older IE
        } else {
            styleSheet.appendChild(document.createTextNode(customCSS)); // For other browsers
        }

        // Add the new <style> element to the <head> of the document
        document.head.appendChild(styleSheet);

        console.log('Custom margin-top style injected for Mishpacha page on desktop.');
    }
});
</script><script>
        // Wait for the entire page to be loaded before running the script
        document.addEventListener('DOMContentLoaded', function() {
            
            // The element that contains the logo image
            const logoElement = document.querySelector('.mishpacha-PBG-logo');
            
            // The destination URL for the logo link
            const targetURL = 'https://www.jewishgardens.com/templates/section_cdo/aid/7001338/jewish/Mishpacha.htm';

            // Check if the logo element exists on the page
            if (logoElement) {
                
                // Case 1: The logo is NOT already a link (e.g., it's a <div>)
                if (logoElement.tagName !== 'A') {
                    // Create a new <a> element
                    const link = document.createElement('a');
                    link.href = targetURL;

                    // Copy the class from the original element to the new link
                    logoElement.classList.forEach(cls => link.classList.add(cls));
                    
                    // Move all the content from the original div into the new link
                    while (logoElement.firstChild) {
                        link.appendChild(logoElement.firstChild);
                    }

                    // Replace the original logo element with our new link element
                    logoElement.parentNode.replaceChild(link, logoElement);
                    console.log('Logo container was converted to a clickable link.');
                } 
                // Case 2: The logo IS already a link, just make sure the href is correct
                else {
                    logoElement.href = targetURL;
                    console.log('Logo was already a link. Ensured href is correct.');
                }
            }
        });
    </script><script>
        document.addEventListener('DOMContentLoaded', function() {
            
            // Run this logic only on mobile screens (e.g., width <= 768px)
            if (window.innerWidth <= 768) {
                
                const navBar = document.querySelector('#navigation.chabad_navigator_bar');
                const navCluster = document.querySelector('.mishpacha-PBG-nav-main-cluster');
                const donateButton = document.querySelector('.mishpacha-PBG-nav-button');
                const navigation = document.querySelector('.mishpacha-PBG-navigation');

                if (!navBar || !navCluster || !donateButton || !navigation) {
                    console.log('One or more required navigation elements not found. Hamburger menu script will not run.');
                    return;
                }

                // 1. Inject the necessary CSS for the hamburger, side panel, and overlay
                const styles = `
                    /* --- Mobile Layout Adjustments --- */
                    .mishpacha-PBG-nav-wrapper {
                        width: 100% !important;
                    }
                    .mishpacha-PBG-navigation {
                        display: flex !important;
                        justify-content: space-between !important;
                        align-items: center !important;
                        width: 100% !important;
                    }
                    /* Hide original desktop elements on mobile */
                    #navigation.chabad_navigator_bar,
                    .mishpacha-PBG-nav-main-cluster,
                    .mishpacha-PBG-nav-button {
                        display: none !important;
                    }

                    /* --- Hamburger Menu Icon Styles --- */
                    .hamburger-icon {
                        display: flex !important;
                        flex-direction: column;
                        justify-content: space-around;
                        width: 30px;
                        height: 25px;
                        cursor: pointer;
                        z-index: 1002;
                    }
                    .hamburger-icon span {
                        display: block;
                        width: 100%;
                        height: 3px;
                        background-color: #fff;
                        border-radius: 3px;
                    }
                   
                    /* --- Side Panel Styles --- */
                    .side-panel {
                        position: fixed;
                        top: 0;
                        right: -100%; /* Start completely off-screen */
                        width: 280px;
                        height: 100%;
                        background-color: #414042;
                        padding: 20px;
                        box-shadow: -2px 0 5px rgba(0,0,0,0.5);
                        z-index: 9999;
                        transition: right 0.3s ease-in-out;
                        overflow-y: auto;
                    }
                    .side-panel.open {
                        right: 0; /* Slide in */
                    }
                    .side-panel-close {
                        position: absolute;
                        top: 10px;
                        right: 15px;
                        font-size: 36px;
                        font-weight: bold;
                        color: #fff;
                        cursor: pointer;
                        line-height: 1;
                        z-index: 1002; /* Ensure it's on top */
                    }

                    /* --- Menu Item Styles inside Panel --- */
                    body.mobile #menu .sub_menu a { 
                        color: white !important; 
                    }
                    .side-panel ul { list-style: none; padding: 40px 0 0 0; margin: 0; }
                    .side-panel ul, .side-panel li, .side-panel a { display: block !important; }
                    .side-panel li.item {
                        padding-bottom: 15px;
                        border-bottom: 1px solid #5a5a5a;
                        margin-bottom: 15px;
                    }
                    .side-panel li.item:last-child { border-bottom: none; }
                    .side-panel > ul > li > a { color: #fff !important; text-decoration: none !important; font-size: 18px; font-weight: bold; }
                    
                    /* --- Collapsible Submenu Styles --- */
                    .side-panel .item.parent.collapsible > a {
                        position: relative; /* For positioning the arrow */
                        padding-right: 25px;
                    }
                    .side-panel .item.parent.collapsible > a::after {
                        content: '▶';
                        position: absolute;
                        right: 5px;
                        top: 50%;
                        transform: translateY(-50%) rotate(0deg);
                        font-size: 12px;
                        transition: transform 0.2s ease-in-out;
                    }
                    .side-panel .item.parent.collapsible.expanded > a::after {
                         transform: translateY(-50%) rotate(90deg);
                    }
                    .side-panel .sub_menu {
                        display: none; /* Hide submenu by default */
                        padding-left: 20px;
                        margin-top: 15px;
                    }
                     .side-panel .sub_menu a { font-size: 15px; opacity: 0.9; margin-bottom: 10px; }

                    /* Un-hide submenus when parent is expanded */
                    .side-panel .item.parent.expanded > .sub_menu {
                        display: block;
                    }
                    
                    /* Hide unnecessary elements inside the panel */
                    .side-panel .heading, .side-panel .sub_menu_toggle { display: none !important; }

                    /* Donate Button in Panel */
                    .side-panel .mishpacha-PBG-nav-button {
                        display: block !important;
                        margin-top: 20px;
                        text-align: center;
                        background-color: #de8081;
                        color: white !important;
                        padding: 10px;
                        border-radius: 5px;
                        text-decoration: none !important;
                        font-weight: bold;
                    }

                    /* --- Overlay Style --- */
                    .nav-overlay {
                        position: fixed; top: 0; left: 0; width: 100%; height: 100%;
                        background-color: rgba(0,0,0,0.5); z-index: 1000;
                        opacity: 0; visibility: hidden;
                        transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
                    }
                    .nav-overlay.visible { opacity: 1; visibility: visible; }
                `;

                const styleSheet = document.createElement("style");
                styleSheet.innerText = styles;
                document.head.appendChild(styleSheet);

                // 2. Create and insert the hamburger icon
                const hamburger = document.createElement('div');
                hamburger.className = 'hamburger-icon';
                hamburger.innerHTML = '<span></span><span></span><span></span>';
                navigation.appendChild(hamburger);

                // 3. Create the side panel and its content
                const originalMenu = navBar.querySelector('ul#menu');
                if (originalMenu) {
                    const sidePanel = document.createElement('div');
                    sidePanel.className = 'side-panel';
                    const closeBtn = document.createElement('div');
                    closeBtn.className = 'side-panel-close';
                    closeBtn.innerHTML = '×';
                    sidePanel.appendChild(closeBtn);
                    const menuClone = originalMenu.cloneNode(true);
                    sidePanel.appendChild(menuClone);
                    
                    if (donateButton) {
                        const donateLinkClone = document.createElement('a');
                        donateLinkClone.href = donateButton.href;
                        donateLinkClone.className = 'mishpacha-PBG-nav-button';
                        donateLinkClone.textContent = 'Donate';
                        sidePanel.appendChild(donateLinkClone);
                    }
                    document.body.appendChild(sidePanel);
                    
                    const overlay = document.createElement('div');
                    overlay.className = 'nav-overlay';
                    document.body.appendChild(overlay);

                    // 4. Add event listeners
                    hamburger.addEventListener('click', () => {
                        sidePanel.classList.add('open');
                        overlay.classList.add('visible');
                    });
                    const closeMenu = () => {
                        sidePanel.classList.remove('open');
                        overlay.classList.remove('visible');
                    };
                    closeBtn.addEventListener('click', closeMenu);
                    overlay.addEventListener('click', closeMenu);

                    // 5. Add collapsible functionality
                    const parentItems = sidePanel.querySelectorAll('.item.parent');
                    parentItems.forEach(item => {
                        const link = item.querySelector('a.parent');
                        // Check if the item has a submenu and is NOT the Home link
                        if (item.querySelector('.sub_menu') && link && link.textContent.trim().toLowerCase() !== 'home') {
                            // Add a class to target with the arrow styles
                            item.classList.add('collapsible');
                            
                            link.addEventListener('click', function(e) {
                                e.preventDefault(); // Prevent navigation
                                item.classList.toggle('expanded');
                            });
                        }
                    });
                }
            }
        });
    </script><script>
// Wait for the entire page to be loaded before running the script
document.addEventListener('DOMContentLoaded', function() {

    // The specific URL where the style should be applied
    var targetURL = 'https://www.jewishgardens.com/templates/section_cdo/aid/7001338/jewish/Mishpacha.htm';

    // Define the breakpoint for what we consider 'desktop'
    var desktopBreakpoint = 768; // This style will apply to screens WIDER than this

    // Check if the current page's URL matches AND the screen width is for a desktop
    if (window.location.href === targetURL && window.innerWidth > desktopBreakpoint) {

        // The CSS rule you want to inject, written as a standard string
        var customCSS = '.mishpacha-PBG-nav-wrapper { margin-top: -9.5vh !important; }';

        // Create a new <style> element
        var styleSheet = document.createElement("style");
        styleSheet.type = "text/css";

        // Use .textContent for better compatibility when adding the CSS rule
        // This is a more reliable way to add the style rule in older browsers
        if (styleSheet.styleSheet) {
            // For older IE
            styleSheet.styleSheet.cssText = customCSS;
        } else {
            // For other browsers
            styleSheet.appendChild(document.createTextNode(customCSS));
        }

        // Add the new <style> element to the <head> of the document
        document.head.appendChild(styleSheet);

        console.log('Custom margin-top style injected for Mishpacha page on desktop.');
    }
});
</script>
</body>
</html>