<!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="Staff,Application," />
<meta name="title" content="Staff Application - Chabad of East Hollywood" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="291961-291969-5077000-6515971" />
<meta name="article-keywords" content="8495-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="6515971" />
<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.chabadeh.com/templates/articlecco_cdo/aid/6515971/jewish/Staff-Application.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Staff Application - Chabad of East Hollywood" /><link rel="canonical" href="https://www.chabadeh.com/templates/articlecco_cdo/aid/6515971/jewish/Staff-Application.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" id="kfont-awesome" type="text/css"/>
<link rel="Stylesheet" href="/css/DefaultGrid.css" id="kgrid" type="text/css"/>
<link rel="Stylesheet" href="/css/Elements.css" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites.css" id="ksites-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/new/main.css" 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" id="k2898" type="text/css"/>
<link rel="Stylesheet" href="/css/bootstrap/grid.css" id="kbootstrap4-grid" type="text/css"/>
<link rel="Stylesheet" href="/css/Library/reader-comments.css" id="kCommentsStylesheet" type="text/css"/>
<link rel="Stylesheet" href="/css/inline/BookInfo.css" 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":"2024-07-12","primaryArticleId":6515971,"title":"","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"Camp Gan Israel ","contentLevel3":"Staff Application ","siteName":"Chabad of East Hollywood "},"time":{"upcomingHoliday":"The Three Weeks","daysToUpcomingHoliday":1,"hebrewDate":"5786-04-16"}});
		dataLayer.push({ 'articleHierarchy': '-291961-291969-5077000-6515971-', 'keywords': '-k20962-k2898-k2170-k8495-', 'k': '-291961-291969-5077000-6515971--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 = 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>
	Staff Application - Chabad of East Hollywood 
</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.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: 1200px !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: 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">
<a href="/article.asp?aid=5077000" class="parent">Home</a>
|
</li>
<li class="item parent arrow">
<a href="/article.asp?aid=7232920" class="parent arrow">Registration 2026 </a>
<div class="sub_menu">
<ul>
<li class="item first">
<a href="/article.asp?aid=7206908">Registration 2026 </a>
</li>
<li class="item last">
<a href="/article.asp?aid=6518538">Change Week Form </a>
</li>
</ul>
</div>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=5818706" class="parent">Dates & Rates </a>
|
</li>
<li class="item parent arrow selected">
<a href="/article.asp?aid=6515971" class="parent arrow selected">Staff Application </a>
<div class="sub_menu">
<ul>
<li class="item first">
<a href="/article.asp?aid=6515969">Staff Application Preschool Division </a>
</li>
<li class="item">
<a href="/article.asp?aid=3576250">Staff Application Junior & Pioneer Division 2026</a>
</li>
<li class="item last">
<a href="/article.asp?aid=7209899">Out of Town Staff Application 2026</a>
</li>
</ul>
</div>
|
</li>
<li class="item parent arrow">
<a href="/article.asp?aid=1037121" class="parent arrow">About </a>
<div class="sub_menu">
<ul>
<li class="item first">
<a href="/article.asp?aid=4281778">Our Camp</a>
</li>
<li class="item">
<a href="/article.asp?aid=372159">Our Staff</a>
</li>
<li class="item">
<a href="/article.asp?aid=372158">Our Facility</a>
</li>
<li class="item">
<a href="/article.asp?aid=5395963">Contact us</a>
</li>
<li class="item last">
<a href="/article.asp?aid=372168">FAQ's</a>
</li>
</ul>
</div>
|
</li>
<li class="item parent">
<a href="/article.asp?aid=5078594" class="parent">Photos </a>
</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"><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">Staff Application </h1>
		
			<div>
				
			</div>
		
</header>
				</div>
			
			<div class="body_wrapper clearfix co_body">
				<div class="" id="co_body_container">
					
					<div id="ContentBody">
						
						
							<div class="content-area-parent no_margin">
								
	<div id="cco_body">
		<div class="content  no_margin no_overflow" id="co_content_container">
			
			
	

	<article class="content js-content" itemscope itemtype="http://schema.org/Article">
	



<meta itemprop="mainEntityOfPage headline name" content="" />

<meta itemprop="image" content="" />


<meta itemprop="uploadDate" content="2024-07-12T12:00:49" />
<span itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
	<meta itemprop="name" content="Chabad of East Hollywood " />
	<meta itemprop="brand" content="Chabad of East Hollywood " />
	<span itemprop="logo" itemscope itemtype="http://schema.org/ImageObject">
		<meta itemprop="url" content="https://w2.chabad.org/media/images/1108/DgCl11086659.png" />
		<meta itemprop="height" content="150" />
		<meta itemprop="width" content="150" />
	</span>
</span>
<meta itemprop="datePublished" content="2024-07-12T12:00:49" />
			<div itemprop="articleBody">
				<co:body xmlns:co="www1.chabadonline.com/alpha1" xmlns:ext="urn:xslt-extensions">
  <div class="co_body article-body cf"><section>
</section><section><h2 style="text-align: center;"> </h2>

</section><section><h2 style="text-align: center;"><strong>
<a href="/article.asp?AID=6515969">Staff Application Preschool Division ages 2-5</a></strong><br>
 </h2>

</section><section><h2 style="text-align: center;">
<strong>
<a href="/article.asp?AID=3576250">Staff Application Junior &amp; Pioneer Division ages 6-13</a></strong></h2>

</section></div>
</co:body>
			</div>
			

			<div class="break_floats"></div>
			
	<div class="break_floats"></div>
	

<div class="content-footer">
	
	
	
	
	
	
</div>
	</article>

		</div>
	</div>
</div>
						
						<div class="break_floats"></div>
						
					</div>
				</div>
				
				
				
			</div>
			
			<!-- BEGIN FOOTER -->
</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%2farticlecco_cdo%2faid%2f6515971%2fjewish%2fStaff-Application.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=Staff+Application+-+Chabad+of+East+Hollywood+&amp;url=https%3a%2f%2fwww.chabadeh.com%2ftemplates%2farticlecco_cdo%2faid%2f6515971%2fjewish%2fStaff-Application.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=Staff+Application+-+Chabad+of+East+Hollywood+ https%3a%2f%2fwww.chabadeh.com%2ftemplates%2farticlecco_cdo%2faid%2f6515971%2fjewish%2fStaff-Application.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%2farticlecco_cdo%2faid%2f6515971%2fjewish%2fStaff-Application.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dpinterest&amp;description=Staff+Application+-+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"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/co/dist/CoLib.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/modules/pagetools.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/multimedia/infolayer.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/commentsloader.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/minisites.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/subscribeprompt.js"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/deprecated.js?v=4.1.3"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/OverrideJSDocumentWrite.js"></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     = '6515971';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>