<!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/1108/DgCl11086659.png" itemprop="image" width="150" height="150" />
<meta property="og:image:width" content="150" />
<meta property="og:image:height" content="150" />
<meta name="keywords" content="Preschool," />
<meta name="title" content="Preschool - Chabad of East Hollywood" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="291961-291969-5077000-7230523" />
<meta name="article-keywords" content="1674-1709-8495-8497-16403-16669-2170-2898-20962" />
<meta name="scope-aid" content="291961" />
<meta name="scope-aid" content="291969" />
<meta name="scope-aid" content="5077000" />
<meta name="scope-aid" content="7230523" />
<meta name="article-keyword" content="1674" />
<meta name="article-keyword" content="1709" />
<meta name="article-keyword" content="8495" />
<meta name="article-keyword" content="8497" />
<meta name="article-keyword" content="16403" />
<meta name="article-keyword" content="16669" />
<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.chabadeh.com/templates/section_cdo/aid/7230523/jewish/Pioneers.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Preschool" /><link rel="canonical" href="https://www.chabadeh.com/templates/section_cdo/aid/7230523/jewish/Pioneers.htm" />
<link rel="icon" type="image/png" href="https://www.chabadeh.com/media/images/1108/DgCl11086659.png" />
<link rel="Stylesheet" href="/css/fonts/font-awesome/font-awesome-5.css?v=2D6ABDDB" id="kfont-awesome" type="text/css"/>
<link rel="Stylesheet" href="/css/DefaultGrid.css?v=A13D74E8" id="kgrid" type="text/css"/>
<link rel="Stylesheet" href="/css/Elements.css?v=3A4C63F41" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites.css?v=A934B108" id="ksites-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/new/main.css?v=BB63DD50" id="k7" type="text/css"/>
<link rel="Stylesheet" href="https://w2.chabad.org/css/cco/minisites/global.css" id="k20962" type="text/css"/>
<link rel="Stylesheet" href="/css/old/global.css?v=43DDBA77" id="k2898" type="text/css"/>

<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":"2026-01-30","primaryArticleId":7230523,"title":"Preschool","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"Camp Gan Israel ","contentLevel3":"Pioneers","siteName":"Chabad of East Hollywood "},"time":{"upcomingHoliday":"Rosh Hashanah","daysToUpcomingHoliday":23,"hebrewDate":"5786-06-07"}});
		dataLayer.push({ 'articleHierarchy': '-291961-291969-5077000-7230523-', 'keywords': '-k20962-k2898-k2170-k16669-k16403-k8497-k8495-k1709-k1674-', 'k': '-291961-291969-5077000-7230523--k20962-k2898-k2170-k16669-k16403-k8497-k8495-k1709-k1674-' });
	
</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 = 1076260;var sc_partition = 1;var sc_invisible = 1;var sc_remove_link=1;var sc_security = "9a8dd63c";var sc_https = 1;
	</script>
	<script type="text/javascript" src="https://secure.statcounter.com/counter/counter_xhtml.js" defer async></script>
	<noscript><img src="//c2.statcounter.com/counter.php?sc_project=1076260&amp;java=0&amp;security=9a8dd63c&amp;invisible=1" border="0" /> </noscript>
	<!-- End of StatCounter Code -->


<meta name="google-site-verification" content="fftD8HJ2Uce7QtHNMOc6bttqB-0eizE9cFQhUJuR1-Y" />
<style>
.form-single-column {
white-space: normal !important;}
</style>
<meta name="google-site-verification" content="2WZJjCPc03TbGZ6zvS1hu_LTyQ3G32iyQSh5hUGKOh0" />




 
<script src="https://w2.chabad.org/images/mychabad/resources/click/js/LivIconsEvo.Tools.js"></script><script src="https://w2.chabad.org/images/mychabad/resources/click/js/LivIconsEvo.min.js"></script><script src="https://unpkg.com/zoomwall.js@1.1.0/zoomwall.js"></script><script>
    /****************************************************************************************************
    * @name: LivIconsEvo.defaults.js - the default options for LivIcons (Live Icons) Evolution
    * @version: 2.3.XXX (XXX is a total number of icons)
    * @URL: https://livicons.com
    * @copyright: (c) 2013-2016 DeeThemes (http://codecanyon.net/user/DeeThemes)
    * @licenses: http://codecanyon.net/licenses/regular
    http://codecanyon.net/licenses/extended
    *****************************************************************************************************/
    ;if (typeof jQuery === 'undefined') {
    throw new Error('LivIcons Evolution Script requires jQuery!');
    };
    
    function LivIconsEvoDefaults () {
    
    "use strict";
    
    var default_options = {
    
    pathToFolder: 'https://w2.chabad.org/images/mychabad/resources/click/Icons/', //the path from root of your site to folder with icons. Also may be as URL, like 'http://yoursite.com/path/to/LivIconsEvo/svg/'
    name: 'bell.svg', //the default icon name
    
    //visualization options
    
    style: 'original', //'original', 'solid', filled', 'lines' or ('lines-alt' / 'linesAlt')
    size: '60px', //default size
    
    strokeStyle: 'original', //'original', 'round' or 'square'
    strokeWidth: 'original', //'original' or any value in pixels
    
    tryToSharpen: true, //apply or not micro shifts of SVG shapes to try to make them more sharp (crisp)
    
    rotate: 'none', //'none' or any value in deg [0 ... 360]
    flipHorizontal: false,
    flipVertical: false,
    
    strokeColor: '#22A7F0', //when style opt is 'filled' or 'lines' or ('lines-alt' / 'linesAlt')
    strokeColorAction: '#b3421b', //when 'style' is 'original', 'filled' or 'lines' and 'colorsOnHover' or 'colorsWhenMorph' is 'custom'
    strokeColorAlt: '#F9B32F', //when style opt is ('lines-alt' / 'linesAlt')
    strokeColorAltAction: '#ab69c6', //when 'style' is ('lines-alt' / 'linesAlt') and 'colorsOnHover' or 'colorsWhenMorph' is 'custom'
    fillColor: '#91e9ff', //when style opt is 'filled'
    fillColorAction: '#ff926b', //when 'style' is 'original' or 'filled' and 'colorsOnHover' or 'colorsWhenMorph' is 'custom'
    solidColor: '#6C7A89', //when style opt is 'solid'
    solidColorAction: '#4C5A69', //when 'style' is 'solid' and 'colorsOnHover' or 'colorsWhenMorph' is 'custom'
    solidColorBg: '#ffffff', //when style opt is 'solid'
    solidColorBgAction: '#ffffff', //when 'style' is 'solid'
    
    colorsOnHover: 'none', //'none', 'lighter', 'darker', 'custom' or 'hue0' ... 'hue360'
    colorsHoverTime: 0.3, //seconds
    
    colorsWhenMorph: 'none', //'none', 'lighter', 'darker', 'custom' or 'hue0' ... 'hue360'
    
    brightness: 0.10, // brightness change when 'lighter' or 'darker' (10% by default)
    saturation: 0.07, // saturation change when 'lighter' or 'darker' (7% by default)
    
    morphState: 'start', //'start' or 'end' (initial state for animating position)
    morphImage: 'none', //'none' or a URL to your image (better to use an image with equal width and height)
    allowMorphImageTransform: false, //if true the inside image will rotate and/or flip with a morph icon together
    
    strokeWidthFactorOnHover: 'none', //'none' or numeric value. For ex., for increase twice set the option to 2
    strokeWidthOnHoverTime: 0.3, //seconds
    keepStrokeWidthOnResize: false,
    
    //animation options
    
    animated: true, //if false, an icon is static
    eventType: 'hover', //'click', 'hover' or 'none'
    eventOn: 'self', //'self', 'parent', 'grandparent' or any ID (#some_id) or class (.some_class)
    
    autoPlay: false, //be careful with true value
    delay: 0, //value in seconds
    duration: 'default', //'default' or value in seconds
    repeat: 'default', //'default', 'loop' or integer number of repeats
    repeatDelay: 'default', //'default' or value in seconds
    
    drawOnViewport: false,
    viewportShift: 'oneHalf', //'none', ('one-half' / 'oneHalf'), ('one-third' / 'oneThird') or 'full'
    drawDelay: 0, //seconds
    drawTime: 1, //seconds
    drawStagger: 0.1, //seconds
    drawStartPoint: 'middle', //'start', 'middle' or 'end'
    drawColor: 'same', //'same' or any desired color value (HEX)
    drawColorTime: 1, //seconds
    drawReversed: false, //true will reverse the order of shapes drawing
    drawEase: 'Power1.easeOut', //default ease
    
    eraseDelay: 0, //seconds
    eraseTime: 1, //seconds
    eraseStagger: 0.1, //seconds
    eraseStartPoint: 'middle', //'start', 'middle' or 'end'
    eraseReversed: true, //true will reverse the order of shapes erasing
    eraseEase: 'Power1.easeOut', //default ease
    
    touchEvents: false, //apply or not special events handlers for touch devices
    
    //callback functions
    
    beforeAdd: false,
    afterAdd: false,
    
    beforeUpdate: false,
    afterUpdate: false,
    
    beforeRemove: false,
    afterRemove: false,
    
    beforeDraw: false,
    afterDraw: false,
    duringDraw: false,
    
    beforeErase: false,
    afterErase: false,
    duringErase: false,
    
    beforeAnim: false,
    afterAnim: false,
    duringAnim: false
    };
    
    if (default_options.pathToFolder === '/EDIT THIS OPTION!/') {
    alert('LivIcons Evolution: Please edit "pathToFolder" option in the "LivIconsEvo.defaults.js" file!');
    throw new Error('LivIcons Evolution: Please edit "pathToFolder" option in the "LivIconsEvo.defaults.js" file!');
    };
    
    return default_options;
    };
    
   jQuery(document).ready(function($) {
                     //remove minisite styling
                     if(!!jQuery('.section-footer').find('h2:first').size()&&jQuery('.section-footer').find('h2:first').html().indexOf('Preschool')>-1){
                         jQuery('link[rel=stylesheet][href*="minisites/global"]').remove();
                         jQuery('body').on('click','.navbar-toggle',function(){
                                  jQuery(this).toggleClass('collapsed');
                                  jQuery('#navbar').toggleClass('navbar-collapse collapse');
                         })
                      }
   });

   </script><script type="text/javascript">
    var ifr = document.getElementById("JotFormIFrame-223513649209457");
    if (ifr) {
      var src = ifr.src;
      var iframeParams = [];
      if (window.location.href && window.location.href.indexOf("?") > -1) {
        iframeParams = iframeParams.concat(window.location.href.substr(window.location.href.indexOf("?") + 1).split('&'));
      }
      if (src && src.indexOf("?") > -1) {
        iframeParams = iframeParams.concat(src.substr(src.indexOf("?") + 1).split("&"));
        src = src.substr(0, src.indexOf("?"))
      }
      iframeParams.push("isIframeEmbed=1");
      ifr.src = src + "?" + iframeParams.join('&');
    }
    window.handleIFrameMessage = function(e) {
      if (typeof e.data === 'object') { return; }
      var args = e.data.split(":");
      if (args.length > 2) { iframe = document.getElementById("JotFormIFrame-" + args[(args.length - 1)]); } else { iframe = document.getElementById("JotFormIFrame"); }
      if (!iframe) { return; }
      switch (args[0]) {
        case "scrollIntoView":
          iframe.scrollIntoView();
          break;
        case "setHeight":
          iframe.style.height = args[1] + "px";
          iframe.scrollIntoView();
          break;
        case "collapseErrorPage":
          if (iframe.clientHeight > window.innerHeight) {
            iframe.style.height = window.innerHeight + "px";
          }
          break;
        case "reloadPage":
          window.location.reload();
          break;
        case "loadScript":
          if( !window.isPermitted(e.origin, ['jotform.com', 'jotform.pro']) ) { break; }
          var src = args[1];
          if (args.length > 3) {
              src = args[1] + ':' + args[2];
          }
          var script = document.createElement('script');
          script.src = src;
          script.type = 'text/javascript';
          document.body.appendChild(script);
          break;
        case "exitFullscreen":
          if      (window.document.exitFullscreen)        window.document.exitFullscreen();
          else if (window.document.mozCancelFullScreen)   window.document.mozCancelFullScreen();
          else if (window.document.mozCancelFullscreen)   window.document.mozCancelFullScreen();
          else if (window.document.webkitExitFullscreen)  window.document.webkitExitFullscreen();
          else if (window.document.msExitFullscreen)      window.document.msExitFullscreen();
          break;
      }
      var isJotForm = (e.origin.indexOf("jotform") > -1) ? true : false;
      if(isJotForm && "contentWindow" in iframe && "postMessage" in iframe.contentWindow) {
        var urls = {"docurl":encodeURIComponent(document.URL),"referrer":encodeURIComponent(document.referrer)};
        iframe.contentWindow.postMessage(JSON.stringify({"type":"urls","value":urls}), "*");
      }
    };
    window.isPermitted = function(originUrl, whitelisted_domains) {
      var url = document.createElement('a');
      url.href = originUrl;
      var hostname = url.hostname;
      var result = false;
      if( typeof hostname !== 'undefined' ) {
        whitelisted_domains.forEach(function(element) {
            if( hostname.slice((-1 * element.length - 1)) === '.'.concat(element) ||  hostname === element ) {
                result = true;
            }
        });
        return result;
      }
    };
    if (window.addEventListener) {
      window.addEventListener("message", handleIFrameMessage, false);
    } else if (window.attachEvent) {
      window.attachEvent("onmessage", handleIFrameMessage);
    }
    </script><title>
	Preschool - Chabad of East Hollywood 
</title></head>
<body class="lang_en dir_ltr cco_body cco_templateless_page section_root">
	
	
		<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.chabadeh.com" style="display:block!important;font-size:14px !important;">&laquo; Back to&nbsp;Chabad of East Hollywood </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/css2?family=Fredoka:wght@400;600;700&family=Nunito:wght@400;700;800&display=swap');

    /* --- 1. VARIABLES --- */
    :root {
        --camp-blue: #4b83bf;
        --camp-gold: #cfaf32;
        --camp-pink: #c2828a;
        --camp-lightblue: #a1b9d4;
        --camp-lilac: #d1babf;
        --camp-dark: #240e23;
        --camp-grey: #dadde0;
        --white: #ffffff;
        
        --font-head: 'Fredoka', sans-serif;
        --font-body: 'Nunito', sans-serif;
    }

    /* Hide the selected parent item (Home) as requested */
    li.item.parent.selected {
        display: none !important;
    }

    /* --- 2. GLOBAL RESET & BACKGROUND --- */
    body, #chabad_body_page, .body_wrapper {
        background: linear-gradient(135deg, #eef2f3 0%, #d1babf 100%) !important;
        background-attachment: scroll !important;
        font-family: var(--font-body);
        color: var(--camp-dark);
        margin: 0;
        padding: 0;
        line-height: 1.6;
        width: 100%;
        box-sizing: border-box;
    }

    #chabad_body_page *, #chabad_body_page *:before, #chabad_body_page *:after {
        box-sizing: border-box;
    }

    a { text-decoration: none; transition: all 0.3s ease; }
    img { display: block; max-width: 100%; height: auto; }

    /* --- 3. LAYOUT OVERRIDES (CRITICAL FIX FOR CMS) --- */
    div#chabad_body_content,
    div#chabad_main_content,
    div.chabad_left_column,
    .content-area-parent,
    #co_body_container {
        float: none !important;
        width: 100% !important;
        max-width: 1600px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
        display: block !important;
    }

    /* --- 4. HEADER (Smaller Height Fix) --- */
    .camp-header-wrap {
        width: 100%;
        background-color: var(--camp-blue);
        text-align: center;
        overflow: hidden;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        /* FIX 1: Limit height so we can see content below */
        max-height: 80vh !important; 
    }

    .camp-header-wrap img {
        width: 100% !important;
        height: auto !important;
        min-height: 350px; /* Ensure cover works */
        object-fit: cover;
        display: block;
    }

    .camp-header-text {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 10;
        width: 90%;
        text-align: center;
    }

    .camp-title {
        font-family: var(--font-head);
        font-weight: 700;
        color: var(--white);
        text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
        font-size: 3rem;
        line-height: 1.1;
        margin-bottom: 10px;
    }

    .camp-subtitle {
        font-family: var(--font-head);
        font-size: 1.5rem;
        color: var(--white);
        text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    }

    /* --- 5. NAVIGATION BAR (Fixed) --- */
    #navigation.chabad_navigator_bar {
        background: var(--white) !important;
        border-bottom: 4px solid var(--camp-gold) !important;
        padding: 20px 0 !important;
        width: 100% !important;
        display: block !important;
        margin: 0 !important;
    }

    #navigation .chabad_menu_content {
        width: 100%;
        text-align: center;
        display: flex;
        justify-content: center;
    }

    #navigation ul {
        margin: 0 auto;
        padding: 10px !important;
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
        max-width: 1200px;
    }

    #navigation ul li {
        display: block;
        margin: 5px !important;
        padding: 0;
        position: relative;
        float: none !important;
        color: transparent !important;
        font-size: 0; 
    }

    #navigation ul li a {
        display: block;
        background: var(--camp-blue);
        color: var(--white) !important;
        font-family: var(--font-head) !important;
        font-weight: 600;
        font-size: 16px;
        text-transform: uppercase;
        padding: 12px 30px !important;
        border-radius: 50px;
        border: 2px solid transparent;
        line-height: normal !important;
        height: auto !important;
    }

    #navigation ul li a:hover {
        background: var(--camp-gold);
        color: var(--camp-dark) !important;
        transform: translateY(-2px);
    }

    /* --- SUBMENU (Fix #2: No Gap) --- */
    #navigation ul li .sub_menu {
        display: none !important;
        position: absolute;
        top: 100%; /* Sits directly below parent */
        left: 50%;
        transform: translateX(-50%);
        background: var(--white);
        padding: 10px;
        border-radius: 10px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        min-width: 220px;
        z-index: 999;
        margin-top: 0px !important; /* REMOVED GAP */
        border: 2px solid var(--camp-gold);
        text-align: left;
    }

    #navigation ul li:hover .sub_menu {
        display: block !important;
    }

    #navigation ul li .sub_menu li {
        display: block;
        width: 100%;
        border-bottom: 1px solid #eee;
        float: none !important;
        height: auto !important;
        margin: 0 !important;
    }

    #navigation ul li .sub_menu li a {
        background: transparent;
        color: var(--camp-dark) !important;
        text-align: left;
        border-radius: 5px;
        padding: 10px 15px !important;
        font-size: 14px;
        text-transform: none;
        margin: 0 !important;
    }

    #navigation ul li .sub_menu li a:hover {
        background: #f5f5f5;
        color: var(--camp-blue) !important;
        transform: none;
    }

    /* --- 6. WELCOME CARD --- */
    .camp-welcome-card {
        background: var(--white);
        border-radius: 20px;
        padding: 50px;
        text-align: center;
        box-shadow: 0 10px 25px rgba(0,0,0,0.05);
        border: 3px solid var(--camp-gold);
        margin: 50px auto 50px auto;
        max-width: 1000px;
    }

    .camp-welcome-title {
        font-family: var(--font-head);
        color: var(--camp-blue);
        font-size: 4.5rem;
        margin-bottom: 20px;
        text-transform: uppercase;
    }

    .camp-welcome-text {
        font-size: 3rem;
        color: var(--camp-dark);
        line-height: 1.8;
    }

    /* --- 7. PROMO GRID (Fix #3: Card Layout) --- */
    .camp-grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: center; /* Centers rows */
        gap: 30px;
        width: 100%;
        margin: 0 auto;
        padding-bottom: 50px;
    }

    .camp-card {
        background: var(--white);
        border-radius: 20px;
        overflow: hidden;
        box-shadow: none;
        transition: transform 0.3s ease;
        /* Layout Logic: ~45% width minus gap ensures 2 per row */
        flex: 0 1 calc(50% - 30px); 
        min-width: 300px; /* But don't get too small */
        max-width: 450px; /* Don't get too big */
        display: flex;
        flex-direction: column;
        position: relative;
    }

    .camp-card a {
        position: absolute;
        top: 0; 
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 10;
    }

    .camp-card:hover {
        transform: translateY(-5px);
    }

    .camp-card-img {
        width: 100%;
        height: 220px;
        overflow: hidden;
        border-bottom: 5px solid #eee;
    }

    .camp-card-img img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
    }

    .camp-card-title {
        padding: 25px;
        text-align: center;
        font-family: var(--font-head);
        font-size: 1.6rem;
        font-weight: 700;
        text-transform: uppercase;
        flex-grow: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* Card Themes */
    .camp-card.theme-blue { border-bottom: 8px solid var(--camp-blue); }
    .camp-card.theme-blue .camp-card-img { border-color: var(--camp-blue); }
    .camp-card.theme-blue .camp-card-title { color: var(--camp-blue); }

    .camp-card.theme-gold { border-bottom: 8px solid var(--camp-gold); }
    .camp-card.theme-gold .camp-card-img { border-color: var(--camp-gold); }
    .camp-card.theme-gold .camp-card-title { color: var(--camp-gold); }

    .camp-card.theme-pink { border-bottom: 8px solid var(--camp-pink); }
    .camp-card.theme-pink .camp-card-img { border-color: var(--camp-pink); }
    .camp-card.theme-pink .camp-card-title { color: var(--camp-pink); }

    .camp-card.theme-light { border-bottom: 8px solid var(--camp-lightblue); }
    .camp-card.theme-light .camp-card-img { border-color: var(--camp-lightblue); }
    .camp-card.theme-light .camp-card-title { color: var(--camp-lightblue); }

    /* --- MOBILE RESPONSIVENESS --- */
    @media (max-width: 768px) {
        .camp-header-wrap { min-height: 200px; }
        .camp-card { flex: 1 1 100%; width: 100%; max-width: 100%; } /* Stack 1 per row on mobile */
        .camp-welcome-title { font-size: 2rem; }

        /* Navigation Fix */
        #navigation.chabad_navigator_bar {
            height: auto !important;
            padding: 20px 0 !important;
        }
        
        #navigation .chabad_menu_content {
            width: 100% !important;
            padding: 0 15px;
        }

        #navigation ul, #navigation #menu {
            flex-direction: column !important;
            align-items: stretch !important;
            gap: 15px !important;
            width: 100% !important;
            height: auto !important; 
            display: flex !important;
            padding: 0 !important;
        }

        #navigation ul li {
            width: 100% !important;
            max-width: none !important;
            margin: 0 0 5px 0 !important;
            position: relative !important; 
            height: auto !important;
            float: none !important;
        }

        /* Full width buttons */
        #navigation ul li a {
            width: 100% !important;
            box-sizing: border-box !important;
            display: block !important;
            margin: 0 !important;
            padding: 15px 50px 15px 20px !important; /* Right padding for arrow */
            text-align: left;
            height: auto !important;
            z-index: 1000;
            position: relative;
            color: black !important;
        }
        
        /* Toggle Button */
        .sub_menu_toggle {
            display: flex !important;
            position: absolute;
            top: 0;
            right: 0;
            height: 100%;
            width: 50px;
            z-index: 1050; /* Higher than link */
            cursor: pointer;
            align-items: center;
            justify-content: center;
            border-left: 1px solid rgba(255,255,255,0.2);
        }

        .sub_menu_toggle:after {
            content: '';
            border: solid white;
            border-width: 0 3px 3px 0;
            display: inline-block;
            padding: 4px;
            transform: rotate(45deg) translateY(-2px);
        }

        /* Submenu Style on Mobile */
        #navigation ul li .sub_menu {
            position: relative !important;
            top: auto !important;
            left: auto !important;
            transform: none !important;
            width: 100% !important;
            box-shadow: none !important;
            border: 1px solid #eee !important;
            margin-top: 5px !important;
            background: rgba(255,255,255,0.9);
        }
    }
</style>


<div id="chabad_body_page">
 

<div class="camp-header-wrap">
 
<img src="https://chabadeh.com/media/images/1353/yGKN13538545.png" alt="Camp Banner" />
<div class="camp-header-text">
<div class="camp-title">

</div>
<div class="camp-subtitle">

</div>
</div>
</div>


<div id="navigation" class="chabad_navigator_bar">
<div class="chabad_menu_content">
<ul id="menu" class="navi">
<li class="item parent selected">
<a href="/article.asp?aid=7230523" class="parent selected">Home</a>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=7237184" class="parent">Home</a>
|
</li>
<li class="item parent arrow">
<a href="/article.asp?aid=6521338" class="parent arrow">Pioneer Orlando Overnight</a>
<div class="sub_menu">
<ul>
<li class="item first last">
<a href="/article.asp?aid=6957290">Orlando Packing List</a>
</li>
</ul>
</div>
</li>

</ul>
</div>
</div>


<div id="chabad_body_content">
<div detached="true" type="static" id="ContentArea" name="content_area" actions="edit,delete" class="chabad_left_column"><!-- END HEADER -->
			
			
			<div class="clearfix bh mobile-only align_right">ב"ה</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 class="camp-welcome-card">
<div class="camp-welcome-title">
Pioneer Division
</div>
<div class="camp-welcome-text">

<p>
<strong>Our Pioneer Division is a unique program designed for boys in grades 4–8 and girls in grades 5–8. This special division offers extra exclusive trips, activities and overnights providing an elevated and enriching experience for our older campers.</strong>
</p>

</div>
</div>

<div class="camp-grid">

<div class="camp-card theme-blue">
 
<a href="/7230529"></a>
<div class="camp-card-img">
 
<img src="https://w2.chabad.org/media/images/1356/wwbg13566343.jpg" border="0" alt="" />
</div>
<div class="camp-card-title">
Pioneer Boys
</div>
</div>


<div class="camp-card theme-gold">
 
<a href="/7230535"></a>
<div class="camp-card-img">
 
<img src="https://w2.chabad.org/media/images/1356/DJHN13566347.jpg" border="0" alt="" />
</div>
<div class="camp-card-title">
Pioneer Girls
</div>
</div>

</div>

</div>
						
						<div class="break_floats"></div>
						
					</div>
				</div>
				
				
				
			</div>
			
			<!-- BEGIN FOOTER --></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.chabadeh.com%2ftemplates%2fsection_cdo%2faid%2f7230523%2fjewish%2fPioneers.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=Preschool+-+Chabad+of+East+Hollywood+&amp;url=https%3a%2f%2fwww.chabadeh.com%2ftemplates%2fsection_cdo%2faid%2f7230523%2fjewish%2fPioneers.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=Preschool+-+Chabad+of+East+Hollywood+ https%3a%2f%2fwww.chabadeh.com%2ftemplates%2fsection_cdo%2faid%2f7230523%2fjewish%2fPioneers.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.chabadeh.com%2ftemplates%2fsection_cdo%2faid%2f7230523%2fjewish%2fPioneers.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dpinterest&amp;description=Preschool+-+Chabad+of+East+Hollywood+">
				<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, 5077000);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 East Hollywood </span>
		<div class="footer-address">
			<span class="footer-street">1350 Harrison Street </span>
			<span class="footer-city-state">Hollywood, FL 33020</span>
		</div>
			<span>954-687-7225</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?v=278824AF"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/co/dist/CoLib.js?v=98C851E4"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js?v=41844740"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/modules/pagetools.js?v=930B07AB"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/minisites.js?v=F38E4DA5"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/subscribeprompt.js?v=86D84DC2"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/deprecated.js?v=D506A83E"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/OverrideJSDocumentWrite.js?v=9A0227AA"></script><script>$j = $j.fn ? $j : jQuery;$j(()=>{$q.forEach(f=>{try{f.call(window);}catch(ex){console.error(ex);}});})</script>
	
<script  language="javascript" type="text/javascript"> Co.Settings      = {CacheClassName:'js-cache-default',MosadName:'Chabad of East Hollywood '}; Co.ArticleId     = '7230523';Co.SectionId     = 5077000;Co.PartnerSiteId = 0;Co.SiteId        = 5860;Co.IsMobilePage  = false;Co.IsResponsive  = false;Co.DbDomain      = 'chabadeh.com';Co.LanguageCode  = '';Co.LoginStatus   = 'None';</script>
	
	
<script>
/**
 * Navbar Replacement Script
 * Drop this as a <script> tag on any page where the URL matches.
 * It replaces the existing .chabad_navigator_bar with a clean,
 * modern top-bar + slide-out side drawer.
 *
 * To add more pages, add entries to PAGE_CONFIGS below.
 */

(function () {

  /* ── Page config ──────────────────────────────────────────────────────── */
  /*
   * mode: "full"      → full navbar with hamburger drawer (pages with real nav items)
   * mode: "home-only" → replaces nav with a clean "Home" button bar only
   */
  const PAGE_CONFIGS = [

    /* ── Full navbar pages (aid numbers in URL) ── */
    {
      urlMatches: [
        "5077000",  // Home / main camp page
        "7206908",  // Registration 2026
        "6518538",  // Change Week Form
        "5818706",  // Dates & Rates
        "6515969",  // Staff Application – Preschool Division
        "3576250",  // Staff Application – Junior & Pioneer Division 2026
        "7209899",  // Out of Town Staff Application 2026
        "4281778",  // Our Camp
        "372159",   // Our Staff
        "372158",   // Our Facility
        "5395963",  // Contact Us
        "372168",   // FAQs
        "5078594",  // Photos
        "6515971",  // Staff Application (parent page)
        "1037121",  // About (parent page)
      ],
      navSelector: "#navigation.chabad_navigator_bar",
      mode: "full",
    },

    /* ── Home-only pages (section pages) ── */
    {
      urlMatches: [
        "7204554",  // Preschool
        "7230506",  // Kindergarten
        "7230516",  // Junior
        "7230523",  // Pioneers
        "7230529",  // Pioneer Boys
        "7230535",  // Pioneer Girls
      ],
      navSelector: "#navigation.chabad_navigator_bar",
      mode: "home-only",
    },

  ];

  /* ── Styles ───────────────────────────────────────────────────────────── */
  const CSS = `
    /* ── Reset for our elements ── */
    .nb-wrap *, .nb-drawer *, .nb-overlay {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    /* ── Top bar ── */
    .nb-wrap {
      width: 100%;
      background: #1a2744;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 20px;
      height: 56px;
      position: relative;
      z-index: 900;
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    }

    /* Site title / logo area */
    .nb-title {
      color: #fff;
      font-size: 17px;
      font-weight: 600;
      letter-spacing: 0.01em;
      text-decoration: none;
    }

    /* Desktop nav links (hidden on mobile) */
    .nb-desktop-links {
      display: flex;
      align-items: center;
      gap: 4px;
      list-style: none;
    }

    .nb-desktop-links > li {
      position: relative;
    }

    .nb-desktop-links > li > a {
      display: block;
      padding: 8px 14px;
      color: rgba(255,255,255,0.82);
      text-decoration: none;
      font-size: 14px;
      font-weight: 500;
      border-radius: 6px;
      transition: background 0.15s, color 0.15s;
      white-space: nowrap;
    }

    .nb-desktop-links > li > a:hover,
    .nb-desktop-links > li > a.nb-active {
      background: rgba(255,255,255,0.12);
      color: #fff;
    }

    /* Desktop dropdown */
    .nb-dropdown {
      display: none;
      position: absolute;
      top: calc(100% + 6px);
      left: 0;
      min-width: 220px;
      background: #fff;
      border-radius: 10px;
      box-shadow: 0 8px 32px rgba(0,0,0,0.18), 0 1px 4px rgba(0,0,0,0.08);
      list-style: none;
      padding: 6px;
      z-index: 1000;
    }

    .nb-desktop-links > li:hover .nb-dropdown {
      display: block;
    }

    .nb-dropdown li a {
      display: block;
      padding: 9px 14px;
      font-size: 14px;
      color: #222;
      text-decoration: none;
      border-radius: 6px;
      transition: background 0.12s;
    }

    .nb-dropdown li a:hover {
      background: #f0f4ff;
      color: #1a2744;
    }

    /* Arrow indicator on desktop */
    .nb-has-sub > a::after {
      content: '';
      display: inline-block;
      width: 6px;
      height: 6px;
      border-right: 1.5px solid currentColor;
      border-bottom: 1.5px solid currentColor;
      transform: rotate(45deg) translateY(-2px);
      margin-left: 6px;
      opacity: 0.7;
    }

    /* Hamburger button */
    .nb-burger {
      display: none;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 5px;
      width: 40px;
      height: 40px;
      background: rgba(255,255,255,0.1);
      border: none;
      border-radius: 8px;
      cursor: pointer;
      padding: 0;
      transition: background 0.15s;
    }

    .nb-burger:hover {
      background: rgba(255,255,255,0.18);
    }

    .nb-burger span {
      display: block;
      width: 20px;
      height: 2px;
      background: #fff;
      border-radius: 2px;
      transition: transform 0.28s ease, opacity 0.2s ease, width 0.2s ease;
      transform-origin: center;
    }

    .nb-burger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
    .nb-burger.open span:nth-child(2) { opacity: 0; width: 0; }
    .nb-burger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

    /* ── Overlay ── */
    .nb-overlay {
      display: none;
      position: fixed;
      inset: 0;
      background: rgba(10, 18, 40, 0.55);
      z-index: 1100;
      opacity: 0;
      transition: opacity 0.28s ease;
      backdrop-filter: blur(2px);
    }

    .nb-overlay.visible {
      display: block;
    }

    .nb-overlay.open {
      opacity: 1;
    }

    /* ── Side Drawer ── */
    .nb-drawer {
      position: fixed;
      top: 0;
      left: 0;
      width: 290px;
      max-width: 88vw;
      height: 100%;
      background: #fff;
      z-index: 1200;
      transform: translateX(-100%);
      transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);
      display: flex;
      flex-direction: column;
      overflow: hidden;
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    }

    .nb-drawer.open {
      transform: translateX(0);
      box-shadow: 6px 0 40px rgba(0,0,0,0.18);
    }

    /* Drawer header */
    .nb-drawer-header {
      background: #1a2744;
      padding: 0 18px;
      height: 56px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-shrink: 0;
    }

    .nb-drawer-header-title {
      color: #fff;
      font-size: 16px;
      font-weight: 600;
      text-decoration: none;
    }

    .nb-close-btn {
      background: rgba(255,255,255,0.12);
      border: none;
      border-radius: 7px;
      color: #fff;
      cursor: pointer;
      width: 34px;
      height: 34px;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background 0.15s;
      padding: 0;
    }

    .nb-close-btn:hover {
      background: rgba(255,255,255,0.22);
    }

    .nb-close-btn svg {
      width: 18px;
      height: 18px;
      stroke: #fff;
      fill: none;
      stroke-width: 2;
      stroke-linecap: round;
    }

    /* Drawer body */
    .nb-drawer-body {
      overflow-y: auto;
      flex: 1;
      padding: 8px 0 24px;
    }

    /* Drawer items */
    .nb-drawer-list {
      list-style: none;
    }

    .nb-drawer-list > li {
      border-bottom: 1px solid #f0f0f0;
    }

    .nb-drawer-list > li:last-child {
      border-bottom: none;
    }

    /* Simple link */
    .nb-drawer-list > li > a.nb-item-link {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 14px 20px;
      color: #1a1a1a;
      font-size: 15px;
      font-weight: 500;
      text-decoration: none;
      transition: background 0.12s;
    }

    .nb-drawer-list > li > a.nb-item-link:hover,
    .nb-drawer-list > li > a.nb-item-link.nb-active {
      background: #f0f4ff;
      color: #1a2744;
    }

    .nb-item-icon {
      width: 32px;
      height: 32px;
      border-radius: 8px;
      background: #eef2ff;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

    .nb-item-icon svg {
      width: 17px;
      height: 17px;
      stroke: #3a4fa3;
      fill: none;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    /* Accordion toggle */
    .nb-accordion-toggle {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 14px 20px;
      color: #1a1a1a;
      font-size: 15px;
      font-weight: 500;
      cursor: pointer;
      transition: background 0.12s;
      text-decoration: none;
    }

    .nb-accordion-toggle:hover {
      background: #f7f8fc;
    }

    .nb-chevron {
      margin-left: auto;
      width: 20px;
      height: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: transform 0.22s ease;
      flex-shrink: 0;
    }

    .nb-chevron svg {
      width: 14px;
      height: 14px;
      stroke: #888;
      fill: none;
      stroke-width: 2.5;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .nb-accordion-toggle.open .nb-chevron {
      transform: rotate(180deg);
    }

    /* Sub-list */
    .nb-sub-list {
      list-style: none;
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease;
      background: #fafbff;
    }

    .nb-sub-list.open {
      max-height: 800px;
    }

    .nb-sub-list li {
      border-top: 1px solid #f0f0f0;
    }

    .nb-sub-list li a {
      display: block;
      padding: 12px 20px 12px 62px;
      color: #444;
      font-size: 14px;
      text-decoration: none;
      transition: background 0.12s, color 0.12s;
    }

    .nb-sub-list li a:hover {
      background: #e8edff;
      color: #1a2744;
    }

    /* ── Responsive: show hamburger on mobile ── */
    @media (max-width: 780px) {
      .nb-desktop-links {
        display: none;
      }
      .nb-burger {
        display: flex;
      }
    }

    /* ── Home-only bar ── */
    .nb-home-bar {
      width: 100%;
      background: #1a2744;
      display: flex;
      align-items: center;
      padding: 0 16px;
      height: 52px;
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    }

    .nb-home-link {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: #fff;
      text-decoration: none;
      font-size: 15px;
      font-weight: 500;
      background: rgba(255,255,255,0.12);
      border-radius: 8px;
      padding: 7px 16px 7px 12px;
      transition: background 0.15s;
    }

    .nb-home-link:hover {
      background: rgba(255,255,255,0.2);
    }

    .nb-home-link svg {
      width: 18px;
      height: 18px;
      stroke: #fff;
      fill: none;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
      flex-shrink: 0;
    }
  `;

  /* ── Icon helpers ─────────────────────────────────────────────────────── */
  const ICONS = {
    home:     '<path d="M3 9.5L12 3l9 6.5V20a1 1 0 01-1 1H4a1 1 0 01-1-1V9.5z"/><polyline points="9 21 9 12 15 12 15 21"/>',
    reg:      '<rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/>',
    dates:    '<circle cx="12" cy="12" r="9"/><polyline points="12 7 12 12 15 15"/>',
    staff:    '<path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 00-3-3.87"/><path d="M16 3.13a4 4 0 010 7.75"/>',
    about:    '<circle cx="12" cy="12" r="9"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/>',
    photos:   '<rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><polyline points="21 15 16 10 5 21"/>',
    default:  '<circle cx="12" cy="12" r="9"/>',
  };

  function iconSVG(name) {
    const d = ICONS[name] || ICONS.default;
    return `<svg viewBox="0 0 24 24" aria-hidden="true">${d}</svg>`;
  }

  function guessIcon(text) {
    const t = text.toLowerCase();
    if (t.includes('home'))          return 'home';
    if (t.includes('reg'))           return 'reg';
    if (t.includes('date') || t.includes('rate')) return 'dates';
    if (t.includes('staff'))         return 'staff';
    if (t.includes('about') || t.includes('faq') || t.includes('contact') || t.includes('our')) return 'about';
    if (t.includes('photo') || t.includes('gallery')) return 'photos';
    return 'default';
  }

  /* ── Parse existing nav ───────────────────────────────────────────────── */
  function parseNav(navEl) {
    const items = [];
    const topLevelItems = navEl.querySelectorAll('.navi > li, ul#menu > li');

    topLevelItems.forEach(li => {
      const mainLink = li.querySelector(':scope > a');
      if (!mainLink) return;

      const subMenu = li.querySelector(':scope > .sub_menu');
      const item = {
        text: mainLink.textContent.trim(),
        href: mainLink.getAttribute('href') || '#',
        active: mainLink.classList.contains('selected'),
        children: [],
      };

      if (subMenu) {
        subMenu.querySelectorAll('a').forEach(a => {
          item.children.push({
            text: a.textContent.trim(),
            href: a.getAttribute('href') || '#',
          });
        });
      }

      items.push(item);
    });

    return items;
  }

  /* ── Attempt to find a site title from the page ─────────────────────── */
  function getSiteTitle() {
    const h1 = document.querySelector('h1');
    if (h1 && h1.textContent.trim()) return h1.textContent.trim();
    const title = document.title;
    if (title) return title.split(/[-|–]/)[0].trim();
    return 'Menu';
  }

  /* ── Build new navbar HTML ────────────────────────────────────────────── */
  function buildNavbar(items) {
    const siteTitle = getSiteTitle();

    /* Desktop links */
    const desktopLinks = items.map(item => {
      if (item.children.length) {
        const subItems = item.children.map(c =>
          `<li><a href="${c.href}">${c.text}</a></li>`
        ).join('');
        return `
          <li class="nb-has-sub">
            <a href="${item.href}"${item.active ? ' class="nb-active"' : ''}>${item.text}</a>
            <ul class="nb-dropdown">${subItems}</ul>
          </li>`;
      }
      return `<li><a href="${item.href}"${item.active ? ' class="nb-active"' : ''}>${item.text}</a></li>`;
    }).join('');

    /* Drawer items */
    const drawerItems = items.map(item => {
      const icon = iconSVG(guessIcon(item.text));
      const iconEl = `<span class="nb-item-icon">${icon}</span>`;

      if (item.children.length) {
        const subItems = item.children.map(c =>
          `<li><a href="${c.href}">${c.text}</a></li>`
        ).join('');
        return `
          <li>
            <a href="${item.href}" class="nb-accordion-toggle${item.active ? ' nb-active' : ''}" data-accordion>
              ${iconEl}
              <span>${item.text}</span>
              <span class="nb-chevron">${iconSVG('chevron')}</span>
            </a>
            <ul class="nb-sub-list">${subItems}</ul>
          </li>`;
      }
      return `
        <li>
          <a href="${item.href}" class="nb-item-link${item.active ? ' nb-active' : ''}">
            ${iconEl}
            <span>${item.text}</span>
          </a>
        </li>`;
    }).join('');

    const closeSVG = `<svg viewBox="0 0 24 24"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>`;
    const chevronSVG = `<svg viewBox="0 0 24 24"><polyline points="6 9 12 15 18 9"/></svg>`;

    return {
      topbarHTML: `
        <nav class="nb-wrap" role="navigation" aria-label="Main navigation">
          <a href="https://www.chabadeh.com/templates/section_cdo/aid/5077000/jewish/Camp-Gan-Israel.htm" class="nb-title">${siteTitle}</a>
          <ul class="nb-desktop-links" role="list">${desktopLinks}</ul>
          <button class="nb-burger" aria-label="Open menu" aria-expanded="false" aria-controls="nb-drawer">
            <span></span><span></span><span></span>
          </button>
        </nav>`,
      drawerHTML: `
        <div class="nb-overlay" id="nb-overlay" aria-hidden="true"></div>
        <aside class="nb-drawer" id="nb-drawer" role="dialog" aria-modal="true" aria-label="Navigation">
          <div class="nb-drawer-header">
            <a href="https://www.chabadeh.com/templates/section_cdo/aid/5077000/jewish/Camp-Gan-Israel.htm" class="nb-drawer-header-title">${siteTitle}</a>
            <button class="nb-close-btn" id="nb-close-btn" aria-label="Close menu">${closeSVG}</button>
          </div>
          <nav class="nb-drawer-body">
            <ul class="nb-drawer-list" role="list">${drawerItems}</ul>
          </nav>
        </aside>`,
    };
  }

  /* Replace chevron icon placeholder */
  function fixChevrons(el) {
    el.querySelectorAll('.nb-chevron').forEach(c => {
      c.innerHTML = `<svg viewBox="0 0 24 24" aria-hidden="true" style="width:14px;height:14px;stroke:#888;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;"><polyline points="6 9 12 15 18 9"/></svg>`;
    });
  }

  /* ── Wire up interactivity ────────────────────────────────────────────── */
  function wireUp() {
    const burger    = document.querySelector('.nb-burger');
    const drawer    = document.getElementById('nb-drawer');
    const overlay   = document.getElementById('nb-overlay');
    const closeBtn  = document.getElementById('nb-close-btn');

    if (!burger || !drawer) return;

    function open() {
      drawer.classList.add('open');
      overlay.classList.add('visible');
      requestAnimationFrame(() => overlay.classList.add('open'));
      burger.classList.add('open');
      burger.setAttribute('aria-expanded', 'true');
      document.body.style.overflow = 'hidden';
      closeBtn.focus();
    }

    function close() {
      drawer.classList.remove('open');
      overlay.classList.remove('open');
      burger.classList.remove('open');
      burger.setAttribute('aria-expanded', 'false');
      document.body.style.overflow = '';
      setTimeout(() => overlay.classList.remove('visible'), 300);
      burger.focus();
    }

    burger.addEventListener('click', open);
    closeBtn.addEventListener('click', close);
    overlay.addEventListener('click', close);

    document.addEventListener('keydown', e => {
      if (e.key === 'Escape' && drawer.classList.contains('open')) close();
    });

    /* Accordion */
    drawer.querySelectorAll('[data-accordion]').forEach(toggle => {
      toggle.addEventListener('click', e => {
        const subList = toggle.closest('li').querySelector('.nb-sub-list');
        const isOpen  = toggle.classList.contains('open');

        if (isOpen) {
          /* Second click: follow the link */
          return;
        }

        /* First click: open accordion, suppress navigation */
        e.preventDefault();
        toggle.classList.add('open');
        if (subList) subList.classList.add('open');
      });
    });
  }

  /* ── Build home-only bar ─────────────────────────────────────────────── */
  function buildHomeBar(navEl) {
    /* Find the first real link in the nav (skip heading items with no href) */
    let homeHref = 'https://www.chabadeh.com/templates/section_cdo/aid/5077000/jewish/Camp-Gan-Israel.htm';
    const links = navEl.querySelectorAll('a[href]');
    if (links.length) homeHref = links[0].getAttribute('href');

    return `
      <nav class="nb-home-bar" role="navigation" aria-label="Site navigation">
        <a href="${homeHref}" class="nb-home-link">
          <svg viewBox="0 0 24 24" aria-hidden="true">
            <path d="M3 9.5L12 3l9 6.5V20a1 1 0 01-1 1H4a1 1 0 01-1-1V9.5z"/>
            <polyline points="9 21 9 12 15 12 15 21"/>
          </svg>
          Home
        </a>
      </nav>`;
  }

  /* ── Main ─────────────────────────────────────────────────────────────── */
  function init() {
    const currentURL = window.location.href;

    PAGE_CONFIGS.forEach(config => {
      const matches = config.urlMatches.some(f => currentURL.includes(f));
      if (!matches) return;

      const navEl = document.querySelector(config.navSelector);
      if (!navEl) return;

      /* Inject styles (once) */
      if (!document.getElementById('nb-styles')) {
        const style = document.createElement('style');
        style.id = 'nb-styles';
        style.textContent = CSS;
        document.head.appendChild(style);
      }

      /* ── Home-only mode ── */
      if (config.mode === 'home-only') {
        const wrapper = document.createElement('div');
        wrapper.innerHTML = buildHomeBar(navEl);
        navEl.parentNode.replaceChild(wrapper.firstElementChild, navEl);
        return;
      }

      /* ── Full navbar mode (mobile only) ── */
      if (window.innerWidth > 780) return;

      const items = parseNav(navEl);
      const { topbarHTML, drawerHTML } = buildNavbar(items);

      const wrapper = document.createElement('div');
      wrapper.innerHTML = topbarHTML;
      navEl.parentNode.replaceChild(wrapper.firstElementChild, navEl);

      const drawerWrapper = document.createElement('div');
      drawerWrapper.innerHTML = drawerHTML;
      while (drawerWrapper.firstChild) {
        document.body.appendChild(drawerWrapper.firstChild);
      }

      fixChevrons(document.body);
      wireUp();
    });
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', init);
  } else {
    init();
  }

})();
</script>
</body>
</html>