<!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/1076/hRnw10760728.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="Cteen" />
<meta name="title" content="Cteen - Chabad Lubavitch of Tidewater" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="397613-397621-576268-7286668" />
<meta name="article-keywords" content="8495-8497-16403-16669-32454-2170-2898" />
<meta name="scope-aid" content="397613" />
<meta name="scope-aid" content="397621" />
<meta name="scope-aid" content="576268" />
<meta name="scope-aid" content="7286668" />
<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="32454" />
<meta name="article-keyword" content="2170" />
<meta name="article-keyword" content="2898" />
<meta property="og:url" content="https://www.chabadoftidewater.com/templates/section_cdo/aid/7286668/jewish/Cteen.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Cteen - Chabad Lubavitch of Tidewater" /><link rel="canonical" href="https://www.chabadoftidewater.com/templates/section_cdo/aid/7286668/jewish/Cteen.htm" />
<link rel="icon" type="image/png" href="https://www.chabadoftidewater.com/media/images/1076/hRnw10760728.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="/css/old/global.css?v=43DDBA77" id="k2898" type="text/css"/>
<link rel="Stylesheet" href="https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/css/oxpins.css?v=7/8/2026" id="k32454" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/home/default/prettyPhoto.min.css?v=E5A10EA0" id="kprettyPhoto" 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-03-12","primaryArticleId":7286668,"title":"","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"Youth","contentLevel3":"Cteen","siteName":"Chabad Lubavitch of Tidewater"},"time":{"upcomingHoliday":"Rosh Hashanah","daysToUpcomingHoliday":22,"hebrewDate":"5786-06-08"}});
		dataLayer.push({ 'articleHierarchy': '-397613-397621-576268-7286668-', 'keywords': '-k2898-k2170-k32454-k16669-k16403-k8497-k8495-', 'k': '-397613-397621-576268-7286668--k2898-k2170-k32454-k16669-k16403-k8497-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 = 2129015;var sc_partition = 2;var sc_invisible = 1;var sc_remove_link=1;var sc_security = "51bb570c";var sc_https = 1;
	</script>
	<script type="text/javascript" src="https://secure.statcounter.com/counter/counter_xhtml.js" defer async></script>
	<noscript><img src="//c3.statcounter.com/counter.php?sc_project=2129015&amp;java=0&amp;security=51bb570c&amp;invisible=1" border="0" /> </noscript>
	<!-- End of StatCounter Code -->


<!-- ==========================================================================
     CHABAD SITE TEMPLATE - CUSTOM HEADER CODE
     Paste into: Advanced Settings > Custom Header Code
     ChabadOne places this inside <HEAD>, before any body content paints.

     TWO PARTS
       1. Gate script  - reads the URL, tags <html> with a class
       2. Stylesheet   - every rule keyed to that class

     Because the gate runs during head parsing, the class lands on <html>
     before the first pixel renders. No flash, no :has() dependency, and
     the CSS stays real CSS instead of a JavaScript string.

     TO SET UP A NEW CLIENT
       Edit PAGES and HERO in the gate script, and the six colors in
       section 0. Nothing else needs to change.
     ========================================================================== -->



<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800&display=swap" rel="stylesheet">

<style>
/* ==========================================================================
   0. CLIENT THEME - edit these six values per site
   ========================================================================== */
:root {
  /* Sampled from Chabad of Tidewater's own design.
     Retheme a new client by replacing these seven values. */
  --cbd-primary:   #810937;  /* brand maroon: headings, borders, nav */
  --cbd-accent:    #B0144F;  /* brighter maroon: buttons, hover, underlines */
  --cbd-gold:      #DB922C;  /* logo flame gold: small accents, arrows */
  --cbd-ink:       #600629;  /* deepest maroon: footer, overlays */
  --cbd-surface:   #F6F0EC;  /* warm stone, sits with maroon */
  --cbd-surface-2: #EDE1D9;  /* deeper warm stone */
  --cbd-paper:     #ffffff;
}

/* ==========================================================================
   1. BASE
   ========================================================================== */
.cbd-page p,
.cbd-page span,
.cbd-page h1,
.cbd-page h2,
.cbd-page h3,
.cbd-page h4,
.cbd-page h5,
.cbd-page h6,
.cbd-page a,
.cbd-page a.parent {
  font-family: 'Poppins', sans-serif !important;
}

/* ChabadOne themes usually strip focus rings. Put one back. */
.cbd-page a:focus-visible,
.cbd-page button:focus-visible {
  outline: 3px solid var(--cbd-accent) !important;
  outline-offset: 2px !important;
}

/* ==========================================================================
   2. ROW BACKGROUNDS
   ========================================================================== */
/* No blanket .hp-row rule. ChabadOne templates design their own section
   backgrounds (subscribe bands, footers); repainting all of them fights
   the theme and breaks contrast. Only rows we build get recolored. */
.cbd-page #injected-upcoming-events-section,
.cbd-page .hp-row:has(.programs-grid-wrapper),
.cbd-page .hp-row:has(.header-title) {
  background-color: var(--cbd-surface-2) !important;
}
.cbd-page .hp-row:has(.banner-updates) {
  padding: 0 !important;
}
.cbd-page .icon-updates .widget_content > div:nth-child(3) .title a {
  color: var(--cbd-ink) !important;
}

/* ==========================================================================
   3. DONATE BUTTON IN THE CMS NAV
   ========================================================================== */
.cbd-page td.co_menu_item.donate_link a.parent {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: var(--cbd-accent) !important;
  color: var(--cbd-paper) !important;
  padding: 12px 24px !important;
  font-size: 16px !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  border-radius: 5px !important;
  line-height: 1 !important;
  border: unset !important;
}

/* Heart drawn as a mask, so it takes whatever color you set */
.cbd-page td.co_menu_item.donate_link a.parent::before {
  content: '' !important;
  display: inline-block !important;
  width: 1.2em !important;
  height: 1.2em !important;
  margin-right: 10px !important;
  background-color: var(--cbd-paper) !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M47.6 300.4L228.3 469.1c7.5 7 17.4 10.9 27.7 10.9s20.2-3.9 27.7-10.9L464.4 300.4c30.4-28.3 47.6-68 47.6-109.5v-5.8c0-69.9-50.5-129.5-119.4-141C347 36.5 300.6 51.4 268 84L256 96 244 84c-32.6-32.6-79-47.5-124.6-39.9C50.5 55.6 0 115.2 0 185.1v5.8c0 41.5 17.2 81.2 47.6 109.5z'/%3E%3C/svg%3E") !important;
  mask-size: contain !important;
  mask-repeat: no-repeat !important;
  mask-position: center !important;
}

/* ==========================================================================
   4. ICON + HEADER WIDGETS
   ========================================================================== */
/* max-height, not height, so smaller icons are not stretched up.
   Second selector is template-agnostic for themes that nest differently. */
.cbd-page .icon .widget_content .item .icon img,
.cbd-page [class*="icon"] .widget_content img {
  filter: unset !important;
  max-height: 90px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}
.cbd-page .icon .widget_content .item .title a {
  font-size: 2rem !important;
  font-weight: bold !important;
  color: var(--cbd-primary) !important;
}
/* Only recolor headings on rows we built. [class*=widget-] was matching
   'widget-4 subscribe' and putting dark text on the dark maroon band. */
.cbd-page .hp-row:has(.programs-grid-wrapper) .widget_header h5,
.cbd-page .hp-row:has(.header-title) .widget_header h5 {
  color: var(--cbd-primary) !important;
}

/* ==========================================================================
   5. CMS PROMO SLIDER
   ========================================================================== */
.cbd-page .hp-table .hp-row-first .promo_slider .slider .cycle-caption big {
  color: var(--cbd-paper) !important;
  font-weight: 600 !important;
}
.cbd-page .hp-table .hp-row-first .promo_slider .slider .cycle-caption .readMore {
  border: unset !important;
  background: var(--cbd-accent) !important;
  font-weight: 600 !important;
}
.cbd-page .hp-table .hp-row-first .promo_slider .slider .cycle-caption .readMore:hover {
  background: var(--cbd-paper) !important;
  color: var(--cbd-accent) !important;
}

.cbd-page a.readMore::after {
  content: ' \2192';
  margin-left: 4px;
}

/* ==========================================================================
   6. SNEAK PEEK - WIDE CARD (g480)
   Image left, icon + title right.
   The :has(.g480) selector reads the CMS size class, so a single widget
   type gives you two different card designs.
   ========================================================================== */
.cbd-page #BodyContainer .sneak-peek-container:has(.g480) {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 20px !important;
  width: 100% !important;
  max-width: 960px !important;
  margin: 0 auto !important;
  padding: 20px !important;
}
.cbd-page #BodyContainer .sneak-peek-container:has(.g480) .clear {
  display: none !important;
}
.cbd-page #BodyContainer .sneak-peek-container:has(.g480) .widget-1.sneak_peek .wrapper {
  display: flex !important;
  border: 2px solid var(--cbd-primary) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background-color: transparent !important;
  height: 100% !important;
  position: relative !important;
}
.cbd-page #BodyContainer .sneak-peek-container:has(.g480) .widget_content {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  width: 100% !important;
}
.cbd-page #BodyContainer .sneak-peek-container:has(.g480) .widget_content a.thumbnail {
  position: relative !important;
  display: block !important;
  width: 40% !important;
  height: 100% !important;
  flex-shrink: 0 !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
}
.cbd-page #BodyContainer .sneak-peek-container:has(.g480) .widget_content a.thumbnail img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  background-size: cover !important;
  background-position: center !important;
}
.cbd-page #BodyContainer .sneak-peek-container:has(.g480) .widget_content a.thumbnail span {
  display: none !important;
}
.cbd-page #BodyContainer .sneak-peek-container:has(.g480) .text-content {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 20px !important;
  flex-grow: 1 !important;
  background-color: transparent !important;
  transition: background-color .3s ease !important;
  overflow: hidden !important;
  word-wrap: break-word !important;
  position: relative !important;
}
.cbd-page #BodyContainer .sneak-peek-container:has(.g480) .text-content .item-icon {
  width: 32px !important;
  height: 32px !important;
  margin-bottom: 10px !important;
  transition: filter .3s ease !important;
  position: relative !important;
}
.cbd-page #BodyContainer .sneak-peek-container:has(.g480) .text-content h6 {
  font-size: 22px !important;
  font-weight: bold !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  white-space: normal !important;
  display: block !important;
  height: auto !important;
  position: relative !important;
}
.cbd-page #BodyContainer .sneak-peek-container:has(.g480) .text-content h6 a {
  text-decoration: none !important;
  color: var(--cbd-primary) !important;
  text-transform: uppercase !important;
  transition: color .3s ease !important;
  white-space: normal !important;
  display: inline !important;
  height: auto !important;
  width: auto !important;
  padding: 0 !important;
  vertical-align: baseline !important;
  font-size: 22px !important;
}
.cbd-page #BodyContainer .sneak-peek-container:has(.g480) .text-content h6 a::after {
  content: ' \2192' !important;
  margin-left: 8px !important;
  font-weight: normal !important;
  color: var(--cbd-primary) !important;
  transition: color .3s ease !important;
}
.cbd-page #BodyContainer .sneak-peek-container:has(.g480) .text-content p {
  margin: 5px 0 0 !important;
  font-size: 16px !important;
  color: #333333 !important;
}
.cbd-page #BodyContainer .sneak-peek-container:has(.g480) .widget-1.sneak_peek .wrapper:hover .text-content {
  background-color: var(--cbd-primary) !important;
}
.cbd-page #BodyContainer .sneak-peek-container:has(.g480) .widget-1.sneak_peek .wrapper:hover .text-content .item-icon {
  filter: brightness(0) invert(1) grayscale(1) !important;
}
.cbd-page #BodyContainer .sneak-peek-container:has(.g480) .widget-1.sneak_peek .wrapper:hover .text-content h6 a,
.cbd-page #BodyContainer .sneak-peek-container:has(.g480) .widget-1.sneak_peek .wrapper:hover .text-content h6 a::after {
  color: var(--cbd-paper) !important;
}
@media (max-width: 768px) {
  .cbd-page #BodyContainer .sneak-peek-container:has(.g480) {
    grid-template-columns: 1fr !important;
  }
}

/* ==========================================================================
   7. SNEAK PEEK - TALL CARD (g320)
   Image top, title below.
   ========================================================================== */
.cbd-page .sneak-peek-container:has(.g320) {
  display: block !important;
  max-width: 960px !important;
  margin: 20px auto !important;
  padding: 0 !important;
}
.cbd-page .sneak-peek-container:has(.g320) .clear {
  display: none !important;
}
.cbd-page .sneak-peek-container:has(.g320) .widget-1.sneak_peek .wrapper {
  padding: 5px !important;
  border: 2px solid var(--cbd-primary) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background-color: transparent !important;
  height: 100% !important;
}
.cbd-page .sneak-peek-container:has(.g320) .widget_content {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  width: 100% !important;
}
.cbd-page .sneak-peek-container:has(.g320) .widget_content a.thumbnail {
  display: block !important;
  width: 100% !important;
  height: 170px !important;
  flex-shrink: 0 !important;
  position: relative !important;
  top: auto !important;
  right: auto !important;
  background-color: transparent !important;
  transition: background-color .3s ease !important;
}
.cbd-page .sneak-peek-container:has(.g320) .widget_content a.thumbnail img {
  width: 100% !important;
  height: 100% !important;
  background-size: cover !important;
  background-position: center !important;
}
.cbd-page .sneak-peek-container:has(.g320) .widget_content a.thumbnail span {
  display: none !important;
}
.cbd-page .sneak-peek-container:has(.g320) .widget_content h6 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-grow: 1 !important;
  padding: 20px !important;
  margin: 0 !important;
  background-color: transparent !important;
  transition: background-color .3s ease !important;
  text-align: center !important;
  height: auto !important;
  position: relative !important;
}
.cbd-page .sneak-peek-container:has(.g320) .widget_content h6 a {
  color: var(--cbd-primary) !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: color .3s ease !important;
  position: relative !important;
  display: inline !important;
  padding: 0 !important;
  height: auto !important;
  width: auto !important;
  vertical-align: baseline !important;
}
.cbd-page .sneak-peek-container:has(.g320) .widget_content p {
  display: none !important;
}
.cbd-page .sneak-peek-container:has(.g320) .widget-1.sneak_peek .wrapper:hover {
  background-color: var(--cbd-primary) !important;
}
.cbd-page .sneak-peek-container:has(.g320) .widget-1.sneak_peek .wrapper:hover h6 a {
  color: var(--cbd-paper) !important;
}
.cbd-page .sneak-peek-container .sneak_peek .thumbnail img {
  mix-blend-mode: unset !important;
}
.cbd-page .sneak-peek-container .sneak_peek .widget_content h6:hover {
  background: unset !important;
}
.cbd-page .v200 { height: 90% !important; }

/* ==========================================================================
   8. FULL-WIDTH BANNER
   ========================================================================== */
.cbd-page .widget-1.banner-updates .wrapper {
  display: flex !important;
  align-items: center !important;
  padding: 5% 20% !important;
  overflow: hidden !important;
}
.cbd-page .widget-1.banner-updates .widget_content {
  display: flex !important;
  align-items: center !important;
  justify-content: space-evenly !important;
  width: 100% !important;
}
/* No color here. It was hardcoded white for a dark banner; on a light
   banner that made the text invisible. Inherit the theme's own color,
   which is contrast-correct by construction. */
.cbd-page .banner-text-wrapper .title a {
  font-size: clamp(28px, 4vw, 48px) !important;
  font-weight: bold !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  line-height: 1.1 !important;
}
.cbd-page .banner-text-wrapper .readMore {
  display: inline-block !important;
  background-color: var(--cbd-accent) !important;
  color: var(--cbd-paper) !important;
  padding: 15px 30px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  font-weight: bold !important;
  border-radius: 5px !important;
  margin-top: 25px !important;
  transition: all .3s ease !important;
  font-size: 2rem !important;
}
.cbd-page .banner-text-wrapper .readMore::after {
  content: ' \2192' !important;
  font-weight: normal !important;
}
.cbd-page .banner-text-wrapper .readMore:hover {
  background: var(--cbd-paper) !important;
  color: var(--cbd-accent) !important;
}
.cbd-page .banner-text-wrapper .synopsis { display: none !important; }
.cbd-page .banner-text-wrapper .subtitle {
  max-width: 46ch !important;
}
/* Bound the banner image. width/height:100% assumed a constrained flex
   parent that only some templates provide; without it the icon inflates
   to fill the column. 'contain' so line-art is not cropped. */
.cbd-page .banner-image-wrapper {
  flex-shrink: 0 !important;
  max-width: 40% !important;
}
.cbd-page .banner-image-wrapper .icon,
.cbd-page .banner-image-wrapper .icon img { display: block !important; }
.cbd-page .banner-image-wrapper .icon img {
  width: 100% !important;
  max-width: 260px !important;
  height: auto !important;
  max-height: 260px !important;
  object-fit: contain !important;
}
.cbd-page .injected-event-card:hover {
  background: var(--cbd-paper) !important;
}
@media (max-width: 768px) {
  .cbd-page .widget-1.banner-updates .widget_content {
    flex-direction: column !important;
    text-align: center !important;
  }
  .cbd-page .banner-text-wrapper {
    padding-right: 0 !important;
    margin-bottom: 30px !important;
  }
  .cbd-page .banner-image-wrapper .icon img {
    width: 100% !important;
    height: auto !important;
  }
  .cbd-page .banner-text-wrapper .title a,
  .cbd-page .banner-text-wrapper .subtitle { width: 100% !important; }
}

/* ==========================================================================
   9. SECTION HEADINGS + PROGRAMS GRID
   ========================================================================== */
.cbd-page .header-title {
  font-size: clamp(30px, 5vw, 56px) !important;
  font-weight: 600 !important;
  color: var(--cbd-primary) !important;
  text-align: center !important;
  margin-bottom: 20px !important;
}
.cbd-page .programs-grid-wrapper {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 20px !important;
}
@media (max-width: 768px) {
  .cbd-page .programs-grid-wrapper {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 480px) {
  .cbd-page .programs-grid-wrapper {
    grid-template-columns: 1fr !important;
  }
}

/* ==========================================================================
   15. CUSTOM NAVIGATION
   Built by the footer script. Styled here so it paints correctly the moment
   it is inserted, rather than being injected as a JavaScript string.
   ========================================================================== */
.cbd-page #cbdDesktopNav {
  position: sticky;
  top: 0;
  z-index: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 34px;
  height: 72px;
  padding: 0 24px;
  background: var(--cbd-paper);
  border-bottom: 1px solid var(--cbd-surface);
  box-shadow: 0 2px 14px rgba(0, 0, 0, .06);
  box-sizing: border-box;
}

.cbd-page #cbdDesktopNav a {
  position: relative;
  color: var(--cbd-primary);
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .04em;
  text-decoration: none;
  padding: 6px 0;
  transition: color .25s ease;
}

/* Underline grows from the left */
.cbd-page #cbdDesktopNav a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: var(--cbd-accent);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .3s cubic-bezier(.22, .61, .36, 1);
}

.cbd-page #cbdDesktopNav a:hover { color: var(--cbd-accent); }
.cbd-page #cbdDesktopNav a:hover::after { transform: scaleX(1); }

/* ==========================================================================
   16. HAMBURGER AND MOBILE DRAWER
   ========================================================================== */
.cbd-page #cbdHamburgerBtn {
  display: none;
  position: fixed;
  top: 14px;
  right: 16px;
  z-index: 1002;
  width: 46px;
  height: 46px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background: var(--cbd-primary);
  cursor: pointer;
}

/* Three bars from one gradient - no extra markup */
.cbd-page #cbdHamburgerBtn::before {
  content: '';
  position: absolute;
  inset: 14px 12px;
  background:
    linear-gradient(#fff, #fff) top    left / 100% 3px no-repeat,
    linear-gradient(#fff, #fff) center left / 100% 3px no-repeat,
    linear-gradient(#fff, #fff) bottom left / 100% 3px no-repeat;
}

.cbd-page #cbdMobileOverlay {
  position: fixed;
  inset: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, .5);
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s ease, visibility .3s ease;
}
.cbd-page #cbdMobileOverlay.cbd-open {
  opacity: 1;
  visibility: visible;
}

.cbd-page #cbdMobileDrawer {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1001;
  display: flex;
  flex-direction: column;
  width: min(78vw, 320px);
  height: 100%;
  padding: 92px 26px 30px;
  background: var(--cbd-paper);
  box-shadow: -6px 0 28px rgba(0, 0, 0, .22);
  transform: translateX(100%);
  transition: transform .34s cubic-bezier(.22, .61, .36, 1);
  box-sizing: border-box;
  overflow-y: auto;
}
.cbd-page #cbdMobileDrawer.cbd-open { transform: translateX(0); }

.cbd-page #cbdMobileDrawer a {
  display: block;
  padding: 15px 4px;
  color: var(--cbd-primary);
  font-size: 17px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  border-bottom: 1px solid var(--cbd-surface);
}

@media (max-width: 900px) {
  .cbd-page #cbdDesktopNav   { display: none; }
  .cbd-page #cbdHamburgerBtn { display: block; }
}

/* ==========================================================================
   17. HERO SLIDER
   Native scroll-snap. The footer script reads scrollLeft and clientWidth and
   toggles scrollSnapType, so these two files must stay in sync.
   ========================================================================== */
.cbd-hero .cbd-welcome-section {
  position: relative;
  /* Not overflow:hidden - that clipped the divider circle, which sits at
     bottom:-46px. The slider does its own overflow containment. */
  overflow: visible;
}

.cbd-hero .cbd-welcome-bg-slider {
  display: flex;
  width: 100%;
  height: clamp(360px, 62vh, 620px);
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  cursor: grab;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.cbd-hero .cbd-welcome-bg-slider::-webkit-scrollbar { display: none; }
.cbd-hero .cbd-welcome-bg-slider:active { cursor: grabbing; }

.cbd-hero .cbd-bg-slide {
  position: relative;
  flex: 0 0 100%;
  width: 100%;
  height: 100%;
  scroll-snap-align: start;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-user-select: none;
  user-select: none;
}

/* Scrim guarantees white caption text passes contrast on whatever photo the
   shliach uploads, without you having to vet each image. */
.cbd-hero .cbd-bg-slide::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, .15) 0%, rgba(0, 0, 0, .62) 100%);
}

.cbd-hero .cbd-hero-caption {
  position: absolute;
  left: 50%;
  bottom: 12%;
  z-index: 3;
  width: min(90%, 760px);
  transform: translateX(-50%);
  text-align: center;
  color: #ffffff;
  pointer-events: none;
}
.cbd-hero .cbd-hero-caption h1 {
  margin: 0 0 14px;
  font-size: clamp(30px, 5.2vw, 60px);
  font-weight: 800;
  line-height: 1.06;
  text-transform: uppercase;
  color: #ffffff;
  text-shadow: 0 2px 18px rgba(0, 0, 0, .5);
}
.cbd-hero .cbd-hero-caption p {
  margin: 0;
  font-size: clamp(15px, 2vw, 20px);
  color: #ffffff;
  text-shadow: 0 1px 10px rgba(0, 0, 0, .55);
}

/* ==========================================================================
   18. CIRCLE DIVIDER
   The CMS shell can offset the section, so the footer script overwrites
   `left` with the true viewport centre. This is the pre-JS fallback.
   ========================================================================== */
.cbd-hero .cbd-divider-circle {
  position: absolute;
  bottom: -46px;
  left: 50%;
  z-index: 5;
  width: 92px;
  height: 92px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: var(--cbd-paper);
  border: 3px solid var(--cbd-gold);
  box-shadow: 0 6px 22px rgba(0, 0, 0, .18);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.cbd-hero .cbd-divider-circle::after {
  content: '';
  width: 17px;
  height: 17px;
  margin-top: -7px;
  border-right: 3px solid var(--cbd-primary);
  border-bottom: 3px solid var(--cbd-primary);
  transform: rotate(45deg);
}

/* ==========================================================================
   19. SCROLL REVEAL
   ========================================================================== */
.cbd-hero .cbd-slide-up {
  opacity: 0;
  transform: translateY(34px);
  transition: opacity .65s cubic-bezier(.22, .61, .36, 1),
              transform .65s cubic-bezier(.22, .61, .36, 1);
  will-change: opacity, transform;
}
.cbd-hero .cbd-slide-up.cbd-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  .cbd-hero .cbd-slide-up {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
  .cbd-hero .cbd-welcome-bg-slider { scroll-behavior: auto; }
}
</style>

<!-- ==========================================================================
     END OF HEADER CODE
     If you cannot see this comment at the bottom of the Custom Header Code
     box after saving, the field truncated your paste.
     ========================================================================== -->
<style>:root { --cbd-header-loaded: 1; }</style>
<script>
/* ==========================================================================
   GATE
   Runs synchronously in <head>. Touches only documentElement, which always
   exists at this point, so it cannot fail in a way that blocks rendering.

   PAGES - page IDs that get the custom nav, drawer and widget restyling.
           Find these in the CMS URL: /templates/articlecco_cdo/aid/1234567/
   HERO  - page IDs that additionally get the hero slider and scroll reveals.

   Leave either array empty to apply everywhere. Handy while previewing,
   but fill them in before going live or the styles reach the whole site.
   ========================================================================== */
(function () {
  /* Bump this string whenever you paste a new version. Then run
     window.CBD_HEADER in the console to see which build is actually live. */
  window.CBD_HEADER = 'header v2 maroon 2026-08-14';

  var PAGES = [];
  var HERO  = [];

  var href = window.location.href;
  var path = window.location.pathname;
  var root = document.documentElement;

  function match(list) {
    if (!list.length) { return true; }
    for (var i = 0; i < list.length; i++) {
      if (href.indexOf(list[i]) > -1) { return true; }
    }
    return false;
  }

  if (match(PAGES)) { root.className += ' cbd-page'; }
  if (match(HERO) || path === '/' || path === '/default.aspx') {
    root.className += ' cbd-hero';
  }
})();
</script><title>
	Cteen - Chabad Lubavitch of Tidewater
</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.ChabadofTidewater.com" style="display:block!important;font-size:14px !important;">&laquo; Back to&nbsp;Chabad Lubavitch of Tidewater</a></div>
	
	<div class="cco_templatelates_content">
		
	<div class="co_content_container clearfix local_content" id="co_content_container">
		<div class="clearfix">
			<!-- BEGIN HEADER -->
<div id="chabad_body_page">
<div id="chabad_main_content">

<div class="preloader">
<div class="preloader__image" ></div>
</div>

<div class="page-wrapper">
<div class="main-header" id="chabad_head">

<nav class="main-menu">
<div class="main-menu__wrapper">
<div class="main-menu__wrapper-inner">
<div class="main-menu__left">
<div class="main-menu__logo">

<a href="/7286668">

<img src="https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/images/brand/cteen-logo-long.png" alt="CTeens" width="70" />

</a>
<div class="main-menu__volunteers-text-box">
<div class="main-menu__volunteers-text">
<a href="/7286668">
<div class="main-menu__city">

Norfolk

</div>
</a>
</div>
</div>

</div>
</div>
<div class="main-menu__right">
<div class="main-menu__right-top">
<div class="main-menu__right-top-left">
<div class="main-menu__volunteers"></div>
</div>
<div class="main-menu__right-top-right">

<div class="main-menu__right-top-address">
<ul class="list-unstyled main-menu__right-top-address-list">
<li>

<co:item style="display: contents;">
<div class="icon">
<span class="icon-phone-call" ></span>
</div>
<div class="content">
<div>
Phone
</div>
<h5>

<a href="tel:#" class="phone-number-link">
757-616-0770
</a>

</h5>
</div>
</co:item>

</li>
<li>

<co:item style="display: contents;">
<div class="icon">
<span class="icon-message" ></span>
</div>
<div class="content">
<div>
Email
</div>
<h5>

<a href="mailto:#" class="email-link">chabad@cox.net</a>

</h5>
</div>
</co:item>

</li>
<li>

<co:item style="display: contents;">
<div class="icon">
<span class="icon-location" ></span>
</div>
<div class="content">
<div>

1920 Colley Avenue, Norfolk

</div>
<h5>

<a href="https://www.google.com/maps/search/#" target="_blank">
Norfolk, VA, 23517
</a>

</h5>
</div>
</co:item>

</li>
</ul>
</div>

<co:item style="display: contents;">
<div class="main-menu__right-top-social">

<a href="https://www.facebook.com/jewishteens" class="social-media-link-facebook fab fa-facebook">
</a>


<a href="https://www.instagram.com/_cteen" class="social-media-link-instagram fab fa-instagram">
</a>

</div>
</co:item>


</div>
</div>
<div class="main-menu__right-bottom">
<div class="main-menu__main-menu-box">
<a href="#" class="mobile-nav__toggler fa fa-bars">
</a>

<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=7286668" class="parent selected">Home</a>
</li>
<li class="custom_separator" ></li>
<li class="item parent">
<a href="/article.asp?aid=4284524" class="parent">About Us</a>
</li>

</ul>
</div>
</div>


</div>

<div class="main-menu__main-menu-content-box">
<div class="main-menu__search-cat-btn-box">
<div class="main-menu__btn-box">

<a href="/donate" class="main-menu__btn">
<span class="fa fa-heart" ></span> Donate</a>

</div>
</div>
</div>

</div>
</div>
</div>
</div>
</nav>

</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="main-slider-three clearfix" style="overflow: hidden; max-height: 900px;">

<co:item style="display: contents;">

<iframe src="https://player.vimeo.com/video/988957548?badge=0&autopause=0&player_id=0&app_id=58479&background=1" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write" style="position: absolute; min-width: 100%; min-height: 100%; aspect-ratio: 16 / 9;" title="Cteen Minisite Main Video" ></iframe>

<script src="https://player.vimeo.com/api/player.js"></script>
</co:item>

<div class="swiper-container thm-swiper__slider" data-swiper-options="{ &quot;slidesPerView&quot;: 1, &quot;loop&quot;: true, &quot;effect&quot;: &quot;fade&quot;, &quot;autoplay&quot;: { &quot;delay&quot;: 5000 } }" style="backdrop-filter: brightness(0.5);">
<div class="swiper-wrapper">

<co:item class="swiper-slide">
<div class="main-slider-three__content">
<h2 class="main-slider-three__title">
The Home for Jewish Teens
</h2>
<div class="main-slider-three__btn-box">

<a href="#" class="thm-btn main-slider-three__btn">Discover more</a>
</div>
</div>
</co:item>


<co:item class="swiper-slide">
<div class="main-slider-three__content">
<h2 class="main-slider-three__title">
The Largest Jewish Teen Network
</h2>
<div class="main-slider-three__btn-box">

<a href="#" class="thm-btn main-slider-three__btn">Discover more</a>
</div>
</div>
</co:item>


<co:item class="swiper-slide">
<div class="main-slider-three__content">
<h2 class="main-slider-three__title">
The Power of YOUth
</h2>
<div class="main-slider-three__btn-box">

<a href="#" class="thm-btn main-slider-three__btn">Discover more</a>
</div>
</div>
</co:item>

</div>
</div>
</div>


<div class="content2" ></div>



<div class="about-three">
<div class="container">
<div class="row">
<div class="col-xl-6">
<div class="about-three__left">
<div class="section-title text-left">
<h2 class="section-title__title">
Welcome to the Home for Jewish Teens: The Next Generation of Jewish Leaders
</h2>
</div>
<div class="about-three__text-1">
Welcome to CTeen, where everyone is family. Grab a seat. Make a new friend and make the world a better place. Stand proud as an empowered Jew. Am Yisrael Chai!
</div>
<div class="about-three__text-2">

<a href="#" class="thm-btn about-three__btn">Let's Go!</a>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="about-three__right">
<div class="about-three__img-box wow slideInRight" data-wow-delay="100ms" data-wow-duration="2500ms">
<div class="about-three__img">

<img src="https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/images/resources/about-three-img-3.jpg" />
</div>
<div class="about-three__img-two">

<img src="https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/images/resources/about-three-img-2.jpg" />
</div>
<div class="about-three__border"></div>
</div>
</div>
</div>
</div>
</div>
</div>


<div class="content3">
<div class="counter-one">
<div class="container">
<div class="counter-one__inner">
<div class="counter-one-bg" data-jarallax="" data-speed="0.2" data-imgPosition="50% 0%" style="background-image: url(https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/images/backgrounds/counter-one-bg.jpg);" ></div>
<ul class="list-unstyled counter-one__list">
<li class="counter-one__single">
<div class="counter-one__count-box">
<h3 class="odometer" data-count="0">900</h3>
</div>
<div class="counter-one__text">
Chapters
</div>
</li>
<li class="counter-one__single">
<div class="counter-one__count-box">
<h3 class="odometer" data-count="0">64</h3>
</div>
<div class="counter-one__text">
Countries
</div>
</li>
<li class="counter-one__single">
<div class="counter-one__count-box">
<h3 class="odometer" data-count="0">200</h3>
<span class="counter-one__letter">k</span>
</div>
<div class="counter-one__text">
Members
</div>
</li>
</ul>
</div>
</div>
</div>
</div>




<div class="events-two">
<div class="events-two-shape-1" style="background-image: url('https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/images/shapes/events-two-shape-1.png');"></div>
<div class="events-two-bg" style="background-image: url('https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/images/backgrounds/events-two-bg.png');"></div>
<div class="container">
<div class="row">

<co:item style="display: contents;">
<div class="col-xl-6 col-lg-6">
<div class="events-two__left">
<div class="section-title text-left">
<div class="section-title__tagline">
Join Us
</div>
<h2 class="section-title__title">
Say No To FOMO
</h2>
</div>
<div class="events-two__text">
Join one of our upcoming events
</div>

<a href="https://www.cteen.com/regional" class="thm-btn events-two__btn">Discover More</a>
</div>
</div>
</co:item>

<div class="col-xl-6 col-lg-6">
<div class="events-two__right">
<div class="events-two__right-bg-box">
<div class="events-two-shape-2" style="background-image: url('https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/images/shapes/events-two-shape-2.png');"></div>
</div>
<ul class="list-unstyled events-two__list">

<co:item style="display: contents;">
<li class="events-two__list-li">
<div class="events-two__img">

<img src="https://w2.chabad.org/media/images/1330/GVOK13308528.jpg" />

</div>
<div class="events-two__content">
<ul class="list-unstyled events-two__meta">
<li>
<span class="fas fa-clock"></span>
February 2026
</li>
<li>
<span class="fas fa-map-marker-alt"></span>
New York
</li>
</ul>
<h3 class="events-two__title">
International Shabbaton
</h3>
<div class="events-two__read-more">

<a href="https://shabbaton.cteen.com/">
<span class="icon-right-arrow" ></span> Join</a>

</div>
</div>
</li>
</co:item>


<co:item style="display: contents;">
<li class="events-two__list-li">
<div class="events-two__img">

<img src="https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/images/events/2.jpg" />

</div>
<div class="events-two__content">
<ul class="list-unstyled events-two__meta">
<li>
<span class="fas fa-clock"></span>
July 2026
</li>
<li>
Up to 3k vouchers!
</li>
</ul>
<h3 class="events-two__title">
CTeen Summer Experiences
</h3>
<div class="events-two__read-more">

<a href="https://www.cteensummer.com/">
<span class="icon-right-arrow" ></span> Join</a>

</div>
</div>
</li>
</co:item>


<div class="content4">            
<li class="events-two__list-li">
<div class="events-two__img">
<img src="https://w2.chabad.org/media/images/1330/GVOK13308528.jpg" alt="" />
</div>
<div class="events-two__content">
<ul class="list-unstyled events-two__meta">
<li>
<i class="fas fa-clock" ></i>
February 2027
</li>
<li>
<i class="fas fa-map-marker-alt" ></i>
New York
</li>
</ul>
<h3 class="events-two__title">
International Shabbaton
</h3>
<div class="events-two__read-more">
<a href="https://shabbaton.cteen.com/">
<span class="icon-right-arrow" ></span> Join</a>
</div>
</div>
</li>
<li class="events-two__list-li">
<div class="events-two__img">
<img src="https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/images/events/2.jpg" alt="" />
</div>
<div class="events-two__content">
<ul class="list-unstyled events-two__meta">
<li>
<i class="fas fa-clock" ></i>
July 2026
</li>
<li>
Up to 3k vouchers!
</li>
</ul>
<h3 class="events-two__title">
CTeen Summer Experiences
</h3>
<div class="events-two__read-more">
<a href="https://www.cteensummer.com/">
<span class="icon-right-arrow" ></span> Join</a>
</div>
</div>
</li></div>


</ul>
</div>
</div>
</div>
</div>
</div>


<div class="testimonial-three">
<div class="container">

<co:item style="display: contents;">
<div class="section-title text-center">
<h2 class="section-title__title">
What the teens are saying!
</h2>
</div>
</co:item>

<div class="testimonial-three__carousel owl-carousel owl-theme thm-owl__carousel" data-owl-options="{ &quot;loop&quot;: true, &quot;autoplay&quot;: true, &quot;margin&quot;: 50, &quot;nav&quot;: true, &quot;dots&quot;: false, &quot;smartSpeed&quot;: 500, &quot;autoplayTimeout&quot;: 10000, &quot;navText&quot;: [&quot;←&quot;,&quot;→&quot;], &quot;responsive&quot;: { &quot;0&quot;: { &quot;items&quot;: 1 }, &quot;768&quot;: { &quot;items&quot;: 1 }, &quot;992&quot;: { &quot;items&quot;: 2 }, &quot;1200&quot;: { &quot;items&quot;: 2 } }}">

<co:item class="item">
<div class="testimonial-three__single">
<div class="testimonial-three__client-img">

<img src="https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/images/testimonial/Sam-Slaw.jpg" />
</div>
<div class="testimonial-three__client-info">
<h3 class="testimonial-three__client-name">
Sam Slaw
</h3>
<div class="testimonial-three__client-sub-title">
Grand Rapids, MI
</div>
</div>
<div class="testimonial-three__quote">
<span class="icon-double-quotes" ></span>
</div>
<div class="testimonial-three__shape-1" style="background-image: url('https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/images/shapes/testimonial-three-shape-1.png');"></div>
<div class="testimonial-three__text-2">
Through my experiences with CTeen, I am a better friend, student, and proud member of the Jewish community.
</div>
</div>
</co:item>


<co:item class="item">
<div class="testimonial-three__single">
<div class="testimonial-three__client-img">

<img src="https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/images/testimonial/Talia-Lewis.jpg" />
</div>
<div class="testimonial-three__client-info">
<h3 class="testimonial-three__client-name">
Talia Lewis
</h3>
<div class="testimonial-three__client-sub-title">
Conejo Valley, CA
</div>
</div>
<div class="testimonial-three__quote">
<span class="icon-double-quotes" ></span>
</div>
<div class="testimonial-three__shape-1" style="background-image: url('https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/images/shapes/testimonial-three-shape-1.png');"></div>
<div class="testimonial-three__text-2">
I struggled throughout my life to find the right Jewish youth group. CTeen gave me that community, the growth, and that knowledge I had always longed for. 
</div>
</div>
</co:item>


<co:item class="item">
<div class="testimonial-three__single">
<div class="testimonial-three__client-img">

<img src="https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/images/testimonial/Natalia-deros.jpg" />
</div>
<div class="testimonial-three__client-info">
<h3 class="testimonial-three__client-name">
Natalia Deros
</h3>
<div class="testimonial-three__client-sub-title">
Orange County, NY
</div>
</div>
<div class="testimonial-three__quote">
<span class="icon-double-quotes" ></span>
</div>
<div class="testimonial-three__shape-1" style="background-image: url('https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/images/shapes/testimonial-three-shape-1.png');"></div>
<div class="testimonial-three__text-2">
Because of CTeen, I have a place to go and meet other Jewish teens. To be open. To be myself.
</div>
</div>
</co:item>

</div>
</div>
</div>


<div class="feature-three">

<co:item style="display: contents;">
<h3 class="causes-one__title">
Making a Difference!
</h3>
</co:item>

<div class="container">
<div class="row">

<co:item class="col-xl-4 col-lg-12">
<div class="feature-three__single">

<img src="https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/images/resources/feature-3-1.png" class="feature-three__img" />

<div class="footer-widget__btn btnsbtm">

<a href="#">Vision</a>
</div>
</div>
</co:item>


<co:item class="col-xl-4 col-lg-12">
<div class="feature-three__single">

<img src="https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/images/resources/feature-3-2.png" class="feature-three__img" />

<div class="footer-widget__btn btnsbtm">

<a href="#">Partner</a>
</div>
</div>
</co:item>


<co:item class="col-xl-4 col-lg-12">
<div class="feature-three__single">

<img src="https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/images/resources/feature-3-3.png" class="feature-three__img" />

<div class="footer-widget__btn btnsbtm">

<a href="#">Mission</a>
</div>
</div>
</co:item>

</div>
</div>
</div>


<div class="donation-carousel-page">
<div class="causes-three-bg-box">
<div class="causes-three-bg jarallax" data-speed="0.2" data-imgposition="50% 0%" style="background-image: url('https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/images/backgrounds/causes-three-bg.jpg');"></div>
<div class="causes-three-shape-1" style="background-image: url('https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/images/shapes/causes-three-shape-1.png');"></div>
</div>
<div class="container">

<co:item style="display: contents;">
<div class="section-title text-center">
<h2 class="section-title__title">
Discover Our Exciting Programs!
</h2>
</div>
</co:item>

<div class="donation-carousel thm-owl__carousel owl-theme owl-carousel carousel-dot-style" data-owl-options="{ &quot;items&quot;: 3, &quot;margin&quot;: 30, &quot;smartSpeed&quot;: 700, &quot;loop&quot;:true, &quot;nav&quot;:true, &quot;dots&quot;:false, &quot;navText&quot;: [&quot;←&quot;,&quot;→&quot;], &quot;responsive&quot;:{ &quot;0&quot;:{ &quot;items&quot;:1}, &quot;768&quot;:{ &quot;items&quot;:2}, &quot;992&quot;:{ &quot;items&quot;: 3} }}">

<co:item class="item">
<div class="causes-one__single">
<div class="causes-one__img">

<img src="https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/images/resources/cteen-u-thumbnail.jpg" />
</div>
<div class="causes-one__content">
<h3 class="causes-one__title">
CTeen U
</h3>
<div class="causes-one__text">
Earn 3 college credits for exploring Torah.<br/>Polish your college app while polishing your knowledge?<br/>Yes please!
</div>
<div class="discovermore">

<a href="https://www.cteenu.com/" class="thm-btn events-two__btn">
Join Now!
</a>

</div>
</div>
</div>
</co:item>


<co:item class="item">
<div class="causes-one__single">
<div class="causes-one__img">

<img src="https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/images/resources/causes-3-2.jpg" />
</div>
<div class="causes-one__content">
<h3 class="causes-one__title">
High School Club
</h3>
<div class="causes-one__text">
Join our CTeen chapter at school!<br/> We meet weekly to eat yummy kosher foods—and feed the homeless at the same time. 
</div>
<div class="discovermore">

<a href="#" class="thm-btn events-two__btn">
Join Now!
</a>

</div>
</div>
</div>
</co:item>


<co:item class="item">
<div class="causes-one__single">
<div class="causes-one__img">

<img src="https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/images/resources/causes-3-1.jpg" />
</div>
<div class="causes-one__content">
<h3 class="causes-one__title">
Volunteer
</h3>
<div class="causes-one__text">
We put the human in humanitarian<br/> Give back to the community and make a difference while hanging out with your CTeen fam.
</div>
<div class="discovermore">

<a href="#" class="thm-btn events-two__btn">
Join Now!
</a>

</div>
</div>
</div>
</co:item>

</div>
</div>
</div>







<div class="become-volunteer">
<div class="container">
<div class="become-volunteer__inner">
<div class="become-volunteer__left">
<div class="section-title text-left">
<h2 class="section-title__title">
Inspire a teen, inspire the future
</h2>
<div>
When you support CTeen, one more teen is given the gift of their Jewish heritage.
</div>
</div>
</div>
<div class="become-volunteer__right">

<a href="/templates/articlecco_cdo/aid/5921633/jewish/Donate.htm" class="thm-btn become-volunteer__btn">Donate Now!</a>
</div>
</div>
</div>
</div>


</div>
						
						<div class="break_floats"></div>
						
					</div>
				</div>
				
				
				
			</div>
			
			<!-- BEGIN FOOTER --></div>
</div>
</div>
</div>


<footer class="site-footer">
<div class="site-footer-bg" style="background-image: url('https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/images/backgrounds/site-footer-bg.jpg');"></div>
<div class="site-footer__top">
<div class="container">
<div class="row" style="justify-content: center;">
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="100ms">
<div class="footer-widget__column footer-widget__about">
<div class="footer-widget__about-logo">
<a href="/7286668">

<img src="https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/images/brand/cteen-logo-long.png" alt="CTeens" width="50" />

<div class="chapter-sm">

Norfolk

</div>
</a>
</div>
<div class="footer-widget__btn">

<a href="/donate">
<span class="fa fa-heart" ></span>Donate now</a>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="400ms">
<div class="footer-widget__column footer-widget__contact">
<h3 class="footer-widget__title">
Contact
</h3>
<div class="footer-widget__contact-text">

1920 Colley Avenue, Norfolk
<br/>
Norfolk, VA, 23517
</div>
<ul class="list-unstyled footer-widget__contact-list">
<li>
<div class="icon fa fa-envelope"></div>
<div class="text">
<div>

<a href="mailto:#" class="email-link">chabad@cox.net</a>

</div>
</div>
</li>
<li>
<div class="icon fas fa-phone-alt"></div>
<div class="text">
<div>

<a href="tel:#">
757-616-0770
</a>

</div>
</div>
</li>
</ul>
<div class="site-footer__social">

<a href="https://www.facebook.com/jewishteens" class="fab fa-facebook">
</a>


<a href="https://www.instagram.com/_cteen" class="fab fa-instagram">
</a>

</div>
</div>
</div>
</div>
</div>
</div>
<div class="site-footer__bottom">
<div class="container">
<div class="row">
<div class="col-xl-12">
<div class="site-footer__bottom-inner">
<div class="site-footer__bottom-text">© Copyright by 
<a href="https://cteen.com">CTeen.com</a>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>



<div class="content7">
<div class="mobile-nav__wrapper">
<div class="mobile-nav__overlay mobile-nav__toggler" ></div>
<div class="mobile-nav__content">
<span class="mobile-nav__close mobile-nav__toggler">
<i class="fa fa-times" ></i>
</span>
<div class="logo-box">
<a href="#" aria-label="logo image">
<img src="https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/images/brand/cteen-logo-long.png" width="143" alt="" />
</a>
</div>
<div class="mobile-nav__container" ></div>
<ul class="mobile-nav__contact list-unstyled">
<li>
<i class="fa fa-envelope" ></i>
<a href="#" class="mobile-nav__email-link" ></a>
</li>
<li>
<i class="fa fa-phone-alt" ></i>
<a href="#" class="mobile-nav__phone-link">
</a>
</li>
</ul>
<div class="mobile-nav__top">
<div class="mobile-nav__social">
<a href="#" class="fab fa-facebook-square mobile-nav__social-facebook" ></a>
<a href="#" class="fab fa-instagram mobile-nav__social-instagram" ></a>
</div>
</div>
</div>
</div>
<a href="#" data-target="html" class="scroll-to-target scroll-to-top">
<i class="icon-up-arrow" ></i>
</a>
<script src="https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/js/cteen.js?v=02-04-2025"></script>
<script src="https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/vendors/jquery/jquery-3.6.0.min.js"></script>
<script src="https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/vendors/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/vendors/jarallax/jarallax.min.js"></script>
<script src="https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/vendors/jquery-appear/jquery.appear.min.js"></script>
<script src="https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/vendors/odometer/odometer.min.js"></script>
<script src="https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/vendors/swiper/swiper.min.js"></script>
<script src="https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/vendors/wow/wow.js"></script>
<script src="https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/vendors/owl-carousel/owl.carousel.min.js"></script>
<script src="https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/vendors/jquery-ui/jquery-ui.js"></script>
<script src="https://w2.chabad.org/images/shluchim/minisites/themes/cteen3/js/oxpins.js"></script>

<script type="text/javascript" src="https://w2.Chabad.org/images/Shluchim/minisites/themes/form-redesign/form-script.js?v=1"></script></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.chabadoftidewater.com%2ftemplates%2fsection_cdo%2faid%2f7286668%2fjewish%2fCteen.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=Cteen+-+Chabad+Lubavitch+of+Tidewater&amp;url=https%3a%2f%2fwww.chabadoftidewater.com%2ftemplates%2fsection_cdo%2faid%2f7286668%2fjewish%2fCteen.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=Cteen+-+Chabad+Lubavitch+of+Tidewater https%3a%2f%2fwww.chabadoftidewater.com%2ftemplates%2fsection_cdo%2faid%2f7286668%2fjewish%2fCteen.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.chabadoftidewater.com%2ftemplates%2fsection_cdo%2faid%2f7286668%2fjewish%2fCteen.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dpinterest&amp;description=Cteen+-+Chabad+Lubavitch+of+Tidewater">
				<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, 576268);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 Lubavitch of Tidewater</span>
		<div class="footer-address">
			<span class="footer-street">1920 Colley Avenue </span>
			<span class="footer-city-state">Norfolk, VA 23517</span>
		</div>
			<span>757-616-0770</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/os/jquery.prettyPhoto.js?v=DEFC22CC"></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 Lubavitch of Tidewater'}; Co.ArticleId     = '7286668';Co.SectionId     = 576268;Co.PartnerSiteId = 0;Co.SiteId        = 211;Co.IsMobilePage  = false;Co.IsResponsive  = false;Co.DbDomain      = 'ChabadofTidewater.com';Co.LanguageCode  = '';Co.LoginStatus   = 'None';</script>
	
	
<script>
/* ==========================================================================
   CHABAD SITE TEMPLATE - CUSTOM FOOTER CODE
   Paste into: Advanced Settings > Custom Footer Code
   ChabadOne places this after all other code on the page, so it loads last
   and the DOM is fully built by the time it runs.

   THIS FILE IS BEHAVIOUR ONLY
     No CSS. No style injection. Styling lives in the header, keyed to the
     .cbd-page / .cbd-hero classes the header gate puts on <html>.

     build DOM  ->  bind events

   TO SET UP A NEW CLIENT
     Edit the CONFIG block below. Page gating is inherited from the header,
     so you do not repeat the page IDs here.
   ========================================================================== */
(function () {
  'use strict';

  /* Bump this when you paste a new version, then check window.CBD_FOOTER
     in the console to confirm which build is live. */
  window.CBD_FOOTER = 'footer v2 spacer-hero 2026-08-14';

  /* ======================================================================
     GATE
     Read the classes the header gate already set. Single source of truth -
     the page IDs are declared once, in the header, and never drift.
     ====================================================================== */
  var root      = document.documentElement;
  var isPage    = root.classList.contains('cbd-page');
  var isHero    = root.classList.contains('cbd-hero');

  if (!isPage && !isHero) { return; }

  /* ======================================================================
     CONFIG - edit this block per site
     ====================================================================== */
  var CONFIG = {

    /* Custom navigation.
       LEAVE EMPTY when the ChabadOne template already has a working menu -
       otherwise you get two navs stacked and the CMS header floats over
       the hero. Fill it in only on templates with no usable nav of their own.
       Anchors work when those sections exist; otherwise use full paths. */
    navLinks: [
      // { label: 'About',    href: '#about' },
      // { label: 'Programs', href: '#programs' },
      // { label: 'Schedule', href: '#schedule' },
      // { label: 'Contact',  href: '#contact' }
    ],

    /* Icons for the wide (g480) sneak-peek cards.
       Key = the item-N class the CMS puts on each widget.
       Upload through the CMS media manager and paste the paths here.
       Leave empty to skip icon injection entirely. */
    cardIcons: {
      // 'item-1': { src: 'https://w2.chabad.org/media/images/icon-minyan.png',   alt: 'Minyan Times' },
      // 'item-2': { src: 'https://w2.chabad.org/media/images/icon-programs.png', alt: 'Programs and Events' },
      // 'item-3': { src: 'https://w2.chabad.org/media/images/icon-donate.png',   alt: 'Donate' },
      // 'item-4': { src: 'https://w2.chabad.org/media/images/icon-holidays.png', alt: 'Jewish Holidays' }
    },

    /* Milliseconds between hero slides. */
    heroInterval: 4000,

    /* Remove the default ChabadOne back-to-Chabad.org banner. */
    removeChabadBanner: true
  };

  /* ======================================================================
     HELPER
     The footer loads last, so DOMContentLoaded has usually already fired.
     Handle both cases rather than assuming.
     ====================================================================== */
  function ready(fn) {
    if (document.readyState === 'loading') {
      document.addEventListener('DOMContentLoaded', fn);
    } else {
      fn();
    }
  }

  /* ======================================================================
     1. BUILD DOM
     ChabadOne gives no HTML authoring surface, so we create the markup.
     Every builder checks for its own output first and is safe to re-run.
     ====================================================================== */

  function buildNav() {
    /* Empty navLinks means the theme already has a usable menu - skip
       building ours rather than stacking two navigations. */
    if (!CONFIG.navLinks.length) { return; }
    if (document.getElementById('cbdDesktopNav')) { return; }

    var mount = document.getElementById('BodyContainer') || document.body;

    function linkList(el) {
      CONFIG.navLinks.forEach(function (item) {
        var a = document.createElement('a');
        a.href = item.href;
        a.textContent = item.label;
        el.appendChild(a);
      });
      return el;
    }

    var nav = linkList(document.createElement('nav'));
    nav.id = 'cbdDesktopNav';

    var drawer = linkList(document.createElement('nav'));
    drawer.id = 'cbdMobileDrawer';

    var btn = document.createElement('button');
    btn.id = 'cbdHamburgerBtn';
    btn.setAttribute('aria-label', 'Open menu');
    btn.setAttribute('aria-expanded', 'false');

    var overlay = document.createElement('div');
    overlay.id = 'cbdMobileOverlay';

    mount.insertBefore(drawer,  mount.firstChild);
    mount.insertBefore(overlay, mount.firstChild);
    mount.insertBefore(btn,     mount.firstChild);
    mount.insertBefore(nav,     mount.firstChild);

    function setMenu(open) {
      drawer.classList.toggle('cbd-open', open);
      overlay.classList.toggle('cbd-open', open);
      btn.setAttribute('aria-expanded', String(open));
    }

    btn.addEventListener('click', function () { setMenu(true); });
    overlay.addEventListener('click', function () { setMenu(false); });
    drawer.addEventListener('click', function (e) {
      if (e.target.tagName === 'A') { setMenu(false); }
    });
    document.addEventListener('keydown', function (e) {
      if (e.key === 'Escape') { setMenu(false); }
    });
  }

  /* Hero is built from the CMS promo slider, so the shliach keeps swapping
     photos in the admin instead of asking you to edit code.

     Templates differ in how they hold the photo. Some use a real <img>;
     others use a 1x1 spacer.gif with the actual picture set as a CSS
     background-image on an ancestor. Handle both. */
  function findSlideImage(img) {
    if (img.naturalWidth > 100) { return img.src; }

    var node = img, hops = 0;
    while (node && node !== document.body && hops < 5) {
      var bg = window.getComputedStyle(node).backgroundImage;
      if (bg && bg !== 'none' && bg.indexOf('spacer') === -1) {
        var match = bg.match(/url\(["']?(.+?)["']?\)/);
        if (match) { return match[1]; }
      }
      node = node.parentElement;
      hops++;
    }
    return null;
  }

  function buildHero() {
    if (document.querySelector('.cbd-welcome-section')) { return; }

    var original = document.querySelector('.promo_slider');
    if (!original) { return; }

    var urls = [];
    original.querySelectorAll('.slider img').forEach(function (img) {
      var url = findSlideImage(img);
      if (url && urls.indexOf(url) === -1) { urls.push(url); }
    });

    /* Bail rather than covering the CMS slider with an empty box. If we
       cannot find real photos, the theme's own slider still works. */
    if (urls.length < 2) { return; }

    var section = document.createElement('section');
    section.className = 'cbd-welcome-section';

    var slider = document.createElement('div');
    slider.className = 'cbd-welcome-bg-slider';

    urls.forEach(function (url) {
      var slide = document.createElement('div');
      slide.className = 'cbd-bg-slide';
      slide.style.backgroundImage = 'url("' + url + '")';
      slider.appendChild(slide);
    });

    var circle = document.createElement('div');
    circle.className = 'cbd-divider-circle';

    section.appendChild(slider);
    section.appendChild(circle);

    original.parentNode.insertBefore(section, original);
    original.style.display = 'none';
  }

  /* ======================================================================
     2. WIDGET RESTRUCTURING
     Take what ChabadOne renders, rewrite it into our own class names, then
     the header CSS can target it.
     ====================================================================== */

  function restructureBanner() {
    var content = document.querySelector('.widget_content.index_format');
    if (!content || content.dataset.cbdDone) { return; }

    var item = content.querySelector('.item.clearfix');
    if (!item) { return; }
    content.dataset.cbdDone = '1';

    var icon     = item.querySelector('.icon');
    var title    = item.querySelector('.title');
    var subtitle = item.querySelector('.subtitle');
    var readMore = item.querySelector('.readMore');

    var text = document.createElement('div');
    text.className = 'banner-text-wrapper';
    if (title)    { text.appendChild(title); }
    if (subtitle) { text.appendChild(subtitle); }
    if (readMore) { text.appendChild(readMore); }

    var image = document.createElement('div');
    image.className = 'banner-image-wrapper';
    if (icon) { image.appendChild(icon); }

    content.textContent = '';
    content.appendChild(text);
    content.appendChild(image);
  }

  function restructureProgramsGrid() {
    document.querySelectorAll('.sneak-peek-container').forEach(function (container) {
      if (!container.querySelector('.g320') || container.dataset.cbdDone) { return; }
      container.dataset.cbdDone = '1';

      var grid = document.createElement('div');
      grid.className = 'programs-grid-wrapper';

      container.querySelectorAll('.sneak-peek-item.g320, .clear').forEach(function (item) {
        grid.appendChild(item);
        if (item.classList.contains('clear')) { return; }

        var wrap = item.querySelector('.widget_content');
        if (!wrap || wrap.dataset.cbdDone) { return; }
        wrap.dataset.cbdDone = '1';

        var thumb  = item.querySelector('a.thumbnail');
        var title  = item.querySelector('h6');
        var teaser = item.querySelector('p');

        if (thumb && title) {
          if (teaser) { teaser.style.display = 'none'; }
          wrap.textContent = '';
          wrap.appendChild(thumb);
          wrap.appendChild(title);
        }
      });

      container.appendChild(grid);
    });
  }

  function restructureWideCards() {
    document.querySelectorAll('.sneak-peek-item.g480').forEach(function (item) {
      var wrap = item.querySelector('.widget_content');
      if (!wrap || wrap.dataset.cbdDone) { return; }

      var thumb  = item.querySelector('a.thumbnail');
      var title  = item.querySelector('h6');
      var teaser = item.querySelector('p');
      if (!thumb || !title) { return; }

      var key = Array.prototype.find.call(item.classList, function (c) {
        return c.indexOf('item-') === 0;
      });

      wrap.dataset.cbdDone = '1';

      var text = document.createElement('div');
      text.className = 'text-content';

      var icon = key && CONFIG.cardIcons[key];
      if (icon) {
        var img = document.createElement('img');
        img.className = 'item-icon';
        img.src = icon.src;
        img.alt = icon.alt || '';
        text.appendChild(img);
      }

      text.appendChild(title);

      if (teaser) {
        if (teaser.textContent.trim() === 'Sample Teaser') { teaser.style.display = 'none'; }
        text.appendChild(teaser);
      }

      wrap.textContent = '';
      wrap.appendChild(thumb);
      wrap.appendChild(text);
    });
  }

  /* ======================================================================
     3. BEHAVIOURS
     ====================================================================== */

  function bindScrollReveal() {
    var targets = document.querySelectorAll('.cbd-slide-up');
    if (!targets.length) { return; }

    if (!('IntersectionObserver' in window)) {
      targets.forEach(function (el) { el.classList.add('cbd-visible'); });
      return;
    }

    var io = new IntersectionObserver(function (entries, obs) {
      entries.forEach(function (entry) {
        if (entry.isIntersecting) {
          entry.target.classList.add('cbd-visible');
          obs.unobserve(entry.target);
        }
      });
    }, { threshold: 0.15 });

    targets.forEach(function (el) { io.observe(el); });
  }

  function bindHeroSlider() {
    var slider = document.querySelector('.cbd-welcome-bg-slider');
    if (!slider) { return; }

    var slides = slider.querySelectorAll('.cbd-bg-slide');
    if (slides.length < 2) { return; }

    var reduced     = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
    var timer       = null;
    var dragging    = false;
    var startX      = 0;
    var startScroll = 0;

    function current() {
      return Math.round(slider.scrollLeft / slider.clientWidth);
    }
    function advance() {
      var next = (current() + 1) % slides.length;
      slider.scrollTo({ left: next * slider.clientWidth, behavior: 'smooth' });
    }
    function start() {
      if (reduced) { return; }
      stop();
      timer = setInterval(advance, CONFIG.heroInterval);
    }
    function stop() {
      if (timer) { clearInterval(timer); timer = null; }
    }

    start();

    /* Pause in a background tab. Otherwise setInterval keeps firing and
       every queued scroll runs at once when the visitor returns. */
    document.addEventListener('visibilitychange', function () {
      if (document.hidden) { stop(); } else { start(); }
    });

    slider.addEventListener('touchstart', stop, { passive: true });
    slider.addEventListener('touchend', function () {
      setTimeout(start, 120);
    }, { passive: true });

    slider.addEventListener('mousedown', function (e) {
      dragging = true;
      stop();
      slider.style.scrollSnapType = 'none';
      startX = e.pageX;
      startScroll = slider.scrollLeft;
    });

    function endDrag() {
      if (!dragging) { return; }
      dragging = false;
      slider.style.scrollSnapType = 'x mandatory';
      slider.scrollTo({ left: current() * slider.clientWidth, behavior: 'smooth' });
      start();
    }

    slider.addEventListener('mouseleave', endDrag);
    slider.addEventListener('mouseup', endDrag);
    slider.addEventListener('mousemove', function (e) {
      if (!dragging) { return; }
      e.preventDefault();
      slider.scrollLeft = startScroll - (e.pageX - startX) * 1.5;
    });
  }

  /* The CMS shell can offset our section, so plain CSS centring lands in the
     wrong place. Measure the real offset and write an inline left. */
  function bindCircleCentering() {
    var circle  = document.querySelector('.cbd-divider-circle');
    var section = document.querySelector('.cbd-welcome-section');
    if (!circle || !section) { return; }

    var frame = null;
    function recentre() {
      var rect = section.getBoundingClientRect();
      circle.style.left = (window.innerWidth / 2 - rect.left) + 'px';
    }
    function schedule() {
      if (frame) { cancelAnimationFrame(frame); }
      frame = requestAnimationFrame(recentre);
    }

    recentre();
    window.addEventListener('resize', schedule);
  }

  /* ======================================================================
     RUN
     Each step is wrapped so one CMS change cannot take down the rest.
     ====================================================================== */
  function step(name, fn) {
    try {
      fn();
    } catch (err) {
      console.error('[cbd] ' + name + ' failed:', err);
    }
  }

  ready(function () {
    if (CONFIG.removeChabadBanner) {
      step('removeBanner', function () {
        var banner = document.querySelector('.cco_templateless_template');
        if (banner) { banner.remove(); }
      });
    }

    step('restructureBanner',       restructureBanner);
    step('restructureProgramsGrid', restructureProgramsGrid);
    step('restructureWideCards',    restructureWideCards);
    step('buildNav',                buildNav);

    if (isHero) {
      step('buildHero',            buildHero);
      step('bindHeroSlider',       bindHeroSlider);
      step('bindCircleCentering',  bindCircleCentering);
    }

    step('bindScrollReveal', bindScrollReveal);
  });

})();
</script>
</body>
</html>