/* ===========================================================================
   The Yoga Channel — Site components
   ===========================================================================
     1. Header & navigation (desktop fixed bar + mobile bar)
     2. Page hero banners & sections
     3. Home: slider, program blurbs, photo cards, orientation form
     4. Program pages (photo + free-trial form)
     5. Instructors / Studio gallery / FAQs
     6. Footer
   Brand values come from theme.css variables.
   ======================================================================== */


/* ===========================================================================
   1. HEADER & NAVIGATION
   Two Foundation top bars (72px): a fixed desktop bar with the logo and a
   right-aligned dropdown menu, and a mobile bar under the centered logo.
   The framework file ships its desktop nav rules in a dead media query
   (min-width:9999px), so the complete working desktop block below is
   carried over VERBATIM from the original theme output — edit with care.
   Scopes: .site-nav--desktop (fixed bar), .site-nav--mobile (phone bar).
   ======================================================================== */

/* Mobile logo above the mobile bar. */
.site-logo-mobile img { max-width: 300px; }

/* Responsive visibility helpers (from the original theme). */
.stacks_s_hidden, .stacks_m_hidden, .stacks_l_hidden { display: block !important; }
@media only screen and (max-width: 40em)   { .stacks_s_hidden { display: none !important; } }
@media only screen and (min-width: 40.063em) and (max-width: 62.5em) { .stacks_m_hidden { display: none !important; } }
@media only screen and (min-width: 62.563em) { .stacks_l_hidden { display: none !important; } }

/* ---------------------------------------------------------------------------
   Framework-default overrides.
   The original page CSS used #id selectors that outranked the framework's
   stock top-bar skin; the class-based scopes here need explicit re-assertion
   or the stock styles (white active pill, dark gray expanded header) win.
--------------------------------------------------------------------------- */
/* No highlight on the active page — subtle white tint on hover only. */
.site-nav .top-bar-section ul li.active > a { background: transparent; }
.site-nav .top-bar-section ul li.active > a:hover,
.site-nav .top-bar-section ul li:hover > a:not(.button) { background: rgba(255, 255, 255, 0.15); }

/* Mobile: keep the bar lavender in every state (stock CSS paints the
   title area #333 dark gray when the menu is expanded). */
.site-nav .top-bar,
.site-nav .top-bar.expanded,
.site-nav .top-bar .title-area,
.site-nav .top-bar.expanded .title-area,
.site-nav .top-bar.expanded .title-area li.name { background: transparent; }

/* Mobile menu rows: transparent over the lavender wrapper, like the original. */
.site-nav .top-bar-section ul li,
.site-nav .top-bar-section ul li > a { background: transparent; }

/* Foundation pads the body 72px to clear the fixed desktop bar — but on
   phones that bar is hidden, so the padding is dead space above the logo. */
@media only screen and (max-width: 40em) {
    body.f-topbar-fixed { padding-top: 0 !important; }
}

/* --- Original top-bar block (IDs renamed to the scopes above) ---------- */
/*This is because the show-for-small class is had coded in the Top Bar JS*/
.site-nav--desktop ul.dropdown .parent-link.show-for-small {
	display:block!important;
}

ul.zone {
	float:left;
}


meta.foundation-mq-topbar {
  font-family:"/only screen and (min-width:40.063em)/"!important;
  width:40.063em!important;
}
@media only screen and (min-width:40.063em) {


	

	.contain-to-grid.matchPadding .top-bar {
		padding-left:0.9375rem;
		padding-right:0.9375rem;
	}

	.menu-align-right.zone-align-left ul.menu,
	.menu-align-left.zone-align-right ul.zone,
	.menu-align-centered.zone-align-right ul.zone,
	.menu-align-right.zone-align-right .top-bar-section {
		float:right;
	}

	.menu-align-centered.full-width .zone,
	.menu-align-centered.full-width .title-area .name {
		display:none!important;
	}
	.top-bar .title-area {
		margin-right:1.1rem;
	}
	.top-bar .title-area.title-area-hide {
		margin-right:0;
	}

	.site-nav--desktop ul.dropdown .parent-link.show-for-small {
		display:none!important;
	}

	.top-bar {overflow: visible; }
	  .top-bar:before, .top-bar:after {
	    content: " ";
	    display: table; }
	  .top-bar:after {
	    clear: both; }
	  .top-bar .toggle-topbar {
	    display: none; }
	  .top-bar .title-area {
	    float: left; }
	  .top-bar .name .site-title a {
	    width: auto; }
	  .top-bar input, .top-bar .button, .top-bar button {
	    font-size: 0.875rem;
	    position: relative;
	    top: 7px; }
	.top-bar-section {
	  transition: none 0 0;
	  left: 0 !important; }
/*
.top-bar-section.align-right {
	  position: absolute;
	  left:auto!important;
	  right:0 !important; }
*/
	.top-bar-section ul {
	    width: auto;
	    height: auto !important;
	    display: inline; }
	    .top-bar-section ul li {
	      float: left; }

	    *[dir="rtl"] .top-bar-section ul li {float:right}

	      .top-bar-section ul li .js-generated {
	        display: none; }
	  .top-bar-section li:not(.has-form) a:not(.button) {
	    padding: 0 15px;
	    line-height: 72px;}
	  .top-bar-section li.active:not(.has-form) a:not(.button) {
	    padding: 0 15px;
	    line-height: 72px;
	    color: white;}
	  .top-bar-section .has-dropdown > a {
	    padding-right: 35px !important; }
	  *[dir="rtl"] .top-bar-section .has-dropdown > a {
	    padding-right: 15px !important;
	    padding-left: 35px !important; }
	    .top-bar-section .has-dropdown > a:after {
	      content: "";
	      display: block;
	      width: 0;
	      height: 0;
	      border: solid 5px;
	      margin-top: -2.5px;
	      top: 22.5px; }
	  .top-bar-section .has-dropdown.moved {
	    position: relative; }
	    .top-bar-section .has-dropdown.moved > .dropdown {
	      display: block;
	      position: absolute !important;
	      height: 1px;
	      width: 1px;
	      overflow: hidden;
	      clip: rect(1px, 1px, 1px, 1px); }
	  .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
	    display: block;
	    position: static !important;
	    height: auto;
	    width: auto;
	    overflow: visible;
	    clip: auto;
	    position: absolute !important; }
	  .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
	    border: none;
	    content: "\00bb";
	    top: 1rem;
	    margin-top: -1px;
	    right: 5px;
	    line-height: 1.2; }
	  .top-bar-section .dropdown {
	    left: 0;
	    top: auto;
	    background: transparent;
	    min-width: 100%; }
	   *[dir="rtl"] .top-bar-section .dropdown {
	      left: auto;
	      right:0; }
	    .top-bar-section .dropdown li a {
	      color: white;
	      line-height: 45px;
	      white-space: nowrap;
	      padding: 12px 15px;}
	    .top-bar-section .dropdown li label {
	      white-space: nowrap;}
	    .top-bar-section .dropdown li .dropdown {
	      left: 100%;
	      top: 0; }
	   /* Updated below selector to support Magellan div */
	  .top-bar-section > div > ul > .divider, .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
	    border-bottom: none;
	    border-top: none;
	    border-right: solid 1px #4e4e4e;
	    clear: none;
	    height: 72px;
	    width: 0; }
	  .top-bar-section .has-form {
	    padding: 0 15px;
	    height: 72px; }
	  .top-bar-section .right li .dropdown {
	    left: auto;
	    right: 0; }
	    .top-bar-section .right li .dropdown li .dropdown {
	      right: 100%; }
	  .top-bar-section .left li .dropdown {
	    right: auto;
	    left: 0; }
	    .top-bar-section .left li .dropdown li .dropdown {
	      left: 100%; }
	.no-js .top-bar-section .has-dropdown:hover > .dropdown {
	  display: block;
	  position: static !important;
	  height: auto;
	  width: auto;
	  overflow: visible;
	  clip: auto;
	  position: absolute !important; }

	.site-nav--desktop .menu-align-centered ul.menu {
		display:block;
		text-align:center;
		position: absolute;
		top:0;
		left:0;
		width:100%;
	}
	.site-nav--desktop .menu-align-centered ul.menu >li {
		float:none;
		display:inline-block;
		vertical-align:top;
	}
	.site-nav--desktop .menu-align-centered.full-width ul.menu >li {
		float:left;
	}
	.site-nav--desktop .top-bar .name .site-title small{
		display:inline!important;
	}

 
	.site-nav--desktop .top-bar-section > ul > .divider,
	.site-nav--desktop .top-bar-section > ul > [role="separator"] {
		height: 72px;
	}

	.site-nav--desktop .top-bar-section li:not(.has-form) a:not(.button) {
	    padding: 0 15px;
	    line-height: 72px;
	}

	.site-nav--desktop .top-bar-section .has-dropdown > a{
		padding-right: 35px !important;
	}
	.site-nav--desktop .top-bar-section .has-dropdown > a:after {
		top:50%;
	}
	.site-nav--desktop .top-bar-section .has-dropdown .dropdown li a{
    	line-height:45px !important;
		padding:0 15px !important;
	}
	.site-nav--desktop .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after{
		top: 1rem;
	}
	.site-nav--desktop .top-bar-section .has-dropdown .dropdown label {
		padding: 8px 15px 2px;
	}
	.site-nav--desktop .top-bar-section .has-form {
		padding: 0 15px;
		height: 72px;
	}

}

*[dir="rtl"] .top-bar .toggle-topbar.menu-icon a{padding:0 .9375rem 0 2.5rem;text-indent:0}*[dir="rtl"] .top-bar-section ul li > a{padding:12px 0.9375rem}.site-nav--desktop{overflow:visible}.site-nav--desktop [data-magellan-expedition],.site-nav--desktop [data-magellan-expedition-clone]{background:none;padding:0 !important}.site-nav--desktop .contain-to-grid .top-bar{margin:0 auto}.site-nav--desktop .top-bar-wrapper{z-index:1999}.site-nav--desktop .top-bar-wrapper .top-bar-section .dropdown{z-index:1999}.site-nav--desktop .top-bar .site-title small{font-size:60%;display:inline}.site-nav--desktop .top-bar .top-bar-section ul li{background:none !important}.site-nav--desktop .top-bar .top-bar-section ul li > a.button{padding-top:0.35rem;position:relative}.site-nav--desktop a:not(.button){text-decoration:none}.site-nav--desktop .top-bar-section .has-form{background:inherit}.site-nav--desktop .top-bar .fa{vertical-align:middle}.site-nav--desktop .top-bar ul.title-area,.site-nav--desktop .top-bar ul.zone{z-index:2000}.site-nav--desktop .top-bar ul.zone{position:relative}.site-nav--desktop .top-bar .name{display:block;position:relative;padding:0 0.9375rem}.site-nav--desktop .top-bar .name.collapse{padding:0}.site-nav--desktop .top-bar .name a{height:45px;display:inline-block}.site-nav--desktop .top-bar .name span{height:100%}.site-nav--desktop .top-bar .name img{display:inline-block;vertical-align:top;height:100%;width:auto}.site-nav--desktop .top-bar .name .site-title{display:inline-block;color:rgba(0, 0, 0, 1.00);height:45px;padding:0;margin:0;line-height:45px;font-size:1.0625rem}.site-nav--desktop .top-bar .name .site-title small{color:rgba(0, 0, 0, 1.00)}.site-nav--desktop .top-bar,.site-nav--desktop .title-area,.site-nav--desktop a:not(.button){background:transparent}.site-nav--desktop ul:not(.title-area) .dropdown label{color:rgba(255, 255, 255, 0.40)}.site-nav--desktop ul:not(.title-area) li:hover > a:not(.button),.site-nav--desktop ul:not(.title-area) li.has-dropdown > a.hovered:not(.button){background-color:rgba(255, 255, 255, 0.15);color:rgba(255, 255, 255, 1.00)}.site-nav--desktop .top-bar-section .divider,.site-nav--desktop .top-bar-section [role="separator"]{border-color:rgba(255, 255, 255, 0.40)}.site-nav--desktop .top-bar-section .has-dropdown > a:after{border-color:rgba(255, 255, 255, 0.40) transparent transparent transparent}.site-nav--desktop .top-bar.expanded .toggle-topbar a span{-webkit-box-shadow:none;box-shadow:none}.site-nav--desktop .top-bar-wrapper:not(.swatch) .site-title{color:rgba(0, 0, 0, 1.00)}.site-nav--desktop .top-bar-wrapper:not(.swatch) .site-title small{color:rgba(0, 0, 0, 1.00)}.site-nav--desktop .top-bar-wrapper:not(.swatch) .back > h5,.site-nav--desktop .top-bar-wrapper:not(.swatch) .back > h5 > a,.site-nav--desktop .top-bar-wrapper:not(.swatch) a:not(.button){color:rgba(0, 0, 0, 1.00)}.site-nav--desktop .top-bar-wrapper:not(.swatch) .top-bar .toggle-topbar.menu-icon a span::after{-webkit-box-shadow:0 0 0 1px rgba(0, 0, 0, 1.00),0 7px 0 1px rgba(0, 0, 0, 1.00),0 14px 0 1px rgba(0, 0, 0, 1.00);box-shadow:0 0 0 1px rgba(0, 0, 0, 1.00),0 7px 0 1px rgba(0, 0, 0, 1.00),0 14px 0 1px rgba(0, 0, 0, 1.00);height:1px;background-color:rgba(0, 0, 0, 1.00)}.site-nav--desktop .top-bar-wrapper:not(.swatch) ul:not(.title-area) ul.dropdown{background:rgba(51, 51, 51, 1.00)}.site-nav--desktop .top-bar-wrapper.fixed{top:0px}.site-nav--desktop .top-bar-wrapper.fixed.fixedShadow{-webkit-box-shadow:rgba(0,0,0,0.40) 0 1px 5px;box-shadow:rgba(0,0,0,0.40) 0 1px 5px}.site-nav--desktop .top-bar-wrapper.solid{background:rgba(51, 51, 51, 1.00)}.site-nav--desktop .top-bar-wrapper.twotone{background-color:rgba(135, 135, 135, 1.00);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(+,%id=baseColor[1]),color-stop(+,%id=baseColor[1]),color-stop(+,%id=baseColor[1]),color-stop(50%,rgba(51, 51, 51, 1.00)),color-stop(-,%id=baseColor[0]));background-image:linear-gradient(to bottom,rgba(135, 135, 135, 1.00) 0%,rgba(125, 125, 125, 1.00) 45%,rgba(120, 120, 120, 1.00) 50%,rgba(51, 51, 51, 1.00) 50%,rgba(41, 41, 41, 1.00) 100%)}.site-nav--desktop .top-bar-wrapper.onecolor{background-color:rgba(91, 91, 91, 1.00);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(+,%id=baseColor[0]),color-stop(85%,rgba(51, 51, 51, 1.00)));background-image:linear-gradient(to bottom,rgba(91, 91, 91, 1.00),rgba(51, 51, 51, 1.00) 85%)}.site-nav--desktop .top-bar-wrapper.twocolor{background-color:rgba(115, 115, 115, 1.00);background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(115, 115, 115, 1.00)),color-stop(85%,rgba(51, 51, 51, 1.00)));background-image:linear-gradient(to bottom,rgba(115, 115, 115, 1.00),rgba(51, 51, 51, 1.00) 85%)}.site-nav--desktop .top-bar-wrapper.styleActive li.active > a{background:rgba(255, 255, 255, 0.15);color:rgba(255, 255, 255, 1.00)}.site-nav--desktop .top-bar-wrapper.stickyLogo.sticky .top-bar .title-area li.name{visibility:hidden;opacity:0;-webkit-transition:visibility 0s linear 0.5s,opacity 0.5s linear;transition:visibility 0s linear 0.5s,opacity 0.5s linear}.site-nav--desktop .top-bar-wrapper.stickyLogo.fixed .top-bar .title-area li.name{opacity:1;visibility:visible;-webkit-transition-delay:0s;transition-delay:0s}.site-nav--desktop .top-bar-wrapper.sticky.sticky-hide{opacity:0;-webkit-transition:opacity 0.1s ease;transition:opacity 0.1s ease}.site-nav--desktop .top-bar-wrapper.sticky.sticky-hide.fixed{opacity:1;height:72px;-webkit-transition:opacity 0.5s ease;transition:opacity 0.5s ease}.site-nav--desktop .top-bar-wrapper.sticky.sticky-hide.expanded{height:auto}.site-nav--desktop .top-bar-wrapper:not(.submenuIndicator) .top-bar-section .has-dropdown > a{padding-right:15px !important}.site-nav--desktop .top-bar-wrapper:not(.submenuIndicator) .top-bar-section .has-dropdown > a::after{display:none}.f-topbar-fixed{padding-top:72px !important}.site-nav--desktop .expanded:not(.top-bar) .top-bar-section{margin-top:72px}.site-nav--desktop .top-bar{height:72px;line-height:72px}.site-nav--desktop .top-bar.expanded{height:auto;line-height:inherit}.site-nav--desktop .top-bar .name{height:72px;padding:0 15px}.site-nav--desktop .top-bar .name .site-title,.site-nav--desktop .top-bar .name a,.site-nav--desktop .top-bar .name span{height:72px;line-height:72px;font-size:1.06rem}.site-nav--desktop .toggle-topbar a{font-size:1.06rem}.site-nav--desktop .toggle-topbar.menu-icon{right:15px}.site-nav--desktop .top-bar-section ul li > a{padding-left:15px;font-size:1.06rem}.site-nav--desktop .top-bar-section ul li > a.button{font-size:1.06rem;padding-right:15px;padding-left:15px}.site-nav--desktop .top-bar-section .has-form{padding:0 15px}.site-nav--desktop .top-bar-section .dropdown li{font-size:1.06rem}.site-nav--desktop .top-bar-section .dropdown li a{padding:8px 15px}.site-nav--desktop .top-bar-section .dropdown li.has-form{padding:8px 15px}.site-nav--desktop .top-bar-section .dropdown label{padding:8px 15px 2px;font-size:80%}
#stacks_in_74_28 a{display:block}#stacks_in_74_28 img{}#stacks_in_74_28 img{max-width:300px}@media only screen and (min-width:641px){#stacks_in_74_28 img{max-width:300px}}@media only screen and (min-width:1024px){#stacks_in_74_28 img{max-width:300px}}


/*This is because the show-for-small class is had coded in the Top Bar JS*/
.site-nav--mobile ul.dropdown .parent-link.show-for-small {
	display:block!important;
}

ul.zone {
	float:left;
}


meta.foundation-mq-topbar {
  font-family:"/only screen and (min-width:9999px)/"!important;
  width:9999px!important;
}
@media only screen and (min-width:9999px) {


	

	.contain-to-grid.matchPadding .top-bar {
		padding-left:0.9375rem;
		padding-right:0.9375rem;
	}

	.menu-align-right.zone-align-left ul.menu,
	.menu-align-left.zone-align-right ul.zone,
	.menu-align-centered.zone-align-right ul.zone,
	.menu-align-right.zone-align-right .top-bar-section {
		float:right;
	}

	.menu-align-centered.full-width .zone,
	.menu-align-centered.full-width .title-area .name {
		display:none!important;
	}
	.top-bar .title-area {
		margin-right:1.1rem;
	}
	.top-bar .title-area.title-area-hide {
		margin-right:0;
	}

	.site-nav--mobile ul.dropdown .parent-link.show-for-small {
		display:none!important;
	}

	.top-bar {overflow: visible; }
	  .top-bar:before, .top-bar:after {
	    content: " ";
	    display: table; }
	  .top-bar:after {
	    clear: both; }
	  .top-bar .toggle-topbar {
	    display: none; }
	  .top-bar .title-area {
	    float: left; }
	  .top-bar .name .site-title a {
	    width: auto; }
	  .top-bar input, .top-bar .button, .top-bar button {
	    font-size: 0.875rem;
	    position: relative;
	    top: 7px; }
	.top-bar-section {
	  transition: none 0 0;
	  left: 0 !important; }
/*
.top-bar-section.align-right {
	  position: absolute;
	  left:auto!important;
	  right:0 !important; }
*/
	.top-bar-section ul {
	    width: auto;
	    height: auto !important;
	    display: inline; }
	    .top-bar-section ul li {
	      float: left; }

	    *[dir="rtl"] .top-bar-section ul li {float:right}

	      .top-bar-section ul li .js-generated {
	        display: none; }
	  .top-bar-section li:not(.has-form) a:not(.button) {
	    padding: 0 15px;
	    line-height: 72px;}
	  .top-bar-section li.active:not(.has-form) a:not(.button) {
	    padding: 0 15px;
	    line-height: 72px;
	    color: white;}
	  .top-bar-section .has-dropdown > a {
	    padding-right: 35px !important; }
	  *[dir="rtl"] .top-bar-section .has-dropdown > a {
	    padding-right: 15px !important;
	    padding-left: 35px !important; }
	    .top-bar-section .has-dropdown > a:after {
	      content: "";
	      display: block;
	      width: 0;
	      height: 0;
	      border: solid 5px;
	      margin-top: -2.5px;
	      top: 22.5px; }
	  .top-bar-section .has-dropdown.moved {
	    position: relative; }
	    .top-bar-section .has-dropdown.moved > .dropdown {
	      display: block;
	      position: absolute !important;
	      height: 1px;
	      width: 1px;
	      overflow: hidden;
	      clip: rect(1px, 1px, 1px, 1px); }
	  .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
	    display: block;
	    position: static !important;
	    height: auto;
	    width: auto;
	    overflow: visible;
	    clip: auto;
	    position: absolute !important; }
	  .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
	    border: none;
	    content: "\00bb";
	    top: 1rem;
	    margin-top: -1px;
	    right: 5px;
	    line-height: 1.2; }
	  .top-bar-section .dropdown {
	    left: 0;
	    top: auto;
	    background: transparent;
	    min-width: 100%; }
	   *[dir="rtl"] .top-bar-section .dropdown {
	      left: auto;
	      right:0; }
	    .top-bar-section .dropdown li a {
	      color: white;
	      line-height: 45px;
	      white-space: nowrap;
	      padding: 12px 15px;}
	    .top-bar-section .dropdown li label {
	      white-space: nowrap;}
	    .top-bar-section .dropdown li .dropdown {
	      left: 100%;
	      top: 0; }
	   /* Updated below selector to support Magellan div */
	  .top-bar-section > div > ul > .divider, .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
	    border-bottom: none;
	    border-top: none;
	    border-right: solid 1px #4e4e4e;
	    clear: none;
	    height: 72px;
	    width: 0; }
	  .top-bar-section .has-form {
	    padding: 0 15px;
	    height: 72px; }
	  .top-bar-section .right li .dropdown {
	    left: auto;
	    right: 0; }
	    .top-bar-section .right li .dropdown li .dropdown {
	      right: 100%; }
	  .top-bar-section .left li .dropdown {
	    right: auto;
	    left: 0; }
	    .top-bar-section .left li .dropdown li .dropdown {
	      left: 100%; }
	.no-js .top-bar-section .has-dropdown:hover > .dropdown {
	  display: block;
	  position: static !important;
	  height: auto;
	  width: auto;
	  overflow: visible;
	  clip: auto;
	  position: absolute !important; }

	.site-nav--mobile .menu-align-centered ul.menu {
		display:block;
		text-align:center;
		position: absolute;
		top:0;
		left:0;
		width:100%;
	}
	.site-nav--mobile .menu-align-centered ul.menu >li {
		float:none;
		display:inline-block;
		vertical-align:top;
	}
	.site-nav--mobile .menu-align-centered.full-width ul.menu >li {
		float:left;
	}
	.site-nav--mobile .top-bar .name .site-title small{
		display:inline!important;
	}

 
	.site-nav--mobile .top-bar-section > ul > .divider,
	.site-nav--mobile .top-bar-section > ul > [role="separator"] {
		height: 72px;
	}

	.site-nav--mobile .top-bar-section li:not(.has-form) a:not(.button) {
	    padding: 0 15px;
	    line-height: 72px;
	}

	.site-nav--mobile .top-bar-section .has-dropdown > a{
		padding-right: 35px !important;
	}
	.site-nav--mobile .top-bar-section .has-dropdown > a:after {
		top:50%;
	}
	.site-nav--mobile .top-bar-section .has-dropdown .dropdown li a{
    	line-height:45px !important;
		padding:0 15px !important;
	}
	.site-nav--mobile .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after{
		top: 1rem;
	}
	.site-nav--mobile .top-bar-section .has-dropdown .dropdown label {
		padding: 8px 15px 2px;
	}
	.site-nav--mobile .top-bar-section .has-form {
		padding: 0 15px;
		height: 72px;
	}

}

*[dir="rtl"] .top-bar .toggle-topbar.menu-icon a{padding:0 .9375rem 0 2.5rem;text-indent:0}*[dir="rtl"] .top-bar-section ul li > a{padding:12px 0.9375rem}.site-nav--mobile{overflow:visible}.site-nav--mobile [data-magellan-expedition],.site-nav--mobile [data-magellan-expedition-clone]{background:none;padding:0 !important}.site-nav--mobile .contain-to-grid .top-bar{margin:0 auto}.site-nav--mobile .top-bar-wrapper{z-index:1999}.site-nav--mobile .top-bar-wrapper .top-bar-section .dropdown{z-index:1999}.site-nav--mobile .top-bar .site-title small{font-size:60%;display:inline}.site-nav--mobile .top-bar .top-bar-section ul li{background:none !important}.site-nav--mobile .top-bar .top-bar-section ul li > a.button{padding-top:0.35rem;position:relative}.site-nav--mobile a:not(.button){text-decoration:none}.site-nav--mobile .top-bar-section .has-form{background:inherit}.site-nav--mobile .top-bar .fa{vertical-align:middle}.site-nav--mobile .top-bar ul.title-area,.site-nav--mobile .top-bar ul.zone{z-index:2000}.site-nav--mobile .top-bar ul.zone{position:relative}.site-nav--mobile .top-bar .name{display:block;position:relative;padding:0 0.9375rem}.site-nav--mobile .top-bar .name.collapse{padding:0}.site-nav--mobile .top-bar .name a{height:45px;display:inline-block}.site-nav--mobile .top-bar .name span{height:100%}.site-nav--mobile .top-bar .name img{display:inline-block;vertical-align:top;height:100%;width:auto}.site-nav--mobile .top-bar .name .site-title{display:inline-block;color:rgba(0, 0, 0, 1.00);height:45px;padding:0;margin:0;line-height:45px;font-size:1.0625rem}.site-nav--mobile .top-bar .name .site-title small{color:rgba(0, 0, 0, 1.00)}.site-nav--mobile .top-bar,.site-nav--mobile .title-area,.site-nav--mobile a:not(.button){background:transparent}.site-nav--mobile ul:not(.title-area) .dropdown label{color:rgba(255, 255, 255, 0.40)}.site-nav--mobile ul:not(.title-area) li:hover > a:not(.button),.site-nav--mobile ul:not(.title-area) li.has-dropdown > a.hovered:not(.button){background-color:rgba(255, 255, 255, 0.15);color:rgba(255, 255, 255, 1.00)}.site-nav--mobile .top-bar-section .divider,.site-nav--mobile .top-bar-section [role="separator"]{border-color:rgba(255, 255, 255, 0.40)}.site-nav--mobile .top-bar-section .has-dropdown > a:after{border-color:rgba(255, 255, 255, 0.40) transparent transparent transparent}.site-nav--mobile .top-bar.expanded .toggle-topbar a span{-webkit-box-shadow:none;box-shadow:none}.site-nav--mobile .top-bar-wrapper:not(.swatch) .site-title{color:rgba(0, 0, 0, 1.00)}.site-nav--mobile .top-bar-wrapper:not(.swatch) .site-title small{color:rgba(0, 0, 0, 1.00)}.site-nav--mobile .top-bar-wrapper:not(.swatch) .back > h5,.site-nav--mobile .top-bar-wrapper:not(.swatch) .back > h5 > a,.site-nav--mobile .top-bar-wrapper:not(.swatch) a:not(.button){color:rgba(0, 0, 0, 1.00)}.site-nav--mobile .top-bar-wrapper:not(.swatch) .top-bar .toggle-topbar.menu-icon a span::after{-webkit-box-shadow:0 0 0 1px rgba(0, 0, 0, 1.00),0 7px 0 1px rgba(0, 0, 0, 1.00),0 14px 0 1px rgba(0, 0, 0, 1.00);box-shadow:0 0 0 1px rgba(0, 0, 0, 1.00),0 7px 0 1px rgba(0, 0, 0, 1.00),0 14px 0 1px rgba(0, 0, 0, 1.00);height:1px;background-color:rgba(0, 0, 0, 1.00)}.site-nav--mobile .top-bar-wrapper:not(.swatch) ul:not(.title-area) ul.dropdown{background:rgba(51, 51, 51, 1.00)}.site-nav--mobile .top-bar-wrapper.fixed{top:0px}.site-nav--mobile .top-bar-wrapper.fixed.fixedShadow{-webkit-box-shadow:rgba(0,0,0,0.40) 0 1px 5px;box-shadow:rgba(0,0,0,0.40) 0 1px 5px}.site-nav--mobile .top-bar-wrapper.solid{background:rgba(51, 51, 51, 1.00)}.site-nav--mobile .top-bar-wrapper.twotone{background-color:rgba(135, 135, 135, 1.00);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(+,%id=baseColor[1]),color-stop(+,%id=baseColor[1]),color-stop(+,%id=baseColor[1]),color-stop(50%,rgba(51, 51, 51, 1.00)),color-stop(-,%id=baseColor[0]));background-image:linear-gradient(to bottom,rgba(135, 135, 135, 1.00) 0%,rgba(125, 125, 125, 1.00) 45%,rgba(120, 120, 120, 1.00) 50%,rgba(51, 51, 51, 1.00) 50%,rgba(41, 41, 41, 1.00) 100%)}.site-nav--mobile .top-bar-wrapper.onecolor{background-color:rgba(91, 91, 91, 1.00);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(+,%id=baseColor[0]),color-stop(85%,rgba(51, 51, 51, 1.00)));background-image:linear-gradient(to bottom,rgba(91, 91, 91, 1.00),rgba(51, 51, 51, 1.00) 85%)}.site-nav--mobile .top-bar-wrapper.twocolor{background-color:rgba(115, 115, 115, 1.00);background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(115, 115, 115, 1.00)),color-stop(85%,rgba(51, 51, 51, 1.00)));background-image:linear-gradient(to bottom,rgba(115, 115, 115, 1.00),rgba(51, 51, 51, 1.00) 85%)}.site-nav--mobile .top-bar-wrapper.styleActive li.active > a{background:rgba(255, 255, 255, 0.15);color:rgba(255, 255, 255, 1.00)}.site-nav--mobile .top-bar-wrapper.stickyLogo.sticky .top-bar .title-area li.name{visibility:hidden;opacity:0;-webkit-transition:visibility 0s linear 0.5s,opacity 0.5s linear;transition:visibility 0s linear 0.5s,opacity 0.5s linear}.site-nav--mobile .top-bar-wrapper.stickyLogo.fixed .top-bar .title-area li.name{opacity:1;visibility:visible;-webkit-transition-delay:0s;transition-delay:0s}.site-nav--mobile .top-bar-wrapper.sticky.sticky-hide{opacity:0;-webkit-transition:opacity 0.1s ease;transition:opacity 0.1s ease}.site-nav--mobile .top-bar-wrapper.sticky.sticky-hide.fixed{opacity:1;height:72px;-webkit-transition:opacity 0.5s ease;transition:opacity 0.5s ease}.site-nav--mobile .top-bar-wrapper.sticky.sticky-hide.expanded{height:auto}.site-nav--mobile .top-bar-wrapper:not(.submenuIndicator) .top-bar-section .has-dropdown > a{padding-right:15px !important}.site-nav--mobile .top-bar-wrapper:not(.submenuIndicator) .top-bar-section .has-dropdown > a::after{display:none}.f-topbar-fixed{padding-top:72px !important}.site-nav--mobile .expanded:not(.top-bar) .top-bar-section{margin-top:72px}.site-nav--mobile .top-bar{height:72px;line-height:72px}.site-nav--mobile .top-bar.expanded{height:auto;line-height:inherit}.site-nav--mobile .top-bar .name{height:72px;padding:0 15px}.site-nav--mobile .top-bar .name .site-title,.site-nav--mobile .top-bar .name a,.site-nav--mobile .top-bar .name span{height:72px;line-height:72px;font-size:1.06rem}.site-nav--mobile .toggle-topbar a{font-size:1.06rem}.site-nav--mobile .toggle-topbar.menu-icon{right:15px}.site-nav--mobile .top-bar-section ul li > a{padding-left:15px;font-size:1.06rem}.site-nav--mobile .top-bar-section ul li > a.button{font-size:1.06rem;padding-right:15px;padding-left:15px}.site-nav--mobile .top-bar-section .has-form{padding:0 15px}.site-nav--mobile .top-bar-section .dropdown li{font-size:1.06rem}.site-nav--mobile .top-bar-section .dropdown li a{padding:8px 15px}.site-nav--mobile .top-bar-section .dropdown li.has-form{padding:8px 15px}.site-nav--mobile .top-bar-section .dropdown label{padding:8px 15px 2px;font-size:80%}


/* ===========================================================================
   2. PAGE HERO BANNERS & SECTIONS
   ======================================================================== */
/* Full-width photo banner: height = 30% of width, min 300px, dark veil.
   (Replaces the original single-slide JS slider — same rendered look.) */
.page-hero {
    position: relative;
    width: 100%;
    padding-top: 30%;
    min-height: 300px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.page-hero::after {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: rgba(0, 0, 0, 0.50);
}
/* Centered white title over the veil. */
.page-hero-content {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.94rem;
}
.page-hero-content h1 { margin: 0; }

/* Full-width photo band (no veil) — used above the footer on Contact. */
.photo-band {
    width: 100%;
    padding-top: 30%;
    min-height: 300px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

/* Vertical rhythm. */
.row.section-pad { padding-top: 3rem; padding-bottom: 3rem; }
.row.cols-spaced > .columns { margin-top: 1rem; margin-bottom: 1rem; }

/* Arketa embeds. The embed.js script auto-sizes forms; the schedule
   widget gets a taller floor so it doesn't render as a letterbox. */
.arketa-embed iframe { width: 100%; border: 0; min-height: 480px; }
.arketa-embed--schedule iframe { min-height: 900px; }

/* "Which class is right for me?" interactive guide (program pages).
   Uses the FAQ accordion skin; capped width so it reads like a list. */
.class-guide { max-width: 700px; margin: 0 auto 2rem; }

/* Private Yoga callout panel (program pages). */
.private-callout .row { padding-top: 2rem; padding-bottom: 2rem; }
.private-callout h2 { margin-bottom: 16px; }
.private-callout p { max-width: 640px; margin-left: auto; margin-right: auto; }

/* Course catalog "coming soon" placeholder. */
.coming-soon { text-align: center; }
.coming-soon-emblem { display: block; margin: 16px auto; max-width: 120px; }
.coming-soon h1 { margin: 16px 0; }
.coming-soon p { max-width: 640px; margin: 0 auto 1.5rem; }

/* Equal-height card rows (flexbox; direct children only). */
@media only screen and (min-width: 40.063em) {
    .match-height > .row { display: flex; flex-wrap: wrap; }
    .match-height > .row:before, .match-height > .row:after { display: none; }
    .match-height > .row > .columns { display: flex; float: none; }
    .match-height > .row > .columns > * { width: 100%; }
}


/* ===========================================================================
   3. HOME PAGE
   ======================================================================== */
/* Hero slider (superslides) — JS sizes the wrapper to width x 0.5625. */
#home-slider { position: relative; overflow: hidden; width: 100%; min-height: 300px; }
#home-slider .slides-container { margin: 0; }
#home-slider .slides-container > li { margin: 0; }

/* Big script headline + icon + serif tagline. */
.home-intro .home-headline { margin: 32px 0 0; }
.home-intro .home-icon { display: block; margin: 0 auto; max-width: 120px; }

/* Six program blurbs (2 rows x 3). Each cell is a flex column so the
   "Learn More" buttons align at the bottom even when text lengths differ. */
.program-blurbs .columns p { margin-bottom: 1rem; }
.program-blurbs .button.small { display: inline-block; }
@media only screen and (min-width: 40.063em) {
    .program-blurbs .columns > div { display: flex; flex-direction: column; height: 100%; }
    .program-blurbs .columns > div > .btn-row { margin-top: auto; }
}

/* Photo cards (Virtual / In-Studio) — image background + dark veil. */
.photo-card { background-repeat: no-repeat; background-size: cover; background-position: center; }
.photo-card--virtual  { background-image: url("../images/card-virtual.jpg"); }
.photo-card--instudio { background-image: url("../images/card-instudio.jpg"); }
.photo-card .panel.custom { background-color: rgba(0, 0, 0, 0.60); border-color: rgba(0, 0, 0, 0.60); padding-top: 200px; padding-bottom: 200px; height: 100%; }

/* Orientation section — photo background, frosted form panel. */
.orientation-section { background: url("../images/orientation-bg.jpg") center / cover no-repeat; }
.orientation-section .panel.custom { background-color: rgba(255, 255, 255, 0.60); border-color: rgba(255, 255, 255, 0.60); padding: 100px 1.25rem; }


/* ===========================================================================
   4. PROGRAM PAGES (Beginners, Intermediate, ...)
   ======================================================================== */
.program-panel { padding: 1.25rem; border-width: 0; margin-bottom: 0; }
.program-panel .row { padding-top: 3rem; padding-bottom: 3rem; }
.program-photo { margin: 8px 0 0; width: 100%; }
.program-panel h2 { margin: 16px 0; }


/* ===========================================================================
   5. INSTRUCTORS / STUDIO GALLERY / FAQS
   ======================================================================== */
.instructor-card img {
    width: 100%;
    aspect-ratio: 3 / 4;      /* every headshot renders 3:4 ... */
    object-fit: cover;        /* ... center-cropped, whatever its file shape */
    margin-bottom: 12px;
}
.instructor-card h3 { margin-bottom: 8px; }

/* Studio gallery = Foundation block-grid + Clearing lightbox (framework CSS). */
.studio-gallery { margin-top: 1rem; }

/* FAQ accordion (Foundation, "secondary" skin = lavender headers). */
.accordion .accordion-navigation > a { background-color: var(--yc-lavender); color: rgba(51, 51, 51, 1); font-family: var(--yc-font-display); }
.accordion .accordion-navigation > a:hover { background-color: rgba(234, 229, 235, 1); }
.accordion .accordion-navigation.active > a { background-color: rgba(234, 229, 235, 1); }
.accordion .accordion-navigation > .content { background-color: transparent !important; }
.accordion .accordion-navigation { margin-bottom: 4px !important; }


/* ===========================================================================
   6. FOOTER
   ======================================================================== */
.site-footer { padding: 0; border-width: 0; margin-bottom: 0; box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.20); }
.footer-row { padding-top: 2rem; padding-bottom: 0; }
.footer-row > .columns { margin-top: 1rem; margin-bottom: 1rem; }
.footer-emblem { display: block; margin: 16px auto; max-width: 100px; }
.footer-link, .footer-link:hover { color: var(--yc-link); }
.footer-copyright { margin: 1.5rem 0 0; padding-bottom: 1.5rem; }