<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<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 name="description" content="Parents of Mines students: contact Rabbi Yosef and Basya Stevenson, sign up for updates, or arrange matzah ball soup for a student who is sick." />

<meta property="og:image" content="https://w2.chabad.org/media/images/1391/IvtW13914915.png" itemprop="image" width="1200" height="630" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta name="keywords" content="Parents" />
<meta name="title" content="Parents - Chabad at Colorado School of Mines" />
<meta property="og:type" content="website" />
<meta name="scope-aids" content="7446797-7446805-7451268" />
<meta name="article-keywords" content="2185-20429-2170-2898" />
<meta name="scope-aid" content="7446797" />
<meta name="scope-aid" content="7446805" />
<meta name="scope-aid" content="7451268" />
<meta name="article-keyword" content="2185" />
<meta name="article-keyword" content="20429" />
<meta name="article-keyword" content="2170" />
<meta name="article-keyword" content="2898" />
<meta property="og:url" content="https://www.chabadmines.com/templates/articlecco_cdo/aid/7451268/jewish/Parents.htm" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:site" content="@chabad" />
<meta property="og:title" content="Parents - Chabad at Colorado School of Mines" /><link rel="canonical" href="https://www.chabadmines.com/templates/articlecco_cdo/aid/7451268/jewish/Parents.htm" />
<link rel="image_src" href="https://w2.chabad.org/media/images/1391/IvtW13914915.png" />
<link rel="icon" type="image/png" href="https://www.chabadmines.com/media/images/1385/EsRi13859126.png" />
<link rel="Stylesheet" href="/css/fonts/font-awesome/font-awesome-5.css?v=2D6ABDDB" id="kfont-awesome" type="text/css"/>
<link rel="Stylesheet" href="/css/DefaultGrid.css?v=A13D74E8" id="kgrid" type="text/css"/>
<link rel="Stylesheet" href="/css/Elements.css?v=7A8278DB" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites.css?v=D887A0E9" id="ksites-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/vendor/ds/tokens/sites-light.css?v=A30C7A8A" id="ksites-light-ds-css" type="text/css"/>
<link rel="Stylesheet" href="/css/new/main.css?v=220E279D" id="k7" type="text/css"/>
<link rel="Stylesheet" href="/css/global.css?v=27BD2E9E" id="k3" type="text/css"/>
<link rel="Stylesheet" href="/css/global-print.css?v=40836E98" id="k5" type="text/css" media="print"/>
<link rel="Stylesheet" href="/css/cco/home/widget-styles.css?v=A8AC7A58" id="k6" type="text/css"/>
<link rel="Stylesheet" href="/css/sites6/default-theme.css?v=546A0139" id="k" type="text/css"/>
<link rel="Stylesheet" href="/css/old/global.css?v=43DDBA77" id="k2898" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/templates/forms/formCss2.css?v=AB6A2925" id="kFormCss" type="text/css"/>
<link rel="Stylesheet" href="/css/cco/templates/forms/themes/nova.css?v=87AD6957" id="kNova" type="text/css"/>
<link rel="Stylesheet" href="/css/bootstrap/grid.css?v=F4390F2B" id="kbootstrap4-grid" type="text/css"/>
<link rel="Stylesheet" href="/css/Library/reader-comments.css?v=8AB57D79" id="kCommentsStylesheet" type="text/css"/>
<link rel="Stylesheet" href="/css/inline/BookInfo.css?v=3D052243" id="kBookInfoCss" type="text/css"/>
<!--[if lte IE 8]> <link rel="Stylesheet" href="/css/global-ie.css?v=807ACD6C" id="k4" type="text/css"/> <![endif]-->
<script>$q=[];$j=function(f){$q.push(f);}</script>
	
<title>
	Parents - Chabad at Colorado School of Mines
</title>
	



<script>
	window.dataLayer = window.dataLayer || [];
	dataLayer.push({"event":"datalayer-initialized","page":{"numberOfComments":0,"publicationDate":"2026-07-30","primaryArticleId":7451268,"title":"","author":"","authorId":0,"contentLevel1":"My Site","contentLevel2":"Parents","siteName":"Chabad at Colorado School of Mines"},"time":{"upcomingHoliday":"Chanukah","daysToUpcomingHoliday":39,"hebrewDate":"5787-08-16"}});
		dataLayer.push({ 'articleHierarchy': '-7446797-7446805-7451268-', 'keywords': '-k2898-k2170-k20429-k2185-', 'k': '-7446797-7446805-7451268--k2898-k2170-k20429-k2185-' });
	
</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 = 13338762;var sc_partition = 72;var sc_invisible = 1;var sc_remove_link=1;var sc_security = "3b532d02";var sc_https = 1;
	</script>
	<script type="text/javascript" src="https://secure.statcounter.com/counter/counter_xhtml.js" defer async></script>
	<noscript><img src="//c73.statcounter.com/counter.php?sc_project=13338762&amp;java=0&amp;security=3b532d02&amp;invisible=1" border="0" /> </noscript>
	<!-- End of StatCounter Code -->


<style>
/* ==========================================================================
   CHABAD AT COLORADO SCHOOL OF MINES — BRAND CSS
   Paste into ChabadOne: Admin → Website → Design → Custom CSS

   CLEAR THE BOX FIRST. This is the whole stylesheet, not an addendum.

   WHAT THIS IS
   The jewishgolden.com sheet, section for section, with the Mines brand
   package applied to it. Nothing else is in this file — no rules carried
   over from the previous Custom CSS block, and none from earlier revisions.

   WHAT THIS REPLACES
   The ChabadOne theme ships two accents that are not yours:
     #FFB400  amber   — site title, section headings, Donate, search border
     #317CB8  blue    — navigation and body links
   Both are swapped for the package palette below.

   THE PACKAGE IS NOT MODIFIED BY ANY OF THIS
   Every colour and typeface is taken from COC_Mines_BrandIdentity_Round2
   verbatim. Three values are not in the package and are marked "derived":
   they are Navy mixed toward white, used for muted type, one tinted band and
   hairlines. The package specifies no colour for any of those three jobs.

   CONTRAST, COMPUTED FROM THE PACKAGE VALUES
     site title      #21314D on #F3F1EE   11.56:1   AAA
     navigation      #3D5473 on #F3F1EE    6.86:1   AA
     utility bar     #3D5473 on #F3F1EE    6.86:1   AA
     Donate label    #F3F1EE on #426793    5.18:1   AA
     body text       #21314D on #FFFFFF   13.03:1   AAA
     body links      #426793 on #FFFFFF    5.84:1   AA
     footer links    #DEC1B0 on #21314D    7.67:1   AA
   Sky #879EC3 is 2.42:1 on Ivory, so it is used for borders and surfaces
   only and never as text — which is what the package itself says about it.

   THE TYPE SCALE
     Display / headline   Archivo Black 400, uppercase, tracking +1.5%
     Site title           Archivo 600, tracking +6%
     Subhead              Montserrat 600, tracking +1%
     Body                 Montserrat 400
     Buttons              Montserrat 600, tracking +6%
     Eyebrow / label      Space Mono 400, uppercase, tracking +16%, 11px
     Hebrew               Heebo, matched weight
   Archivo Black is the face the Mines logo is drawn in, so it carries the
   big headings. The site title takes Archivo rather than Archivo Black:
   at 34 characters the heavier cut is too much weight beside the flame.

   NOTE ON !important
   The theme's own selectors are deeply nested and ChabadOne loads custom CSS
   before some of them. !important is what makes these stick.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Archivo:wght@400;600&family=Archivo+Black&family=Space+Mono:wght@400;700&family=Heebo:wght@400;500;700&display=swap');

:root{
  /* Primary */
  --m-navy:   #21314D;   /* Mines Navy       — 11.56:1 on Ivory            */
  --m-steel:  #426793;   /* Mines Steel Blue —  5.18:1 on Ivory            */
  --m-ivory:  #F3F1EE;   /* Mines Ivory      — the light ground            */
  /* Secondary */
  --m-deep:   #09396C;   /* 11.58:1 on white — the package's hover colour  */
  --m-sky:    #879EC3;   /* SURFACE ONLY — 2.42:1, never text              */
  --m-blush:  #DEC1B0;   /*  7.67:1 on Navy                                */
  --m-rust:   #AA3C20;   /*  6.22:1 on white                               */
  /* Grayscale */
  --m-g1: #F6F6F6;  --m-g2: #9F9F9F;  --m-g3: #515151;  --m-g4: #000000;

  /* Derived — Navy mixed toward white. Not package colours, because the
     package names none for these three jobs. */
  --m-soft:   #3D5473;   /* muted type  — 6.86:1 on Ivory                  */
  --m-band:   #E4E7EC;   /* tinted band — Navy 10.51:1 on it               */
  --m-rule:   #D5D8DD;   /* hairlines                                      */

  /* The package's typefaces. All free on Google Fonts. */
  --m-display: "Archivo Black", "Archivo", Impact, sans-serif;
  --m-heading: "Archivo", "Montserrat", sans-serif;
  --m-body:    "Montserrat", -apple-system, "Segoe UI", system-ui, sans-serif;
  --m-mono:    "Space Mono", ui-monospace, "Courier New", monospace;
  --m-hebrew:  "Heebo", "Arial Hebrew", sans-serif;
}

/* Hebrew is Heebo everywhere, exactly as the package specifies. */
:lang(he),
.dir_rtl,
[dir="rtl"],
body.dir_rtl .branding-search #header_branding .site_title{
  font-family: var(--m-hebrew) !important;
}


/* --------------------------------------------------------------------------
   1. THE HEADER BAR
   Two states: transparent over the home hero, solid everywhere else.
   Solid = interior pages and the home page once scrolled.
   -------------------------------------------------------------------------- */

body:not(.home) #header,
#header.on-scroll{
  background: var(--m-ivory) !important;
  border-bottom: 1px solid var(--m-rule) !important;
  box-shadow: 0 1px 3px rgba(33,49,77,.06) !important;
}

body.home #header:not(.on-scroll){
  background: transparent !important;
  border-bottom: none !important;
  box-shadow: none !important;
}


/* --------------------------------------------------------------------------
   2. THE LOGO
   The theme's header is a FIXED height — 130px, then 100px under 1024px,
   then 50px under 460px — and it does not grow to fit a taller mark, it
   lets it hang out the bottom. 88px leaves 4px of clearance at desktop.

   No disc. The Golden mark needs one because it is a warm drawing that has
   to land on a photograph; the Mines flame is a single solid shape and
   reads on its own.
   -------------------------------------------------------------------------- */

#header_branding .site-logo-wrapper{
  background: transparent !important;
  box-sizing: border-box !important;
  /* Centre with flexbox, not the theme's padding. The theme drops that
     padding at its narrow breakpoints, which pins the mark to the top-left
     corner. Flex centring cannot come undone. */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
}
#header_branding .site-logo-wrapper a{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
#header_branding .site-logo-wrapper img{
  width: 100% !important;
  height: auto !important;
  max-width: none !important;
  margin: 0 !important;
  display: block !important;
}
@media (min-width: 1025px){
  #header_branding .site-logo-wrapper{ width: 88px !important; height: 88px !important; }
}

/* Over the hero, a drop shadow. Note this only separates the mark where it
   crosses the sky — against the dark foliage on the left of the photograph a
   dark shadow behind a dark mark adds nothing. A light glow, or the
   Parchment disc the Golden sheet uses, are the two treatments that work on
   any slide; this is the quieter option and it was chosen deliberately. */
body.home #header:not(.on-scroll) #header_branding .site-logo-wrapper img{
  filter: drop-shadow(0 1px 3px rgba(0,0,0,.35)) !important;
}


/* --------------------------------------------------------------------------
   3. THE SITE TITLE
   Was amber on white. Now Navy at 11.56:1, in Archivo. The accent is handed
   to the logo, the active nav item and the Donate button instead, which is
   a cleaner hierarchy: the logo is the brand, the title is wayfinding.
   -------------------------------------------------------------------------- */

.branding-search #header_branding .site_title{
  font-family: var(--m-heading) !important;
  font-weight: 600 !important;
  letter-spacing: .06em !important;
}

/* Solid header */
body:not(.home) .branding-search #header_branding .site_title,
#header.on-scroll .branding-search #header_branding .site_title{
  color: var(--m-navy) !important;              /* 11.56:1 on Ivory */
}

/* Over the hero photograph */
body.home #header:not(.on-scroll) .branding-search #header_branding .site_title{
  color: var(--m-ivory) !important;
  text-shadow: 0 1px 10px rgba(9,20,38,.55) !important;
}

/* -- The title on one line -----------------------------------------------

   "Chabad at Colorado School of Mines" is 34 characters. In Archivo 600 at
   .06em it measures about 27.9px of width for every 1px of font-size, so the
   size is not a taste decision — it is division: whatever room the header row
   has left, divided by 27.9.

   DO NOT CHANGE THE FACE, THE WEIGHT OR THE TRACKING ABOVE without redoing
   the arithmetic. These three clamps are fitted to exactly that treatment.
   At .08em the same string is about 2.5% wider and every number here is wrong.

   Measured in a real viewport: the largest size that clears the hamburger or
   the nav with 8px to spare, with Archivo actually loaded. The clamps sit
   under those numbers, never on them.

        320px   8.5px      600px  20px (capped)
        360px  10.3px     1056px  20px
        390px  11.5px     1231px  16.0px  <- nav returns
        430px  13.2px     1280px  18.1px
        461px  14.6px     1440px  25.0px (capped at 20)

   Section 7b is what keeps the middle of that table from collapsing. */

.branding-search #header_branding .site_title{
  white-space: nowrap !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;   /* never reached; a fuse, not a look */
  line-height: 1.2 !important;
  font-size: clamp(7px, calc((100vw - 126px) / 23.4), 20px) !important;
}
@media (min-width: 461px){
  .branding-search #header_branding .site_title{
    font-size: clamp(10px, calc((100vw - 122px) / 23.5), 20px) !important;
  }
}
@media (min-width: 1201px){
  .branding-search #header_branding .site_title{
    font-size: clamp(12px, calc((100vw - 872px) / 23.0), 20px) !important;
  }
  /* The flame and the side padding, trimmed to buy the title back a line's
     worth of room. 88px -> 76px is imperceptible; 30px -> 18px is not
     noticeable either, and together they are 36px of title. */
  .header-wrapper{ padding-left: 18px !important; padding-right: 18px !important; }
  #header_branding .site-logo-wrapper{ width: 76px !important; height: 76px !important; }
}


/* Subtitle, where one is set */
body.cco_body .site_title .site_subtitle{
  font-family: var(--m-mono) !important;
  font-weight: 400 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  color: var(--m-steel) !important;             /* 5.18:1 */
}


/* --------------------------------------------------------------------------
   4. THE UTILITY BAR  (Home · About · Ask the Rabbi · Contact · search)
   -------------------------------------------------------------------------- */

#header_container .links,
#header_container .links a,
#header_container .topBarLink a{
  font-family: var(--m-mono) !important;
  font-weight: 400 !important;      /* the theme leaves these at 100 — a
                                       hairline at 11px, and Space Mono has
                                       no 100, so the browser was synthesising
                                       one. This is Space Mono's real regular. */
  font-size: 11px !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

body:not(.home) #header_container .links,
body:not(.home) #header_container .links a,
body:not(.home) #header_container .topBarLink a,
#header.on-scroll #header_container .links,
#header.on-scroll #header_container .links a,
#header.on-scroll #header_container .topBarLink a{
  color: var(--m-soft) !important;              /* 6.86:1 on Ivory */
}

body:not(.home) #header_container .links a:hover,
#header.on-scroll #header_container .links a:hover{
  color: var(--m-steel) !important;             /* 5.18:1 */
}

/* Over the hero. The theme leaves this bar white with no shadow, which on a
   photograph means its contrast is whatever the sky happens to be — over the
   pale sky in the current slide it is barely there. Eleven-pixel tracked caps
   have no mass to spare, so this gives them a tight dark shadow rather than a
   soft one. */
body.home #header:not(.on-scroll) #header_container .links,
body.home #header:not(.on-scroll) #header_container .links a,
body.home #header:not(.on-scroll) #header_container .topBarLink a{
  color: var(--m-ivory) !important;
  text-shadow: 0 1px 3px rgba(0,0,0,.85), 0 2px 8px rgba(0,0,0,.45) !important;
}

/* The small separator before each utility link was amber */
#header_container .links .topBarLink::before{
  color: var(--m-sky) !important;               /* decoration, not text */
  border-color: var(--m-rule) !important;
}

/* Search field */
#header_container .links .cco_search_header #MainSearchForm{
  border-color: var(--m-rule) !important;
  border-radius: 2px !important;
}
#header_container .links .cco_search_header #MainSearchForm:focus-within{
  border-color: var(--m-steel) !important;
}

/* The search submit is <button class="button" value=" "><span> </span></button>
   — 16x20, no label and no icon. The form-button rule in section 9 paints
   every .button, which turned it into a small filled Steel square sitting in
   the utility bar with nothing on it. Left unpainted it goes back to being
   the invisible hit area the theme intended. */
#header_container .co_global_submit .button,
#header_container .co_global_submit .button span{
  background: none !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  min-height: 0 !important;   /* section 9's 44px tap-target floor is for the
                                 page's forms, not for a 16x20 header control */
}


/* --------------------------------------------------------------------------
   5. MAIN NAVIGATION
   Was Chabad.org blue in Arial. Now Navy in Montserrat, with Steel reserved
   for the page you are actually on.
   -------------------------------------------------------------------------- */

#co_menu_container .co_menu_item a,
#tabContentMain .co_menu_item a.parent{
  font-family: var(--m-body) !important;
  font-weight: 600 !important;
  letter-spacing: .015em !important;
}

body:not(.home) #tabContentMain .co_menu_item:not(.donate_link) a.parent,
#header.on-scroll #tabContentMain .co_menu_item:not(.donate_link) a.parent{
  color: var(--m-soft) !important;              /* 6.86:1 */
}

body.home #header:not(.on-scroll) #tabContentMain .co_menu_item:not(.donate_link) a.parent{
  color: var(--m-ivory) !important;
  text-shadow: 0 1px 8px rgba(9,20,38,.5) !important;
}

#tabContentMain .co_menu_item:not(.donate_link) a.parent:hover{
  color: var(--m-steel) !important;
}

/* Current page — the theme draws a blue bar underneath it */
body.cco_body #tabContentMain .co_menu_item.selected a.parent::after{
  background: var(--m-steel) !important;
  height: 2px !important;
}
body:not(.home) #tabContentMain .co_menu_item.selected a.parent,
#header.on-scroll #tabContentMain .co_menu_item.selected a.parent{
  color: var(--m-steel) !important;
}

/* Multi-level indicator */
#tabContentMain .co_menu_item.multi_level::before{
  border-color: var(--m-steel) !important;
}

/* Dropdown panels */
.co_menu_item .co_submenu_container{
  background: var(--m-ivory) !important;
  border: 1px solid var(--m-rule) !important;
  box-shadow: 0 6px 20px rgba(33,49,77,.13) !important;
}
.co_menu_item .co_submenu_container .child_item.heading{
  color: var(--m-steel) !important;             /* 5.18:1 */
  font-family: var(--m-mono) !important;
  font-weight: 400 !important;
  font-size: 11px !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}
.co_menu_item .co_submenu_container a{
  color: var(--m-navy) !important;
  font-family: var(--m-body) !important;
}
.co_menu_item .co_submenu_container a:hover{
  background: var(--m-band) !important;
  color: var(--m-steel) !important;
}


/* --------------------------------------------------------------------------
   6. THE DONATE BUTTON
   Was an amber outline with blue text. Now a solid Steel button with Ivory
   text at 5.18:1.
   -------------------------------------------------------------------------- */

body.cco_body #tabContentMain .co_menu_item.donate_link a.parent{
  background: var(--m-steel) !important;
  border: 2px solid var(--m-steel) !important;
  color: var(--m-ivory) !important;             /* 5.18:1 */
  font-family: var(--m-body) !important;
  font-weight: 600 !important;
  letter-spacing: .06em !important;
  border-radius: 2px !important;
  padding: 8px 18px !important;
  transition: background-color .18s ease, border-color .18s ease;
}
body.cco_body #tabContentMain .co_menu_item.donate_link a.parent:hover,
body.cco_body #tabContentMain .co_menu_item.donate_link a.parent:focus{
  background: var(--m-navy) !important;
  border-color: var(--m-navy) !important;
  color: var(--m-ivory) !important;             /* 11.56:1 */
}

/* Over the hero, an outline reads better than a filled block */
body.home #header:not(.on-scroll) #tabContentMain .co_menu_item.donate_link a.parent{
  background: transparent !important;
  border-color: var(--m-ivory) !important;
  color: var(--m-ivory) !important;
  /* The nav links beside it get a shadow for the photograph and this did not,
     so an Ivory outline button was sitting on a pale sky with nothing to
     separate it. Same treatment, plus a little on the border. */
  text-shadow: 0 1px 3px rgba(0,0,0,.7) !important;
  box-shadow: 0 1px 6px rgba(0,0,0,.35) !important;
}
body.home #header:not(.on-scroll) #tabContentMain .co_menu_item.donate_link a.parent:hover{
  background: var(--m-ivory) !important;
  color: var(--m-navy) !important;
}


/* --------------------------------------------------------------------------
   7. MOBILE MENU — the button and the panel's own surface
   -------------------------------------------------------------------------- */

.cs-mobile-menu-open,
.cs-mobile-menu-close,
.cs-mobile-menu-close-back,
.cs-menu-item-toggle{
  color: var(--m-navy) !important;
  /* These four are <button> elements, and the theme only clears the browser's
     default button chrome inside its own max-width:1024px block. Anywhere
     that block does not reach — which is everywhere section 7b applies — they
     fall back to a #EFEFEF fill with a 2px outset border. With an Ivory or
     Navy icon on top, that reads as an empty white rectangle: one where the
     navigation used to be, one over the panel's close X, one stretched across
     the full width of a submenu row. Cleared here at every width so it cannot
     happen again. */
  background: none !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}
.cs-menu-item-toggle{ color: var(--m-steel) !important; }
body.home #header:not(.on-scroll) .cs-mobile-menu-open{
  color: var(--m-ivory) !important;
}

.mobile-menu,
.mobile-menu-bottom-links{
  background: var(--m-ivory) !important;
  font-family: var(--m-body) !important;
}
.mobile-menu a,
.mobile-menu-bottom-links a{ color: var(--m-navy) !important; }
.mobile-menu a:hover{ color: var(--m-steel) !important; }


/* --------------------------------------------------------------------------
   8. KEYBOARD FOCUS
   The theme leaves focus invisible in places. One rule, and the header is
   usable without a mouse.
   -------------------------------------------------------------------------- */

#header a:focus-visible,
#header button:focus-visible{
  outline: 2px solid var(--m-steel) !important;
  outline-offset: 2px !important;
}


/* ==========================================================================
   THE REST OF THE SITE
   The header alone looks grafted on unless the page under it follows.
   ========================================================================== */

/* -- Page type -----------------------------------------------------------

   ONE ADDITION TO THE GOLDEN STRUCTURE, AND THE REASON FOR IT.
   The Golden sheet sets the typeface on named containers, one at a time. It
   keeps missing places — its own article sidebar was still rendering in the
   theme's Muli long after the file went live, because no rule happened to
   name that container. A sweep catches them all.

   ORDER MATTERS. The sweep is first and at low specificity; every rule after
   it is more specific and therefore wins. Written the other way round, the
   sweep flattens the headings back to body text. */

body, body.cco_body{
  font-family: var(--m-body) !important;
  color: var(--m-navy) !important;
}
.cco_body *{ font-family: var(--m-body) !important; }

/* Icon fonts must keep theirs or they turn into letters */
.cco_body i,
.cco_body .fa,
.cco_body [class*="fa-"],
.cco_body [class*="icon-"],
.cco_body .glyphicon{ font-family: inherit; }

/* Archivo Black is the face the logo is drawn in, so it carries the big
   headings and nothing else. Uppercase, like the logo. */
.cco_body h1, .cco_body h2,
.cco_body h1 *, .cco_body h2 *,
.cco_body h1.article-header__title,
.cco_body .header-title,
.hp-row .widget_header h1,
.hp-row .widget_header h2,
.hp-row .widget_header h3,
.hp-row .widget_header h4,
.hp-row .widget_header h5{
  font-family: var(--m-display) !important;
  font-weight: 400 !important;
  letter-spacing: .015em !important;
  text-transform: uppercase !important;
}
/* Below that Archivo Black is too heavy — Montserrat carries the subheads */
.cco_body h3, .cco_body h4, .cco_body h5, .cco_body h6,
.cco_body h3 *, .cco_body h4 *{
  font-family: var(--m-body) !important;
  font-weight: 600 !important;
  letter-spacing: .01em !important;
}

/* Sidebar section labels — "QUICK LINKS" and friends are labels, not
   headings, so they take the Space Mono treatment the package specifies for
   small letterspaced type. */
.cco_body .secondary_navigation .header,
.cco_body .secondary_navigation .header *{
  font-family: var(--m-mono) !important;
  font-weight: 400 !important;
  font-size: 11px !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

/* Section headings and article titles */
.cco_body .header-title,
.cco_body .secondary_navigation .header,
.cco_body h1.article-header__title{
  color: var(--m-steel) !important;             /* 5.84:1 on white */
}

/* Body links */
.cco_body .body_wrapper a,
.cco_body .content a{
  color: var(--m-steel) !important;             /* 5.84:1 on white */
  text-decoration-color: var(--m-rule);
}
.cco_body .body_wrapper a:hover,
.cco_body .content a:hover{ color: var(--m-deep) !important; }   /* 11.58:1 */

/* -- Buttons and "read more" ---------------------------------------------
   ".cco_body a.readMore", not a bare ".readMore". The body-link rule above
   is (0,2,1) with !important; a bare class is (0,1,0) and loses to it, which
   paints the button's label the same Steel as its own fill — a solid
   rectangle with no words on it. (0,2,1) ties, and this comes later. */
.cco_body a.readMore,
.cco_body .readMore,
.cco_body .readMore span,
.cco_body .hp_content_wrapper .readMore,
.cco_body .latest_photos .readMore span,
.cco_body .hp_content_wrapper .latest_photos .readMore span{
  background: var(--m-steel) !important;
  color: var(--m-ivory) !important;             /* 5.18:1 */
  border-color: var(--m-steel) !important;
  font-family: var(--m-body) !important;
  font-weight: 600 !important;
  letter-spacing: .06em !important;
  border-radius: 2px !important;
}
.cco_body a.readMore:hover,
.cco_body .readMore:hover,
.cco_body .readMore:hover span,
.cco_body .hp_content_wrapper .readMore:hover,
.cco_body .latest_photos .readMore span:hover{
  background: var(--m-navy) !important;
  border-color: var(--m-navy) !important;
  color: var(--m-ivory) !important;
}
.cco_body .hp_content_wrapper .chabad_updates .item a.readMore{
  border-color: var(--m-steel) !important;
}

/* Donation amount buttons.

   Three states, and the base rule alone is not enough for any of the other
   two. The theme's hover is not a background at all — it is

       box-shadow: #FF9900 0 0 40px 40px inset

   a 40px inset spread that floods the button with amber over whatever
   background is under it. Overriding `background` does nothing to it, which
   is why these still flashed yellow on hover long after everything else on
   the site had stopped.

   And `.selected` has to be stated too: the base rule carries !important, so
   it flattened the theme's selected amber to the same Steel as every other
   button and there was no way to see which amount was chosen. */

button.js-amounts-button,
.cco_body .amounts button{
  background: var(--m-steel) !important;
  color: var(--m-ivory) !important;             /* 5.18:1 */
  border-color: var(--m-steel) !important;
}
.cco_body .amounts button:hover,
.cco_body button.js-amounts-button:hover{
  box-shadow: 0 0 40px 40px var(--m-deep) inset !important;
  color: var(--m-ivory) !important;             /* 10.27:1 */
}
.cco_body .amounts button.selected,
.cco_body button.js-amounts-button.selected{
  background: var(--m-navy) !important;
  border-color: var(--m-navy) !important;
  color: var(--m-ivory) !important;             /* 11.56:1 */
  box-shadow: none !important;
}

/* The widget's own Donate button, same trap one step further on. Its hover is

       box-shadow: #FFFFFF 0 0 40px 40px inset

   a WHITE flood. The section 9 button rule keeps the label Ivory at all
   times, so on hover the button filled with white and the word "Donate"
   vanished into it — Ivory on white is 1.1:1. Navy instead, label unchanged.

   The 45px radius is the theme's own. Section 9 gives every button a 2px
   radius, which flattened this widget's pill into a heavy rectangle; that
   was a side effect, not a decision, so it is restored here. Set it to 2px
   if you would rather it matched the site's other buttons. */

.cco_body #donate-wrapper button.donate-button,
.cco_body button.donate-button{ border-radius: 45px !important; }

.cco_body #donate-wrapper button.donate-button:hover,
.cco_body button.donate-button:hover{
  box-shadow: 0 0 40px 40px var(--m-navy) inset !important;
  background: var(--m-navy) !important;
  border-color: var(--m-navy) !important;
  color: var(--m-ivory) !important;             /* 11.56:1 */
}

/* -- Bands and surfaces --------------------------------------------------- */
.hp-row{ background: var(--m-band) !important; }
section#donate.js-donate-section{ background: var(--m-band) !important; }
.master-content-wrapper.g960{ background: #FFFFFF !important; }

/* THE HERO PHOTOGRAPH.
   The Golden sheet paints .hp-row-first and .slide_wrapper with its darkest
   colour. That does not port: this theme gives the hero <img>
   mix-blend-mode: multiply, so a colour there does not sit BEHIND the
   photograph, it multiplies THROUGH it. Navy turns the campus shot navy.

   This is a 35% Navy wash — light enough that the photograph still reads as
   a daylight photograph, dark enough to settle it under the headline. The
   theme's own value is #626262, which is far heavier.

   To change it: mix Navy with white. More white is lighter.
     15% Navy  #DEE0E4     barely there
     25% Navy  #C8CCD3     lighter
     35% Navy  #AFB5C1     this
     45% Navy  #9BA2AF     the pavement goes grey and the shot reads overcast
   Remove the rule entirely and you get the theme's heavy grey back. */
.hp-table .hp-row-first .promo_slider .slider .slide_wrapper,
.slide_wrapper{ background: #AFB5C1 !important; }

/* -- Home page widgets ---------------------------------------------------- */
.slider .cycle-caption big,
.slider .cycle-caption h1,
.slider .cycle-caption h2{
  color: var(--m-ivory) !important;
  font-family: var(--m-display) !important;
  font-weight: 400 !important;
  letter-spacing: .015em !important;
  text-transform: uppercase !important;
  text-shadow: 0 2px 14px rgba(9,20,38,.6) !important;
}

.hp-row .widget_header h1,
.hp-row .widget_header h2,
.hp-row .widget_header h3,
.hp-row .widget_header h4,
.hp-row .widget_header h5,
.hp_content_wrapper .mini_slider .sectiontitle{
  color: var(--m-navy) !important;              /* 10.51:1 on the band */
}

.hp-row .widget_content,
.hp-row .widget_content .bottom_padding,
.hp-row .message_format{
  color: var(--m-navy) !important;
}

/* -- Footer --------------------------------------------------------------- */
#footer{
  background: var(--m-navy) !important;
  font-family: var(--m-body) !important;
}
#footer .footer-city-state,
#footer span{ color: var(--m-ivory) !important; }       /* 11.56:1 */
#footer a,
#footer a.privacy-link{ color: var(--m-blush) !important; }   /* 7.67:1 */
#footer a:hover{ color: var(--m-ivory) !important; }


/* ==========================================================================
   9. FORMS AND THEME LEFTOVERS
   Places the ChabadOne theme colours things through classes the earlier
   rules never touch.
   ========================================================================== */

/* Contact form labels. The theme's class is literally .blue but it renders
   amber. */
.cco_body label.blue,
.cco_body label.blue b,
.cco_body label.regular b,
.cco_body .name_wrapper label,
.cco_body form label b{
  color: var(--m-navy) !important;
  font-family: var(--m-body) !important;
}

/* The opt-in / newsletter checkbox label was #999 */
.cco_body .co_optin label,
.cco_body .optin_message_text,
.cco_body .optin_message_text label,
.cco_body .light_grey{
  color: var(--m-g3) !important;                /* 7.94:1 on white */
}

/* Checkboxes and radios were painting themselves in Chrome's own accent blue
   — the one colour on the page that belonged to no brand. It showed on the
   donation form's two opt-ins and on every article form (Students, Parents,
   Ask the Rabbi, feedback), all of which use the browser's native control.

   `accent-color` hands the fill to the package without replacing the control,
   so the tick, the focus ring and the keyboard behaviour stay native. Steel
   because it is the same blue as the Donate button below it, and the white
   tick sits on it at 5.85:1. Stated unscoped as well so anything the theme
   renders outside .cco_body is covered too. */
input[type="checkbox"],
input[type="radio"],
.cco_body input[type="checkbox"],
.cco_body input[type="radio"],
.cco_body .form-checkbox{
  accent-color: var(--m-steel) !important;
}

/* The article forms' <select>s were the last unbranded control. The theme
   gives the donation page's selects a white fill of their own but leaves the
   form-builder ones on the UA's grey, so "Year" and "I am" sat grey beside
   white text inputs in the same column. Background only — the arrow and the
   dropdown list stay the browser's. */
.cco_body select{
  background-color: #FFFFFF !important;
}

/* Submit buttons */
.cco_body .co_global_button .button,
.cco_body button.button,
.cco_body .form-submit-button,
.cco_body button[type="submit"],
.cco_body input[type="submit"],
.cco_body .co_global_submit .button{
  background: var(--m-steel) !important;
  border-color: var(--m-steel) !important;
  color: var(--m-ivory) !important;             /* 5.18:1 */
  font-family: var(--m-body) !important;
  font-weight: 600 !important;
  letter-spacing: .06em !important;
  border-radius: 2px !important;
}
.cco_body .co_global_button .button:hover,
.cco_body .form-submit-button:hover,
.cco_body button[type="submit"]:hover,
.cco_body input[type="submit"]:hover{
  background: var(--m-navy) !important;
  border-color: var(--m-navy) !important;
  color: var(--m-ivory) !important;
}

/* Sidebar / contact-block headings that were theme blue */
.cco_body #MosadInformation .small_header,
.cco_body #MosadInformation .small_header span,
.cco_body .small_header{
  color: var(--m-steel) !important;             /* 5.84:1 on white */
  font-family: var(--m-body) !important;
  font-weight: 600 !important;
}

/* Form fields, so inputs belong to the palette too */
.cco_body input[type="text"],
.cco_body input[type="email"],
.cco_body input[type="tel"],
.cco_body textarea,
.cco_body select{
  border-color: var(--m-rule) !important;
  font-family: var(--m-body) !important;
  color: var(--m-navy) !important;
  border-radius: 2px !important;
}
.cco_body input[type="text"]:focus,
.cco_body input[type="email"]:focus,
.cco_body textarea:focus{
  border-color: var(--m-steel) !important;
  outline: none !important;
}

/* The content wrapper's hairline was #DDDDDD on every page */
.cco_body .master-content-wrapper.g960{
  border-color: var(--m-rule) !important;
}


/* -- Found by auditing all nine pages at 390 / 768 / 1280 ----------------- */

/* Inputs must not push the page wider than the viewport. Montserrat is wider
   than the theme's own face, and the donation page's "Other Amount" field is
   content-sized: at 390px it ran 25px past the right edge and gave the page
   a horizontal scrollbar. The section around it overshoots by a further 2px
   on its own. */
.cco_body input:not([type="checkbox"]):not([type="radio"]),
.cco_body select,
.cco_body textarea{
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* min-width added after the audit: max-width was not enough on its own in two
   places at 320px. The donation page's "Other Amount" box sat 6px past the
   edge because it is a flex item, and min-width:auto stops a flex item
   shrinking below its content. The feedback form's message box sat 10px past
   because ChabadOne writes it with an inline width:490px AND an inline
   min-width:300px in a 272px column, and min-width beats max-width — the
   floor is applied last, so the floor has to be released too.

   Checkboxes and radios are excluded on purpose: applied to them, min-width:0
   let one be squeezed from 13x13 to 8x13 in a row that compresses. They have
   no width to give up and never overflow. */

/* The opt-in block that holds the newsletter checkbox is written with an
   inline width:350px, and on Ask the Rabbi the column around it is 285px, so
   the block and its sentence hung past the edge and gave the page a sideways
   drag — 71px at 320, 5px at 390. Capping the wrapper lets the sentence wrap
   inside the column. Two rules rather than one selector list on purpose: a
   browser without :has() would throw away the whole list, and the .co_optin
   half is worth keeping. */
.cco_body .co_optin{
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.cco_body div:has(> .co_optin){
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.cco_body section.js-donate-section,
.cco_body .donate-content{ max-width: 100% !important; box-sizing: border-box !important; }

/* The footer's own text is #919191 on Navy — 4.14:1, just under AA, on every
   page. Section 8 only named .footer-city-state and span, which missed the
   container and the bold site name inside .footer3. The link rule follows so
   it still wins for anchors. */
#footer,
#footer div, #footer span, #footer p, #footer b,
#footer li, #footer td,
#footer .footer_inner_container,
#footer .footer3, #footer .footer3 b{ color: var(--m-ivory) !important; }
#footer a, #footer a *, #footer a.privacy-link{ color: var(--m-blush) !important; }
#footer a:hover, #footer a:hover *{ color: var(--m-ivory) !important; }

/* The required-field asterisk was #FF0000 — 4.00:1 on white, under AA. Rust
   is the package's red and clears it at 6.22:1.

   Two class names, not one: article forms mark the field with .form-required
   and the donation page uses .req. Fixing only the first left every asterisk
   on the page that actually takes money still pure red. */
.cco_body .form-required,
.cco_body span.req,
.cco_body .required,
.cco_body abbr[title="required"]{ color: var(--m-rust) !important; }   /* 6.22:1 */

/* The rest of the validation treatment, which the asterisk rule above never
   reached. All three were still the theme's stock reds — colours from no
   palette, and each of them under AA.

   The banner is injected by the validator at submit time, not written into
   the page, which is why it never turned up in a page audit: nothing to find
   until someone submits an incomplete form. #E15353 carrying white is 3.77:1;
   Rust carries Ivory at 5.52:1. */
.cco_body .form-error-message,
.cco_body .form-input .form-error-message,
.cco_body .form-input-wide .form-error-message{
  background: var(--m-rust) !important;
  background-color: var(--m-rust) !important;
  border-color: var(--m-rust) !important;
  color: var(--m-ivory) !important;             /* 5.52:1, was 3.77:1 */
  font-family: var(--m-body) !important;
}

/* The field that failed. The theme marks it with `border:1px solid red` and a
   red glow, but the form-field rule earlier in this sheet carries !important
   on border-color, so it painted the border back to the hairline and left
   only the glow — a field reading as fine under a banner saying it is not.
   Restating it here, after that rule, puts the outline back, in Rust. */
.cco_body .form-line-error input,
.cco_body .form-line-error textarea,
.cco_body .form-line-error select,
.cco_body input.form-validation-error,
.cco_body textarea.form-validation-error,
.cco_body select.form-validation-error{
  border-color: var(--m-rust) !important;
  box-shadow: 0 0 2px var(--m-rust) !important;
}

/* And the wash on the row, #FFF4F4, the last stock red in the set. This is
   Rust at 8% over white. */
.cco_body .form-line-error{
  background-color: #F7EEE7 !important;
}

/* Ask the Rabbi's intro line above the form was #0083A1 — a teal at 4.41:1,
   under AA at 11px, and the only cyan on the site. Muted body grey suits it:
   the "click here" link inside already carries the Steel. */
.cco_body .ATR_text{
  color: var(--m-g3) !important;                /* 7.94:1, was 4.41:1 */
}

/* Sub-labels render at 10.9px, which is small on a phone */
@media (max-width: 480px){
  .cco_body .form-sub-label,
  .cco_body label[id^="sublabel"],
  .cco_body .optin_message_text,
  .cco_body .optin_message_text label{ font-size: 12px !important; }
}

/* The contact form's submit was 31px tall. 44px is the usual minimum. */
.cco_body input[type="submit"],
.cco_body button[type="submit"],
.cco_body .form-submit-button,
.cco_body .co_global_submit .button{ min-height: 44px !important; }


/* ==========================================================================
   10. THE MOBILE MENU

   The off-canvas panel is .site-nav-wrapper — the SAME element that holds
   the desktop nav, where it is transparent. Below 1024px the theme paints it
   #317CB8 and slides it in from the right. Section 5 has already recoloured
   the links for a light header, so without this the open menu is muted Navy
   on theme blue.

   Written at the same specificity as the home-page rules in section 5, so
   it lands after them rather than under them.

   The query is 1200px, not 1024px, because section 7b moves the breakpoint.
   The two must stay in step.
   ========================================================================== */

@media (max-width: 1200px){
  .site-nav-wrapper{
    background: var(--m-ivory) !important;
    border-left: 1px solid var(--m-rule) !important;
    box-shadow: -10px 0 28px rgba(33,49,77,.20) !important;
  }
  #tabContentMain .co_menu_item:not(.donate_link) a.parent,
  body.home #header:not(.on-scroll) #tabContentMain .co_menu_item:not(.donate_link) a.parent{
    color: var(--m-navy) !important;              /* 11.56:1 */
    text-shadow: none !important;
  }
  #tabContentMain .co_menu_item.selected a.parent,
  body.home #header:not(.on-scroll) #tabContentMain .co_menu_item.selected a.parent{
    color: var(--m-steel) !important;             /* 5.18:1 */
    text-shadow: none !important;
  }
  /* Without this the Donate button is invisible in the menu on the home
     page, because section 6 makes it an Ivory outline for the hero. */
  #tabContentMain .co_menu_item.donate_link a.parent,
  body.home #header:not(.on-scroll) #tabContentMain .co_menu_item.donate_link a.parent{
    background: var(--m-steel) !important;
    border-color: var(--m-steel) !important;
    color: var(--m-ivory) !important;             /* 5.18:1 */
  }
  .cs-mobile-menu-close,
  .cs-mobile-menu-close-back{ color: var(--m-navy) !important; }
  .mobile-menu-bottom-links{
    background: var(--m-band) !important;
    border-top: 1px solid var(--m-rule) !important;
  }
  .mobile-menu-bottom-links a,
  .site-menu-general__link{ color: var(--m-navy) !important; }   /* 10.51:1 */

  /* ONE LEFT EDGE FOR EVERYTHING IN THE PANEL.
     Three separate offsets were pulling rows out of line with each other:
       - the multi-level row ("Upcoming") has an inner div with 12px of left
         padding against the other rows' 8px, so it sat 4px right of them;
       - the submenu sat at the same left edge as its own parent row, so the
         hierarchy did not read at all;
       - the Donate row carries its own 19px margin and 5px padding from the
         theme, which pushed the centred button off-centre.
     The two text rows land on 33px, the submenu is indented 15px inside that,
     and Donate is centred in the panel. */
  .cco_body #tabContentMain .co_menu_item.arrow span.parent div{
    padding-left: 8px !important;
  }
  .co_menu_item .co_submenu_container{ margin-left: 38px !important; }
  .co_menu_item.donate_link{
    margin-left: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  /* Centred, at the theme's size. The row's own 19px margin and 5px padding
     are cleared above, so `auto` on both sides centres it in the panel rather
     than 12px off to one side of it. */
  .co_menu_item.donate_link span.parent{
    margin: 10px auto 0 auto !important;
    min-width: 115px !important;
    text-align: center !important;
  }
}


/* ==========================================================================
   11. MOBILE ERGONOMICS
   ========================================================================== */

/* Menu rows were 26px tall. 41px after this — the usual guidance is 44px,
   and this is as close as the theme's row height allows without redesigning
   the menu. */
@media (max-width: 1200px){
  #tabContentMain .co_menu_item a.parent{
    padding-top: 11px !important;
    padding-bottom: 11px !important;
  }
  .mobile-menu-bottom-links a{ padding: 10px 6px !important; display: inline-block !important; }
  .cco_body .secondary_navigation a,
  .cco_body .co_local_menu a{ display: inline-block !important; padding: 7px 0 !important; }
}


/* ==========================================================================
   12. THE SIDEBARS
   Both of them, and both only show up a level deeper than the home page.
   ========================================================================== */

/* -- 12a. Submenu items in the slide-in menu ------------------------------ */
/*
   The theme sets the LABEL SPAN inside a submenu link to #ffffff, for its
   own dark dropdown:

       #tabContentMain .co_menu_item.arrow .co_submenu_container a.item span

   Section 5 recolours the <a>, but not the span inside it — and this panel
   is Ivory, so without this the submenu items are white on #F3F1EE, which
   is to say not there at all.
*/
#tabContentMain .co_submenu_container a.item,
#tabContentMain .co_submenu_container a.item span,
#tabContentMain .co_submenu_container .co_column a,
#tabContentMain .co_submenu_container .co_column a span,
body.home #header:not(.on-scroll) #tabContentMain .co_submenu_container a.item,
body.home #header:not(.on-scroll) #tabContentMain .co_submenu_container a.item span{
  color: var(--m-navy) !important;              /* 11.56:1 */
  text-shadow: none !important;
}
#tabContentMain .co_submenu_container a.item:hover,
#tabContentMain .co_submenu_container a.item:hover span,
#tabContentMain .co_submenu_container a.item.hover,
#tabContentMain .co_submenu_container a.item.hover span{
  color: var(--m-steel) !important;             /* 5.18:1 */
}

/* Section 5 gives the dropdown a card — fill, border, drop shadow. Right on
   desktop where it floats over the page; wrong inside a panel of the same
   colour, where it draws a box around the submenu. Below the breakpoint it
   is just an indented list. */
@media (max-width: 1200px){
  .co_menu_item .co_submenu_container{
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
  }
}

/* -- 12b. The article sidebar --------------------------------------------- */
/*
   The theme leaves these links at font-weight 100 and 11px — a hairline at
   label size, the same size and colour as the "Quick Links" label above
   them, so the block reads as one greyed-out caption instead of a heading
   with links under it.
*/
.cco_body .secondary_navigation .item a,
.cco_body .secondary_navigation .item a *,
.cco_body .co_local_menu .item a,
.cco_body .co_local_menu .item a *{
  font-family: var(--m-body) !important;
  font-weight: 500 !important;                  /* was 100 */
  font-size: 14px !important;                   /* was 11px */
  letter-spacing: normal !important;
  text-transform: none !important;
  color: var(--m-steel) !important;             /* 5.84:1 on white */
}
.cco_body .secondary_navigation .item a:hover,
.cco_body .secondary_navigation .item a:hover *,
.cco_body .co_local_menu .item a:hover,
.cco_body .co_local_menu .item a:hover *{
  color: var(--m-navy) !important;              /* 13.03:1 */
}


/* ==========================================================================
   7b. THE HAMBURGER STAYS UNTIL 1200px

   Not a style choice — arithmetic, and the thing that makes the one-line
   title in section 3 possible. Below 1025px the theme swaps the nav for a
   hamburger and the title has the whole row. At 1025px the nav returns at
   full width and takes about 660px of a 1030px row, leaving roughly 250px
   for a 34-character title. At 27.9px of width per px of font-size that is
   a 9px title, which is not a font size, it is a defect.

   Every declaration here is copied out of the theme's own
   @media (max-width:1024px) block — the button, the panel, the overlay, and
   the rules that stack the menu into a column. Nothing is invented. The only
   change is the width at which it stops applying.

   Remove this block to put the desktop nav back at 1025px. If you do, change
   sections 10, 11 and 12a back to 1024px as well, and expect the title to
   fall to 9–15px between 1025 and 1200.
   ========================================================================== */

@media (min-width: 1025px) and (max-width: 1200px){

  .cs-mobile-menu-open{
    display: block !important;
    cursor: pointer;
    font-size: 24px;
    margin-top: 0;
  }
  .cs-mobile-menu-close,
  .cs-menu-item-toggle,
  .mobile-menu-bottom-links{ display: block !important; }
  /* Not the back arrow. The theme's base rule hides it; an earlier version of
     this block turned it on, which put an empty 20x22 control at the top of
     the panel. There is no drill-down in this menu for it to serve. */
  .cs-mobile-menu-close-back{ display: none !important; }
  .cs-mobile-menu-close{
    position: absolute !important;
    top: 0 !important;
    right: 12px !important;
    padding: 15px !important;
    font-size: 22px !important;
  }

  /* The bottom links bar is pinned in the theme's own block, not laid out in
     flow. Without this it lands wherever the 80vh menu container ends, left
     aligned, instead of centred at the foot of the panel. */
  .mobile-menu-bottom-links{
    position: fixed !important;
    bottom: 31px !important;
    width: 300px !important;
    text-align: center !important;
    z-index: 601 !important;
  }
  /* And the separators between them. The theme draws these with a ::before on
     every link after the first, and that rule lives in its max-width:1024px
     block too — so above 1025px the bar read as "About Search Contact" with
     nothing between the words. */
  .mobile-menu-bottom-links > a:not(:first-child)::before{
    content: " | " !important;
    margin: 0 10px !important;
  }

  /* The submenu caret. Four declarations from the theme's own block, all of
     them load-bearing: without the positioning it is a full-width empty block
     in the flow rather than a small mark on the right, and without the font
     and the two content values it has no glyph at all. \f078 is chevron-down,
     \f077 chevron-up; FontAwesome, not Font Awesome 5, is the family the
     theme uses for this one control. */
  .cs-menu-item-toggle{
    position: absolute !important;
    right: 0 !important;
    top: 1px !important;
    z-index: 100 !important;
    padding: 5px 20px !important;
    width: auto !important;
  }
  .cs-menu-item-toggle::before{ font-family: FontAwesome !important; }
  body.cco_body #tabContentMain .co_menu_item .cs-menu-item-toggle::before{ content: "\f078"; }
  body.cco_body #tabContentMain .co_menu_item.item-open .cs-menu-item-toggle::before{ content: "\f077"; }

  #header .header-wrapper #co_menu_container,
  .site-nav-wrapper{ width: 300px !important; z-index: 600 !important; }

  .site-nav-wrapper{
    position: fixed !important;
    right: -300px !important;
    top: 0 !important;
    height: 100vh !important;
    transition: right 500ms !important;
  }
  #header .header-wrapper #co_menu_container{
    height: 80vh !important;
    padding-top: 50px !important;
    overflow-x: hidden !important;
    text-align: left !important;
  }
  .menu-open #header .wrapper #co_menu_container_wrapper #co_menu_container,
  .menu-open .site-nav-wrapper{ right: 0 !important; }

  body.menu-open #header::before{
    content: "";
    /* The theme's own value. A navy tint at .55 was a needless deviation: it
       washed the page behind the menu blue, and at a different strength from
       the same menu below 1024px. */
    background: rgba(0,0,0,.6);
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    display: block;
    z-index: 100;
    border: none;
  }

  /* The menu is a table on desktop; these are the rules that stack it */
  body .main_menu_container.first,
  body.cco_body .main_menu_container.first{ width: 100% !important; }

  body.cco_body #co_menu_container_wrapper tbody{
    width: 100% !important;
    display: block !important;
  }
  /* The row is position:relative and nudged 13px right for the desktop nav.
     Stated explicitly here, it reproduces the panel's 10px gutter exactly. */
  body.cco_body #co_menu_container_wrapper tr{
    display: block !important;
    width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    box-sizing: border-box !important;
    left: 0 !important;
    right: auto !important;
  }
  body.cco_body #tabContentMain .co_menu_item{
    width: 100% !important;
    text-align: left !important;
    flex-direction: column !important;
    display: flex !important;
    position: relative !important;
  }
  body #tabContentMain .co_menu_item_divider,
  body.cco_body #tabContentMain .co_menu_item_divider{ display: none !important; }

  .co_menu_item span.parent{
    order: -1;
    text-align: left;
    margin-left: 15px;
    height: auto !important;
  }
  .co_menu_item.donate_link span.parent{
    text-align: center;
    min-width: 115px;
    margin: 10px auto 0 auto !important;
  }
  .co_menu_item .co_menu_content{
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
  }
  .co_menu_item .co_submenu_container{
    top: 0 !important;
    margin-left: 38px !important;
    margin-bottom: 10px !important;
    padding-bottom: 6px !important;
    height: auto !important;
    clip: auto !important;
  }
  .co_menu_item .co_menu_content .co_submenu_container .co_column{
    width: 100% !important;
    background: none !important;
    border-bottom: none !important;
  }

  .header-wrapper{ justify-content: space-between !important; }
}

/* ===== 404-FIX-START (2026-10-21): readable header on the Page Not Found page. Remove this block to revert. ===== */
body.home:has(.notfound-container) #header:not(.on-scroll){background:#F3F1EE!important}
body.home:has(.notfound-container) #header:not(.on-scroll) .branding-search #header_branding .site_title{color:#21314D!important;text-shadow:none!important}
body.home:has(.notfound-container) #header:not(.on-scroll) #tabContentMain .co_menu_item:not(.donate_link) a.parent{color:#21314D!important;text-shadow:none!important}
body.home:has(.notfound-container) #header:not(.on-scroll) #header_container .links .topBarLink a,
body.home:has(.notfound-container) #header:not(.on-scroll) #header_container .links a,
body.home:has(.notfound-container) #header:not(.on-scroll) #header_container .links .topBarLink{color:#3D5473!important;text-shadow:none!important}
body.home:has(.notfound-container) #header:not(.on-scroll) #tabContentMain .co_menu_item.donate_link a,
body.home:has(.notfound-container) #header:not(.on-scroll) #tabContentMain .donate_link a.parent{background:#426793!important;color:#F3F1EE!important;border-color:#426793!important;text-shadow:none!important}
.notfound-container .notfound-title{color:#21314D!important}
/* ===== 404-FIX-END ===== */

/* ===== BRAND-PATCH-START (2026-10-21): Students page headings and Donate headline. Remove this block to revert. ===== */
body .co_body h2,
body .article-body h2,
body .co_body .content .Content_Large{color:#426793!important;border-color:#426793!important}
body .co_body h3,
body .co_body h3 a,
body .article-body h3,
body .co_body .content .SCHeading_3{color:#21314D!important;border-color:#21314D!important}
#donate-wrapper h1{color:#21314D!important}
/* ===== BRAND-PATCH-END ===== */
</style>

<!-- Google tag (gtag.js) -->




<!-- ===== SEO-DATA-START (2026-10-22): structured data, zoom fix, GA4 click events. Remove this block to revert. ===== -->


<!-- ===== SEO-DATA-END ===== -->


<script async src="https://www.googletagmanager.com/gtag/js?id=G-51QGQ1E439"></script><script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-51QGQ1E439');
</script><script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "ReligiousOrganization",
      "@id": "https://www.chabadmines.com/#organization",
      "name": "Chabad of Golden and Colorado School of Mines",
      "alternateName": "Chabad at Colorado School of Mines",
      "url": "https://www.chabadmines.com/",
      "logo": "https://www.chabadmines.com/media/images/1385/EsRi13859126.png",
      "image": "https://www.chabadmines.com/media/images/1385/EsRi13859126.png",
      "telephone": "+1-720-722-0968",
      "description": "Chabad at Mines brings Jewish life to Colorado School of Mines with weekly Shabbat dinners, holiday celebrations, and a home away from home for every Oredigger in Golden, CO.",
      "areaServed": {
        "@type": "City",
        "name": "Golden, Colorado"
      },
      "sameAs": [
        "https://www.instagram.com/chabadmines/",
        "https://www.jewishgolden.com/"
      ]
    },
    {
      "@type": "WebSite",
      "@id": "https://www.chabadmines.com/#website",
      "url": "https://www.chabadmines.com/",
      "name": "Chabad at Colorado School of Mines",
      "alternateName": "Chabad of Golden and Colorado School of Mines",
      "publisher": {
        "@id": "https://www.chabadmines.com/#organization"
      }
    }
  ]
}
</script><script>
(function () {
  function fixViewport() {
    try {
      var vp = document.querySelector('meta[name="viewport"]');
      if (vp) { vp.setAttribute('content', 'width=device-width, initial-scale=1.0'); }
    } catch (e) {}
  }
  fixViewport();
  document.addEventListener('DOMContentLoaded', fixViewport);


  function send(name, params) {
    try {
      if (typeof window.gtag === 'function') {
        window.gtag('event', name, params || {});
      }
    } catch (e) {}
  }

  document.addEventListener('click', function (ev) {
    try {
      var t = ev.target;
      if (!t || !t.closest) { return; }

      var btn = t.closest('#donate-wrapper button[type="submit"], #donate-wrapper input[type="submit"]');
      if (btn) {
        send('donate_click', { link_text: 'donate widget' });
        return;
      }

      var a = t.closest('a');
      if (!a) { return; }
      var href = a.getAttribute('href') || '';
      var h = href.toLowerCase();
      var host = (a.hostname || '').toLowerCase().replace(/^www\./, '');
      var path = (a.pathname || '').toLowerCase();
      var label = (a.textContent || '').replace(/\s+/g, ' ').trim() || a.getAttribute('aria-label') || a.title || path;
      label = label.slice(0, 60);

      if (h.indexOf('sms:') === 0) {
        send(/body=join/i.test(href) ? 'join_text_click' : 'rsvp_text_click', { link_text: label });
      } else if (h.indexOf('tel:') === 0) {
        send('call_click', { link_text: label });
      } else if (/(^|\.)(venmo|paypal|zellepay)\.com$/.test(host)) {
        send('donate_click', { link_text: label });
      } else if (host === 'jewishgolden.com' || host === 'chabadmines.com') {
        if (/^\/(donate|zelle|4970020)(\/|$)/.test(path)) {
          send('donate_click', { link_text: label });
        }
      }
    } catch (e) {}
  }, true);

  document.addEventListener('submit', function (ev) {
    try {
      var f = ev.target;
      var act = '';
      if (f) {
        if (f.getAttribute) { act = f.getAttribute('action') || ''; }
      }
      if (/feedback/i.test(act)) { send('contact_form_submit', {}); }
    } catch (e) {}
  }, true);
})();
</script></head>
<body class="lang_en dir_ltr cco_body form secure sites-article">

	


	
	<div id="PrintCreditHeader" class="show_for_print">
Printed from<b>Chabadmines.com</b>
</div>
	<div id="header">
		<div class="wrapper header-wrapper">
			
			


<div id="header_container" class="header_container">
	<div class="clearfix links">
		<img src="https://w2.chabad.org/images/global/spacer.gif" width="15" height="8" class="baruch_hashem" />
		<div class="float_right">
			
			
				<div class="topBarLink cco_topbar_link ask_the_rabbi_link">
					<a href="/asktherabbi/default_cdo/jewish/Ask-the-Rabbi.htm">Ask the Rabbi</a>
				</div>
				
			
			
				<div class="topBarLink cco_topbar_link contact_link">
					<a href="/tools/feedback.asp">Contact</a>
				</div>
			
			
		</div>
		<div class="float_left">
			
				<div class="topBarLink cco_topbar_link home_link">
					<a href="/">Home</a>
				</div>
				
			
				<div class="topBarLink cco_topbar_link about_link">
					<a href="/7451225">About</a>
				</div>
				
			
			
			
		</div>
	</div>
	<div class="break_floats"></div>
</div>

			<div class="clearfix branding-search">
				<div id="header_branding" class="no_outline  logo">
					<div class="g260 no_margin cco_search_header float_right">
						

<div class="co_search_form margin05">
	<form name="MainSearchForm" id="MainSearchForm" method="get" action="/search/results.asp" class="clearfix" onsubmit="return Co.Forms.Validation.Validate(this, null, {markAsSubmitted:false});">
		<div class="co_global_submit"><button type="submit" class="button" value=" "><span> </span></button></div>
		

<div class="co_global_input_container clearfix">
	<input id="topAreaTopSearch_search" required="true" autocomplete="nope" placeholder="Search" value="" class="co_global_input co_search js-search-field active js-mirrored-input" onblur="this.form.className = this.form.className.replace(/\sactive/gi, &#39;&#39;);" name="searchWord" onfocus="this.form.className+=&#39; active&#39;;" type="text" display_name="Search Field" min_length="3"></input>
</div>

			
		
		
	
		<div id="topAreaTopSearch_search_wrapper" class="co_field_options" style="display:none;">
			<div class="co_absolute_wraper" id="co_absolute_wraper" style="">
				<div class="inner">
					<div id="topAreaTopSearch_search_container" class="co_field_options_suggestions"></div>
					<div class="break_floats"></div>
					
				</div>
			</div>
		</div>
	</form>
</div>
					</div>
					
						<div class="float_left site-logo-wrapper"><a href="/"><img src="https://w2.chabad.org/media/images/1385/EsRi13859126.png" width="100" height="100" border="0"  /></a></div>
					
					<a href="/default.asp" title="Chabad at Colorado School of Mines" class="site_title">Chabad at Colorado School of Mines<span class="site_subtitle clearfix"> </span></a>
				</div>
			</div>
			
			
			<button type='button' class='cs-mobile-menu-open js-mobile-menu-open'><i class='fa fa-bars'></i></button>
			<div class="site-nav-wrapper">
				<script>
var primaryNavigationVersion = "639285396390154675";
</script>
<div id="co_menu_container_wrapper" class="co_menu_container_wrapper " data-list-name="primary navigation"> 
<div class="co_menu_container clearfix" id="co_menu_container">
<a class="menu_logo" href="/"></a>
<table cellpadding="0" cellspacing="0" border="0" class="main_menu_container first global">
<tr id="tabContentMain" tab="Main" style="display:table-row;">
<td class="co_menu_item home" data-menu-level="1"><a href="/default.asp"><img class="co_menu_home_image" src="https://w2.chabad.org/images/global/spacer.gif" width="28" height="60" border="0" onmouseover="this.className += ' hover';" onmouseout="this.className=this.className.replace(/\s?hover/gi, '');" /></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item" aid="7551557" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="/templates/articlecco_cdo/aid/7551557/jewish/Students.htm" class="parent">Students</a></div></span><a href="/templates/articlecco_cdo/aid/7551557/jewish/Students.htm" class="bg_extension js-parent-menu-link" data-aid="7551557"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item" aid="7451268" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="/templates/articlecco_cdo/aid/7451268/jewish/Parents.htm" class="parent">Parents</a></div></span><a href="/templates/articlecco_cdo/aid/7451268/jewish/Parents.htm" class="bg_extension js-parent-menu-link" data-aid="7451268"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item arrow multi_level" aid="7451294" data-menu-level="1" onmouseover='Co.MainNavigation.Show(event, this);' onmouseout='Co.MainNavigation.Hide(event, this);' >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
<div class="co_column">
<a href="/templates/articlecco_cdo/aid/7494841/jewish/Rosh-Hashanah.htm" class="item empty" id="menu_item3-1" data-menu-level="2" data-aid="7494841">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Rosh Hashanah</span>
</a>
<a href="/templates/articlecco_cdo/aid/7512206/jewish/Yom-Kippur.htm" class="item empty" id="menu_item3-2" data-menu-level="2" data-aid="7512206">
<img src="https://w2.chabad.org/images/global/spacer.gif" width="5" height="10" alt="" border="0" class="arrow off" />
<span>Yom Kippur</span>
</a>
</div>
<div id="menu_child3-1" class="menu_child empty selected" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
<div id="menu_child3-2" class="menu_child empty" style="width:174px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:100%;">
<tr class="wrapper clearfix">
<td class="co_column"><div class="column_left_wrapper">
<a href="" class="child_item default" data-menu-level="3" data-aid="0"><span></span></a>
</div></td>
</tr>
</table>
</div>
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><img src="https://w2.chabad.org/images/global/spacer.gif" width="12" height="6" border="0" vspace="2" /><div><a href="/templates/articlecco_cdo/aid/7451294/jewish/Shabbat-Dinner.htm" class="parent">Shabbat<br />Dinner</a></div></span><a href="/templates/articlecco_cdo/aid/7451294/jewish/Shabbat-Dinner.htm" class="bg_extension js-parent-menu-link" data-aid="7451294"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item" aid="7472874" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="https://jewishgolden.com" class="parent">Chabad&nbsp;of<br />Golden</a></div></span><a href="https://jewishgolden.com" class="bg_extension js-parent-menu-link" data-aid="7472874"></a></td>
<td class="co_menu_item_divider"><img src="https://w2.chabad.org/images/global/spacer.gif" width="2" height="1" border="0" /></td>
<td class="co_menu_item donate_link" aid="0" data-menu-level="1" onmouseover="this.className += ' hover';" onmouseout="this.className = this.className.replace(/\shover/gi, '');" >
<div class="co_menu_content"><div class="co_submenu_container" style="width:auto;display:none;clip:rect(auto auto 0px auto);">
<div class="wrapper">
<div class="column_wrapper clearfix" style="height:100%;">
</div>
<div class="break_floats"></div></div></div></div><span class="parent"><div><a href="/4970020" class="parent">Donate</a></div></span><a href="/4970020" class="bg_extension js-parent-menu-link" data-aid="0"></a></td>
</tr>
</table>
</div>
</div>
<!-- END CACHE -->
				<div class="mobile-menu-bottom-links">
					
						<a href="/7451225" class="site-menu-general__link">About</a>
					
					<a href="/search">Search</a>
					
						<a href="/tools/feedback.asp">Contact</a>
					
				</div>
			</div>
		</div>
	</div>
	<div id="content">
		<div id="BodyContainer" class="wrapper">
			<div class="body_wrapper  no-hero-image clearfix">
				
	<div class="co_content_container clearfix local_content" id="co_content_container">
		<div class="clearfix">
			
			
			
			<div class="clearfix bh mobile-only align_right">ב"ה</div>
			
				<div class="master-content-wrapper g960" >
					

<header class="article-header cf ">
	
	
			<h1 class="article-header__title js-article-title js-page-title">Parents</h1>
		
			<div>
				
			</div>
		
</header>
				</div>
			
			<div class="body_wrapper clearfix co_body">
				<div class="g700" id="co_body_container">
					
					<div id="ContentBody">
						
						
							<div class="content-area-parent no_margin">
								
	<div id="cco_body">
		<div class="content g700 no_margin no_overflow" id="co_content_container">
			
			
	

	<article class="content js-content" >
	

<div id="formContainer"><script type="text/javascript">var defaultCurrency = { value: 'USD', symbol: '$'};
$j(function(){
window.multiplier = 0;
window.formJson = Object.extend([{"form_height":959,"1_text":"\u003cp\u003eDear Parents,\u003cbr\u003e\nGoing away to university is a priceless opportunity to mature and thrive. For Jewish students it is also an opportunity to deepen and broaden one\u0026#39;s Jewish identity, and enhance the sense of commitment and responsibility to the greater Jewish community - on campus, at home, nationwide and throughout the world.\u003cbr\u003e\n\u003cbr\u003e\nWe strive to make Chabad a \u0026quot;home away from home\u0026quot; for all the Jewish students during their time at Mines. Our home is open to the students, and we welcome them with the warmth of family.\u003cbr\u003e\n\u003cbr\u003e\nWe understand that as a parent, there can be many worrisome moments while your child is away at school. That\u0026#39;s why we want you to know that we\u0026#39;re here. Feel free to contact us, introduce yourselves and let us know what\u0026#39;s on your mind. Students, if you have any query, question or just want a friendly chat please get in touch with us.\u003c/p\u003e\n\n\u003cp\u003eSincerely,\u003cbr\u003e\nRabbi Yosef \u0026amp; Basya Stevenson\u003cbr\u003e\n\u003cbr\u003e\n\u003ca href=\"mailto:rabbi@chabadmines.com\"\u003eRabbi@ChabadMines.com\u003c/a\u003e\u003cbr\u003e\n\u003ca href=\"mailto:basya@chabadmines.com\"\u003eBasya@ChabadMines.com\u003c/a\u003e\u003cbr\u003e\n\u003cbr\u003e\n🤒\u0026#160;\u003cstrong\u003eMATZAH BALL SOUP DELIVERY\u003c/strong\u003e\u003cbr\u003e\nIf your\u0026#160;child is under the weather, reach out to arrange a delivery of hot matzah ball soup to their residence.\u0026#160;\u003cbr\u003e\n\u003cbr\u003e\n\u003cstrong\u003eSign up below to receive updates about all things Chabad at Mines.\u0026#160;\u003c/strong\u003e\u003cbr\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n\u0026#160;\u003c/p\u003e\n","1_name":"doubleclickTo","1_qid":1,"1_type":"control_text","1_order":1,"4_text":"My name","4_message":"","4_labelAlign":"Auto","4_required":"Yes","4_prefix":"No","4_suffix":"No","4_middle":"No","4_description":"","4_sublabels":{"prefix":"Prefix","first":"First Name","middle":"Middle Name","last":"Last Name","suffix":"Suffix"},"4_readonly":"No","4_name":"fullName4","4_qid":4,"4_type":"control_fullname","4_order":2,"3_text":"My childs name","3_message":"","3_labelAlign":"Auto","3_required":"Yes","3_prefix":"No","3_suffix":"No","3_middle":"No","3_description":"","3_sublabels":{"prefix":"Prefix","first":"First Name","middle":"Middle Name","last":"Last Name","suffix":"Suffix"},"3_readonly":"No","3_name":"fullName","3_qid":3,"3_type":"control_fullname","3_order":3,"7_text":"My phone number","7_message":"","7_labelAlign":"Auto","7_required":"Yes","7_validation":"None","7_countryCode":"No","7_inputMask":"enable","7_inputMaskValue":"(###) ###-####","7_description":"","7_sublabels":{"country":"Country Code","area":"Area Code","phone":"Phone Number","full":"Phone Number"},"7_readonly":"No","7_name":"phoneNumber","7_qid":7,"7_type":"control_phone","7_order":4,"5_receivesReceipts":"No","5_text":"My email","5_message":"","5_labelAlign":"Auto","5_required":"Yes","5_size":30,"5_validation":"Email","5_maxsize":"","5_defaultValue":"","5_subLabel":"","5_hint":"ex: myname@example.com","5_description":"","5_confirmation":"No","5_confirmationHint":"Confirm Email","5_readonly":"No","5_name":"email","5_qid":5,"5_type":"control_email","5_order":5,"8_text":"Anything you\u0027d like to share with us","8_message":"","8_labelAlign":"Auto","8_required":"No","8_size":20,"8_validation":"None","8_maxsize":"","8_inputTextMask":"","8_defaultValue":"","8_subLabel":"","8_hint":" ","8_description":"","8_readonly":"No","8_name":"input8","8_qid":8,"8_type":"control_textbox","8_order":6,"9_text":"Optin","9_labelAlign":"Auto","9_description":"","9_required":"No","9_list":"-1","9_duplicatable":false,"9_name":"optin","9_qid":9,"9_type":"control_optin","9_order":7,"2_text":"Submit","2_buttonAlign":"Auto","2_clear":"No","2_print":"No","2_name":"submit","2_qid":2,"2_type":"control_button","2_order":8,"10_text":"Payment","10_message":"","10_labelAlign":"Auto","10_required":"No","10_duplicatable":false,"10_selectedCountry":"","10_description":"","10_sublabels":{"cc_firstName":"First Name","cc_lastName":"Last Name","cc_type":"Credit Card Type","cc_number":"Credit Card Number","cc_ccv":"Security Code","cc_nameOnCard":"Name on Card","cc_IdNumber":"Israel Identity Number","cc_exp_month":"Expiration Month","cc_exp_year":"Expiration Year","eCheck_bankName":"Bank Name","eCheck_routingNumber":"Routing Number","eCheck_accountNumber":"Account Number","eCheck_accountType":"Account Type","addr_line1":"Street Address","addr_line2":"Street Address Line 2","city":"City","state":"State / Province","postal":"Postal / Zip Code","country":"Country"},"10_name":"payment","10_qid":10,"10_type":"control_payform","10_order":9,"10_options":{"currency":"default","creditCard":{"value":"Credit Card","enabled":true,"fields":[{"name":"ccv","value":"CCV","enabled":true},{"name":"nameOnCard","value":"Name on Card","enabled":true},{"name":"billingAddress","value":"Billing Address","enabled":true},{"name":"israelIdentityNumber","value":"Israel Identity Number","enabled":true}],"processorIndex":2,"type":[{"name":"Visa","value":"Visa","enabled":true},{"name":"Mastercard","value":"MasterCard","enabled":true},{"name":"Amex","value":"American Express","enabled":true},{"name":"Discover","value":"Discover","enabled":true},{"name":"Isracard","value":"Isracard","enabled":false}],"payMe":false},"paypal":{"value":"Paypal","enabled":false,"processorIndex":1},"eCheck":{"value":"eCheck","enabled":false},"other":{"value":"Other","enabled":false,"altText":"","message":""}},"form_title":"Untitled Form","form_pagetitle":"Form","form_styles":"nova","form_font":"","form_fontsize":"14","form_fontcolor":"","form_optioncolor":"","form_lineSpacing":"12","form_background":"","form_formWidth":"685","form_labelWidth":"150","form_alignment":"Left","form_thankurl":"","form_thanktext":"","form_highlightLine":"Enabled","form_activeRedirect":"default","form_sendpostdata":"No","form_unique":"None","form_uniqueField":"\u003cField Id\u003e","form_status":"Enabled","form_injectCSS":"","form_hideMailEmptyFields":"disable","form_showProgressBar":"disable","form_formStrings":[{"required":"This field is required","requireOne":"At least one field required","requireEveryRow":"Every row is required","alphabetic":"This field can only contain letters","numeric":"This field can only contain numeric values","alphanumeric":"This field can only contain letters and numbers","incompleteFields":"There are incomplete required fields. Please complete them.","uploadFilesize":"File size cannot be bigger than:","confirmClearForm":"Are you sure you want to clear the form?","lessThan":"Your score should be less than or equal to","email":"Enter a valid e-mail address","uploadExtensions":"You can only upload following files:","pleaseWait":"Please wait...","confirmEmail":"E-mail does not match","submissionLimit":"Sorry! Only one entry is allowed.  Multiple submissions are disabled for this form.","gradingScoreError":"Score total should only be less than or equal to","inputCarretErrorA":"Input should not be less than the minimum value:","inputCarretErrorB":"Input should not be greater than the maximum value:","maxDigitsError":"The maximum digits allowed is","minSelectionsError":"The minimum required number of selections is","maxSelectionsError":"The maximum number of selections allowed is","pastDatesDisallowed":"Date must not be in the past","multipleFileUploads_typeError":"{file} has invalid extension. Only {extensions} are allowed.","multipleFileUploads_sizeError":"{file} is too large, maximum file size is {sizeLimit}.","multipleFileUploads_minSizeError":"{file} is too small, minimum file size is {minSizeLimit}.","multipleFileUploads_emptyError":"{file} is empty, please select files again without it.","multipleFileUploads_onLeave":"The files are being uploaded, if you leave now the upload will be cancelled.","generalError":"There are errors on the form. Please fix them before continuing.","generalPageError":"There are errors on this page. Please fix them before continuing."}],"form_limitSubmission":"No Limit","form_expireDate":"No Limit","form_messageOfLimitedForm":"This form is currently unavailable!","form_emails":[],"form_language":"","form_id":7451268,"form_style":"Default","form_theme":"nova","form_header":"","form_footer":"","form_sendEmail":"No","form_formStringsChanged":"yes","form_slug":7451268,"form_optinDisabled":"true","form_conditions":[{"type":"field","link":"Any","terms":[{"field":"10","operator":"isEmpty","value":false},{"field":"10","operator":"isFilled","value":false}],"actions":[{"field":"10","visibility":"Hide"}]}]}][0] || {}, window.formJson || {});
window.isSecureForm = true
});

			if (typeof(Userform) ==='undefined')
			{
				Userform={init:function(args){
					$j(function(){
						Userform.init.apply(Userform, [args]);
					})
				},
				setConditions:function(args){
					$j(function(){
						Userform.setConditions.apply(Userform, [args]);
					})
				}};
			}
</script><script src="/net/platform/sitecontrol/admin/publishing/formbuilder/js/vendor/jquery-1.8.0.min.js?v=null" type="text/javascript"></script>
<script src="/net/platform/sitecontrol/admin/publishing/formbuilder/js/vendor/maskedinput.min.js?v=null" type="text/javascript"></script>
<script type="text/javascript">
   Userform.setConditions([{"type":"field","link":"Any","terms":[{"field":"10","operator":"isEmpty","value":false},{"field":"10","operator":"isFilled","value":false}],"actions":[{"field":"10","visibility":"Hide"}]}]);
   Userform.init(function(){
      Userform.setPhoneMaskingValidator( 'input_7_full', '(###) ###-####' );
      $('input_5').hint('ex: myname@example.com');
      Userform.alterTexts({"required":"This field is required","requireOne":"At least one field required","requireEveryRow":"Every row is required","alphabetic":"This field can only contain letters","numeric":"This field can only contain numeric values","alphanumeric":"This field can only contain letters and numbers","incompleteFields":"There are incomplete required fields. Please complete them.","uploadFilesize":"File size cannot be bigger than:","confirmClearForm":"Are you sure you want to clear the form?","lessThan":"Your score should be less than or equal to","email":"Enter a valid e-mail address","uploadExtensions":"You can only upload following files:","pleaseWait":"Please wait...","confirmEmail":"E-mail does not match","submissionLimit":"Sorry! Only one entry is allowed.  Multiple submissions are disabled for this form.","gradingScoreError":"Score total should only be less than or equal to","inputCarretErrorA":"Input should not be less than the minimum value:","inputCarretErrorB":"Input should not be greater than the maximum value:","maxDigitsError":"The maximum digits allowed is","minSelectionsError":"The minimum required number of selections is","maxSelectionsError":"The maximum number of selections allowed is","pastDatesDisallowed":"Date must not be in the past","multipleFileUploads_typeError":"{file} has invalid extension. Only {extensions} are allowed.","multipleFileUploads_sizeError":"{file} is too large, maximum file size is {sizeLimit}.","multipleFileUploads_minSizeError":"{file} is too small, minimum file size is {minSizeLimit}.","multipleFileUploads_emptyError":"{file} is empty, please select files again without it.","multipleFileUploads_onLeave":"The files are being uploaded, if you leave now the upload will be cancelled.","generalError":"There are errors on the form. Please fix them before continuing.","generalPageError":"There are errors on this page. Please fix them before continuing."});
   });
</script>
<style type="text/css" id="GenFormStyles">
    .form-label{
        width:150px !important;
    }
    .form-label-left{
        width:150px !important;
    }
    .form-line{
        padding-top:12px;
        padding-bottom:12px;
    }
    .form-label-right{
        width:150px !important;
    }
    .form-all {
        font-size:14px;
    }
.co_body .content .form-all p {
 font-size:14px;

}
@media screen and (max-width: 600px) {.form-label-left{ float:none;     display:block;}.form-buttons-wrapper.button-align-auto{text-indent: 0!important;}}</style>

<form class="userform-form" action="" method="post" name="form_7451268" id="7451268" accept-charset="utf-8" data-stripe-index="47243900C6DE6D83" data-stripe-public-key="pk_live_51TvN7AA7W525NrXWNOIBqyChQMHfdL4TIMD6N16oVehPAhVmoVK6vVVP04X8WRKZIV9o0oB13NA9W4qlJpBwuPIm00R1t05zB1" data-stripe-connected-account="acct_1TvN7AA7W525NrXW" data-stripe-platform-account="pk_live_51Gv897Gg4VIgh1AgJrNCTDA5O4gyuvK0hI9vIMRSjqhlGzT0aw7Dp7vGsHjGj1ajMt6jVYZiuAgGSuUw0lsJa84k00fjB3Qm4j"><input type="hidden" name="formID" value="7451268" /><div class="form-all dir_ltr" dir="ltr"><ul class="form-section"><li class="form-line" id="id_1"><div id="cid_1" class="form-input-wide"> <div id="text_1" class="form-html"><p>Dear Parents,<br />
Going away to university is a priceless opportunity to mature and thrive. For Jewish students it is also an opportunity to deepen and broaden one's Jewish identity, and enhance the sense of commitment and responsibility to the greater Jewish community - on campus, at home, nationwide and throughout the world.<br />
<br />
We strive to make Chabad a "home away from home" for all the Jewish students during their time at Mines. Our home is open to the students, and we welcome them with the warmth of family.<br />
<br />
We understand that as a parent, there can be many worrisome moments while your child is away at school. That's why we want you to know that we're here. Feel free to contact us, introduce yourselves and let us know what's on your mind. Students, if you have any query, question or just want a friendly chat please get in touch with us.</p>

<p>Sincerely,<br />
Rabbi Yosef &amp; Basya Stevenson<br />
<br />
<a href="mailto:rabbi@chabadmines.com">Rabbi@ChabadMines.com</a><br />
<a href="mailto:basya@chabadmines.com">Basya@ChabadMines.com</a><br />
<br />
🤒 <strong>MATZAH BALL SOUP DELIVERY</strong><br />
If your child is under the weather, reach out to arrange a delivery of hot matzah ball soup to their residence. <br />
<br />
<strong>Sign up below to receive updates about all things Chabad at Mines. </strong><br />
<br />
<br />
 </p>
</div> </div></li><li class="form-line" id="id_4"><div class="form-label-left" id="label_4"><label for="input_4"> My name<span class="form-required">*</span> </label><label class="label-message" for="input_4"> </label></div><div id="cid_4" class="form-input"> <span class="form-sub-label-container"><input class="form-textbox validate[required]" type="text" size="10" name="q4_fullName4[first]" id="first_4" autocomplete="given-name" />  <label class="form-sub-label" for="first_4" id="sublabel_first">First Name</label></span><span class="form-sub-label-container"><input class="form-textbox validate[required]" type="text" size="15" name="q4_fullName4[last]" id="last_4" autocomplete="family-name" />  <label class="form-sub-label" for="last_4" id="sublabel_last">Last Name</label></span> </div></li><li class="form-line" id="id_3"><div class="form-label-left" id="label_3"><label for="input_3"> My childs name<span class="form-required">*</span> </label><label class="label-message" for="input_3"> </label></div><div id="cid_3" class="form-input"> <span class="form-sub-label-container"><input class="form-textbox validate[required]" type="text" size="10" name="q3_fullName[first]" id="first_3" autocomplete="given-name" />  <label class="form-sub-label" for="first_3" id="sublabel_first">First Name</label></span><span class="form-sub-label-container"><input class="form-textbox validate[required]" type="text" size="15" name="q3_fullName[last]" id="last_3" autocomplete="family-name" />  <label class="form-sub-label" for="last_3" id="sublabel_last">Last Name</label></span> </div></li><li class="form-line" id="id_7"><div class="form-label-left" id="label_7"><label for="input_7"> My phone number<span class="form-required">*</span> </label><label class="label-message" for="input_7"> </label></div><div id="cid_7" class="form-input"> <div class="dir_ltr"><span class="form-sub-label-container"><input data-type="mask-number" class="mask-phone-number form-textbox validate[required]" type="tel" name="q7_phoneNumber[full]" id="input_7_full" autocomplete="tel" />  <label class="form-sub-label" for="input_7_full"><span> </span></label></span></div> </div></li><li class="form-line" id="id_5"><div class="form-label-left" id="label_5"><label for="input_5"> My email<span class="form-required">*</span> </label><label class="label-message" for="input_5"> </label></div><div id="cid_5" class="form-input"> <input type="email" class=" form-textbox validate[required, Email]" id="input_5" name="q5_email" size="30" value="" autocomplete="email" /> </div></li><li class="form-line" id="id_8"><div class="form-label-left" id="label_8"><label for="input_8"> Anything you'd like to share with us </label><label class="label-message" for="input_8"> </label></div><div id="cid_8" class="form-input"> <input type="text" class=" form-textbox" data-type="input-textbox" id="input_8" name="q8_input8" size="20" value="" /> </div></li><li class="form-line" id="id_9"><div class="form-label-left form-label-hidden" id="label_9"></div><div id="cid_9" class="form-input"> <div class="form-single-column form-checkbox-item"><input name="optin" value="true" type="checkbox" checked="checked" class="form-checkbox" id="input_9" /><label id="label_input_9" for="input_9">I would like to receive news and updates by email</label></div> </div></li><li class="form-line" id="id_2"><div id="cid_2" class="form-input-wide"> <div style="text-align: center; text-indent:156px;" class="form-buttons-wrapper button-align-auto"><button id="input_2" type="submit" class="form-submit-button  form-submit-button-none;">Submit</button></div> </div></li><li class="form-line" id="id_10"><div class="form-label-left" id="label_10"><label for="input_10"> Payment </label><label class="label-message" for="input_10"> </label></div><div id="cid_10" class="form-input"> <table summary="" class="form-address-table" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td colspan="2" class="form-payment-methods form-multiple-column"></td></tr><tr class="credit_card "><th colspan="2">Credit Card</th></tr><tr class="credit_card "><td colspan="2" style="padding:0"><table cellpadding="0" cellspacing="0"><tbody><tr><td colspan="2"><span class="form-sub-label-container">  <label class="form-sub-label">We accept Visa, MasterCard, American Express, Discover</label></span><div class="cc-icons"><div class="cc-icon visa-icon"></div><div class="cc-icon mastercard-icon"></div><div class="cc-icon amex-icon"></div><div class="cc-icon discover-icon"></div></div><input type="hidden" name="q10_payment[cc_type]" id="input_10_cc_type" value="" /></td></tr><tr><td><div class="cc-field-wrapper"><span class="form-sub-label-container"><input class="form-textbox form-creditcard js-cc-number validate[visible, creditcard]" type="text" name="q10_payment[cc_number]" id="input_10_cc_number" autocomplete="cc-number" size="20" />  <label class="form-sub-label" for="input_10_cc_number" id="sublabel_cc_number">Credit Card Number</label></span></div></td><td class="cc_ccv "><span class="form-sub-label-container"><input class="form-textbox validate[visible]" type="text" name="q10_payment[cc_ccv]" id="input_10_cc_ccv" autocomplete="cc-csc" size="6" />  <label class="form-sub-label" for="input_10_cc_ccv" id="sublabel_cc_ccv">Security Code</label></span></td></tr><tr><td colspan="2" class="cc_name_on_card "><span class="form-sub-label-container"><input class="form-textbox validate[visible]" type="text" name="q10_payment[cc_nameOnCard]" id="input_10_cc_nameOnCard" autocomplete="cc-name" size="33" />  <label class="form-sub-label" for="input_10_cc_nameOnCard" id="sublabel_cc_nameOnCard">Name on Card</label></span></td></tr><tr class="credit_card "><td colspan=""><span class="form-sub-label-container"><select class="form-textbox validate[visible]" name="q10_payment[cc_exp_month]" id="input_10_cc_exp_month" autocomplete="cc-exp-month"><option></option><option value="1">1 - January</option><option value="2">2 - February</option><option value="3">3 - March</option><option value="4">4 - April</option><option value="5">5 - May</option><option value="6">6 - June</option><option value="7">7 - July</option><option value="8">8 - August</option><option value="9">9 - September</option><option value="10">10 - October</option><option value="11">11 - November</option><option value="12">12 - December</option></select>  <label class="form-sub-label" for="input_10_cc_exp_month" id="sublabel_cc_exp_month">Expiration Month</label></span></td><td><span class="form-sub-label-container"><select class="form-textbox validate[visible]" name="q10_payment[cc_exp_year]" id="input_10_cc_exp_year" autocomplete="cc-exp-year"><option></option><option value="2026">2026</option><option value="2027">2027</option><option value="2028">2028</option><option value="2029">2029</option><option value="2030">2030</option><option value="2031">2031</option><option value="2032">2032</option><option value="2033">2033</option><option value="2034">2034</option><option value="2035">2035</option></select>  <label class="form-sub-label" for="input_10_cc_exp_year" id="sublabel_cc_exp_year">Expiration Year</label></span></td></tr></tbody></table></td></tr><tr class="billing_address "><th colspan="2">Billing Address</th></tr><tr class="billing_address "><td colspan="2"><span class="form-sub-label-container"><input class="form-textbox form-address-line" type="text" name="q10_payment[addr_line1]" id="input_10_addr_line1" autocomplete="billing address-line1" />  <label class="form-sub-label" for="input_10_addr_line1" id="sublabel_10_addr_line1">Street Address</label></span></td></tr><tr class="billing_address "><td width="50%"><span class="form-sub-label-container"><input class="form-textbox form-address-city" type="text" name="q10_payment[city]" id="input_10_city" autocomplete="billing address-level2" />  <label class="form-sub-label" for="input_10_city" id="sublabel_10_city">City</label></span></td><td><span class="form-sub-label-container"><input class="form-textbox form-address-state" type="text" name="q10_payment[state]" id="input_10_state" autocomplete="billing address-level1" />  <label class="form-sub-label" for="input_10_state" id="sublabel_10_state">State / Province</label></span></td></tr><tr class="billing_address "><td width="50%"><span class="form-sub-label-container"><input class="form-textbox form-address-postal" type="text" name="q10_payment[postal]" id="input_10_postal" size="10" autocomplete="billing postal-code" />  <label class="form-sub-label" for="input_10_postal" id="sublabel_10_postal">Postal / Zip Code</label></span></td><td><span class="form-sub-label-container"><select class="form-dropdown form-address-country" name="q10_payment[country]" id="input_10_country" autocomplete="billing country-name"><option value="" selected="selected">Please Select</option><option value="United States">United States</option><option value="Afghanistan">Afghanistan</option><option value="Albania">Albania</option><option value="Algeria">Algeria</option><option value="American Samoa">American Samoa</option><option value="Andorra">Andorra</option><option value="Angola">Angola</option><option value="Anguilla">Anguilla</option><option value="Antigua and Barbuda">Antigua and Barbuda</option><option value="Argentina">Argentina</option><option value="Armenia">Armenia</option><option value="Aruba">Aruba</option><option value="Australia">Australia</option><option value="Austria">Austria</option><option value="Azerbaijan">Azerbaijan</option><option value="The Bahamas">The Bahamas</option><option value="Bahrain">Bahrain</option><option value="Bangladesh">Bangladesh</option><option value="Barbados">Barbados</option><option value="Belarus">Belarus</option><option value="Belgium">Belgium</option><option value="Belize">Belize</option><option value="Benin">Benin</option><option value="Bermuda">Bermuda</option><option value="Bhutan">Bhutan</option><option value="Bolivia">Bolivia</option><option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option><option value="Botswana">Botswana</option><option value="Brazil">Brazil</option><option value="Brunei">Brunei</option><option value="Bulgaria">Bulgaria</option><option value="Burkina Faso">Burkina Faso</option><option value="Burundi">Burundi</option><option value="Cambodia">Cambodia</option><option value="Cameroon">Cameroon</option><option value="Canada">Canada</option><option value="Cape Verde">Cape Verde</option><option value="Cayman Islands">Cayman Islands</option><option value="Central African Republic">Central African Republic</option><option value="Chad">Chad</option><option value="Chile">Chile</option><option value="People's Republic of China">People's Republic of China</option><option value="Republic of China">Republic of China</option><option value="Christmas Island">Christmas Island</option><option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option><option value="Colombia">Colombia</option><option value="Comoros">Comoros</option><option value="Congo">Congo</option><option value="Cook Islands">Cook Islands</option><option value="Costa Rica">Costa Rica</option><option value="Cote d'Ivoire">Cote d'Ivoire</option><option value="Croatia">Croatia</option><option value="Cuba">Cuba</option><option value="Cyprus">Cyprus</option><option value="Czech Republic">Czech Republic</option><option value="Denmark">Denmark</option><option value="Djibouti">Djibouti</option><option value="Dominica">Dominica</option><option value="Dominican Republic">Dominican Republic</option><option value="Ecuador">Ecuador</option><option value="Egypt">Egypt</option><option value="El Salvador">El Salvador</option><option value="Equatorial Guinea">Equatorial Guinea</option><option value="Eritrea">Eritrea</option><option value="Estonia">Estonia</option><option value="Eswatini">Eswatini</option><option value="Ethiopia">Ethiopia</option><option value="Falkland Islands">Falkland Islands</option><option value="Faroe Islands">Faroe Islands</option><option value="Fiji">Fiji</option><option value="Finland">Finland</option><option value="France">France</option><option value="French Polynesia">French Polynesia</option><option value="Gabon">Gabon</option><option value="The Gambia">The Gambia</option><option value="Georgia">Georgia</option><option value="Germany">Germany</option><option value="Ghana">Ghana</option><option value="Gibraltar">Gibraltar</option><option value="Greece">Greece</option><option value="Greenland">Greenland</option><option value="Grenada">Grenada</option><option value="Guadeloupe">Guadeloupe</option><option value="Guam">Guam</option><option value="Guatemala">Guatemala</option><option value="Guernsey">Guernsey</option><option value="Guinea">Guinea</option><option value="Guinea-Bissau">Guinea-Bissau</option><option value="Guyana">Guyana</option><option value="Haiti">Haiti</option><option value="Honduras">Honduras</option><option value="Hong Kong">Hong Kong</option><option value="Hungary">Hungary</option><option value="Iceland">Iceland</option><option value="India">India</option><option value="Indonesia">Indonesia</option><option value="Iran">Iran</option><option value="Iraq">Iraq</option><option value="Ireland">Ireland</option><option value="Israel">Israel</option><option value="Italy">Italy</option><option value="Jamaica">Jamaica</option><option value="Japan">Japan</option><option value="Jersey">Jersey</option><option value="Jordan">Jordan</option><option value="Kazakhstan">Kazakhstan</option><option value="Kenya">Kenya</option><option value="Kiribati">Kiribati</option><option value="North Korea">North Korea</option><option value="South Korea">South Korea</option><option value="Kosovo">Kosovo</option><option value="Kuwait">Kuwait</option><option value="Kyrgyzstan">Kyrgyzstan</option><option value="Laos">Laos</option><option value="Latvia">Latvia</option><option value="Lebanon">Lebanon</option><option value="Lesotho">Lesotho</option><option value="Liberia">Liberia</option><option value="Libya">Libya</option><option value="Liechtenstein">Liechtenstein</option><option value="Lithuania">Lithuania</option><option value="Luxembourg">Luxembourg</option><option value="Macau">Macau</option><option value="Macedonia">Macedonia</option><option value="Madagascar">Madagascar</option><option value="Malawi">Malawi</option><option value="Malaysia">Malaysia</option><option value="Maldives">Maldives</option><option value="Mali">Mali</option><option value="Malta">Malta</option><option value="Marshall Islands">Marshall Islands</option><option value="Martinique">Martinique</option><option value="Mauritania">Mauritania</option><option value="Mauritius">Mauritius</option><option value="Mayotte">Mayotte</option><option value="Mexico">Mexico</option><option value="Micronesia">Micronesia</option><option value="Moldova">Moldova</option><option value="Monaco">Monaco</option><option value="Mongolia">Mongolia</option><option value="Montenegro">Montenegro</option><option value="Montserrat">Montserrat</option><option value="Morocco">Morocco</option><option value="Mozambique">Mozambique</option><option value="Myanmar">Myanmar</option><option value="Namibia">Namibia</option><option value="Nauru">Nauru</option><option value="Nepal">Nepal</option><option value="Netherlands">Netherlands</option><option value="New Caledonia">New Caledonia</option><option value="New Zealand">New Zealand</option><option value="Nicaragua">Nicaragua</option><option value="Niger">Niger</option><option value="Nigeria">Nigeria</option><option value="Niue">Niue</option><option value="Norfolk Island">Norfolk Island</option><option value="Northern Mariana">Northern Mariana</option><option value="Norway">Norway</option><option value="Oman">Oman</option><option value="Pakistan">Pakistan</option><option value="Palau">Palau</option><option value="Panama">Panama</option><option value="Papua New Guinea">Papua New Guinea</option><option value="Paraguay">Paraguay</option><option value="Peru">Peru</option><option value="Philippines">Philippines</option><option value="Pitcairn Islands">Pitcairn Islands</option><option value="Poland">Poland</option><option value="Portugal">Portugal</option><option value="Puerto Rico">Puerto Rico</option><option value="Qatar">Qatar</option><option value="Romania">Romania</option><option value="Russia">Russia</option><option value="Rwanda">Rwanda</option><option value="Saint Barthelemy">Saint Barthelemy</option><option value="Saint Helena">Saint Helena</option><option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option><option value="Saint Lucia">Saint Lucia</option><option value="Saint Martin">Saint Martin</option><option value="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option><option value="Saint Vincent and the Grenadines">Saint Vincent and the Grenadines</option><option value="Samoa">Samoa</option><option value="San Marino">San Marino</option><option value="Sao Tome and Principe">Sao Tome and Principe</option><option value="Saudi Arabia">Saudi Arabia</option><option value="Senegal">Senegal</option><option value="Serbia">Serbia</option><option value="Seychelles">Seychelles</option><option value="Sierra Leone">Sierra Leone</option><option value="Singapore">Singapore</option><option value="Slovakia">Slovakia</option><option value="Slovenia">Slovenia</option><option value="Solomon Islands">Solomon Islands</option><option value="Somalia">Somalia</option><option value="Somaliland">Somaliland</option><option value="South Africa">South Africa</option><option value="South Ossetia">South Ossetia</option><option value="Spain">Spain</option><option value="Sri Lanka">Sri Lanka</option><option value="Sudan">Sudan</option><option value="Suriname">Suriname</option><option value="Svalbard">Svalbard</option><option value="Sweden">Sweden</option><option value="Switzerland">Switzerland</option><option value="Syria">Syria</option><option value="Taiwan">Taiwan</option><option value="Tajikistan">Tajikistan</option><option value="Tanzania">Tanzania</option><option value="Thailand">Thailand</option><option value="Timor-Leste">Timor-Leste</option><option value="Togo">Togo</option><option value="Tokelau">Tokelau</option><option value="Tonga">Tonga</option><option value="Trinidad and Tobago">Trinidad and Tobago</option><option value="Tristan da Cunha">Tristan da Cunha</option><option value="Tunisia">Tunisia</option><option value="Turkey">Turkey</option><option value="Turkmenistan">Turkmenistan</option><option value="Turks and Caicos Islands">Turks and Caicos Islands</option><option value="Tuvalu">Tuvalu</option><option value="Uganda">Uganda</option><option value="Ukraine">Ukraine</option><option value="United Arab Emirates">United Arab Emirates</option><option value="United Kingdom">United Kingdom</option><option value="Uruguay">Uruguay</option><option value="Uzbekistan">Uzbekistan</option><option value="Vanuatu">Vanuatu</option><option value="Vatican City">Vatican City</option><option value="Venezuela">Venezuela</option><option value="Vietnam">Vietnam</option><option value="British Virgin Islands">British Virgin Islands</option><option value="US Virgin Islands">US Virgin Islands</option><option value="Wallis and Futuna">Wallis and Futuna</option><option value="Western Sahara">Western Sahara</option><option value="Yemen">Yemen</option><option value="Zambia">Zambia</option><option value="Zimbabwe">Zimbabwe</option><option value="other">Other</option></select>  <label class="form-sub-label" for="input_10_country" id="sublabel_10_country">Country</label></span></td></tr></tbody></table> </div></li><li style="display:none">Should be Empty: <input type="text" name="website" value="" /></li></ul></div><input type="hidden" id="simple_spc" name="simple_spc" value="7451268" /><script type="text/javascript">document.getElementById("si"+"mple"+"_spc").value = "7451268-7451268";</script><div>


<script>
	var recaptchaIsEnterprise = false;
		 var recaptchaV2Key = "6LcG_TcUAAAAAKAVgwgW39ujc9OCjXSoQYFIA-Su";

</script>

	<input type="hidden" class="js-recaptcha-input" name="cdo-captcha-response" value="" data-div-id="53faa59c-b135-4da0-8b76-ebac48486a9b" data-processed="false" />
	<div class="js-recaptcha-wrapper" id="53faa59c-b135-4da0-8b76-ebac48486a9b"></div>	
</div></form></div>
<div class="center small">
	<img valign="absbottom" src="https://w2.chabad.org/images/global/icons/lock.gif" width="16" height="16" alt="Secure"> This page uses TLS encryption to keep your data secure.
</div>
	<div class="break_floats"></div>
	

<div class="content-footer">
	
	
	
	
	
	
</div>
	</article>

		</div>
	</div>
</div>
						
						<div class="break_floats"></div>
						
					</div>
				</div>
				
				
					<div class="ads g260" id="co_ads_container">
						
	



<div class="sidebar-local-navigation cf" id="">

<meta class="js-desktop-local-nav" data-base-class="co_local_menu" />

	<div class="co_local_menu local_content js-local-nav" data-list-name="local navigation">
		
			
			&nbsp;
			
	<div id="LocalNavigationQuickLinks" class="clearfix secondary_navigation local-navigation-quick-links container padding">
		<div class="header small_bottom_padding">
			<div>Quick Links</div>
		</div>

		
				<div class="item ">
					<a href="/tools/feedback.asp"><span><span>Contact</span></span></a>
				</div>
			
				<div class="item ">
					<a href="/4970020"><span><span>Donate</span></span></a>
				</div>
			
	</div>

		
	</div>
</div>


	

					</div>
				
				
			</div>
			
			
		</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.chabadmines.com%2ftemplates%2farticlecco_cdo%2faid%2f7451268%2fjewish%2fParents.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=Parents+-+Chabad+at+Colorado+School+of+Mines&amp;url=https%3a%2f%2fwww.chabadmines.com%2ftemplates%2farticlecco_cdo%2faid%2f7451268%2fjewish%2fParents.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=Parents+-+Chabad+at+Colorado+School+of+Mines https%3a%2f%2fwww.chabadmines.com%2ftemplates%2farticlecco_cdo%2faid%2f7451268%2fjewish%2fParents.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.chabadmines.com%2ftemplates%2farticlecco_cdo%2faid%2f7451268%2fjewish%2fParents.htm%23utm_medium%3dpage_tools%26utm_content%3ddesktop%26utm_source%3dpinterest&amp;description=Parents+-+Chabad+at+Colorado+School+of+Mines">
				<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, 7446805);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 class="break_floats"></div>
			</div>
		</div>
	</div>
	<div id="footer">
		
	

		<div class="wrapper body_container">
			
				<div class="g960 footer_family_text bottom_padding">
					
		<div class="footer_container footer_text copyright_text">
			<div class="bottom_padding clear_float">
				<img class="footer_hr" src="https://w2.chabad.org/images/global/spacer.gif" vspace="12" width="100%" height="1" /><br />
				
				<div class="footer_inner_container clearfix">
					

					


	<div class="footer3"><b>Chabad at Colorado School of Mines</b></div>
	<img src="https://w2.chabad.org/images/global/spacer.gif" width="1" height="6" border="0" /><br />




Powered by <a href="https://www.chabad.org/" target="_new" class="">Chabad.org</a> &copy; 1993-2026 <a href="/4026210" target="_blank" class="privacy-link">Privacy Policy</a>




					
				</div>
			</div>
		</div>
	


<div class="cs-f-social-icons">
	
			<a href="https://www.instagram.com/chabadmines" class="fa fa-instagram instagram_homepage" title="Instagram"></a>
		
</div>
	

				</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/jquery.inputmask.min.js?v=BF33D3B4"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/co/dist/CoLib.js?v=6777A16C"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/WebComponents/bundles/magen-cdo-global.js?v=A13136FE"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/templates/sites6.js?v=E04072E1"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/primarynavigation.js?v=76ABCD73"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/BetaFeedback.js?v=2A22CA16"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/multimedia/infolayer.js?v=ED1B8531"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/templates/forms/userform.js?v=E69144BF"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/stripe-integration.js?v=CB432C47"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/article/comments/reply-form-controller.js?v=F39697ED"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/commentsloader.js?v=AD6AAB79"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/custom/subscribeprompt.js?v=86D84DC2"></script>
<script type="text/javascript" src="https://w2.chabad.org/scripts/js/templates/FormDecoder.js?v=83AF6F1A"></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/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 at Colorado School of Mines'}; Co.ArticleId     = '7451268';Co.SectionId     = 7451268;Co.PartnerSiteId = 0;Co.SiteId        = 12763;Co.IsMobilePage  = false;Co.IsResponsive  = false;Co.DbDomain      = 'Chabadmines.com';Co.LanguageCode  = '';Co.LoginStatus   = 'None';</script>

    
<!-- Instagram feed (home page only). Settings are at the top of the script. -->


<script type="text/javascript">
//<![CDATA[
(function () {
  'use strict';

  /* ---------- Settings ---------- */
  var FEED_URL = 'https://script.google.com/macros/s/AKfycbxFiIPYuB-dymi8vYeANrAq0b38gi7Y4d0L0_-WUZEDzCgVeg_e02ljr_KJdoP63QEB-g/exec';   // Google Apps Script web app URL (ends in /exec)
  var ACCOUNT = 'mines';        // 'golden' or 'mines'
  var POSTS = 6;                      // how many posts to show (up to 12)
  var TITLE = 'Life at Chabad at Mines';
  var BUTTON_TEXT = 'Follow Us';
  // Fallback look, measured from the live home page. The script copies the heading
  // and button styles from the page itself when it can, so it keeps matching the theme.
  var LOOK = {
    bg: '#FFFFFF',               // section background
    text: '#21314D',           // body text color
    accent: '#426793',       // button background and focus outline
    accentText: '#F3F1EE', // button text color
    headFont: '"Archivo Black", Archivo, Impact, sans-serif',
    headWeight: '400',
    headSpacing: '.015em',
    headColor: '#21314D'
  };
  // Paths that count as the home page. Anything else is ignored.
  var HOME_PATHS = ['/', '/index.html', '/index.htm', '/default.asp', '/default.aspx'];
  var TIMEOUT_MS = 15000;
  /* ------------------------------ */

  var path = (window.location.pathname || '/').toLowerCase();
  if (HOME_PATHS.indexOf(path) === -1) return;
  if (window.__cgIgFeedLoaded || document.getElementById('cg-ig-feed')) return; // never add it twice
  window.__cgIgFeedLoaded = true;

  function el(tag, cls, text) {
    var e = document.createElement(tag);
    if (cls) e.className = cls;
    if (text) e.appendChild(document.createTextNode(text));
    return e;
  }

  // Copies computed style values from an element on the page into a CSS string.
  // props: list of names, or [sourceName, targetName] pairs.
  function copyStyle(source, props) {
    if (!source || !window.getComputedStyle) return '';
    var cs = window.getComputedStyle(source);
    var out = '';
    for (var i = 0; i < props.length; i++) {
      var from = typeof props[i] === 'string' ? props[i] : props[i][0];
      var to = typeof props[i] === 'string' ? props[i] : props[i][1];
      var v = cs.getPropertyValue(from);
      if (v && /^[^;{}<>]*$/.test(v)) out += to + ':' + v + ';';
    }
    return out;
  }

  // ---- color helpers (used to make sure copied colors stay readable) ----
  function parseColor(s) {
    var m = /rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)(?:\s*,\s*([\d.]+))?/.exec(s || '');
    if (m) return [+m[1], +m[2], +m[3], m[4] == null ? 1 : +m[4]];
    m = /^#([0-9a-f]{6})$/i.exec(s || '');
    if (m) {
      var n = parseInt(m[1], 16);
      return [(n >> 16) & 255, (n >> 8) & 255, n & 255, 1];
    }
    m = /^#([0-9a-f])([0-9a-f])([0-9a-f])$/i.exec(s || '');
    if (m) return [parseInt(m[1] + m[1], 16), parseInt(m[2] + m[2], 16), parseInt(m[3] + m[3], 16), 1];
    return null;
  }
  function lum(c) {
    var a = [c[0], c[1], c[2]];
    for (var i = 0; i < 3; i++) {
      var v = a[i] / 255;
      a[i] = v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4);
    }
    return 0.2126 * a[0] + 0.7152 * a[1] + 0.0722 * a[2];
  }
  function contrast(a, b) {
    var x = lum(a), y = lum(b);
    return (Math.max(x, y) + 0.05) / (Math.min(x, y) + 0.05);
  }
  function solid(c) { return c && c[3] >= 0.9; }

  var SECTION_BG = parseColor(LOOK.bg);

  function visible(e) {
    return !!(e && (e.offsetWidth || e.offsetHeight));
  }

  // The site's own section heading (e.g. "Judaism Done Joyfully"). Tags are tried in
  // order of preference; the hero title and anything unreadable on our background are skipped.
  function findSiteHeading() {
    if (!window.getComputedStyle || !SECTION_BG) return null;
    var tags = ['h5', 'h2', 'h3', 'h4'];
    for (var t = 0; t < tags.length; t++) {
      var hs = document.querySelectorAll('#content ' + tags[t]);
      for (var i = 0; i < hs.length; i++) {
        var c = parseColor(window.getComputedStyle(hs[i]).color);
        if (visible(hs[i]) && solid(c) && contrast(c, SECTION_BG) >= 3) return hs[i];
      }
    }
    return null;
  }

  // The site's own filled button (e.g. "Get Involved"): a visible link after the heading
  // with a solid background, real padding and readable text. Slider arrows are skipped.
  function findSiteButton(head) {
    if (!window.getComputedStyle) return null;
    var links = document.querySelectorAll('#content a');
    for (var i = 0; i < links.length; i++) {
      var a = links[i];
      if (!visible(a)) continue;
      if (head && !(head.compareDocumentPosition(a) & 4)) continue; // must come after the heading
      if (/prev|next|arrow|slick|swiper|owl|carousel|slider/i.test(String(a.className))) continue;
      if (a.textContent.replace(/\s+/g, '').length < 3) continue;
      var cs = window.getComputedStyle(a);
      var bg = parseColor(cs.backgroundColor);
      var fg = parseColor(cs.color);
      if (solid(bg) && solid(fg) && contrast(fg, bg) >= 3 &&
          (!SECTION_BG || contrast(bg, SECTION_BG) >= 1.5) && // must stand out from our background
          parseFloat(cs.paddingLeft) >= 12) return a;
    }
    return null;
  }

  function addStyles() {
    var head = findSiteHeading();
    var btn = head ? findSiteButton(head) : null; // without the section heading, use the fallback button

    var headCss = copyStyle(head, ['font-family', 'font-size', 'font-weight', 'letter-spacing', 'text-transform', 'color']);
    var btnCss = copyStyle(btn, ['font-family', 'font-size', 'font-weight', 'letter-spacing', 'text-transform', 'line-height',
      'color', 'background-color', ['border-top-width', 'border-width'], ['border-top-style', 'border-style'],
      ['border-top-color', 'border-color'], 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', 'border-radius']);

    var css =
      '#cg-ig-feed{background:' + LOOK.bg + ';color:' + LOOK.text + ';padding:100px 10px;text-align:center;clear:both;box-sizing:border-box;width:auto;max-width:none;margin:0;}' +
      '#cg-ig-feed .cg-ig-inner{max-width:960px;margin:0 auto;}' +
      // fallback heading look first, then the look copied from the page wins
      '#cg-ig-feed .cg-ig-title{margin:0 0 40px;padding:0;border:0;background:none;font-family:' + LOOK.headFont + ';font-size:36px;line-height:1.3;' +
        'font-weight:' + LOOK.headWeight + ';letter-spacing:' + LOOK.headSpacing + ';text-transform:uppercase;color:' + LOOK.headColor + ';' + headCss + '}' +
      (head ? '' : '@media (max-width:767px){#cg-ig-feed .cg-ig-title{font-size:30px;}}') +
      '#cg-ig-feed .cg-ig-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;}' +
      '@media (min-width:768px){#cg-ig-feed .cg-ig-grid{grid-template-columns:repeat(6,1fr);grid-gap:12px;gap:12px;}}' +
      '#cg-ig-feed .cg-ig-item{position:relative;display:block;overflow:hidden;height:0;padding-bottom:125%;background:rgba(0,0,0,.05);}' +
      '#cg-ig-feed .cg-ig-item img{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;box-sizing:border-box;object-fit:cover;display:block;transition:opacity .2s ease;}' +
      '#cg-ig-feed .cg-ig-item:hover img,#cg-ig-feed .cg-ig-item:focus img{opacity:.85;}' +
      '#cg-ig-feed .cg-ig-item:focus{outline:3px solid ' + LOOK.accent + ';outline-offset:2px;}' +
      '#cg-ig-feed .cg-ig-btn{display:inline-block;margin-top:40px;text-decoration:none;font-size:18px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;line-height:17px;' +
        'padding:10px 24px;border:2px solid ' + LOOK.accent + ';border-radius:2px;background:' + LOOK.accent + ';color:' + LOOK.accentText + ';transition:background-color .4s ease,border-color .4s ease;' + btnCss + '}' +
      // hover like the site's own buttons: background and border turn to the dark text color
      '#cg-ig-feed .cg-ig-btn:hover,#cg-ig-feed .cg-ig-btn:focus{background-color:' + LOOK.text + ';border-color:' + LOOK.text + ';text-decoration:none;}' +
      '#cg-ig-feed .cg-ig-btn:focus{outline:3px solid ' + LOOK.accent + ';outline-offset:3px;}' +
      '@media print{#cg-ig-feed{display:none !important;}}';
    var style = document.createElement('style');
    style.type = 'text/css';
    style.appendChild(document.createTextNode(css));
    (document.head || document.getElementsByTagName('head')[0]).appendChild(style);
  }

  function findFooter() {
    // Most specific first. For each selector take the LAST match, since the site
    // footer comes after any <footer> used inside page content.
    var selectors = ['#footer', '#Footer', '#site-footer', '.site-footer', 'body > footer', 'footer', '.footer'];
    for (var i = 0; i < selectors.length; i++) {
      var list = document.querySelectorAll(selectors[i]);
      var f = list.length ? list[list.length - 1] : null;
      if (f && f.parentNode) return f;
    }
    return null;
  }

  function isSafeUrl(u) {
    return typeof u === 'string' && /^https:\/\//i.test(u);
  }

  function newTabLink(cls, text, href) {
    var a = el('a', cls, text);
    a.href = href;
    a.target = '_blank';
    a.rel = 'noopener noreferrer';
    return a;
  }

  function render(data) {
    if (document.getElementById('cg-ig-feed')) return;
    if (!data || !data.ok || !data.items || !data.items.length) return;

    var items = [];
    for (var i = 0; i < data.items.length && items.length < POSTS; i++) {
      var it = data.items[i];
      if (it && isSafeUrl(it.image) && isSafeUrl(it.link)) items.push(it);
    }
    if (!items.length) return;

    addStyles();

    var section = el('section');
    section.id = 'cg-ig-feed';
    section.setAttribute('aria-label', 'Instagram');
    var inner = el('div', 'cg-ig-inner');
    inner.appendChild(el('h2', 'cg-ig-title', TITLE));

    var profile = isSafeUrl(data.profile) ? data.profile : null;

    var grid = el('div', 'cg-ig-grid');
    for (var j = 0; j < items.length; j++) {
      var p = items[j];
      var a = newTabLink('cg-ig-item', '', p.link);
      var label = p.caption ? p.caption.slice(0, 120) : 'Instagram post';
      a.setAttribute('aria-label', label + ' (opens Instagram)');
      var img = document.createElement('img');
      img.src = p.image;
      img.alt = label;
      img.setAttribute('loading', 'lazy');
      img.setAttribute('decoding', 'async');
      img.onerror = (function (link) {
        return function () { if (link.parentNode) link.parentNode.removeChild(link); };
      })(a);
      a.appendChild(img);
      grid.appendChild(a);
    }
    inner.appendChild(grid);

    if (profile) {
      var handle = data.username && /^[A-Za-z0-9._]{1,30}$/.test(data.username) ? data.username : '';
      var follow = newTabLink('cg-ig-btn', BUTTON_TEXT, profile);
      follow.setAttribute('aria-label', 'Follow ' + (handle ? '@' + handle + ' ' : 'us ') + 'on Instagram (opens Instagram)');
      inner.appendChild(follow);
    }

    section.appendChild(inner);

    var footer = findFooter();
    if (footer) footer.parentNode.insertBefore(section, footer);
    else document.body.appendChild(section);
  }

  function load() {
    if (!/^https:\/\/script\.google(usercontent)?\.com\//.test(FEED_URL)) return;
    var cbName = 'cgIgFeedCb' + Math.floor(Math.random() * 1e9);
    var script = document.createElement('script');
    var done = false;

    function cleanup() {
      // Leave a harmless no-op behind: removing the tag does not cancel a slow
      // response, and a late reply must not throw an error on the page.
      window[cbName] = function () {};
      if (script.parentNode) script.parentNode.removeChild(script);
    }

    var timer = setTimeout(function () {
      if (done) return;
      done = true;
      cleanup();
    }, TIMEOUT_MS);

    window[cbName] = function (data) {
      if (done) return;
      done = true;
      clearTimeout(timer);
      cleanup();
      try { render(data); } catch (e) { /* never break the page */ }
    };

    script.onerror = function () {
      if (done) return;
      done = true;
      clearTimeout(timer);
      cleanup();
    };
    // Send the request without the visitor's Google cookies. Signed-in Google users
    // otherwise get redirected to a per-account URL that fails.
    script.crossOrigin = 'anonymous';
    script.async = true;
    script.src = FEED_URL + '?account=' + encodeURIComponent(ACCOUNT) + '&callback=' + cbName;
    document.body.appendChild(script);
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', load);
  } else {
    load();
  }
})();
//]]>
</script>
</body>
</html>