/*

Theme Name: Bala 2015 

Theme URI: http://balayoga.com/

Description: The Wordpress 3.0+, HTML5, Responsive theme for Bala Yoga.

Author: Kymera

Version: 2.3

Author URI: http://kymerastudio.com

*/
/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html

-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

body {
  line-height: 1;
}

h1, h2, h3, h4, h5, h6 {
  clear: both;
  font-weight: normal;
}

ol, ul {
  list-style: none;
}

blockquote {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: "";
  content: none;
}

del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

a img {
  border: none;
}

/* HTML5 elements need display: block */
header, nav, section, article, aside, figure, footer {
  display: block;
}

/* -------------------------------------------------- Layout -------------------------------------------------------------- */
/*

LAYOUT: Two columns

DESCRIPTION: Two-column fixed layout with one sidebar right of content

*/
#container {
  width: 100%;
  position: relative;
}

#footer {
  clear: both;
  width: 100%;
}

/*

LAYOUT: One column, no sidebar

DESCRIPTION: One centered column with no sidebar

*/
/* -------------------------------------------------- STRUCTURE -------------------------------------------------------------- */
#wrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.inner {
  width: 1102px;
  max-width: 100%;
  margin: 0px auto;
  position: relative;
}

.inner:after {
  content: "";
  display: table;
  clear: both;
}

.clear:after {
  content: "";
  display: table;
  clear: both;
}

#main {
  clear: both;
  padding: 0px 0 0 0;
}

@media screen and (max-width: 1100px) {
  .inner {
    padding: 0px 20px;
  }
}
/* -------------------------------------------------- GLOBAL ELEMENTS -------------------------------------------------------------- */
*, *:after, *:before {
  box-sizing: border-box;
}

hr {
  background-color: #dadcdc;
  border: 0;
  clear: both;
  height: 1px;
  margin: 40px 0px;
}

.screen-reader-text {
  position: absolute;
  left: -90000px;
}

.hidden {
  display: none !important;
}

img {
  max-width: 100%;
  height: auto;
}

.mobile {
  display: none;
}

#main * {
  /*-webkit-transform: translate3d(0, 0, 0);

  	-ms-transform: translate3d(0, 0, 0);

  	-moz-transform: translate3d(0, 0, 0);

  	transform: translate3d(0, 0, 0);*/
}

.center {
  text-align: center;
}

/*--------------------------------------------------------------
- Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text,
.screen-reader-only {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus,
.screen-reader-only:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

*:focus-visible {
  outline: 2px solid #2f3553 !important;
}

*:focus:not(:focus-visible) {
  outline: none;
}

/* --------------------------------- BODY BACKGROUNDS --------------------------------------- */
body {
  background: #fff;
  width: 100vw;
}

body.single-post, body.blog, body.archive, body.category, body.page-template-page-teachers, body.page-template-page-pricing-rates {
  background: #edffff;
}

body.single-teacher {
  background: #eefff6;
}

body.single-event, body.page-template-page-events, body.page-template-page-studios, body.page-template-page-about, body.page-template-page-retreats, body.single-retreat {
  background: #fff3d9;
}

body.single-teacher-training, body.page-template-page-teacher-training, body.page-template-page-classes, body.page-template-page-contact {
  background: #e5fde4;
}

/* --------------------------------------------------- FONTS & TEXT ELEMENTS ------------------------------------------------- */
html, html a {
  -webkit-font-smoothing: antialiased !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}

/* ------------ Define Font Faces --------------- */
@font-face {
  font-family: "socicon";
  src: url("inc/fonts/socicon.eot");
  src: url("inc/fonts/socicon.eot#iefix") format("embedded-opentype"), url("inc/fonts/socicon.woff") format("woff"), url("inc/fonts/socicon.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "salome";
  src: url("inc/fonts/salome-webfont.eot");
  src: url("inc/fonts/salome-webfont.eot#iefix") format("embedded-opentype"), url("inc/fonts/salome-webfont.woff") format("woff"), url("inc/fonts/salome-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "nexa";
  src: url("inc/fonts/nexathin-webfont.eot");
  src: url("inc/fonts/nexathin-webfont.eot#iefix") format("embedded-opentype"), url("inc/fonts/nexathin-webfont.woff") format("woff"), url("inc/fonts/nexathin-webfont.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "nexa";
  src: url("inc/fonts/nexathinitalic-webfont.eot");
  src: url("inc/fonts/nexathinitalic-webfont.eot#iefix") format("embedded-opentype"), url("inc/fonts/nexathinitalic-webfont.woff") format("woff"), url("inc/fonts/nexathinitalic-webfont.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "nexa";
  src: url("inc/fonts/nexalight-webfont.eot");
  src: url("inc/fonts/nexalight-webfont.eot#iefix") format("embedded-opentype"), url("inc/fonts/nexalight-webfont.woff") format("woff"), url("inc/fonts/nexalight-webfont.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "nexa";
  src: url("inc/fonts/nexalightitalic-webfont.eot");
  src: url("inc/fonts/nexalightitalic-webfont.eot#iefix") format("embedded-opentype"), url("inc/fonts/nexalightitalic-webfont.woff") format("woff"), url("inc/fonts/nexalightitalic-webfont.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "nexa";
  src: url("inc/fonts/nexabook-webfont.eot");
  src: url("inc/fonts/nexabook-webfont.eot#iefix") format("embedded-opentype"), url("inc/fonts/nexabook-webfont.woff") format("woff"), url("inc/fonts/nexabook-webfont.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "nexa";
  src: url("inc/fonts/nexabookitalic-webfont.eot");
  src: url("inc/fonts/nexabookitalic-webfont.eot#iefix") format("embedded-opentype"), url("inc/fonts/nexabookitalic-webfont.woff") format("woff"), url("inc/fonts/nexabookitalic-webfont.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "nexa";
  src: url("inc/fonts/nexa-webfont.eot");
  src: url("inc/fonts/nexa-webfont.eot#iefix") format("embedded-opentype"), url("inc/fonts/nexa-webfont.woff") format("woff"), url("inc/fonts/nexa-webfont.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "nexa";
  src: url("inc/fonts/nexa-regularitalic-webfont.eot");
  src: url("inc/fonts/nexa-regularitalic-webfont.eot#iefix") format("embedded-opentype"), url("inc/fonts/nexa-regularitalic-webfont.woff") format("woff"), url("inc/fonts/nexa-regularitalic-webfont.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "nexa";
  src: url("inc/fonts/nexabold-webfont.eot");
  src: url("inc/fonts/nexabold-webfont.eot#iefix") format("embedded-opentype"), url("inc/fonts/nexabold-webfont.woff") format("woff"), url("inc/fonts/nexabold-webfont.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "nexa";
  src: url("inc/fonts/nexabolditalic-webfont.eot");
  src: url("inc/fonts/nexabolditalic-webfont.eot#iefix") format("embedded-opentype"), url("inc/fonts/nexabolditalic-webfont.woff") format("woff"), url("inc/fonts/nexabolditalic-webfont.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "nexa";
  src: url("inc/fonts/nexaxbold-webfont.eot");
  src: url("inc/fonts/nexaxbold-webfont.eot#iefix") format("embedded-opentype"), url("inc/fonts/nexaxbold-webfont.woff") format("woff"), url("inc/fonts/nexaxbold-webfont.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "nexa";
  src: url("inc/fonts/nexaxbolditalic-webfont.eot");
  src: url("inc/fonts/nexaxbolditalic-webfont.eot#iefix") format("embedded-opentype"), url("inc/fonts/nexaxbolditalic-webfont.woff") format("woff"), url("inc/fonts/nexaxbolditalic-webfont.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "nexa";
  src: url("inc/fonts/nexaheavy-webfont.eot");
  src: url("inc/fonts/nexaheavy-webfont.eot#iefix") format("embedded-opentype"), url("inc/fonts/nexaheavy-webfont.woff") format("woff"), url("inc/fonts/nexaheavy-webfont.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "nexa";
  src: url("inc/fonts/nexaheavyitalic-webfont.eot");
  src: url("inc/fonts/nexaheavyitalic-webfont.eot#iefix") format("embedded-opentype"), url("inc/fonts/nexaheavyitalic-webfont.woff") format("woff"), url("inc/fonts/nexaheavyitalic-webfont.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "nexa";
  src: url("inc/fonts/nexablack-webfont.eot");
  src: url("inc/fonts/nexablack-webfont.eot#iefix") format("embedded-opentype"), url("inc/fonts/nexablack-webfont.woff") format("woff"), url("inc/fonts/nexablack-webfont.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "nexa";
  src: url("inc/fonts/nexablackitalic-webfont.eot");
  src: url("inc/fonts/nexablackitalic-webfont.eot#iefix") format("embedded-opentype"), url("inc/fonts/nexablackitalic-webfont.woff") format("woff"), url("inc/fonts/nexablackitalic-webfont.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "merriweather";
  src: url("https://www.balayoga.com/wp-content/themes/bala2015/inc/fonts/merriweather-light-webfont.eot");
  src: url("https://www.balayoga.com/wp-content/themes/bala2015/inc/fonts/merriweather-light-webfont.eot#iefix") format("embedded-opentype"), url("https://www.balayoga.com/wp-content/themes/bala2015/inc/fonts/merriweather-light-webfont.woff") format("woff"), url("https://www.balayoga.com/wp-content/themes/bala2015/inc/fonts/merriweather-light-webfont.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "merriweather";
  src: url("inc/fonts/merriweather-lightitalic-webfont.eot");
  src: url("inc/fonts/merriweather-lightitalic-webfont.eot#iefix") format("embedded-opentype"), url("inc/fonts/merriweather-lightitalic-webfont.woff") format("woff"), url("inc/fonts/merriweather-lightitalic-webfont.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "merriweather";
  src: url("inc/fonts/merriweather-regular-webfont.eot");
  src: url("inc/fonts/merriweather-regular-webfont.eot#iefix") format("embedded-opentype"), url("inc/fonts/merriweather-regular-webfont.woff") format("woff"), url("inc/fonts/merriweather-regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "merriweather";
  src: url("inc/fonts/merriweather-italic-webfont.eot");
  src: url("inc/fonts/merriweather-italic-webfont.eot#iefix") format("embedded-opentype"), url("inc/fonts/merriweather-italic-webfont.woff") format("woff"), url("inc/fonts/merriweather-italic-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "merriweather";
  src: url("inc/fonts/merriweather-bold-webfont.eot");
  src: url("inc/fonts/merriweather-bold-webfont.eot#iefix") format("embedded-opentype"), url("inc/fonts/merriweather-bold-webfont.woff") format("woff"), url("inc/fonts/merriweather-bold-webfont.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "merriweather";
  src: url("inc/fonts/merriweather-bolditalic-webfont.eot");
  src: url("inc/fonts/merriweather-bolditalic-webfont.eot#iefix") format("embedded-opentype"), url("inc/fonts/merriweather-bolditalic-webfont.woff") format("woff"), url("inc/fonts/merriweather-bolditalic-webfont.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}
/* ------------ Define Classes for Custom Fonts --------------- */
.socicon {
  font-family: "socicon" !important;
}

.salome {
  font-family: "salome", serif;
}

.nexa {
  font-family: "nexa", sans-serif;
}

/* Socicon Fonts */
[data-icon]:before {
  font-family: "socicon" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^=socicon-]:before,
[class*=" socicon-"]:before {
  font-family: "socicon" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.socicon-modelmayhem:before {
  content: "\e000";
}

.socicon-mixcloud:before {
  content: "\e001";
}

.socicon-drupal:before {
  content: "\e002";
}

.socicon-swarm:before {
  content: "\e003";
}

.socicon-istock:before {
  content: "\e004";
}

.socicon-yammer:before {
  content: "\e005";
}

.socicon-ello:before {
  content: "\e006";
}

.socicon-stackoverflow:before {
  content: "\e007";
}

.socicon-persona:before {
  content: "\e008";
}

.socicon-triplej:before {
  content: "\e009";
}

.socicon-houzz:before {
  content: "\e00a";
}

.socicon-rss:before {
  content: "\e00b";
}

.socicon-paypal:before {
  content: "\e00c";
}

.socicon-odnoklassniki:before {
  content: "\e00d";
}

.socicon-airbnb:before {
  content: "\e00e";
}

.socicon-periscope:before {
  content: "\e00f";
}

.socicon-outlook:before {
  content: "\e010";
}

.socicon-coderwall:before {
  content: "\e011";
}

.socicon-tripadvisor:before {
  content: "\e012";
}

.socicon-appnet:before {
  content: "\e013";
}

.socicon-goodreads:before {
  content: "\e014";
}

.socicon-tripit:before {
  content: "\e015";
}

.socicon-lanyrd:before {
  content: "\e016";
}

.socicon-slideshare:before {
  content: "\e017";
}

.socicon-buffer:before {
  content: "\e018";
}

.socicon-disqus:before {
  content: "\e019";
}

.socicon-vkontakte:before {
  content: "\e01a";
}

.socicon-whatsapp:before {
  content: "\e01b";
}

.socicon-patreon:before {
  content: "\e01c";
}

.socicon-storehouse:before {
  content: "\e01d";
}

.socicon-pocket:before {
  content: "\e01e";
}

.socicon-mail:before {
  content: "\e01f";
}

.socicon-blogger:before {
  content: "\e020";
}

.socicon-technorati:before {
  content: "\e021";
}

.socicon-reddit:before {
  content: "\e022";
}

.socicon-dribbble:before {
  content: "\e023";
}

.socicon-stumbleupon:before {
  content: "\e024";
}

.socicon-digg:before {
  content: "\e025";
}

.socicon-envato:before {
  content: "\e026";
}

.socicon-behance:before {
  content: "\e027";
}

.socicon-delicious:before {
  content: "\e028";
}

.socicon-deviantart:before {
  content: "\e029";
}

.socicon-forrst:before {
  content: "\e02a";
}

.socicon-play:before {
  content: "\e02b";
}

.socicon-zerply:before {
  content: "\e02c";
}

.socicon-wikipedia:before {
  content: "\e02d";
}

.socicon-apple:before {
  content: "\e02e";
}

.socicon-flattr:before {
  content: "\e02f";
}

.socicon-github:before {
  content: "\e030";
}

.socicon-renren:before {
  content: "\e031";
}

.socicon-friendfeed:before {
  content: "\e032";
}

.socicon-newsvine:before {
  content: "\e033";
}

.socicon-identica:before {
  content: "\e034";
}

.socicon-bebo:before {
  content: "\e035";
}

.socicon-zynga:before {
  content: "\e036";
}

.socicon-steam:before {
  content: "\e037";
}

.socicon-xbox:before {
  content: "\e038";
}

.socicon-windows:before {
  content: "\e039";
}

.socicon-qq:before {
  content: "\e03a";
}

.socicon-douban:before {
  content: "\e03b";
}

.socicon-meetup:before {
  content: "\e03c";
}

.socicon-playstation:before {
  content: "\e03d";
}

.socicon-android:before {
  content: "\e03e";
}

.socicon-snapchat:before {
  content: "\e03f";
}

.socicon-twitter:before {
  content: "\e040";
}

.socicon-facebook:before {
  content: "\e041";
}

.socicon-googleplus:before {
  content: "\e042";
}

.socicon-pinterest:before {
  content: "\e043";
}

.socicon-foursquare:before {
  content: "\e044";
}

.socicon-yahoo:before {
  content: "\e045";
}

.socicon-skype:before {
  content: "\e046";
}

.socicon-yelp:before {
  content: "\e047";
}

.socicon-feedburner:before {
  content: "\e048";
}

.socicon-linkedin:before {
  content: "\e049";
}

.socicon-viadeo:before {
  content: "\e04a";
}

.socicon-xing:before {
  content: "\e04b";
}

.socicon-myspace:before {
  content: "\e04c";
}

.socicon-soundcloud:before {
  content: "\e04d";
}

.socicon-spotify:before {
  content: "\e04e";
}

.socicon-grooveshark:before {
  content: "\e04f";
}

.socicon-lastfm:before {
  content: "\e050";
}

.socicon-youtube:before {
  content: "\e051";
}

.socicon-vimeo:before {
  content: "\e052";
}

.socicon-dailymotion:before {
  content: "\e053";
}

.socicon-vine:before {
  content: "\e054";
}

.socicon-flickr:before {
  content: "\e055";
}

.socicon-500px:before {
  content: "\e056";
}

.socicon-instagram:before {
  content: "\e057";
}

.socicon-wordpress:before {
  content: "\e058";
}

.socicon-tumblr:before {
  content: "\e059";
}

.socicon-twitch:before {
  content: "\e05a";
}

.socicon-8tracks:before {
  content: "\e05b";
}

.socicon-amazon:before {
  content: "\e05c";
}

.socicon-icq:before {
  content: "\e05d";
}

.socicon-smugmug:before {
  content: "\e05e";
}

.socicon-ravelry:before {
  content: "\e05f";
}

.socicon-weibo:before {
  content: "\e060";
}

.socicon-baidu:before {
  content: "\e061";
}

.socicon-angellist:before {
  content: "\e062";
}

.socicon-ebay:before {
  content: "\e063";
}

.socicon-imdb:before {
  content: "\e064";
}

.socicon-stayfriends:before {
  content: "\e065";
}

.socicon-residentadvisor:before {
  content: "\e066";
}

.socicon-google:before {
  content: "\e067";
}

.socicon-yandex:before {
  content: "\e068";
}

.socicon-sharethis:before {
  content: "\e069";
}

.socicon-bandcamp:before {
  content: "\e06a";
}

.socicon-itunes:before {
  content: "\e06b";
}

.socicon-deezer:before {
  content: "\e06c";
}

.socicon-telegram:before {
  content: "\e06e";
}

.socicon-openid:before {
  content: "\e06f";
}

.socicon-amplement:before {
  content: "\e070";
}

.socicon-viber:before {
  content: "\e071";
}

.socicon-zomato:before {
  content: "\e072";
}

.socicon-quora:before {
  content: "\e073";
}

.socicon-draugiem:before {
  content: "\e074";
}

.socicon-endomodo:before {
  content: "\e075";
}

.socicon-filmweb:before {
  content: "\e076";
}

.socicon-stackexchange:before {
  content: "\e077";
}

.socicon-wykop:before {
  content: "\e078";
}

.socicon-teamspeak:before {
  content: "\e079";
}

.socicon-teamviewer:before {
  content: "\e07a";
}

.socicon-ventrilo:before {
  content: "\e07b";
}

.socicon-younow:before {
  content: "\e07c";
}

.socicon-raidcall:before {
  content: "\e07d";
}

.socicon-mumble:before {
  content: "\e07e";
}

.socicon-medium:before {
  content: "\e06d";
}

.socicon-bebee:before {
  content: "\e07f";
}

.socicon-hitbox:before {
  content: "\e080";
}

.socicon-reverbnation:before {
  content: "\e081";
}

/* --------- All Other Font/Text Styles ------------------- */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body, input, textarea {
  color: #2f3553;
  font-size: 14px;
  font-weight: 400;
  font-family: "nexa", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

h1, h2, h3, h4, h5 {
  color: #2f3553;
  line-height: 1.3em;
  margin-bottom: 20px;
  font-weight: 700;
}

h2 {
  font-size: 26px;
  font-weight: 900;
  letter-spacing: 2px;
  margin-bottom: 32px;
}

h3 {
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 2px;
  text-transform: uppercase;
}

pre {
  font-family: "Courier 10 Pitch", Courier, monospace;
}

code {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

p {
  margin-bottom: 24px;
  line-height: 1.6em;
  letter-spacing: 1px;
}

ul {
  list-style: disc;
  margin: 0 0 24px 1.6em;
  line-height: 1.6em;
  letter-spacing: 1px;
}

ol {
  list-style: decimal;
  margin: 0 0 18px 1.6em;
  line-height: 1.6em;
  letter-spacing: 1px;
}

ol ol {
  list-style: upper-alpha;
}

ol ol ol {
  list-style: lower-roman;
}

ol ol ol ol {
  list-style: lower-alpha;
}

ul ul, ol ol, ul ol, ol ul {
  margin-bottom: 0;
}

dl {
  margin: 0 0 24px 0;
}

dt {
  font-weight: bold;
}

dd {
  margin-bottom: 18px;
}

strong {
  font-weight: bold;
}

cite, em, i {
  font-style: italic;
}

big {
  font-size: 131.25%;
}

ins {
  background: #ffc;
  text-decoration: none;
}

blockquote {
  font-style: italic;
  padding: 0 3em;
}

blockquote cite, blockquote em, blockquote i {
  font-style: normal;
}

pre {
  background: #f7f7f7;
  color: #222;
  line-height: 18px;
  margin-bottom: 18px;
  padding: 1.5em;
}

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

sup, sub {
  height: 0;
  line-height: 1;
  position: relative;
  vertical-align: baseline;
}

sup {
  bottom: 1ex;
}

sub {
  top: 0.5ex;
}

.orange {
  color: #f88a3d;
}

.caps {
  text-transform: uppercase;
}

p:empty {
  display: none;
}

/* -------------------------------------------------------- LINKS ----------------------------------------------------- */
a {
  color: #2f3553;
  text-decoration: none;
  transition: all 0.3s ease-in-out 0s;
}

.entry-content a {
  font-weight: 800;
}

a:active, a:hover {
  color: #2f3553;
}

.entry-content a:hover {
  text-decoration: underline;
}

a:active, a:focus { /* Firefox hover Override */
  /*outline: 0px;*/
}

a.read-more {
  text-transform: uppercase;
}

/* -------------------------------------------------------- FORMS & FIELDS ----------------------------------------------------- */
input[type=text], input[type=url], input[type=tel], input[type=number], input[type=color], input[type=email], input[type=password], input[type=website] {
  transition: all 0.3s ease 0s;
  background: #fff3d9;
  color: #2f3553;
  font-weight: 300;
  font-size: 18px;
  padding: 15px 20px;
  border: 0px;
  position: relative;
  -webkit-appearance: none;
  border-radius: 0;
}

textarea {
  transition: all 0.3s ease 0s;
  background: #fff3d9;
  color: #2f3553;
  font-weight: 300;
  padding: 15px 20px;
  border: 0px;
  border-radius: 0;
}

input[type=submit] {
  display: block;
  -webkit-appearance: none;
  background: #bebebe;
  border: 0px;
  color: #fff;
  text-transform: uppercase;
  height: auto;
  font-weight: 800;
  padding: 12px 20px;
  cursor: pointer;
  font-size: 15px;
  letter-spacing: 5px;
  transition: all 0.4s ease 0s;
  position: relative;
  -mox-border-radius: 0px;
  border-radius: 0px;
  box-shadow: none;
}

.no-touch input[type=submit]:hover {
  color: #fff;
  background: #2f3553;
}

::-moz-placeholder { /* Firefox 19+ */
  color: #2f3553;
  opacity: 1;
}

::-webkit-input-placeholder {
  color: #2f3553;
}

:-ms-input-placeholder {
  color: #2f3553;
}

textarea, input {
  outline: none;
}

/* ----------------------------------------- GRAVITY FORMS OVERRIDES ------------------------------------ */
.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .hidden_label input.large, .gform_wrapper .hidden_label select.large {
  width: 100% !important;
}

.gform_wrapper .top_label li.gfield.gf_left_half input.large, .gform_wrapper .top_label li.gfield.gf_left_half input.medium, .gform_wrapper .top_label li.gfield.gf_left_half select.large, .gform_wrapper .top_label li.gfield.gf_left_half select.medium, .gform_wrapper .top_label li.gfield.gf_right_half input.large, .gform_wrapper .top_label li.gfield.gf_right_half input.medium, .gform_wrapper .top_label li.gfield.gf_right_half select.large, .gform_wrapper .top_label li.gfield.gf_right_half select.medium {
  width: 100% !important;
}

.gform_wrapper textarea.large {
  width: 100% !important;
}

.gform_wrapper li.hidden_label input {
  margin-top: 0px !important;
}

.gform_wrapper textarea {
  padding: 16px 22px !important;
  letter-spacing: 1px !important;
}

.gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password] {
  padding: 14px 18px 12px 18px !important;
  letter-spacing: 1px !important;
}

.gform_wrapper .gform_footer br {
  display: none;
}

.gform_wrapper textarea.medium {
  width: 100% !important;
}

.gform_wrapper input[type=submit] {
  width: 100%;
  font-family: "museo-sans", sans-serif;
  letter-spacing: 6px;
  font-size: 15px !important;
}

.gform_wrapper.gf_browser_gecko .gfield_checkbox li input, .gform_wrapper.gf_browser_gecko .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_gecko .gfield_radio li input[type=radio] {
  margin-top: 3px !important;
}

.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label {
  display: inline-block !important;
  margin: 0px 12px 0px 5px !important;
}

.gform_wrapper ul.gfield_checkbox li input[type=checkbox], .gform_wrapper ul.gfield_radio li input[type=radio], #gform_wrapper_1 ul.gfield_checkbox li input[type=checkbox], #gform_wrapper_1 ul.gfield_radio li input[type=radio] {
  width: 20px !important;
}

@media screen and (max-width: 500px) {
  .gform_wrapper textarea.large {
    height: 180px;
  }
  .gform_wrapper .top_label li.gfield.gf_left_half {
    width: 100% !important;
    margin-bottom: 18px !important;
  }
  .gform_wrapper .top_label li.gfield.gf_right_half {
    width: 100% !important;
    margin-bottom: 18px !important;
  }
  .gform_wrapper .top_label li.gfield {
    display: block;
    clear: both !important;
    float: none !important;
    margin-bottom: 18px !important;
  }
  .gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password], .gform_wrapper textarea {
    width: 280px !important;
    font-size: 14px !important;
    letter-spacing: 1px !important;
    margin-bottom: 0px !important;
  }
  .gform_wrapper textarea {
    font-size: 14px !important;
    margin-bottom: 0px !important;
  }
  span.customSelect {
    width: 280px;
    font-size: 14px !important;
  }
  .hasCustomSelect {
    width: 280px !important;
    font-size: 14px !important;
  }
  .contactform_wrapper .gform_body {
    padding: 0px;
  }
  .gform_button {
    -webkit-appearance: none;
    border-radius: 0px;
    box-sizing: border-box;
    display: block;
    width: 280px;
    letter-spacing: 1px;
  }
  .gform_wrapper.contactform_wrapper .button {
    font-size: 15px !important;
  }
  .gf_coupon_code {
    margin-bottom: 12px;
  }
}
/* -------------------------------------------------------

 --------------------Vertical Center Content --------------

------------------------------------------------------------- */
.table-container {
  display: table;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0px;
  left: 0px;
  transition: all 0.3s ease 0s;
}

.table-overlay {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
}

/* -------------------------------------------------------

------ General Buttons -----------------------------------

---------------------------------------------------------- */
.btn-hollow {
  background: none repeat scroll 0 0 #757185;
  border: 0px;
  color: #ffffff;
  display: inline-block;
  font-size: 1em;
  line-height: 1.5em;
  margin: 1em 0;
  padding: 5px 15px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  transition: all 0.3s ease 0s;
  z-index: 1;
}

.btn-hollow:before {
  background: none repeat scroll 0 0 #2e3454;
  bottom: 0px;
  content: "";
  display: block;
  left: 0px;
  position: absolute;
  right: 100%;
  top: 0px;
  transition: right 0.3s ease 0s;
  z-index: -1;
}

.no-touch .btn-hollow:hover {
  color: #fff;
}

.no-touch .btn-hollow:hover:before {
  right: 0px;
}

.button {
  display: inline-block;
  line-height: 1em;
  border: 2px solid #2f3553;
  background: #fff;
  color: #2f3553;
  text-transform: upppercase;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 6px;
  padding: 20px 32px;
  cursor: pointer;
  transition: all 0.4s ease 0s;
}

.button:hover {
  text-decoration: none;
  background: #2f3553;
  color: #ffffff;
}

@media screen and (max-width: 800px) {
  .button {
    font-size: 16px;
    letter-spacing: 4px;
    padding: 20px 20px;
  }
}
/* -------------------------------------------------------

 --------------------Vertical Center Content --------------

------------------------------------------------------------- */
.arrow {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 15px;
  background: url(images/arrow-light-purple.png) center no-repeat;
  background-size: cover;
  transition: all 0.3s ease 0s;
}

.arrow-left {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 15px;
  background: url(images/arrow-left-light-purple.png) center no-repeat;
  background-size: cover;
  transition: all 0.3s ease 0s;
}

/* ------------------------------------------------- NAVIGATION AND MENU ELEMENTS -------------------------------------------------*/
/* Top Logo -----------------------------------------------

---------------------------------------------------------- */
.header {
  position: relative;
  z-index: 15;
}

#logo {
  display: block;
  width: 207px;
  height: 57px;
  top: 59px;
  position: absolute;
  left: 50%;
  margin-left: -103.5px;
  background: url(images/bala-logo.png) center center no-repeat;
  background-size: cover;
  font-size: 0px;
  text-indent: -9999em;
  z-index: 5;
}

.home #logo {
  height: 221px;
  width: 210px;
  top: 44px;
  background: url(images/bala-logo-home.png) center center no-repeat;
  background-size: cover;
}

#logo-mobile {
  display: none;
}

@media screen and (max-width: 500px) {
  #logo {
    top: 80px;
  }
  .home #logo {
    top: 60px;
    width: 150px;
    height: 158px;
    margin-left: -75px;
  }
}
/* Top Join Now Button -------------------------------------

---------------------------------------------------------- */
.top-right-menu {
  top: 60px;
  right: 0px;
  position: fixed;
  display: flex;
  flex-wrap: wrap;
}

.top-right-menu a {
  margin-left: 3px;
}

#top-join-now {
  position: relative;
  background: #2f3553;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 4px;
  text-transform: uppercase;
  line-height: 16px;
  padding: 14px 18px;
  z-index: 14;
  cursor: pointer;
}

.no-touch #top-join-now:hover {
  padding-right: 28px;
}

#top-signup {
  position: relative;
  background: #2f3553;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 4px;
  text-transform: uppercase;
  line-height: 16px;
  padding: 14px 18px;
  z-index: 14;
  cursor: pointer;
}

.no-touch #top-signup:hover {
  padding-right: 28px;
}

/* Top Cart Button -------------------------------------

---------------------------------------------------------- */
#top-cart-link {
  position: relative;
  background: #2f3553 url(images/bg-top-cart-link.png) center center no-repeat;
  background-size: 20px 18px;
  color: #fff;
  width: 46px;
  height: 44px;
  display: inline-block;
  font-size: 0px;
  z-index: 14;
}

.no-touch #top-cart-link:hover {
  background-color: #757185;
}

/* Menu/Navigation -------------------------------------------

-------------------------------------------------------------- */
#nav-button {
  text-align: center;
  width: 73px;
  position: fixed;
  left: 0px;
  top: 60px;
  display: block;
  cursor: pointer;
  z-index: 15;
  background: #2f3553;
  transition: all 0.3s ease 0s;
}

#nav-button.active {
  background: #706d81;
}

.no-touch #nav-button:hover {
  padding-left: 10px;
  width: 83px;
}

.nav-label {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: bold;
}

/* =============================================================================

  MENU TOGGLE SWITCHES

============================================================================= */
/**

 * Toggle Switch Globals

 *

 * All switches should take on the class `cmn-toggle-switch` as well as their

 * variant that will give them unique properties. This class is an overview

 * class that acts as a reset for all versions of the icon.

 */
.cmn-toggle-switch {
  position: relative;
  overflow: hidden;
  margin: 0;
  width: auto;
  height: auto;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
  background: #2f3553;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 4px;
  text-transform: uppercase;
  line-height: 16px;
  padding: 14px 18px;
  z-index: 14;
}

.cmn-toggle-switch.active {
  /*background: #2f3553;*/
}

.cmn-toggle-switch:focus {
  /*outline: none;*/
}

.cmn-toggle-switch span {
  display: block;
  position: absolute;
  top: 27px;
  left: 19px;
  right: 19px;
  height: 4px;
  background: #fff;
}

.cmn-toggle-switch span::before, .cmn-toggle-switch span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #fff;
  content: "";
}

#nav-button.white .cmn-toggle-switch span, #nav-button.white .cmn-toggle-switch span::before, #nav-button.white .cmn-toggle-switch span::after {
  background: #fff;
}

#nav-button.white .cmn-toggle-switch__htx.active span {
  background: none;
  box-shadow: none;
}

.cmn-toggle-switch span::before {
  top: -10px;
}

.cmn-toggle-switch span::after {
  bottom: -10px;
}

.active .cmn-toggle-switch span::before, .active .cmn-toggle-switch span::after {
  background-color: #fff;
}

.active .cmn-toggle-switch span {
  color: #fff;
}

.active span.nav-label {
  color: #fff;
}

/**

 * Style 2

 * 

 * Hamburger to "x" (htx). Takes on a hamburger shape, bars slide

 * down to center and transform into an "x".

 */
.cmn-toggle-switch__htx span {
  transition: all 0.1s ease 0s;
}

.cmn-toggle-switch__htx span::before, .cmn-toggle-switch__htx span::after {
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0;
}

.cmn-toggle-switch__htx span::before {
  transition-property: top, transform;
}

.cmn-toggle-switch__htx span::after {
  transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.cmn-toggle-switch__htx.active span {
  background: none;
}

.cmn-toggle-switch__htx.active span::before {
  top: 0;
  transform: rotate(45deg);
}

.cmn-toggle-switch__htx.active span::after {
  bottom: 0;
  transform: rotate(-45deg);
}

.cmn-toggle-switch__htx.active span::before, .cmn-toggle-switch__htx.active span::after {
  transition-delay: 0, 0.3s;
}

@media screen and (max-width: 500px) {
  #nav-button {
    top: 0px;
    left: 50px;
    width: 56px;
  }
  #logo-mobile {
    display: block;
    width: 44px;
    height: 44px;
    background: url(images/bala-logo-mobile.png) center center no-repeat;
    background-size: 30px 30px;
    position: fixed;
    z-index: 15;
    top: 0px;
    left: 0px;
  }
  .cmn-toggle-switch {
    width: auto;
    height: 44px;
    font-size: 14px;
    letter-spacing: 2px;
    padding-left: 0px;
  }
  .cmn-toggle-switch span:before, .cmn-toggle-switch span:after {
    height: 3px;
  }
  .cmn-toggle-switch span:after {
    bottom: -8px;
  }
  .cmn-toggle-switch span:before {
    top: -8px;
  }
  .cmn-toggle-switch span {
    left: 12px;
    right: 12px;
    top: 21px;
    height: 3px;
  }
  #top-join-now {
    /* top: 0px; */
    width: auto;
    font-size: 14px;
    letter-spacing: 2px;
    text-align: right;
    padding: 14px;
  }
  #top-signup {
    font-size: 14px;
    letter-spacing: 2px;
    border-left: 2px solid #fff;
    padding: 14px;
  }
  #top-cart-link {
    /* top: 0px; */
  }
  .top-right-menu {
    top: 0px;
    z-index: 1;
    width: 100%;
    background: #2f3553;
    text-align: right;
    justify-content: flex-end;
  }
}
/* =Menu

-------------------------------------------------------------- */
#site-overlay {
  position: fixed;
  z-index: 5;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  display: none;
  background: rgba(117, 113, 133, 0.93);
}

#access {
  display: none;
  position: fixed;
  z-index: 10;
  top: 0px;
  display: none;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  max-width: 100%;
  background: rgba(117, 113, 133, 0.93);
}

#access.active {
  display: block;
}

#access .menu-header, div.menu {
  color: #fcf8ea;
  font-weight: 500;
}

#access .menu-header ul {
  list-style: none;
  padding: 100px 0px;
  margin: 0;
  text-align: center;
  position: relative;
}

#access .menu-header ul ul {
  margin: 20px 0px 0px 0px;
  padding: 20px 0px 12px 0px;
}

#access .menu-header ul ul:before {
  content: "";
  width: 50px;
  height: 1px;
  background: #e1fee0;
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -25px;
}

#access .menu-header li {
  display: block;
  text-align: center;
  position: relative;
  padding: 12px 0px;
}

#access .menu-header li li {
  display: inline-block;
  padding: 6px 24px;
}

#access .menu-header li:last-child {
  border-bottom: 0px;
}

#access a {
  color: #e1fee0;
  font-size: 41px;
  display: block;
  line-height: 1em;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 100;
  height: 100%;
  text-decoration: none;
  transition: all 0.3s ease 0s;
  position: relative;
}

#access a span {
  width: 100%;
}

#access ul ul {
  display: none;
  position: relative;
  padding: 0px;
  text-align: center;
  width: 100%;
}

#access ul ul li {
  display: inline-block;
  width: auto;
  padding: 0px 16px;
}

#access ul ul a {
  color: #e1fee0;
  font-size: 24px;
  display: block;
  line-height: 1em;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 100;
  height: 100%;
  text-decoration: none;
  transition: all 0.3s ease 0s;
  position: relative;
}

#access a:hover, #access ul ul :hover > a {
  color: #fff3d9;
}

@media screen and (max-width: 500px) {
  #access .menu-header ul {
    height: auto;
    padding: 80px 0px;
  }
  #access a span {
    left: 0;
    padding-left: 0px;
    position: relative;
    top: auto;
    transform: translate3d(0px, 0px, 0px);
    width: 100%;
  }
  #access a {
    position: relative;
    height: auto;
    font-size: 26px;
  }
  #access ul ul a {
    font-size: 18px;
  }
  #access .menu-header li {
    height: auto !important;
    padding: 7px 0px;
  }
}
@media (max-height: 700px) {
  #access a {
    position: relative;
    height: auto;
    font-size: 26px;
  }
}
/* =Content

-------------------------------------------------------------- */
code {
  font-size: 13px;
}

table {
  border: 1px solid #e7e7e7;
  margin: 0 -1px 24px 0;
  text-align: left;
  width: 100%;
}

tr th, thead th {
  color: #888;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  padding: 9px 24px;
}

tr td {
  border-top: 1px solid #e7e7e7;
  padding: 6px 24px;
}

tr.odd td {
  background: #f2f7fc;
}

/* ----------------------------------------------------------------------------------------------------------

---------------------------------------------- PAGE CONTENT -----------------------------------------------------------

-------------------------------------------------------------------------------------------------------------*/
/* Page Top Spacing

------------------------------------------------- */
#container {
  padding-top: 195px;
}

/* Back to Blog Button

----------------------------------------------- */
a.back-to-blog {
  color: #757185;
  font-size: 11px;
  font-weight: 900;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: inline-block;
  background: url(images/bg-back-to-blog.png) center left no-repeat;
  background-size: 17px 11px;
  padding-left: 32px;
}

.no-touch a.back-to-blog:hover {
  padding-left: 42px;
}

/* Page Title area 

----------------------------------------------- */
.single-post-title {
  color: #757185;
  font-family: "nexa", sans-serif;
  font-weight: 700;
  font-size: 35px;
  letter-spacing: 4px;
  text-transform: uppercase;
  line-height: 1em;
  margin-bottom: 20px;
  text-align: center;
}

.single-post-time {
  font-family: "nexa", sans-serif;
  font-weight: 900;
  color: #a8a8a8;
  font-size: 11px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 4px;
  line-height: 1em;
  margin-bottom: 52px;
}

.page-title {
  font-size: 92px;
  letter-spacing: 1px;
  font-family: "salome", serif;
  color: #757185;
  font-weight: normal;
  margin-bottom: 46px;
  line-height: 1em;
  text-align: center;
  position: relative;
}

@media screen and (max-width: 800px) {
  .page-title {
    font-size: 70px;
  }
}
@media screen and (max-width: 500px) {
  .page-title {
    font-size: 50px;
  }
}
/* ------------------------ BLOG HEADER ----------------- */
#blog-header {
  position: relative;
  margin-bottom: 52px;
  text-align: center;
}

.archive-title {
  text-align: center;
  font-weight: 300;
  margin-bottom: 32px;
}

.archive-title span {
  font-weight: 600;
}

div.blog-select {
  display: inline-block;
  vertical-align: middle;
}

#category-select {
  width: 30%;
  float: left;
}

#archive-select {
  width: 30%;
  float: right;
}

div.blog-select div.fancy-select div.trigger {
  background-color: #e4e4e4;
  color: #2f3553;
  cursor: pointer;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 2px;
  text-transform: uppercase;
  overflow: hidden;
  padding: 14px 69px 12px 22px;
  position: relative;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
  line-height: 2em;
}

div.blog-select div.fancy-select div.trigger.open {
  background-color: #757185;
  background-size: auto 100%;
  color: #fff;
  box-shadow: none;
}

#blog-search {
  display: inline-block;
  vertical-align: middle;
  width: 30%;
  float: left;
  margin-right: 5.2%;
}

form#search-blog {
  position: relative;
}

input#search-field {
  -webkit-appearance: none;
  width: 100%;
  border: 0px;
  color: #2f3553;
  padding: 14px 69px 12px 22px;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 2px;
  text-transform: uppercase;
  line-height: 2em;
  background: #e4e4e4 url(images/bg-search-icon.png) top right no-repeat;
  background-size: auto 100%;
}

input.blog-search-submit[type=submit] {
  background: none;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  width: 65px;
  padding: 0px;
  left: auto;
  text-align: center;
  font-size: 19px;
  height: 100%;
}

input.blog-search-submit[type=submit]:hover {
  background: none;
}

.search-not-found {
  text-align: center;
  max-width: 780px;
  margin: 0px auto 60px auto;
}

@media screen and (max-width: 800px) {
  div.blog-select div.fancy-select div.trigger {
    font-size: 14px;
  }
  input#search-field {
    font-size: 14px;
  }
}
@media screen and (max-width: 500px) {
  #blog-search {
    float: none;
    width: 100%;
    margin-bottom: 8px;
  }
  #category-select {
    float: none;
    width: 100%;
    margin-bottom: 8px;
  }
  #archive-select {
    float: none;
    width: 100%;
    margin-bottom: 8px;
  }
}
/* ------------------------------------------------------------ BLOG AND ARCHIVE PAGES ----------------------------------------------- */
.loop-post {
  margin-bottom: 76px;
}

.post-image {
  width: 52%;
  display: block;
  float: left;
}

.post-content {
  float: right;
  display: block;
  width: 48%;
  padding: 32px 36px 0px 36px;
}

.even .post-image {
  float: right;
}

.even .post-content {
  float: left;
  padding-left: 23px;
}

h3.post-date {
  color: #a8a8a8;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 18px;
}

h2.post-title {
  font-size: 25px;
  color: #757185;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 34px;
}

h2.post-title a {
  color: #757185;
}

h2.post-title a:hover {
  color: #2f3553;
}

.post-content .read-more {
  color: #2f3553;
  font-weight: 900;
  font-size: 13px;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.post-content .read-more .arrow {
  background-image: url(images/arrow-dark-purple.png);
  top: 2px;
  margin-left: 10px;
  transition: all 0.4s ease-in-out 0s;
}

.post-content .read-more:hover .arrow {
  margin-left: 20px;
}

@media screen and (max-width: 800px) {
  .post-content {
    padding-top: 0px;
  }
  .loop-post {
    margin-bottom: 46px;
  }
  .post-image {
    display: block;
    float: none !important;
    margin-bottom: 24px;
    width: 100%;
  }
  .post-content {
    float: none !important;
    padding: 0px !important;
    width: 100%;
  }
  h2.post-title {
    font-size: 21px;
    margin-bottom: 18px;
  }
}
/* -------------------------- SINGLE POST ----------------------------------------------- */
.post-inner {
  max-width: 750px;
  margin: 46px auto 0px auto;
}

.post-nav-previous {
  position: fixed;
  display: block;
  top: 50%;
  left: 72px;
  width: 13px;
  height: auto;
  word-break: break-all;
  font-weight: 800;
  font-size: 13px;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.4em;
}

.post-nav-previous a {
  color: #2f3553;
  display: block;
}

.post-nav-previous span {
  display: inline-block;
  width: 10px;
  height: 10px;
}

.post-nav-next {
  position: fixed;
  display: block;
  top: 50%;
  right: 72px;
  width: 13px;
  height: auto;
  word-break: break-all;
  font-weight: 800;
  font-size: 13px;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.4em;
}

.post-nav-next a {
  color: #2f3553;
  display: block;
}

.post-nav-next span {
  display: inline-block;
  width: 10px;
  height: 10px;
}

@media screen and (max-width: 800px) {
  .post-nav-previous {
    position: relative;
    left: 0px;
    top: auto;
    width: 40%;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    background: url(images/arrow-prev-post.png) center left no-repeat;
    background-size: 17px 11px;
    padding-left: 32px;
  }
  .post-nav-previous span {
    display: inline;
    width: auto;
    height: auto;
  }
  .post-nav-next {
    position: relative;
    display: inline-block;
    vertical-align: top;
    left: auto;
    float: right;
    top: auto;
    right: 0px;
    width: 40%;
    text-align: right;
    background: url(images/arrow-next-post.png) center right no-repeat;
    background-size: 17px 11px;
    padding-right: 32px;
  }
  .post-nav-next span {
    display: inline;
    width: auto;
    height: auto;
  }
}
/* Post Footer/Utility Area 

-------------------------------- */
.post-meta {
  line-height: 1.3em;
  margin: 36px 0px 72px 0px;
}

.post-meta h4 {
  display: inline-block;
  font-weight: normal;
  font-family: "merriweather", serif;
  font-size: 15px;
  font-style: italic;
  color: #757185;
  margin: 0px 16px 0px 0px;
}

.post-meta a {
  color: #2f3553;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  display: inline-block;
  padding-right: 6px;
}

.post-meta a:hover {
  color: #757185;
}

.post-meta a:after {
  content: ",";
}

.post-meta a:last-child:after {
  content: "";
}

/* ------------------------------- HOME PAGE ----------------------------------- */
.home-slide-content {
  display: inline-block;
  position: absolute;
  bottom: 30%;
  left: -20px;
  max-width: 400px;
  opacity: 0;
  padding: 28px;
  text-align: center;
  transition: all 0.4s ease 0s;
  background: rgba(255, 255, 255, 0.8);
}

.home-slide-content.active {
  left: 0px;
  opacity: 1;
}

.home-slide-content h2 {
  font-size: 19px;
  color: #757185;
  font-weight: 800;
  margin-bottom: 13px;
}

.home-slide-content:hover {
  text-decoration: none;
}

.home-slide-content:hover .arrow {
  margin-left: 20px;
}

#home-lg-signup {
  width: 100%;
  height: 80px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  text-align: center;
  display: block;
  z-index: 5;
  margin: 0px;
  padding: 0px 20px;
  font-size: 20px;
  letter-spacing: 6px;
  color: #fff;
}

#home-lg-signup h2 {
  display: inline-block;
  font-family: "nexa", serif;
  font-weight: 800;
  font-size: 30px;
  color: #fff;
  letter-spacing: 12px;
  position: relative;
  top: -2px;
  vertical-align: middle;
  margin: 0px;
}

#home-lg-signup div {
  display: inline-block;
  line-height: 80px;
  margin: 0px;
  padding: 0px;
  vertical-align: middle;
}

#home-lg-signup .divider {
  font-size: 32px;
  display: inline-block;
  vertical-align: middle;
  padding: 0px 12px;
  font-weight: 200;
}

@media screen and (max-width: 800px) {
  #home-lg-signup h2 {
    font-size: 26px;
    letter-spacing: 5px;
  }
  #home-lg-signup {
    font-size: 15px;
    color: #fff;
  }
}
@media screen and (max-width: 500px) {
  .home-slide-content {
    padding: 20px;
    width: 100%;
    max-width: 100%;
  }
  .home-slide-content h2 {
    font-size: 16px;
    margin-bottom: 8px;
  }
  .home-slide-content p {
    font-size: 14px;
    margin-bottom: 12px;
    line-height: 1.3em;
  }
  #home-lg-signup {
    padding: 20px;
    height: auto;
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 1.1em;
  }
  #home-lg-signup h2 {
    font-size: 17px;
    letter-spacing: 2px;
  }
  #home-lg-signup .divider {
    font-size: 20px;
    padding: 0px 0px;
  }
  #home-lg-signup div {
    line-height: 1.1em;
  }
  .signup-text {
    display: inline-block;
    vertical-align: middle;
  }
}
/* Home Page Class Slider ---- */
#home-classes {
  background: url(images/bg-wood.jpg) top center repeat-y;
  background-size: 100% auto;
  padding: 90px 0px 100px 0px;
}

/* Home Page Featured Content Area ---- */
#home-featured {
  padding-top: 48px;
}

.featured-product-teacher {
  float: right;
  display: inline-block;
}

.home-product {
  display: inline-block;
  vertical-align: top;
  height: auto;
}

.home-product img {
  display: inline-block;
  vertical-align: top;
  width: 257px;
  height: 257px;
  position: relative;
  z-index: 2;
}

.hp-info {
  display: inline-block;
  vertical-align: top;
  width: 197px;
  height: auto;
  position: relative;
  z-index: 3;
  background: rgba(255, 255, 255, 0.9);
  padding: 60px 0px 20px 0px;
}

.hp-info h2 {
  font-size: 15px;
  color: #757185;
  letter-spacing: 1px;
  font-weight: 600;
  position: relative;
  padding-bottom: 14px;
  margin-bottom: 16px;
}

.hp-info h2 a {
  color: #757185;
}

.hp-info h2 a:hover {
  color: #2f3553;
}

.hp-info h2:after {
  position: absolute;
  bottom: 0px;
  left: 0px;
  display: block;
  background: #757185;
  content: "";
  width: 68px;
  height: 1px;
}

.hp-info .price {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #757185;
  display: block;
  margin-bottom: 26px;
}

.home-teacher {
  display: inline-block;
  vertical-align: top;
  width: 438px;
  height: auto;
}

.home-teacher-title {
  position: relative;
  padding-right: 65px;
  margin-top: 15px;
  margin-bottom: 15px;
  z-index: 3;
  font-size: 35px;
  color: #757185;
  font-weight: 300;
  text-align: center;
  line-height: 1em;
  text-shadow: 0px 0px 3px rgb(255, 255, 255);
}

.home-teacher-title span {
  display: block;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 1px;
  line-height: 1.1em;
  padding-right: 25px;
}

.home #footer-lg-signup.signup-all {
  display: none;
}

#footer-lg-signup.signup-home h4 {
  padding-left: 20%;
}

.home-specials-pose {
  display: inline-block;
  position: absolute;
  bottom: 0px;
  left: 10%;
  max-height: 460px;
  transition: all 0.3s ease 0s;
}

@media screen and (max-width: 1240px) {
  .home-specials-pose {
    max-height: 320px;
    width: auto;
  }
}
@media screen and (max-width: 1000px) {
  .home-specials-pose {
    left: 2%;
  }
}
@media screen and (max-width: 800px) {
  .home-product {
    width: 48%;
  }
  .home-product img {
    width: 48%;
    height: auto;
  }
  .hp-info {
    width: 48%;
  }
  .home-teacher {
    width: 48%;
    float: right;
  }
  #footer-lg-signup.signup-home h4 {
    padding-left: 24%;
  }
}
@media screen and (max-width: 500px) {
  #home-featured {
    padding-top: 24px;
  }
  .home-product {
    width: 100%;
    margin-bottom: 24px;
  }
  .home-teacher {
    width: 100%;
    float: none;
  }
  .home-teacher-title {
    text-align: center;
    padding: 0px;
  }
  .home-teacher-title span {
    padding: 0px;
  }
  #footer-lg-signup.signup-home h4 {
    padding-left: 30%;
    font-size: 34px;
    line-height: 1.15em;
    text-align: left;
  }
  #footer-lg-signup.signup-home .inner {
    padding-left: 55px;
  }
  #footer-lg-signup.signup-home span.footer-sign-up {
    padding-left: 48px;
  }
  .home-specials-pose {
    left: 2%;
    max-height: 160px;
  }
  .hp-info {
    padding-top: 20px;
  }
}
/* ----------------------------------------- Home - Ethos Section --------------------------------------------------- */
.ethos-section {
  padding: 80px 0px 50px 0px;
  background: #6e6b7d;
  text-align: center;
}

.ethos-section h2 {
  font-family: "salome", serif;
  font-size: 70px;
  margin-bottom: 38px;
  color: #fff;
}

.ethos-item {
  display: inline-block;
  width: 28%;
  margin: 0px 2% 46px 2%;
  position: relative;
  vertical-align: top;
  padding-top: 30px;
}

.ethos-item:before {
  content: "";
  width: 250px;
  height: 1px;
  background: #e1fee0;
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: -125px;
}

.ethos-item h3 {
  font-family: "nexa", sans-serif;
  font-weight: 900;
  color: #e1fee0;
  letter-spacing: 4px;
  text-transform: uppercase;
  margin-bottom: 24px;
  font-size: 25px;
}

.ethos-item p {
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  width: 280px;
  margin: 0px auto;
  max-width: 100%;
}

.about-ethos {
  background: #fff;
}

.about-ethos h2 {
  color: #6e6b7d;
}

.about-ethos .ethos-item h3 {
  color: #6e6b7d;
}

.about-ethos .ethos-item:before {
  background: #6e6b7d;
}

.about-ethos .ethos-item p {
  color: #2f3553;
}

@media screen and (max-width: 500px) {
  .ethos-section h2 {
    font-size: 35px;
  }
  .ethos-item {
    width: 100%;
    margin: 0px 0px 60px 0px;
  }
}
/* ----------------------------------------- ABOUT PAGE --------------------------------------------------- */
.page-template-page-about #container {
  padding-top: 0px;
}

.about-content {
  padding: 146px 0px 60px 0px;
}

#banner-top {
  display: block;
  position: relative;
  height: 620px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

#banner-top.about-top {
  background-position: bottom center;
  height: 663px;
}

.top-title {
  color: #fff;
  position: absolute;
  bottom: 4%;
  line-height: 1em;
  left: 0px;
  width: 100%;
  font-size: 250px;
  font-family: "salome", serif;
  opacity: 0.7;
  text-align: center;
  font-weight: normal;
  margin: 0px;
}

.about-subtitle {
  font-family: "salome", serif;
  font-size: 72px;
  font-weight: normal;
  color: #757185;
  line-height: 1.3em;
  position: relative;
  padding: 40px 0px 0px 0px;
  margin: 0px 0px 40px 0px;
}

.about-subtitle:before {
  display: block;
  width: 200px;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #757185;
  height: 1px;
  content: "";
}

.about-content-inner {
  float: right;
  width: 728px;
  max-width: 100%;
  padding-right: 68px;
}

#about-leadership {
  margin: 100px 0px 130px 0px;
}

.leadership-title {
  font-weight: 900;
  width: 674px;
  max-width: 100%;
  text-transform: uppercase;
  color: #757185;
  letter-spacing: 6px;
  text-align: center;
  margin: 0px auto 45px auto;
  position: relative;
  border-bottom: 1px solid #757185;
}

.leadership-title span {
  bottom: -10px;
  displayh: inline-block;
  position: relative;
  padding: 0px 30px;
  background: #fff3d9;
}

.leadership-intro {
  font-size: 17px;
  color: #2f3553;
  width: 756px;
  max-width: 100%;
  text-align: center;
  margin: 0px auto 65px auto;
}

#leadership {
  text-align: center;
}

.team-member {
  width: 32%;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  padding: 0px 40px;
}

.team-member .title {
  height: 96px;
}

.team-member h3 {
  font-size: 21px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 10px;
  line-height: 1.1em;
}

.team-member h4 {
  font-family: "merriweather", serif;
  color: #757185;
  font-style: italic;
  font-weight: 500;
  font-size: 14px;
}

.team-member img {
  display: block;
  width: 276px;
  max-width: 100%;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  margin: 0px auto 30px auto;
}

.team-member .meet-teacher {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 3px;
  margin-top: 5px;
  width: 100%;
  text-transform: uppercase;
  text-decoration: none;
  color: #757185;
}

.team-member .meet-teacher .arrow {
  top: 2px;
  margin-left: 5px;
  transition: all 0.3s ease-in-out 0s;
}

.team-member:hover {
  text-decoration: none;
}

.team-member:hover .meet-teacher .arrow {
  margin-left: 15px;
}

@media screen and (max-width: 1100px) {
  .top-title {
    font-size: 150px;
  }
}
@media screen and (max-width: 800px) {
  .about-content-inner {
    float: none;
    width: 100%;
    padding: 0px;
  }
  .about-subtitle {
    font-size: 56px;
  }
  .team-member {
    padding: 0px 34px;
  }
  .team-member h3 {
    font-size: 15px;
  }
}
@media screen and (max-width: 500px) {
  .top-title {
    font-size: 56px;
    opacity: 1;
  }
  .team-member .title {
    height: auto;
  }
  .team-member {
    width: 100%;
    padding: 0px;
    margin: 0px 0px 70px 0px;
  }
  #banner-top.about-top, #banner-top {
    height: 50vh;
  }
  .about-subtitle {
    font-size: 28px;
    letter-spacing: 1px;
    line-height: 1.1em;
  }
}
/* ----------------------------------------- LOCATIONS PAGE & INDIVIDUAL LOCATIONS--------------------------------------------------- */
.single-location #location {
  padding-top: 48px;
  position: relative;
  width: 100%;
  display: block;
}

.location-select {
  width: 478px;
  max-width: 100%;
  margin: 0px auto;
  text-align: center;
}

.location-select .locations-intro {
  margin-bottom: 20px;
}

.location-select .locations-intro span {
  background: #fff;
}

.location-desc {
  position: relative;
  background: #fff3d9;
  text-align: center;
  padding: 83px 0px 80px 0px;
  margin: 106px 0px 94px 0px;
}

.location-desc p:last-child {
  margin-bottom: 0px;
}

.location-title {
  font-size: 82px;
  font-family: "Salome", serif;
  position: absolute;
  top: -60px;
  left: 0px;
  width: 100%;
  margin: 0px;
}

.location-desc .inner {
  width: 708px;
}

.location-social {
  background: url(images/bg-location-social.jpg) center right no-repeat;
  background-size: cover;
  padding: 122px 0px;
}

a.location-soc-link {
  color: #2f3553;
  border: 4px solid #2f3553;
  border-radius: 50%;
  width: 76px;
  height: 76px;
  display: inline-block;
  text-align: center;
  line-height: 76px;
  font-size: 35px;
  margin: 0px 9px;
  transition: all 0.3s ease 0s;
}

a.location-soc-link:hover {
  background: #2f3553;
  color: #fff;
}

.location-social .loc-social-content {
  width: 314px;
  text-align: center;
  position: relative;
}

.location-social h3 {
  font-size: 19px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 4px;
  margin-bottom: 30px;
  position: relative;
}

.location-social h3 span {
  position: relative;
  z-index: 2;
}

.location-social h3:before {
  content: "";
  display: block;
  width: 100%;
  height: 14px;
  background: #e3e47a;
  position: absolute;
  bottom: 0px;
  z-index: 1;
  left: 0px;
}

.location-soc-link + h3 {
  margin-top: 80px;
}

.location-parking-retail {
  padding: 96px 0px;
}

.location-parking-retail .inner {
  width: 788px;
}

.location-parking-retail h2 {
  text-align: center;
  color: #757185;
  font-size: 40px;
  font-weight: 800;
  letter-spacing: 1px;
  margin-bottom: 80px;
}

.location-parking-retail h2 span {
  border-bottom: 1px solid #767592;
  padding: 0px 40px 12px 40px;
}

.loc-parking {
  display: inline-block;
  vertical-align: top;
  width: 60%;
  padding-right: 70px;
  letter-spacing: 1px;
  text-align: left;
}

.loc-parking a {
  font-weight: 800;
}

.loc-address-hours {
  display: inline-block;
  vertical-align: top;
  width: 38%;
  text-align: left;
}

.loc-address-hours address,
.loc-address-hours p {
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 24px;
  font-style: normal;
  line-height: 1.5em;
}

.loc-amenities-list {
  list-style: none;
  margin: 35px 0px 90px 0px;
}

.loc-amenities-list li {
  display: block;
  font-family: "Salome", serif;
  font-size: 22px;
  color: #757185;
  margin-bottom: 14px;
  padding-left: 30px;
  position: relative;
}

.loc-amenities-list li:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background: #757185;
  position: absolute;
  left: 0px;
  top: 8px;
}

.location-callouts {
  background: #fff3d9;
  padding: 55px 0px;
}

.location-callouts .inner {
  width: 1140px;
  padding: 0px 20px;
}

.loc-callout-links {
  border-top: 1px solid #e8dabc;
  border-bottom: 1px solid #e8dabc;
}

.loc-callout-link {
  color: #2f3553;
  width: 25%;
  float: left;
  display: block;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.2em;
  padding: 70px 30px 70px 30px;
  min-height: 400px;
  text-align: left;
  position: relative;
  background-color: #fff3d9;
  background-image: url(images/arrow-dark-purple.png);
  background-repeat: no-repeat;
  background-size: 50px 15px;
  background-position: bottom 59px left 30px;
}

.loc-callout-link:after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 1px;
  height: 80%;
  background: #e8dabc;
  margin-top: 10%;
}

.loc-callout-link:hover {
  background-color: #2f3553;
  color: #fff3d9;
  background-image: url(images/arrow-right-yellow.png);
  background-repeat: no-repeat;
  background-size: 50px 15px;
  background-position: bottom 59px left 44px;
}

.loc-callout-link:hover:after {
  display: none;
}

.loc-callout-link:last-child:after {
  display: none;
}

.callout-img-1 {
  position: relative;
  width: 90%;
  height: auto;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
}

.callout-img-1:before {
  content: "";
  display: block;
  padding-top: 67.5%;
}

.callout-img-2 {
  position: relative;
  width: 360px;
  height: auto;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
}

.callout-img-2:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.callout-img-3 {
  position: relative;
  width: 64%;
  height: auto;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  float: right;
  margin-top: 140px;
}

.callout-img-3:before {
  content: "";
  display: block;
  padding-top: 74.5%;
}

.location-amenities-gallery h2 {
  text-align: center;
  color: #757185;
  font-size: 40px;
  font-weight: 800;
  letter-spacing: 1px;
  margin-bottom: 80px;
}

.location-amenities-gallery h2 span {
  border-bottom: 1px solid #767592;
  padding: 0px 40px 12px 40px;
}

.amenities-right {
  float: right;
  width: 36%;
  position: relative;
  z-index: 2;
  padding-left: 44px;
}

.amenities-left {
  float: left;
  width: 64%;
  position: relative;
  z-index: 2;
}

.location-amenities-gallery {
  position: relative;
  padding-bottom: 60px;
}

.location-amenities-gallery:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 340px;
  background: #fff3d9;
  bottom: 0px;
  left: 0px;
  z-index: 1;
}

@media screen and (max-width: 1440px) {
  .loc-callout-link {
    font-size: 30px;
    min-height: 370px;
  }
}
@media screen and (max-width: 1440px) {
  .top-title {
    font-size: 190px;
  }
}
@media screen and (max-width: 1024px) {
  .callout-img-3 {
    margin-top: 80px;
  }
  .loc-callout-link {
    font-size: 24px;
  }
  .loc-callout-link {
    min-height: 320px;
  }
  .top-title {
    font-size: 150px;
  }
}
@media screen and (max-width: 768px) {
  .amenities-right {
    width: 50%;
  }
  .amenities-left {
    width: 50%;
  }
  .callout-img-3 {
    width: 84%;
  }
  .callout-img-2 {
    width: 75%;
  }
  .location-amenities-gallery:before {
    height: 240px;
  }
  .location-callouts {
    padding: 25px 0px;
  }
  .loc-callout-link {
    padding: 40px 30px 40px 24px;
    background-position: bottom 59px left 24px;
    min-height: 270px;
  }
  .loc-callout-link:hover {
    background-position: bottom 59px left 24px;
  }
  .loc-callout-link::after {
    height: 80%;
    margin-top: 20%;
  }
  .location-social {
    background-position: center center;
  }
  .top-title {
    font-size: 130px;
  }
}
@media screen and (max-width: 500px) {
  .top-title {
    font-size: 56px;
  }
  .location-select {
    padding: 0px 20px;
  }
  .location-title {
    font-size: 50px;
    top: -40px;
  }
  .location-desc {
    padding: 63px 0px 60px 0px;
  }
  .location-amenities-gallery h2 {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .amenities-right {
    width: 100%;
    margin-bottom: 30px;
    padding: 0px 30px;
  }
  .amenities-left {
    width: 100%;
    padding: 0px 30px;
  }
  .callout-img-2 {
    width: 100%;
  }
  .callout-img-1 {
    width: 100%;
  }
  .callout-img-3 {
    width: 100%;
    margin-top: 30px;
  }
  .callout-img-1:before {
    content: "";
    display: block;
    padding-top: 67.5%;
  }
  .callout-img-2:before {
    content: "";
    display: block;
    padding-top: 67.5%;
  }
  .callout-img-3:before {
    content: "";
    display: block;
    padding-top: 67.5%;
  }
  .loc-callout-link {
    width: 100%;
    min-height: 0px;
    padding: 40px 30px 60px 24px;
    background-position: bottom 30px left 24px;
    border-bottom: 1px solid #e8dabc;
  }
  .loc-callout-link:after {
    display: none;
  }
  .loc-callout-link:hover {
    background-position: bottom 30px left 24px;
  }
  .location-parking-retail h2 {
    font-size: 22px;
    margin-bottom: 50px;
  }
  .location-parking-retail h2 span {
    padding: 0px 20px 12px 20px;
  }
  .loc-parking {
    width: 100%;
    padding: 0px;
  }
  .loc-address-hours {
    width: 100%;
  }
  .location-social .loc-social-content {
    width: 100%;
  }
}
/* ----------------------------------------- STUDIOS PAGE --------------------------------------------------- */
.page-template-page-studios #container {
  padding-top: 68px;
}

.studios-subtitle {
  font-family: "salome", serif;
  font-size: 72px;
  font-weight: normal;
  color: #757185;
  line-height: 1.1em;
  position: relative;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 40px 0px;
}

.studios-content-inner {
  float: right;
  width: 580px;
  max-width: 100%;
  padding-right: 40px;
  position: relative;
  top: -78px;
}

/* Locations Slider---- */
.location-flex {
  position: relative;
  width: 56%;
  float: left;
  height: 440px;
  z-index: 1;
}

.location-info {
  float: right;
  width: 44%;
  padding: 38px 50px 0px 62px;
}

.location-info h2 {
  font-family: "salome", serif;
  font-size: 72px;
  font-weight: normal;
  line-height: 1em;
  margin-bottom: 36px;
  color: #757185;
}

.location-info p {
  padding-right: 50px;
}

.loc-services {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.loc-services li {
  list-style: none;
  display: inline-block;
  vertical-align: middle;
  font-size: 22px;
  line-height: 1.3em;
  color: #757185;
  font-family: "salome", serif;
  position: relative;
}

.loc-services li:after {
  content: "/";
  position: relative;
  margin: 0px 11px;
  display: inline-block;
  vertical-align: top;
}

.loc-services li:last-child:after {
  content: "";
  display: none;
}

.brands-area {
  display: block;
  position: relative;
  padding: 127px 0px 80px 0px;
}

.brands {
  float: left;
  width: 67%;
  text-align: center;
}

.brands h2 {
  font-family: "nexa", sans-serif;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 4px;
  margin-bottom: 26px;
  text-transform: uppercase;
}

.brands-list {
  display: block;
  list-style: none;
  text-align: center;
  margin: 0px;
}

.brands-list li {
  list-style: none;
  display: inline-block;
  vertical-align: middle;
  margin: 20px 24px 20px 24px;
}

.brands-list img {
  width: auto;
  height: auto;
  max-height: 70px;
  display: block;
}

img.brand-hero {
  display: block;
  position: absolute;
  right: 0px;
  top: 60px;
  width: 420px;
  height: auto;
  max-width: 100%;
}

.location-details {
  background: #fff3d9;
  padding: 78px 0px 54px 0px;
}

.location-details h2 {
  font-family: "nexa", sans-serif;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 4px;
  margin-bottom: 26px;
  text-transform: uppercase;
}

.location-details h2 span {
  font-style: italic;
  font-weight: 300;
  font-size: 14px;
  display: block;
  margin-top: 4px;
  text-transform: none;
  letter-spacing: 0.5px;
}

.parking {
  width: 50%;
  text-align: center;
  padding: 0px 48px;
  display: inline-block;
  vertical-align: middle;
}

.parking a {
  font-weight: bold;
}

.hours {
  width: 48%;
  text-align: center;
  padding: 0px 48px;
  display: inline-block;
  vertical-align: middle;
}

.hours p {
  font-size: 18px;
}

.locations-intro {
  font-weight: 500;
  font-family: "merriweather", serif;
  font-style: italic;
  font-size: 14px;
  width: 600px;
  max-width: 100%;
  text-transform: none;
  color: #2f3553;
  letter-spacing: 0.5px;
  text-align: center;
  margin: 0px auto 40px auto;
  position: relative;
  border-bottom: 1px solid #757185;
}

.locations-intro span {
  bottom: -5px;
  displayh: inline-block;
  position: relative;
  padding: 0px 30px;
  background: #fff3d9;
}

@media screen and (max-width: 1024px) {
  .location-flex {
    width: 48%;
  }
  .location-info {
    width: 52%;
  }
  .studios-content-inner {
    top: auto;
  }
}
@media screen and (max-width: 800px) {
  .studios-subtitle {
    font-size: 54px;
  }
  .studios-content-inner {
    width: 100%;
    padding: 0px;
    float: none;
  }
  .location-info h2 {
    font-size: 54px;
  }
  .location-flex {
    width: 100%;
    height: 400px;
  }
  .location-info {
    width: 100%;
    padding: 40px 25px 0px px;
  }
  .brands {
    width: 100%;
    float: none;
  }
  img.brand-hero {
    display: none;
  }
}
@media screen and (max-width: 500px) {
  img.brand-hero {
    display: block;
    position: relative;
    top: auto;
    left: auto;
    float: right;
    width: auto;
  }
  .brands-area {
    padding: 80px 0px;
  }
  .location-flex {
    width: 100%;
    height: 300px;
  }
  .location-info {
    padding: 38px 20px 0px 20px;
  }
  .location-info h2 {
    font-size: 34px;
  }
  .studios-subtitle {
    font-size: 34px;
  }
  .location-info p {
    padding-right: 0px;
  }
  .parking {
    width: 100%;
    padding: 0px;
    margin: 30px 0px;
  }
  .hours {
    width: 100%;
    padding: 0px;
  }
}
/* ------------------------------- Bala Barre Section (Home & About) ----------------------------------- */
#bala-barre {
  display: block;
  background-color: #eef1f3;
  background-position: bottom left;
  background-size: 100% auto;
  background-repeat: no-repeat;
  min-height: 40vh;
  padding-top: 90px;
  padding-bottom: 30%;
  text-align: center;
}

#bala-barre h2 {
  font-family: "salome", serif;
  font-size: 70px;
  margin-bottom: 38px;
  color: #2f3553;
}

.barre-left {
  display: inline-block;
  vertical-align: top;
  width: 296px;
  max-width: 100%;
  position: relative;
}

.barre-left h3 {
  font-size: 20px;
  text-transform: none;
  font-weight: 600;
  letter-spacing: 1px;
}

.barre-left p {
  font-size: 14px;
  font-weight: bold;
}

.barre-right {
  display: inline-block;
  vertical-align: top;
  margin-left: 154px;
  max-width: 100%;
  position: relative;
  text-align: left;
}

.barre-right ul {
  font-size: 16px;
  font-weight: bold;
  margin: 0px 0px 32px 0px;
}

.barre-right li {
  margin-bottom: 6px;
  list-style: none;
}

.barre-right li strong {
  text-transform: uppercase;
  font-weight: 900;
  color: #6e6b7d;
}

.barre-right h3 {
  color: #6e6b7d;
  font-size: 20px;
}

.barre-right h3 a {
  display: inline-block;
  position: relative;
}

.barre-right h3 a:before {
  content: "";
  transition: all 0.3s ease 0s;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 0px;
  display: block;
  height: 2px;
  background: #2f3553;
}

.barre-right h3 a:hover:before {
  width: 100%;
}

.barre-right:before {
  content: "";
  position: absolute;
  display: block;
  width: 114px;
  top: 10px;
  left: -146px;
  height: 1px;
  background: #2f3553;
}

@media screen and (max-width: 900px) {
  .barre-right {
    width: 65%;
    margin-left: 0px;
    text-align: center;
  }
  .barre-right:before {
    display: none;
  }
  .barre-left {
    width: 80%;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 500px) {
  #bala-barre h2 {
    font-size: 35px;
  }
  .barre-left {
    width: 100%;
  }
  .barre-right {
    width: 100%;
  }
  .barre-right {
    font-size: 14px;
  }
}
/* ------------------------------- Teachers Main Page ----------------------------------- */
/* Main Page -------- */
.teachers-page-title {
  margin-bottom: 0px;
  display: block;
  z-index: 5;
  position: relative;
}

#teacher-links-list {
  position: relative;
  display: block;
  z-index: 2;
  margin-top: -28px;
}

.teacher-link {
  display: block;
  float: left;
  width: 50%;
  height: 60vh;
  position: relative;
  text-align: center;
  background-size: cover;
  background-position: center center;
  padding-top: 10%;
  transition: all 0.5s ease 0s;
}

.teacher-link:nth-child(odd) {
  border-right: 20px solid #edffff;
}

.teacher-link:nth-child(even) {
  border-left: 20px solid #edffff;
}

.teacher-link-title {
  display: inline-block;
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid #2f3553;
  padding: 22px;
  min-width: 212px;
  text-align: center;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 22px;
  font-weight: 900;
  letter-spacing: 5px;
  transition: all 0.3s ease 0s;
}

.no-touch .teacher-link:hover {
  padding-top: 8%;
}

.no-touch .teacher-link:hover .teacher-link-title {
  background: rgb(255, 255, 255);
}

@media screen and (max-width: 800px) {
  .teacher-link {
    height: 40vh;
  }
  .teacher-link:nth-child(odd) {
    border-right: 10px solid #edffff;
  }
  .teacher-link:nth-child(even) {
    border-left: 10px solid #edffff;
  }
}
@media screen and (max-width: 500px) {
  .teacher-link {
    width: 100%;
    height: 30vh;
    padding-top: 15%;
  }
  .teacher-link-title {
    font-size: 18px;
    line-height: 18px;
    padding: 14px;
  }
  .teachers-page-title {
    margin-bottom: 30px;
  }
  #teacher-links-list {
    margin-top: 0px;
  }
  .teacher-link:nth-child(odd) {
    border-right: 0px solid #edffff;
  }
  .teacher-link:nth-child(even) {
    border-left: 0px solid #edffff;
  }
}
/* End Main Teachers Page */
.teacher-image-wrap {
  width: 100%;
  position: relative;
  display: block;
  background: #CCC;
  overflow: hidden;
}

.teacher-image {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-size: 100% auto;
  background-position: center center;
  transition: all 0.6s ease-in-out;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}

.teacher-item-link {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}

.no-touch .teacher-item-link:hover .teacher-image { /* IE 9 */ /* Chrome, Safari, Opera */
  transform: scale(1.1);
}

.no-touch .teacher-item-link:hover span.arrow {
  margin-left: 15px;
}

.teacher-info {
  display: block;
  width: 100%;
  padding: 18px 0px;
  text-align: left;
}

.teacher-info h2 {
  width: 66.6%;
  display: inline-block;
  vertical-align: middle;
  margin: 0px;
  text-transform: uppercase;
  font-size: 25px;
  letter-spacing: 2px;
  padding-left: 17px;
}

.teacher-info .meet-teacher {
  float: right;
  text-align: right;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 3px;
  margin-top: 5px;
  width: 32%;
  text-transform: uppercase;
  color: #757185;
}

.teacher-info .meet-teacher .arrow {
  top: 2px;
  margin-left: 5px;
  transition: all 0.6s ease-in-out 0s;
}

ul.teachers-grid {
  display: block;
  list-style: none;
  margin: 0px;
  text-align: center;
}

li.teacher-item {
  display: inline-block;
  vertical-align: top;
  list-style: none;
  width: 49%;
  padding: 0px 30px;
  margin-bottom: 70px;
}

li.teacher-item.odd {
  padding-right: 0px;
}

li.teacher-item.even {
  padding-left: 0px;
}

@media screen and (max-width: 800px) {
  .home-slide-content {
    bottom: 15%;
  }
}
@media screen and (max-width: 500px) {
  li.teacher-item {
    width: 100%;
    padding: 0px;
    margin-bottom: 30px;
  }
  li.teacher-item.odd {
    padding: 0px;
  }
  li.teacher-item.even {
    padding: 0px;
  }
  .teacher-info h2 {
    display: block;
    width: 100%;
    padding-left: 5px;
    font-size: 20px;
    letter-spacing: 1px;
    margin-bottom: 8px;
  }
  .teacher-info .meet-teacher {
    width: 100%;
    text-align: left;
    padding-left: 5px;
  }
}
/* ------------------------------- SINGLE TEACHER PAGE ----------------------------------- */
.teacher-left {
  position: relative;
  float: left;
  width: 36.25%;
  padding-left: 8.83%;
  padding-right: 50px;
}

.teacher-left .entry-content {
  padding-top: 62px;
}

.teacher-left .entry-content p {
  line-height: 1.7em;
  letter-spacing: 0.5px;
}

.teacher-right {
  float: right;
  width: 63.75%;
}

.teacher-ft-link {
  padding-left: 90px;
}

.teacher-title {
  font-size: 72px;
  font-family: "salome", serif;
  font-weight: normal;
  color: #757185;
  line-height: 1em;
  margin: 36px 0px 60px 0px;
}

ul.teacher-gallery {
  text-align: right;
  list-style: none;
  padding: 0px 117px 0px 0px;
  margin: 0px;
}

ul.teacher-gallery li {
  display: inline-block;
  vertical-align: top;
  margin: 8px;
  width: 140px;
  height: 140px;
}

#teacher-bottom {
  position: relative;
  margin-top: 67px;
}

.teacher-bottom-inner {
  padding-left: 8.83%;
  padding-right: 117px;
  margin-bottom: 76px;
}

.next-class {
  float: left;
  display: inline-block;
  position: relative;
  margin-top: 38px;
}

.next-class h2 {
  font-family: "merriweather", serif;
  font-size: 14px;
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0.5px;
  display: inline-block;
  vertical-align: top;
  color: #757185;
  margin: 0px;
  max-width: 170px;
}

span.next-divider {
  width: 1px;
  height: 103px;
  vertical-align: top;
  margin: 0px 0px 0px 30px;
  display: inline-block;
  background: #757185;
  transform: rotate(32.5deg);
  position: relative;
  top: -54px;
}

.teacher-class-name {
  display: inline-block;
  vertical-align: top;
  margin: -3px 30px 0px 10px;
  max-width: 229px;
  font-size: 18px;
  color: #757185;
  line-height: 1.2em;
  font-weight: 600;
  text-align: center;
  letter-spacing: 2px;
  text-transform: none;
}

.teacher-class-name a {
  color: #757185;
}

.teacher-class-name a:hover {
  color: #2f3553;
}

.teacher-class-time {
  display: inline-block;
  vertical-align: top;
  margin: 0px 0px 0px 0px;
  background: url(images/icon-clock.png) left top no-repeat;
  background-size: 21px 21px;
  padding-left: 34px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #6e6786;
  line-height: 1.6em;
  font-size: 13px;
}

.spotify-player {
  float: right;
  display: inline-block;
}

.teacher-banner-link {
  display: block;
  width: 100%;
  height: 335px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.teacher-banner-wrap {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  background: #CCC;
  overflow: hidden;
}

.teacher-banner-image {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-size: 100% auto;
  background-position: center center;
  transition: all 0.6s ease-in-out;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}

.teacher-info-mobile {
  display: none;
}

@media screen and (max-width: 800px) {
  .teacher-right {
    float: none;
    width: 100%;
  }
  .teacher-info-mobile {
    display: block;
  }
  .teacher-info-mobile .back-to-blog {
    margin-bottom: 36px;
  }
  .teacher-left {
    display: none;
  }
  .teacher-ft-link {
    padding-left: 0px;
  }
  .teacher-title {
    padding: 0px 20px;
    margin-bottom: 24px;
  }
  ul.teacher-gallery {
    padding: 0px;
    text-align: center;
  }
  .teacher-bottom-inner {
    padding: 0px 20px;
    text-align: center;
  }
  .next-class {
    float: none;
  }
  .spotify-player {
    float: none;
  }
}
@media screen and (max-width: 500px) {
  .teacher-title {
    font-size: 40px;
  }
  #teacher-bottom {
    margin-top: 40px;
  }
  .next-class {
    margin: 10px 0px 30px 0px;
    text-align: center;
  }
  span.next-divider {
    display: none;
  }
  .next-class h2 {
    margin-bottom: 12px;
  }
  .teacher-class-name {
    margin: 0px 0px 16px 0px;
  }
  .teacher-banner-link {
    height: 200px;
  }
  .teacher-banner-image {
    background-size: cover;
  }
  .spotify-player {
    margin-left: -10px;
  }
}
/* ------------------------------- EVENTS and TEACHER TRAINING MAIN PAGE ----------------------------------- */
.events-top {
  text-align: center;
  font-size: 17px;
  line-height: 1.3em;
  font-weight: 400;
  max-width: 750px;
  margin: 0px auto 30px auto;
}

ul.event-grid {
  display: block;
  list-style: none;
  margin: 0px 0px 30px 0px;
  text-align: center;
}

.event-image-wrap {
  width: 100%;
  position: relative;
  display: block;
  background: #CCC;
  overflow: hidden;
}

.event-image {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-size: cover;
  background-position: top center;
  transition: all 0.6s ease-in-out;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}

.event-item-link {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transform: translateZ(0);
}

.no-touch .event-item-link:hover .event-image { /* IE 9 */ /* Chrome, Safari, Opera */
  transform: scale(1.1);
}

.no-touch .event-item-link:hover span.arrow {
  margin-left: 15px;
}

.event-overlay {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: linear-gradient(to bottom, rgba(117, 113, 133, 0.8) 0%, rgba(117, 113, 133, 0) 60%, rgba(117, 113, 133, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#757185", endColorstr="#00757185", GradientType=0 );
}

.event-info {
  display: block;
  width: 100%;
  padding: 34px;
  color: #fff;
  position: absolute;
  z-index: 3;
  top: 0px;
  left: 0px;
  height: auto;
  transition: all 0.5s ease-in-out 0s;
  text-align: left;
}

.event-info h3 {
  font-size: 16px;
  color: #e1fee0;
  text-transform: uppercase;
  font-weight: 800;
  margin-bottom: 16px;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

.event-info span.date {
  margin-right: 10px;
}

.event-info h3 span.with {
  color: #fff;
  display: inline-block;
  font-weight: 300;
  font-family: "merriweather", serif;
  font-style: italic;
  text-transform: none;
}

.event-info h2 {
  margin: 0px;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 25px;
  letter-spacing: 2px;
  color: #fff;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

.event-more-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
  opacity: 0;
  width: 100%;
  height: 100%;
  background: rgba(117, 113, 133, 0.7);
  transition: all 0.5s ease-in-out 0s;
}

.event-more-overlay h4 {
  margin: 0px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  font-size: 25px;
  letter-spacing: 2px;
  display: inline-block;
  vertical-align: middle;
}

.event-more-overlay h4 span {
  font-size: 40px;
  font-weight: 800;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin: 0px 0px 0px 10px;
  top: -3px;
}

.no-touch .event-item-link:hover .event-info {
  top: 20px;
  opacity: 0;
}

.no-touch .event-item-link:hover .event-more-overlay {
  opacity: 1;
}

ul.events-grid {
  display: block;
  list-style: none;
  margin: 0px;
}

li.event-item {
  display: inline-block;
  vertical-align: top;
  list-style: none;
  width: 49%;
  padding: 0px 28px;
  margin-bottom: 48px;
}

/* Filtering ------------ */
#event-filter-btn {
  margin: 0px 0px 36px 0px;
}

#toggle-filter {
  display: block;
  line-height: 45px;
  font-size: 16px;
  color: #2f3553;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
  cursor: pointer;
  padding-left: 35px;
}

#toggle-filter span {
  display: inline-block;
  vertical-align: top;
  width: 45px;
  height: 45px;
  background: #2f3553;
  color: #fff;
  text-align: center;
  line-height: 45px;
  font-size: 40px;
  font-weight: 500;
  text-indent: 2px;
  margin-right: 10px;
}

#Filters {
  display: block;
  position: fixed;
  text-align: center;
  background: rgba(47, 53, 83, 0.95);
  width: 30%;
  left: -30%;
  top: 0px;
  z-index: 100;
  height: 100vh;
  transition: all 0.4s ease-in-out 0s;
}

#Filters.open {
  left: 0px;
}

fieldset.tax-terms-box {
  padding: 0px 30px;
}

fieldset.tax-terms-box .inner {
  width: auto;
}

button.filter {
  border: 0px;
  -webkit-appearance: none;
  display: block;
  text-align: center;
  background: none;
  color: #e5fde4;
  width: 100%;
  font-size: 20px;
  font-weight: 300;
  font-family: "nexa", sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 12px 0px;
  cursor: pointer;
}

button.filter:hover {
  color: #fff;
}

button.filter.active {
  color: #fff;
}

.title-filter {
  color: #fff;
  margin: 30px 0px 15px 0px;
}

@media screen and (max-width: 800px) {
  #Filters {
    width: 40%;
    left: -40%;
  }
  .event-info {
    padding: 20px;
  }
  .event-info h2 {
    font-size: 18px;
  }
}
@media screen and (max-width: 500px) {
  li.event-item {
    width: 100%;
    padding: 0px;
    margin-bottom: 30px;
  }
  li.event-item.odd {
    padding: 0px;
  }
  li.event-item.even {
    padding: 0px;
  }
  .event-info h2 {
    display: block;
    width: 100%;
    padding-left: 5px;
    font-size: 20px;
    letter-spacing: 1px;
    margin-bottom: 8px;
    line-height: 1.2em;
  }
  .event-info h3 {
    font-size: 14px;
  }
  .event-info h3 span.with {
    letter-spacing: 0px;
  }
  .event-info .meet-event {
    width: 100%;
    text-align: left;
    padding-left: 5px;
  }
  #Filters {
    width: 100%;
    left: -100%;
  }
  .event-overlay {
    background: linear-gradient(to bottom, rgb(117, 113, 133) 0%, rgba(117, 113, 133, 0) 70%, rgba(117, 113, 133, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#757185", endColorstr="#00757185", GradientType=0 );
  }
}
/* Mixitup

----------------------------- */
.mixitup-list li.hentry { /*Set this for the mixitup plugin */
  display: none;
}

/* --------------------------------------- SINGLE EVENT/TEACHER TRAINING PAGE --------------------------------- */
.event-content img + h3, .event-content img + p, .event-content img + h2 {
  margin-top: 24px;
}

.single-event-image-wrap {
  width: 100%;
  position: relative;
  display: block;
  background: #CCC;
  overflow: hidden;
}

.single-event-image-wrap.event-img-mobile {
  display: none;
  margin-bottom: 40px;
  height: 60vh !important;
}

.event-left {
  position: relative;
  float: left;
  width: 43%;
  padding-left: 5.75%;
  padding-right: 50px;
  z-index: 10;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
}

.event-right {
  float: right;
  width: 57%;
}

.event-inner {
  padding-right: 11%;
  padding-top: 65px;
}

h1.single-event-title {
  font-family: "salome", serif;
  font-size: 72px;
  letter-spacing: 0px;
  font-weight: normal;
  line-height: 0.9em;
  margin: 78px 0px 8px 0px;
  text-transform: none;
  color: #757185;
}

h2.single-event-with {
  color: #a8a8a8;
  display: block;
  font-family: "merriweather", serif;
  font-style: italic;
  font-size: 18px;
  font-weight: 300;
  text-transform: none;
  margin: 0px;
}

.single-event-meta {
  margin: 132px 0px 75px 0px;
}

.meta-item {
  margin-bottom: 20px;
}

.meta-item h3 {
  font-size: 15px;
  color: #a8a8a8;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 2px;
  margin-bottom: 3px;
}

.meta-item h4, .meta-item a {
  font-size: 16px;
  color: #2f3553;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: 2px;
  margin-bottom: 0px;
}

.meta-item a:after {
  content: ", ";
}

.meta-item a:last-child:after {
  content: "";
}

.event-more-info {
  font-size: 14px;
  font-family: "merriweather", serif;
  font-style: italic;
  line-height: 1.6em;
  width: 308px;
  max-width: 100%;
}

#related-post-box {
  position: relative;
  margin: 0px 0px 90px 0px;
  width: 520px;
  max-width: 100%;
}

#related-post-box h3.also-like {
  position: absolute;
  display: inline-block;
  background: #fff;
  font-family: "merriweather", serif;
  font-style: italic;
  font-weight: 300;
  font-size: 20px;
  color: #2f3553;
  letter-spacing: 2px;
  line-height: 1em;
  padding: 13px 84px;
  top: 60%;
  left: -320px;
  text-transform: none;
  z-index: 2;
}

@media screen and (max-width: 1000px) {
  h1.single-event-title {
    font-size: 65px;
  }
}
@media screen and (max-width: 800px) {
  h1.single-event-title {
    font-size: 50px;
  }
  .single-event-meta {
    margin: 70px 0px;
  }
}
@media screen and (max-width: 500px) {
  h1.single-event-title {
    font-size: 38px;
    margin: 38px 0px 8px 0px;
  }
  .single-event-meta {
    margin: 35px 0px;
  }
  .meta-item h3 {
    font-size: 14px;
  }
  .meta-item h4, .meta-item a {
    font-size: 15px;
  }
  .event-register {
    margin-bottom: 24px;
  }
  .event-left {
    float: none;
    padding: 0px 0px;
    width: 100%;
  }
  .single-event-image-wrap.event-img-mobile {
    display: block;
  }
  .single-event-image-wrap.event-img-desktop {
    display: none;
  }
  .event-left a.back-to-blog {
    display: none;
  }
  .event-left h1.single-event-title, .event-left h2.single-event-with, .event-left .single-event-meta, .event-left .event-register {
    padding-left: 20px;
    padding-right: 20px;
  }
  .event-right {
    float: none;
    padding: 0px 0px;
    width: 100%;
  }
  .event-right p, .event-right h2, .event-right h3, .event-right h4, .event-right ul, .event-right ol, #post-bottom {
    padding-left: 20px;
    padding-right: 20px;
  }
  .event-inner {
    padding: 40px 0px 0px 0px;
  }
  #related-post-box h3.also-like {
    position: relative;
    width: 100%;
    margin: 0px;
    font-size: 17px;
    letter-spacing: 1px;
    left: 0px;
    top: 0px;
    padding: 13px 20px;
  }
}
/* ------------------------------- RETREATS MAIN PAGE ----------------------------------- */
.page-template-page-retreats #container {
  padding-top: 0px;
}

.header-image {
  display: block;
  position: relative;
  height: 90vh;
  background-size: cover;
}

.retreat-header-image {
  display: block;
  position: relative;
  height: 80vh;
  background-size: cover;
}

.header-image .table-container {
  z-index: 5;
}

.header-image .page-title {
  color: #fff;
  font-size: 142px;
  margin: 0px;
  text-shadow: 0px 0px 21px rgba(0, 0, 0, 0.3);
}

.retreats-top {
  width: 690px;
  max-width: 100%;
  font-size: 19px;
  line-height: 1.3em;
  text-align: center;
  font-weight: 600;
  color: #fff;
  margin: 24px auto 0px auto;
  text-shadow: 0px 0px 21px rgba(0, 0, 0, 0.3);
}

.header-image .overlay {
  z-index: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
}

.retreats-filter-wrap {
  padding: 28px 50px;
  position: relative;
}

.retreats-filter-wrap #event-filter-btn {
  margin: 0px;
}

li.retreat-item {
  width: 100%;
  display: block;
  height: 600px;
  position: relative;
  margin: 0px 0px 15px 0px;
}

.retreat-item-link {
  display: block;
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}

.retreat-item-link .table-container {
  background: rgba(0, 0, 0, 0.1);
  transition: all 0.5s ease-in-out 0s;
}

.retreat-item-link:hover .table-container {
  background: rgba(0, 0, 0, 0.4);
}

.retreat-image-wrap {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  z-index: 1;
  transition: all 0.6s ease-in-out 0s;
  background-size: cover;
}

.retreat-item-link:hover .retreat-image-wrap {
  transform: scale(1.1);
}

.retreat-image-wrap .table-container {
  z-index: 5;
}

.retreat-item-link h2 {
  text-transform: uppercase;
  font-size: 63px;
  font-weight: 900;
  color: #fff;
  letter-spacing: 8px;
  text-shadow: 0px 0px 21px rgba(0, 0, 0, 0.3);
  line-height: 1.1em;
  padding: 0px 20px;
  margin: 0px 0px 10px 0px;
}

.retreat-item-link h3 {
  display: inline-block;
  color: #fff;
  background: #2f3553;
  padding: 10px 30px;
  font-weight: bold;
  letter-spacing: 1px;
  margin: 0px;
}

#previous-retreats {
  position: relative;
  margin-top: 86px;
  padding-bottom: 90px;
}

#previous-retreats:after {
  content: "";
  width: 100%;
  height: 68%;
  position: absolute;
  background: #fff;
  z-index: 1;
  left: 0px;
  bottom: 0px;
}

#previous-retreats h2 {
  font-family: "salome", serif;
  font-size: 55px;
  font-weight: normal;
  text-transform: lowercase;
  color: #757185;
  text-align: center;
  position: relative;
  z-index: 5;
  display: block;
  margin-bottom: 46px;
}

#previous-retreats h2 span {
  background: #fff3d9;
  padding: 0px 28px;
  display: inline-block;
}

#previous-retreats h2:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background: #757185;
  left: 0px;
  top: 50%;
  z-index: -1;
}

ul.previous-retreats-list {
  margin: 0px;
  list-style: none;
  text-align: center;
  position: relative;
  z-index: 5;
}

li.previous-retreat-item {
  display: inline-block;
  width: 32%;
  vertical-align: top;
  padding: 0px 20px;
}

.prev-retreat-link {
  display: block;
  position: relative;
  text-align: left;
}

.prev-retreat-img {
  width: 100%;
  background-size: cover;
  position: relative;
  display: block;
  z-index: 1;
  transition: all 0.5s ease 0s;
}

.prev-retreat-img:before {
  content: "";
  display: block;
  padding-top: 108.79%; /* initial ratio of 1:1*/
}

.prev-retreat-link h3 {
  display: inline-block;
  position: relative;
  padding: 10px 45px 10px 22px;
  background: #fff;
  font-size: 25px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0px;
  z-index: 5;
  top: -14px;
  transition: all 0.4s ease-in-out 0s;
}

.prev-retreat-link h3 span {
  width: 50px;
  height: 15px;
  background: url(images/arrow-right-blue.png) top center no-repeat;
  background-size: cover;
  display: block;
  position: absolute;
  right: -22px;
  bottom: 14px;
}

.no-touch .prev-retreat-link:hover h3 {
  top: -28px;
}

@media screen and (max-width: 800px) {
  .header-image .page-title {
    font-size: 84px;
  }
  li.previous-retreat-item {
    width: 48%;
  }
  #previous-retreats {
    margin-top: 46px;
  }
}
@media screen and (max-width: 700px) {
  .retreats-top {
    width: 100%;
    padding: 0px 20px;
  }
}
@media screen and (max-width: 500px) {
  .header-image .page-title {
    font-size: 54px;
    margin-top: 40px;
  }
  .header-image {
    max-height: 85vh;
  }
  .retreats-top {
    font-size: 15px;
  }
  .retreats-filter-wrap {
    padding: 28px 20px;
  }
  .retreats-filter-wrap #toggle-filter {
    padding-left: 0px;
  }
  #previous-retreats h2 {
    font-size: 28px;
    letter-spacing: 0px;
  }
  li.previous-retreat-item {
    width: 100%;
    margin-bottom: 20px;
  }
  #previous-retreats {
    margin-top: 0px;
    padding-bottom: 30px;
  }
  .prev-retreat-link h3 {
    font-size: 21px;
    top: -12px;
  }
}
/* ------------------------------- RETREATS SINGLE PAGE ----------------------------------- */
.single-retreat #top-join-now,
.page-template-page-retreats #top-join-now {
  display: none;
}

.single-retreat #container {
  padding: 0px;
}

.retreat-title {
  text-transform: uppercase;
  font-size: 80px;
  line-height: 1.1em;
  padding: 0px 20px;
  font-weight: 900;
  color: #fff;
  letter-spacing: 8px;
  text-shadow: 0px 0px 21px rgba(0, 0, 0, 0.3);
  margin: 0px 0px 10px 0px;
}

.retreat-date {
  display: inline-block;
  color: #fff;
  background: #2f3553;
  padding: 10px 30px;
  font-weight: bold;
  letter-spacing: 1px;
}

.retreat-header {
  height: 650px;
  max-height: 80vh;
}

.retreat-content {
  position: relative;
  z-index: 5;
}

.retreat-content-top {
  width: 820px;
  max-width: 100%;
  text-align: center;
  margin: 60px auto 0px auto;
}

.retreat-content-top h2 {
  font-weight: 500;
  letter-spacing: 1px;
  color: #757185;
  font-size: 45px;
  margin-bottom: 30px;
}

.retreat-teacher-wrap {
  text-align: center;
  position: relative;
  margin-top: -20px;
}

.retreat-teacher-name {
  font-family: "merriweather", serif;
  font-style: italic;
  font-size: 19px;
  display: inline-block;
  background: #fff3d9;
  padding: 20px 28px;
  text-align: center;
  color: #757185;
  text-transform: none;
  letter-spacing: 1px;
  font-weight: normal;
}

.retreat-teacher-name span {
  font-size: 15px;
}

.retreat-content .register-btn {
  width: 512px;
  max-width: 100%;
}

.retreat-highlights {
  text-align: center;
  width: 820px;
  max-width: 100%;
  margin: 88px auto 120px auto;
}

.retreat-highlights h2 {
  display: inline-block;
  font-size: 40px;
  color: #757185;
  font-weight: 800;
  text-transform: lowercase;
  letter-spacing: 2px;
  border-bottom: 1px solid #767592;
  text-align: center;
  padding: 0px 56px 10px 56px;
  margin-bottom: 48px;
}

ul.retreats-highlights-list {
  text-align: left;
  margin: 0px 0px 60px 0px;
}

ul.retreats-highlights-list li {
  list-style: square;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.4em;
  margin-bottom: 10px;
  padding-left: 10px;
}

.retreat-fine-print {
  text-align: center;
}

.retreat-fine-print p {
  font-size: 16px;
  line-height: 1.4em;
  font-weight: 400;
  font-style: italic;
}

ul.retreat-content-sections {
  margin: 120px 0px 30px 0px;
}

.retreat-content-section {
  display: block;
  margin-bottom: 90px;
}

.rcs-text {
  width: calc(100% - 676px);
  float: left;
  padding: 0px 50px;
}

.rcs-img {
  width: 676px;
  max-width: 100%;
  float: right;
}

.retreat-content-section:nth-child(even) .rcs-text {
  float: right;
}

.retreat-content-section:nth-child(even) .rcs-img {
  float: left;
}

.rcs-text h2 {
  font-size: 80px;
  position: relative;
  letter-spacing: 1px;
  font-weight: 800;
  line-height: 1.1em;
}

.rcs-text h2:after {
  content: "";
  background: #fff3d9;
  display: block;
  width: 100%;
  height: 5px;
  top: 57%;
  left: 0px;
  position: absolute;
  z-index: 3;
}

.retreat-toggle {
  background: #fff;
  padding: 24px 72px;
  margin-bottom: 5px;
}

.retreat-toggle h3.toggle-open {
  font-size: 35px;
  line-height: 1em;
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0px;
  position: relative;
  margin: 0px;
}

.retreat-toggle h3.toggle-open span {
  position: relative;
  float: right;
  font-weight: 300;
  font-size: 60px;
  display: inline-block;
}

.toggle-view .panel {
  padding-top: 40px;
  display: none;
}

#retreats-form {
  background: #2f3553;
  padding: 68px 0px 75px 0px;
}

#retreats-form h2 {
  text-align: center;
  color: #fff3d9;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 28px;
}

#retreats-form h2 span {
  font-family: "salome", serif;
  font-size: 55px;
  font-weight: normal;
}

#retreats-form form {
  text-align: center;
}

#retreats-form input[type=email] {
  text-transform: lowercase;
}

#retreats-form input[type=submit] {
  margin-left: 14px;
  display: inline-block;
  padding: 16px 20px;
  color: #2f3553;
}

#retreats-form input[type=submit]:hover {
  background: #fff;
}

.retreat-pricing-btm {
  text-align: center;
  margin: 70px auto;
}

.retreat-pricing-btm h2 {
  display: inline-block;
  font-size: 40px;
  color: #757185;
  font-weight: 800;
  text-transform: lowercase;
  letter-spacing: 2px;
  border-bottom: 1px solid #767592;
  text-align: center;
  padding: 0px 56px 10px 56px;
  margin-bottom: 48px;
}

.retreat-pricing-info p {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 32px;
}

.retreat-pricing-info p strong {
  font-weight: 800;
}

.pricing-extra-notes {
  margin-top: 58px;
}

.pricing-extra-notes p {
  font-size: 22px;
  font-weight: 500;
}

.pricing-extra-notes p strong {
  font-weight: 800;
}

a.pricing-questions-link {
  display: inline-block;
  position: relative;
  font-family: "merriweather", serif;
  font-style: italic;
  font-size: 17px;
  bottom: 0px;
  left: 0px;
  margin-top: 40px;
}

a.pricing-questions-link:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 12px;
  background: #fff;
  bottom: -4px;
}

.retreat-gallery {
  margin-top: 7px;
}

.gal-row {
  margin-bottom: 7px;
}

.gal-img {
  position: relative;
  overflow: hidden;
  width: 50%; /* desired width */
  float: left;
  background: #999;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 1s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
}

.gal-img-tall {
  width: 32.666%;
}

.gal-wide-tall .gal-img-tall {
  float: right;
}

.gal-wide-tall .gal-img-tall:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  background: #fff3d9;
  width: 7px;
  z-index: 5;
}

.gal-tall-wide .gal-img-wide {
  float: right;
}

.gal-tall-wide .gal-img-wide:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  background: #fff3d9;
  z-index: 5;
  width: 7px;
}

.gal-img-wide {
  width: 67.33%;
}

.gal-img-wide:before {
  content: "";
  display: block;
  padding-top: 66.58416%; /* initial ratio of 1:1*/
}

.gal-img-tall:before {
  content: "";
  display: block;
  padding-top: 137.2449%; /* initial ratio of 1:1*/
}

.gal-img-full-wide {
  width: 100%;
}

.gal-img-full-wide:before {
  content: "";
  display: block;
  padding-top: 44.8333%; /* initial ratio of 1:1*/
}

.gal-img-square {
  width: 50%;
}

.gal-img-square:before {
  content: "";
  display: block;
  padding-top: 89.33%; /* initial ratio of 1:1*/
}

.gal-img-square-left:after {
  content: "";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  background: #fff3d9;
  z-index: 5;
  width: 7px;
}

#retreat-previous {
  background: #fff;
  padding: 78px 0px 3px 0px;
}

#retreat-previous h2.retreat-previous-title {
  font-family: "salome", serif;
  font-size: 55px;
  font-weight: normal;
  text-transform: lowercase;
  color: #757185;
  text-align: center;
  position: relative;
  line-height: 1em;
  z-index: 5;
  display: block;
  margin-bottom: 46px;
}

#retreat-previous h2.retreat-previous-title span {
  background: #ffffff;
  padding: 0px 28px;
  display: inline-block;
}

#retreat-previous h2.retreat-previous-title:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background: #757185;
  left: 0px;
  top: 50%;
  z-index: -1;
}

#retreat-previous ul.event-grid {
  margin-bottom: 0px;
}

#retreat-previous ul.event-grid li {
  margin-bottom: 0px;
}

.single-retreat #post-bottom-links {
  margin-top: 63px;
}

.single-retreat #post-bottom {
  padding-bottom: 60px;
}

.rounded {
  border-radius: 50%;
}

.teacher {
  margin-bottom: 20px;
}

.teacher img {
  width: 240px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
}

.teacher-content {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 250px);
  max-width: 100%;
  padding: 0px 60px;
  line-height: 1.5em;
}

.teacher-content h3 {
  font-family: "salome", serif;
  font-size: 35px;
  margin-bottom: 12px;
  text-transform: none;
  font-weight: normal;
}

@media screen and (max-width: 1200px) {
  li.retreat-item {
    height: 436px;
  }
}
@media screen and (max-width: 1100px) {
  .rcs-img {
    width: 50%;
  }
  .rcs-text {
    width: 50%;
  }
}
@media screen and (max-width: 800px) {
  .retreat-content-top h2 {
    font-size: 36px;
  }
  .retreat-content-top {
    padding: 0px 20px;
    margin-top: 10px;
  }
  .retreat-highlights {
    padding: 0px 30px;
    margin: 60px auto 60px auto;
  }
  ul.retreats-highlights-list {
    padding: 0px 30px;
  }
  .rcs-text h2 {
    font-size: 40px;
  }
  .rcs-text h2:after {
    height: 3px;
  }
  .retreat-toggle h3.toggle-open {
    font-size: 26px;
  }
  .retreat-title {
    font-size: 60px;
  }
  #retreat-previous h2.retreat-previous-title {
    font-size: 42px;
  }
  .retreat-item-link h2 {
    font-size: 60px;
    letter-spacing: 6px;
  }
  #retreats-form h2 {
    font-size: 20px;
  }
  #retreats-form h2 span {
    font-size: 40px;
  }
  .teacher img {
    width: 180px;
  }
  .teacher-content {
    width: calc(100% - 190px);
    max-width: 100%;
    padding: 0px 0px 0px 60px;
    line-height: 1.5em;
  }
}
@media screen and (max-width: 500px) {
  .single-retreat #top-join-now,
  .page-template-page-retreats #top-join-now {
    display: block;
  }
  .page-template-page-retreats #logo {
    background-image: url(images/bala-logo-white.png);
  }
  .retreat-title {
    font-size: 42px;
    margin-top: 80px;
    letter-spacing: 4px;
  }
  .retreat-teacher-name {
    font-size: 16px;
  }
  .retreat-content-top h2 {
    font-size: 28px;
  }
  .retreat-highlights h2,
  .retreat-pricing-btm h2 {
    font-size: 34px;
    width: 100%;
    padding: 0px 0px 10px 10px;
  }
  .rcs-text {
    width: 100%;
    float: right !important;
  }
  .rcs-img {
    width: 100%;
    margin-bottom: 40px;
    float: left !important;
  }
  .retreat-toggle {
    padding: 24px 26px;
  }
  .retreat-toggle h3.toggle-open {
    font-size: 22px;
  }
  ul.retreat-content-sections {
    margin-top: 70px;
  }
  .rcs-text {
    padding: 0px 30px;
  }
  .retreat-content-section {
    margin-bottom: 50px;
  }
  .retreat-pricing-info p {
    font-size: 17px;
  }
  .retreat-fine-print p {
    font-size: 14px;
  }
  .pricing-extra-notes p {
    font-size: 17px;
  }
  .pricing-extra-notes {
    margin-top: 48px;
  }
  #retreat-previous h2.retreat-previous-title {
    font-size: 34px;
    line-height: 0.8em;
  }
  #retreat-previous {
    padding-top: 42px;
  }
  .retreat-item-link h2 {
    font-size: 30px;
    letter-spacing: 4px;
  }
  .retreat-item-link h3 {
    font-size: 13px;
  }
  li.retreat-item {
    height: 320px;
  }
  #retreats-form input[type=email] {
    margin-bottom: 10px;
    width: 100%;
  }
  #retreats-form input[type=submit] {
    margin: 0px;
    width: 100%;
  }
  #retreats-form h2 span {
    line-height: 1.2em;
    display: block;
  }
  .teacher img {
    width: 100%;
    margin-bottom: 24px;
  }
  .teacher-content {
    width: 100%;
    max-width: 100%;
    padding: 0px 0px 0px 0px;
    line-height: 1.4em;
  }
  .teacher-content h3 {
    font-size: 28px;
    letter-spacing: 0px;
  }
}
/* ----------------------------------------- CONTACT PAGE --------------------------------------------------- */
.talk-title {
  margin-bottom: 28px;
}

#gform_wrapper_1 {
  margin-top: 68px;
}

.contact-inner {
  width: 768px;
  text-align: center;
}

.contact-container h1 {
  z-index: 5;
  margin-bottom: 14px;
}

.contact-locations {
  position: relative;
  z-index: 4;
}

.contact-container-left {
  position: absolute;
  z-index: 1;
  left: 0px;
  top: 0px;
  width: 50%;
  height: 100%;
  background: #edffff;
}

.contact-container-right {
  position: absolute;
  z-index: 1;
  right: 0px;
  top: 0px;
  width: 50%;
  height: 100%;
  background: #e1fee0;
}

ul.location-list {
  margin: 0px;
  list-style: none;
  padding-bottom: 120px;
}

li.location-item {
  float: left;
  width: 50%;
  display: block;
  text-align: center;
  padding: 0px 50px 0px 50px;
}

.contact-slide-inner {
  text-align: center;
  padding: 0px 20px;
}

.location-map {
  width: 500px;
  height: 300px;
  max-width: 100%;
  margin: 0px auto;
}

h2.location-name {
  display: inline-block;
  color: #fff;
  background: #757185;
  text-transform: uppercase;
  position: relative;
  padding: 14px 56px;
  line-height: 1em;
  letter-spacing: 6px;
  font-weight: 800;
  margin-top: -14px;
  margin-bottom: 56px;
}

.location-address {
  font-weight: 800;
}

h3.location-subtitle {
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
}

h3.location-subtitle span {
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: none;
  display: block;
  line-height: 1em;
  margin-top: 5px;
  font-style: italic;
}

.location-contact {
  margin: 34px 0px 78px 0px;
  color: #757185;
}

.location-contact h2 {
  font-family: "merriweather", serif;
  font-size: 14px;
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0.2px;
  display: inline-block;
  margin: 0px;
  color: #757185;
  text-transform: none;
}

.location-contact span.next-divider {
  width: 1px;
  height: 103px;
  vertical-align: bottom;
  margin: 0px 13px -22px 28px;
  display: inline-block;
  background: #757185;
  transform: rotate(32.5deg);
  top: auto;
}

.location-contact a {
  color: #757185;
}

.location-contact a:hover {
  text-decoration: underline;
}

.phone-email {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  letter-spacing: 1px;
  font-weight: 600;
  text-align: left;
  margin-left: 24px;
}

.phone span {
  display: inline-block;
  margin: 0px 8px 0px -1px;
  vertical-align: middle;
  width: 25px;
  height: 19px;
  background: url(images/icon-phone.png) center center no-repeat;
  background-size: cover;
  position: relative;
  top: -4px;
}

.phone {
  line-height: 1.3em;
  margin-bottom: 8px;
}

.email {
  font-weight: 800;
}

.email span {
  display: inline-block;
  margin-right: 16px;
  vertical-align: middle;
  width: 23px;
  height: 15px;
  background: url(images/icon-mail.png) center center no-repeat;
  background-size: cover;
  position: relative;
  top: -4px;
}

.location-hours {
  max-width: 400px;
  display: inline-block;
  border-top: 1px solid #757185;
  padding-top: 70px;
  margin-bottom: 40px;
}

.location-hours h3 span {
  display: block;
  font-weight: 300;
  font-style: italic;
  text-transform: none;
  font-size: 14px;
  letter-spacing: 1px;
  margin-top: 5px;
}

.hours-item {
  margin-bottom: 20px;
}

.hours-item h4 {
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 0px;
  font-style: normal;
  line-height: 1.5em;
  letter-spacing: 1px;
}

.hours-item h5 {
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 0px;
  font-style: normal;
  line-height: 1.5em;
  letter-spacing: 1px;
}

.location-parking {
  max-width: 408px;
  display: block;
  margin: 0px auto;
}

.page-template-page-contact #content {
  padding-top: 100px;
  background: #ffffff;
}

.page-template-page-contact .location-parking-retail {
  position: relative;
}

.page-template-page-contact .location-parking-retail:before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  width: 400px;
  height: 1px;
  background: #757185;
  left: 50%;
  transform: translateX(-50%);
}

.page-template-page-contact .location-select {
  margin: 40px auto 60px auto;
}

@media screen and (max-width: 800px) {
  .location-contact span.next-divider {
    display: none;
  }
  .phone-email {
    margin-top: 20px;
  }
  .location-contact h2 {
    display: block;
  }
  .location-hours {
    width: 500px;
    max-width: 100%;
  }
}
@media screen and (max-width: 800px) {
  .page-template-page-contact #content {
    padding-top: 50px;
  }
  li.location-item {
    width: 100%;
    padding: 30px 20px;
  }
  li.location-item + li.location-item {
    padding-top: 60px;
  }
  .contact-container-left {
    width: 100%;
  }
  .contact-container-right {
    width: 0%;
  }
  ul.location-list {
    padding-bottom: 0px;
  }
  h2.location-name {
    display: block;
  }
}
@media screen and (max-width: 500px) {
  .page-template-page-contact .location-parking-retail:before {
    transform: translateX(0);
    left: 0px;
    width: 100%;
  }
  .page-template-page-contact .location-parking-retail {
    padding: 80px 0px 40px 0px;
  }
  .page-template-page-contact .loc-address-hours {
    margin-top: 40px;
  }
}
/* --------------------------- NEW TO YOGA PAGE ------------------------------- */
#page-header {
  width: 100%;
  height: 70vh;
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 2;
}

#nty-top {
  background: #fefee1;
  padding: 60px 0px 90px 0px;
}

#nty-top .page-title {
  text-align: left;
  margin-bottom: 75px;
}

.nty-top-left {
  width: 50%;
  float: left;
  padding-left: 20px;
}

.nty-top-left h2 {
  font-family: "salome", serif;
  font-weight: normal;
  font-size: 52px;
  color: #757185;
  position: relative;
  padding-top: 42px;
}

.nty-top-left h2:before {
  content: "";
  display: block;
  height: 1px;
  width: 197px;
  background: #757185;
  position: absolute;
  top: 0px;
  left: 0px;
}

.nty-top-left h2 p {
  line-height: 0.95em;
  margin-bottom: 20px;
}

.nty-top-right {
  width: 44.28%;
  float: right;
  padding-right: 50px;
}

#nty-info {
  background: url(images/bg-wood.jpg) top center repeat-y;
  background-size: 100% auto;
  padding: 130px 0px 100px 0px;
}

.nty-info {
  margin-bottom: 70px;
}

.info-left {
  width: 33.8%;
  float: left;
  padding-left: 34px;
}

.info-left h3 {
  width: 100%;
  border-top: 1px solid #757185;
  padding-top: 36px;
  font-size: 25px;
  text-transform: uppercase;
  letter-spacing: 5px;
  font-weight: 900;
  color: #757185;
}

.info-right {
  padding-top: 40px;
  width: 58.3%;
  float: right;
  padding-right: 60px;
}

.info-right p {
  font-weight: bold;
  font-size: 14px;
}

#faqs-banner {
  height: 472px;
  max-height: 70vh;
  background-size: cover;
  background-position: center center;
}

.faq-title {
  color: #757185;
  font-size: 100px;
  font-family: "salome", serif;
  letter-spacing: 1px;
  margin-bottom: 44px;
  font-weight: normal;
  text-align: center;
}

#faqs {
  background: #fefee1;
  padding: 70px 0px 80px 0px;
}

#faqs .inner {
  width: 962px;
}

ul#faq-list {
  margin: 0px;
  list-style: none;
}

#faq-list li {
  list-style: none;
  margin-bottom: 70px;
}

#faq-list li p {
  font-style: italic;
  font-size: 14px;
  line-height: 1.8em;
  letter-spacing: 0.4px;
  font-family: "merriweather", serif;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  width: 600px;
  max-width: 100%;
}

#faq-list li h3 {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 30px;
}

.wp-video {
  margin-bottom: 30px;
}

@media screen and (max-width: 800px) {
  .nty-top-left h2 {
    font-size: 35px;
  }
  #faqs-banner {
    height: 372px;
    max-height: 70vh;
    background-attachment: local !important;
    background-size: cover;
    background-position: center center;
  }
}
@media screen and (max-width: 500px) {
  #nty-top .page-title {
    font-size: 37px;
    margin-bottom: 36px;
  }
  .nty-top-left {
    float: none;
    width: 100%;
    padding-left: 0px;
  }
  .nty-top-right {
    float: none;
    width: 100%;
    padding-right: 0px;
  }
  .nty-top-left h2 {
    font-size: 26px;
  }
  #nty-info {
    padding: 80px 40px 0px;
  }
  .nty-info {
    margin-bottom: 40px;
  }
  .info-left h3 {
    letter-spacing: 3px;
  }
  .info-left {
    float: none;
    width: 100%;
    padding: 0px;
  }
  .info-right {
    float: none;
    width: 100%;
    padding: 0px;
  }
  .faq-title {
    font-size: 50px;
  }
  #nty-top {
    padding: 50px 0px;
  }
  #faqs {
    padding-bottom: 0px;
  }
}
/* --------------------------------------- SCHEDULE/CLASSES PAGE --------------------------------- */
.classes-sched-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 30px;
}

/* Healcode Overrides */
div.healcode .header select {
  border: 0px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: #2f3553;
  font-family: "nexa", sans-serif;
  font-weight: 800;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 3px;
  padding: 14px 69px 12px 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  background: #fff url(images/bg-select.png) top right no-repeat;
  background-size: auto 100%;
}

div.healcode .header select#trainer {
  float: right;
  margin-right: 0px;
}

/* Note: Some overrides are in the actual Healcode app itself */
input[type=checkbox] {
  box-shadow: none;
  height: 1.4em;
  margin: -2px 0.5em 0.4em 0;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 1.4em;
}

input[type=checkbox]::before {
  background: #e0e0e0 none repeat scroll 0 0;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

input[type=checkbox]:checked::before {
  background: #404041 none repeat scroll 0 0;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.classes-title {
  text-align: center;
  border-bottom: 1px solid #757185;
  font-size: 25px;
  color: #757185;
  font-weight: 900;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.classes-title span {
  padding: 0px 36px;
  background: #e5fde4;
  position: relative;
  bottom: -10px;
  line-height: 1em;
}

.class-content {
  color: #757185;
  font-size: 17px;
  line-height: 1.6em;
  text-align: center;
  max-width: 886px;
  margin: 0px auto;
}

#class-descriptions {
  padding-top: 20px;
  margin-top: 90px;
}

#class-schedule {
  padding-top: 20px;
  margin-top: 70px;
}

#class-schedule .classes-title {
  margin-bottom: 50px;
}

.schedule-select {
  margin-bottom: 40px;
}

.schedule-select .locations-intro span {
  background: #e5fde4;
}

#class-descriptions .classes-title {
  margin-bottom: 50px;
}

@media screen and (max-width: 500px) {
  #class-schedule {
    margin-top: 0px;
  }
}
/* ------------------------------------------------------------ PRICING/RATES PAGE ----------------------------------------------- */
.page-template-page-pricing-rates #footer-lg-signup {
  display: none;
}

.rates-content {
  text-align: center;
  margin-bottom: 40px;
}

.rates-content h2 {
  font-size: 18px;
  color: #757185;
  font-weight: 600;
}

.rates-content p {
  width: 720px;
  max-width: 100%;
  color: #757185;
  margin: 0px auto 24px auto;
}

.special-link {
  display: block;
  background: #2f3553;
  padding: 16px 24px;
  text-align: center;
  width: 80%;
  margin: 0px auto;
  max-width: 100%;
  border-radius: 120px;
}

.special-link:hover {
  background: #757185;
}

.special-link-wrap h3 {
  color: #2f3553;
  font-weight: "nexa", sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  display: block;
  text-align: center;
  font-weight: 900;
  letter-spacing: 3px;
  margin: 0px auto 24px auto;
}

.special-link-wrap + .special-link-wrap {
  margin-top: 24px;
}

.special-link h2 {
  color: #e3e47a;
  display: inline-block;
  vertical-align: middle;
  margin: 0px;
  font-size: 70px;
  font-family: "salome", serif;
}

.special-link .arrow {
  margin: 0px 26px 0px 26px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 50px;
  height: 15px;
  background: url(images/arrow-yellow.png) center no-repeat;
  background-size: cover;
  transition: all 0.3s ease 0s;
}

.special-link h4 {
  display: inline-block;
  vertical-align: middle;
  font-family: "nexa", sans-serif;
  font-size: 20px;
  font-weight: 900;
  color: #e3e47a;
  margin: 0px;
  letter-spacing: 4px;
  text-transform: uppercase;
  line-height: 1em;
}

.memberships {
  margin: 100px 0px 50px 0px;
  text-align: center;
}

.membership-item {
  display: inline-block;
  background: #757185;
  margin: 0px 17px 46px 17px;
  padding: 48px 30px 98px 30px;
  width: 344px;
  max-width: 100%;
  text-align: center;
  position: relative;
}

.membership-item h2 {
  font-size: 54px;
  color: #edffff;
  font-family: "salome", serif;
  line-height: 1em;
  margin-bottom: 34px;
  font-weight: normal;
}

.membership-item h4 {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: bold;
  color: #edffff;
  margin-bottom: 18px;
}

.mem-extra-label {
  position: absolute;
  height: 52px;
  background: #e3e47a;
  display: block;
  width: 230px;
  line-height: 53px;
  font-size: 17px;
  color: #2f3553;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 2px;
  border-radius: 40px;
  left: 50%;
  margin-left: -115px;
  top: -34px;
}

.mem-price {
  display: block;
  position: relative;
  border-radius: 50%;
  margin: 0px auto;
  width: 186px;
  height: 186px;
  background: #edffff;
}

.mem-price:after {
  content: "";
  position: absolute;
  background: #edffff;
  display: block;
  width: 24px;
  height: 5px;
  left: 50%;
  margin-left: -12px;
  bottom: -33px;
}

.mem-price h3 {
  font-family: "salome", serif;
  font-weight: normal;
  font-size: 54px;
  line-height: 1em;
  margin: 0px;
  color: #757185;
}

.mem-price h3 span {
  display: block;
  font-size: 14px;
  letter-spacing: 2px;
  font-weight: bold;
  line-height: 14px;
  font-family: "nexa", sans-serif;
}

.mem-buy {
  width: 272px;
  background: #2f3553;
  display: block;
  position: absolute;
  font-size: 23px;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 4px;
  line-height: 56px;
  color: #e3e47a;
  height: 56px;
  left: 50%;
  margin-left: -136px;
  bottom: -22px;
}

.mem-buy:hover {
  background: #e3e47a;
  color: #2f3553;
}

.mem-includes {
  text-align: center;
  margin: 0px 0px 80px 0px;
}

.mem-includes h3 {
  font-size: 20px;
  color: #757185;
  font-family: "nexa", sans-serif;
  text-transform: uppercase;
  letter-spacing: 4px;
  margin: 0px;
  display: inline-block;
  vertical-align: top;
  padding-top: 46px;
}

ul.mem-includes-list {
  display: inline-block;
  margin: 0px 0px 0px 60px;
  list-style: none;
  padding: 0px;
  text-align: left;
}

ul.mem-includes-list li {
  font-weight: bold;
  color: #757185;
  font-size: 14px;
  line-height: 1.3em;
  margin-bottom: 8px;
}

.other-rates {
  margin-bottom: 90px;
}

.other-rates h2 {
  text-align: center;
  font-family: "nexa", sans-serif;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 4px;
  color: #757185;
  margin-bottom: 38px;
}

a.other-rate-link {
  display: block;
  padding: 24px;
  text-align: left;
  margin-bottom: 0px;
  position: relative;
}

a.other-rate-link .inner:before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 50%;
  width: 100%;
  height: 1px;
  background: #757185;
  z-index: 1;
}

a.other-rate-link h2 {
  display: inline-block;
  text-transform: none;
  vertical-align: middle;
  letter-spacing: 0px;
  font-weight: normal;
  line-height: 1.2em;
  color: #2f3553;
  font-size: 45px;
  margin: 0px;
  font-family: "salome", serif;
  background: #edffff;
  padding-right: 32px;
  position: relative;
  z-index: 1;
  max-width: calc(100% - 262px);
  text-align: left;
}

a.other-rate-link h2 span {
  color: #757185;
}

a.other-rate-link .arrow {
  margin: 0px 26px 0px 36px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 50px;
  height: 15px;
  background: url(images/arrow-dark-purple.png) center no-repeat;
  background-size: cover;
  transition: all 0.3s ease 0s;
}

a.other-rate-link h4 {
  text-transform: uppercase;
  display: inline-block;
  line-height: 1em;
  border: 0px;
  background: #2f3553;
  color: #e3e47a;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 6px;
  padding: 20px 32px;
  float: right;
  border-left: 45px solid #edffff;
  position: relative;
  z-index: 1;
  margin-bottom: 0px;
  transition: all 0.3s ease 0s;
}

a.other-rate-link:hover h4 {
  background: #757185;
}

.rates-category-title {
  text-align: center;
  margin-top: 96px;
}

.rates-category-title h2 {
  display: inline-block;
  border-top: 6px solid #757185;
  font-size: 42px;
  text-transform: uppercase;
  letter-spacing: 6px;
  font-weight: 900;
  color: #757185;
  padding: 21px 44px 0px 44px;
  line-height: 1em;
  margin-bottom: 0px;
}

.fine-print {
  color: #757185;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  width: 900px;
  max-width: 100%;
  margin: 70px auto;
}

.rates-group-title-wrap {
  text-align: center;
}

.rates-group-title-wrap h3 {
  display: inline-block;
  color: #2f3553;
  font-size: 19px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 4px;
  position: relative;
  padding: 0px 21px 4px 21px;
  line-height: 19px;
}

.rates-group-title-wrap h3 span {
  position: relative;
  z-index: 2;
}

.rates-group-title-wrap h3:before {
  content: "";
  position: absolute;
  height: 14px;
  width: 100%;
  background: #e3e47a;
  display: block;
  z-index: 1;
  left: 0px;
  bottom: 0px;
}

@media screen and (max-width: 1024px) {
  a.other-rate-link .inner:before {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  .special-link h2 {
    font-size: 40px;
  }
  .special-link h4 {
    font-size: 18px;
  }
  a.other-rate-link h2 {
    font-size: 38px;
  }
  a.other-rate-link h4 {
    font-size: 16px;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 500px) {
  .membership-item {
    margin: 0px auto 90px auto;
    letter-spacing: 4px;
    padding: 18px 32px 0px 32px;
  }
  .rates-category-title h2 {
    font-size: 32px;
  }
  .special-link h2 {
    font-size: 23px;
  }
  .special-link h4 {
    font-size: 15px;
  }
  .membership-item h2 {
    font-size: 48px;
  }
  .special-link .arrow {
    display: none;
  }
  .special-link h4 {
    margin-top: 12px;
  }
  .memberships {
    margin-bottom: 0px;
  }
  .mem-includes h3 {
    padding-top: 0px;
  }
  ul.mem-includes-list {
    margin: 36px 0px 0px 16px;
  }
  a.other-rate-link {
    text-align: center;
  }
  a.other-rate-link h2 {
    font-size: 30px;
    width: 100%;
    text-align: center;
    padding-right: 0px;
    max-width: 100%;
  }
  a.other-rate-link .arrow {
    display: none;
  }
  a.other-rate-link h4 {
    margin-top: 12px;
    float: none;
    border-left: 0px;
  }
}
/* ------------------------------ DEFALT PAGE STYLE -------------------------- */
.page-template-default .page-title {
  margin-bottom: 60px;
}

.page-template-default #main {
  padding-bottom: 50px;
}

/* ---------------------------------------------------------------------------------------------

------------------------------- END PAGES ------------------------------------------------------

----------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------ OPTIN POPUP -------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------- */
#optin-wrapper {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 1005;
  background: #e4f5f5 url(images/bg-popup-optin.jpg) bottom right no-repeat;
  opacity: 1;
  overflow-y: scroll;
}

#optin-popup {
  width: 810px;
  max-width: 100%;
  height: auto;
  position: relative;
  display: block;
  top: 20%;
  margin: 0px auto;
  text-align: center;
  z-index: 5;
  transition: all 0.3s ease 0s;
}

#optin-popup h2 {
  text-align: center;
  font-family: "salome", serif;
  font-weight: normal;
  font-size: 75px;
  line-height: 1em;
  margin-bottom: 52px;
  letter-spacing: 0px;
}

#optin-popup h2 span {
  display: block;
  font-family: "nexa", sans-serif;
  font-weight: 600;
  font-size: 24px;
  letter-spacing: 2px;
  margin-top: 10px;
  line-height: 1.2em;
}

#optin-popup p {
  font-family: "nexa", sans-serif;
  position: relative;
  padding-bottom: 42px;
  margin-bottom: 60px;
  font-weight: 600;
  font-size: 24px;
  letter-spacing: 2px;
  line-height: 1.1em;
}

#optin-popup p:after {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: 0px;
  left: 50%;
  margin-left: -10px;
  background: url(images/double-arrow.png) top center no-repeat;
  background-size: cover;
}

.optin-popup-form input[type=email],
.optin-popup-form input[type=text] {
  display: inline-block;
  vertical-align: top;
  background: #fff;
  font-size: 24px;
  padding: 23px 27px;
  max-width: 100%;
}

.optin-popup-form input[type=submit] {
  display: inline-block;
  vertical-align: top;
  background: #2d3350;
  font-size: 20px;
  padding: 24px 27px;
  margin-left: 26px;
}

#optin-close {
  position: absolute;
  width: 56px;
  height: 56px;
  display: block;
  top: 39px;
  right: 46px;
  cursor: pointer;
}

#optin-close:before {
  content: "";
  background: #626b80;
  width: 100%;
  position: absolute;
  height: 2px;
  left: 0px;
  top: 50%;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform-origin: center center;
}

#optin-close:after {
  content: "";
  background: #626b80;
  width: 100%;
  position: absolute;
  height: 2px;
  left: 0px;
  top: 50%;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform-origin: center center;
}

#optin-success {
  display: none;
}

@media screen and (max-width: 800px) {
  #optin-close {
    top: 20px;
    right: 20px;
  }
  #optin-wrapper {
    background-size: 80% auto;
  }
}
@media screen and (max-width: 500px) {
  #optin-popup {
    top: 20% !important;
    padding: 0px 30px;
  }
  #optin-popup h2 {
    font-size: 40px;
    margin-bottom: 40px;
  }
  #optin-btn span {
    display: block;
    margin-top: 10px;
  }
  #optin-popup h2 span,
  #optin-popup p {
    font-size: 16px;
    letter-spacing: 1px;
  }
  #optin-popup p {
    margin-bottom: 26px;
  }
  #optin-close {
    top: 15px;
    right: 15px;
  }
  .optin-popup-form input[type=submit] {
    width: 100%;
    margin: 12px 0px 0px 0px;
  }
}
/* --------------------------- Bala Live Page ------------------------------- */
.schedule-date {
  background: #757185;
  text-align: center;
  color: #fff;
  padding: 0px;
  font-size: 26px;
  text-transform: uppercase;
  font-weight: bold;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}

a.schedule-class {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: left;
  align-items: center;
  align-content: center;
  background: #fff3d9;
  border-bottom: 1px solid #fff;
}

.class-image {
  width: 15%;
}

.class-name-teacher {
  width: 45%;
  padding-left: 40px;
}

.class-name-teacher h2 {
  margin-bottom: 0px;
  letter-spacing: 1px;
}

.class-name-teacher h3 {
  margin-bottom: 0px;
  letter-spacing: 1px;
}

.class-time-length {
  width: 20%;
  text-align: center;
}

.class-time-length h3 {
  text-align: center;
  margin: 0px;
  letter-spacing: 1px;
}

.class-time-length h3 span {
  display: block;
  line-height: 1em;
  font-weight: normal;
  letter-spacing: 0px;
}

.class-link-box {
  width: 20%;
  padding: 0px 20px;
}

.class-button {
  background: #2f3553;
  display: inline-block;
  color: #fff;
  padding: 12px 18px;
  font-size: 18px;
  letter-spacing: 1px;
  font-weight: bold;
  text-transform: uppercase;
}

.time-mobile {
  display: none;
}

@media screen and (max-width: 800px) {
  .class-name-teacher h2 {
    font-size: 20px;
  }
  .class-name-teacher h3 {
    font-size: 13px;
  }
  .class-name-teacher {
    padding-left: 30px;
    width: 40%;
  }
  .class-link-box {
    width: 25%;
  }
  .class-button {
    font-size: 16px;
  }
  .schedule-date {
    font-size: 24px;
    height: 80px;
  }
}
@media screen and (max-width: 500px) {
  .class-time-length {
    display: none;
  }
  .class-image {
    width: 20%;
  }
  .class-name-teacher {
    width: 45%;
    padding-left: 12px;
  }
  .class-link-box {
    width: 35%;
    padding: 0px 10px 0px 0px;
  }
  .class-name-teacher h2 {
    font-size: 15px;
    letter-spacing: 0px;
  }
  .class-name-teacher h3 {
    font-size: 10px;
    letter-spacing: 0px;
    font-weight: 700;
  }
  .class-button {
    font-size: 12px;
    padding: 12px;
  }
  .schedule-date {
    font-size: 18px;
    height: 60px;
  }
  .time-mobile {
    display: block;
  }
}
/* ---------------------------------------------------------------------------------------------

------------------------------- WOOCOMMERCE OVERRIDES ------------------------------------------------------

----------------------------------------------------------------------------------------------- */
#woocommerce-content .woocommerce-result-count {
  display: none;
}

#woocommerce-content .page-title {
  margin-bottom: 60px;
}

#woocommerce-content ul.products {
  text-align: center;
}

#woocommerce-content ul.products li.product, #woocommerce-content ul.products li.product {
  display: inline-block;
  float: none;
  margin: 0px 1.5% 40px 1.5%;
}

#woocommerce-content #respond input#submit, #woocommerce-content a.button, #woocommerce-content button.button, #woocommerce-content input.button, .page .woocommerce .checkout-button, a.product-link {
  display: inline-block;
  background: #757185 !important;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  color: #e1fee0;
  letter-spacing: 3px;
  font-weight: 600;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  padding: 12px 15px 10px 15px;
  font-size: 14px;
  position: relative;
  text-align: center;
  z-index: 1;
  border: 0px;
}

#woocommerce-content #respond input#submit:before, #woocommerce-content a.button:before, #woocommerce-content button.button:before, #woocommerce-content input.button:before, .page .woocommerce .checkout-button:before, a.product-link:before {
  background: none repeat scroll 0 0 #2e3454;
  bottom: 0px;
  content: "";
  display: block;
  left: 0px;
  position: absolute;
  right: 100%;
  top: 0px;
  transition: right 0.3s ease 0s;
  z-index: -1;
}

.no-touch #woocommerce-content #respond input#submit:hover, .no-touch #woocommerce-content a.button:hover, .no-touch #woocommerce-content button.button:hover, .no-touch #woocommerce-content input.button:hover, .no-touch .page .woocommerce .checkout-button:hover, .no-touch a.product-link:hover {
  color: #fff;
}

.no-touch #woocommerce-content #respond input#submit:hover:before, .no-touch #woocommerce-content a.button:hover:before, .no-touch #woocommerce-content button.button:hover:before, .no-touch #woocommerce-content input.button:hover:before, .no-touch .page .woocommerce .checkout-button:hover:before, .no-touch a.product-link:hover:before {
  right: 0px;
}

#woocommerce-content .quantity .qty {
  padding: 9px;
  font-size: 15px;
  font-weight: 600;
}

.woocommerce div.product div.images img {
  border: 3px solid #e7e7e7;
}

.woocommerce div.product .product_title {
  font-size: 42px;
  letter-spacing: 1px;
  font-family: "salome", serif;
  color: #757185;
  font-weight: normal;
  margin-bottom: 36px;
  line-height: 1em;
  text-align: left;
  position: relative;
}

.single_variation {
  margin-bottom: 18px;
}

.single_variation:before {
  content: "Price: ";
}

.product-type-variable p.price:before {
  content: "From: ";
  color: #2f3553;
}

.reset_variations {
  display: inline-block;
  padding-top: 8px;
}

.woocommerce div.product form.cart .variations label {
  display: inline-block;
  padding-top: 14px;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
  text-transform: uppercase;
}

#shipping_state_field .fancy-select {
  display: none;
}

@media screen and (max-width: 500px) {
  .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    width: 100% !important;
    padding: 0px 10px !important;
  }
  .woocommerce div.product form.cart .variations td {
    display: block !important;
  }
  /* START Make the cart table responsive */
  /* http://css-tricks.com/responsive-data-tables/ */
  /* Force table to not be like tables anymore */
  .woocommerce-page table.shop_table, .woocommerce-page table.shop_table thead, .woocommerce-page table.shop_table tbody, .woocommerce-page table.shop_table th, .woocommerce-page table.shop_table td, .woocommerce-page table.shop_table tr {
    display: block;
  }
  /* Hide table headers (but not display: none;, for accessibility) */
  .woocommerce-page table.shop_table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .woocommerce-page table.shop_table tr {
    /*border: 1px solid #d2d3d3; */
  }
  .woocommerce-page table.shop_table td {
    /* Behave  like a "row" */
    border: 1px solid #d2d3d3;
    position: relative;
    padding-left: 30% !important;
  }
  .woocommerce-page table.shop_table {
    border: none;
  }
  .woocommerce-page table.shop_table td.product-spacer {
    border-color: #FFF;
    height: 10px;
  }
  .woocommerce-page table.shop_table td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
  }
  /*

  Label the data

  */
  .woocommerce-page table.shop_table td.product-remove:before {
    content: "DELETE";
  }
  .woocommerce-page table.shop_table td.product-thumbnail:before {
    content: "IMAGE";
  }
  .woocommerce-page table.shop_table td.product-name:before {
    content: "PRODUCT";
  }
  .woocommerce-page table.shop_table td.product-price:before {
    content: "PRICE";
  }
  .woocommerce-page table.shop_table td.product-quantity:before {
    content: "QUANTITY";
  }
  .woocommerce-page table.shop_table td.product-subtotal:before {
    content: "SUBTOTAL";
  }
  .woocommerce-page table.shop_table td.product-total:before {
    content: "TOTAL";
  }
  .woocommerce .quantity, .woocommerce #content .quantity, .woocommerce-page .quantity, .woocommerce-page #content .quantity {
    margin: 0;
  }
  .woocommerce-page table.cart td.actions, .woocommerce-page #content table.cart td.actions {
    text-align: left;
    border: 0;
    padding-left: 6px !important;
  }
  .woocommerce-page table.cart td.actions .button.alt, .woocommerce-page #content table.cart td.actions .button.alt {
    float: left;
    margin-top: 10px;
  }
  .woocommerce-page table.cart td.actions div, .woocommerce-page #content table.cart td.actions div, .woocommerce-page table.cart td.actions input, .woocommerce-page #content table.cart td.actions input {
    margin-bottom: 10px;
  }
  .woocommerce-page .cart-collaterals .cart_totals {
    float: left;
    width: 100%;
    text-align: left;
  }
  .woocommerce-page .cart-collaterals .cart_totals th, .woocommerce-page .cart-collaterals .cart_totals td {
    border: 0 !important;
  }
  .woocommerce-page .cart-collaterals .cart_totals table tr.cart-subtotal td, .woocommerce-page .cart-collaterals .cart_totals table tr.shipping td, .woocommerce-page .cart-collaterals .cart_totals table tr.total td {
    padding-left: 6px !important;
  }
  .woocommerce-page table.shop_table tr.cart-subtotal td, .woocommerce-page table.shop_table tr.shipping td, .woocommerce-page table.shop_table tr.total td, .woocommerce-page table.shop_table.order_details tfoot th, .woocommerce-page table.shop_table.order_details tfoot td {
    padding-left: 6px !important;
    border: 0 !important;
  }
  .woocommerce-page table.shop_table tbody {
    padding-top: 10px;
  }
  .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2, .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
    float: none;
    width: 100%;
  }
  .woocommerce .order_details ul, .woocommerce-page .order_details ul, .woocommerce .order_details, .woocommerce-page .order_details {
    padding: 0;
  }
  .woocommerce .order_details li, .woocommerce-page .order_details li {
    clear: left;
    margin-bottom: 10px;
    border: 0;
  }
  .woocommerce #content table.cart td.actions .button, .woocommerce #content table.cart td.actions .input-text, .woocommerce #content table.cart td.actions input, .woocommerce table.cart td.actions .button, .woocommerce table.cart td.actions .input-text, .woocommerce table.cart td.actions input, .woocommerce-page #content table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions input, .woocommerce-page table.cart td.actions .button, .woocommerce-page table.cart td.actions .input-text, .woocommerce-page table.cart td.actions input {
    width: 100% !important;
  }
  /* END Make the cart table responsive */
}
/* Additional Styles */
.btn-book {
  text-decoration: none;
  text-align: center;
  background: #2f3553;
  color: #FFFFFF;
  font-weight: bold;
  display: inline-block;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
}

.btn-book:hover {
  background: #e1fee0;
  color: #2f3553;
}

/* =Images

-------------------------------------------------------------- */
img {
  max-width: 100%;
  height: auto;
}

.alignleft, img.alignleft {
  display: inline-block;
  float: left;
  margin-right: 24px;
  margin-top: 0px;
}

.alignright, img.alignright {
  display: inline-block;
  float: right;
  margin-left: 24px;
  margin-top: 0px;
}

.aligncenter, img.aligncenter {
  clear: both;
  display: block;
  margin: 0px auto;
}

img.alignleft, img.alignright, img.aligncenter, img.alignnone {
  margin-bottom: 0px;
  box-sizing: border-box;
}

#content .wp-caption {
  background: #fff;
  border: 1px solid #eeeeee;
  line-height: 18px;
  margin-bottom: 24px;
  padding: 12px;
  text-align: center;
}

#content .wp-caption img {
  margin: 0px;
  width: 100%;
}

#content .wp-caption p.wp-caption-text {
  font-style: italic;
  font-size: 12px;
  margin: 5px;
}

#content .attachment img { /* single attachment images should be centered */
  display: block;
  margin: 0 auto;
}

img.size-thumbnail {
  width: 30%;
  padding: 6px;
  margin: 0px;
  max-width: 300px;
  display: inline-block;
  vertical-align: middle;
}

img.size-medium {
  width: 48%;
  max-width: 400px;
  padding: 6px;
  margin: 0px;
  display: inline-block;
  vertical-align: middle;
}

img.size-full {
  max-width: 100%;
  padding: 0px;
  padding: 6px;
}

.gallery {
  line-height: 1;
  overflow-x: hidden;
  padding: 6px 0;
}

.gallery .gallery-item {
  box-sizing: border-box;
  float: left;
  margin: 0;
  padding: 6px;
  text-align: center;
}

.gallery:after {
  content: "";
  display: table;
  clear: both;
}

.ie7 .gallery .gallery-item, .ie8 .gallery .gallery-item {
  padding: 6px 0;
}

.gallery .gallery-caption, .gallery .gallery-icon {
  margin: 0;
}

.gallery .gallery-caption {
  font-size: 13px;
  margin: 4px 0;
}

.gallery-columns-1 .gallery-item {
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  width: 50%;
}

.gallery-columns-3 .gallery-item {
  width: 33.333%;
}

.ie8 .gallery-columns-3 .gallery-item, .ie7 .gallery-columns-3 .gallery-item {
  width: 33%;
}

.gallery-columns-4 .gallery-item {
  width: 25%;
}

.gallery-columns-5 .gallery-item {
  width: 20%;
}

.gallery-columns-6 .gallery-item {
  width: 16.665%;
}

.gallery-columns-7 .gallery-item {
  width: 14.285%;
}

.gallery-columns-8 .gallery-item {
  width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  width: 11.111%;
}

.gallery img {
  border: medium none;
  height: auto;
  max-width: 100%;
  padding: 0;
}

/* =Navigation

-------------------------------------------------------------- */
.navigation {
  color: #888;
  font-size: 12px;
  line-height: 18px;
  overflow: hidden;
}

.navigation a:link, .navigation a:visited {
  color: #888;
  text-decoration: none;
}

.navigation a:active, .navigation a:hover {
  color: #ff4b33;
}

.nav-previous {
  float: left;
  width: 50%;
}

.nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

#nav-above {
  margin: 0 0 18px 0;
}

#nav-above {
  display: none;
}

.paged #nav-above, .single #nav-above {
  display: block;
}

#nav-below {
  display: block;
}

/* =Comments

-------------------------------------------------------------- */
#post-bottom {
  padding-bottom: 100px;
}

#comments {
  clear: both;
  display: none;
}

#post-bottom-links {
  padding-bottom: 12px;
  position: relative;
  width: 100%;
  margin-top: 50px;
}

h2.comments-open {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  color: #757185;
  font-size: 15px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 2px;
  clear: none;
  cursor: pointer;
}

h2.comments-open span {
  font-size: 1.4em;
  display: inline-block;
  padding-top: 3px;
}

#comments .navigation {
  padding: 0 0 18px 0;
}

h3#comments-title, h3#reply-title {
  font-family: "salome", serif;
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 0;
}

h3#comments-title {
  padding: 24px 0;
}

.commentlist {
  list-style: none;
  margin: 0;
}

.commentlist li.comment {
  border-bottom: 1px solid #e7e7e7;
  line-height: 24px;
  margin: 0 0 24px 0;
  padding: 0 0 0 56px;
  position: relative;
}

.commentlist li:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

#comments .comment-body ul, #comments .comment-body ol {
  margin-bottom: 18px;
}

#comments .comment-body p:last-child {
  margin-bottom: 6px;
}

#comments .comment-body blockquote p:last-child {
  margin-bottom: 24px;
}

.commentlist ol {
  list-style: decimal;
}

.commentlist .avatar {
  position: absolute;
  top: 4px;
  left: 0;
}

.comment-author cite {
  color: #000;
  font-style: normal;
  font-weight: bold;
}

.comment-author .says {
  font-style: italic;
}

.comment-meta {
  font-size: 12px;
  margin: 0 0 18px 0;
}

.comment-meta a:link, .comment-meta a:visited {
  color: #888;
  text-decoration: none;
}

.comment-meta a:active, .comment-meta a:hover {
  color: #ff4b33;
}

.reply {
  font-size: 12px;
  padding: 0 0 24px 0;
}

.reply a, a.comment-edit-link {
  color: #888;
}

.reply a:hover, a.comment-edit-link:hover {
  color: #ff4b33;
}

.commentlist .children {
  list-style: none;
  margin: 0;
}

.commentlist .children li {
  border: none;
  margin: 0;
}

.nopassword, .nocomments {
  display: none;
}

#comments .pingback {
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 18px;
  padding-bottom: 18px;
}

.commentlist li.comment + li.pingback {
  margin-top: -6px;
}

#comments .pingback p {
  color: #888;
  display: block;
  font-size: 12px;
  line-height: 18px;
  margin: 0;
}

#comments .pingback .url {
  font-size: 13px;
  font-style: italic;
}

/* Comments form */
#respond {
  border-top: 1px solid #757185;
  margin: 0px;
  overflow: hidden;
  position: relative;
}

#respond p {
  margin: 0px 0px 24px 0px;
}

#respond .comment-notes {
  margin-bottom: 1em;
}

.form-allowed-tags {
  line-height: 1em;
}

.children #respond {
  margin: 0 48px 0 0;
}

h3#reply-title {
  margin: 18px 0;
}

#comments-list #respond {
  margin: 0 0 18px 0;
}

#comments-list ul #respond {
  margin: 0;
}

#cancel-comment-reply-link {
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
}

#respond .required {
  color: #ff4b33;
  font-weight: bold;
}

#respond label {
  font-size: 15px;
  font-weight: 900;
  color: #757185;
  display: block;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 8px;
}

#respond input {
  margin: 0 0 9px;
  width: 100%;
}

#respond textarea {
  width: 100%;
  background: #fff;
}

#respond .form-allowed-tags {
  color: #888;
  font-size: 12px;
  line-height: 18px;
}

#respond .form-allowed-tags code {
  font-size: 11px;
}

#respond .form-submit {
  margin: 12px 0;
}

#respond .form-submit input {
  font-size: 14px;
  width: auto;
}

/* =Widget Areas

-------------------------------------------------------------- */
.widget-area ul {
  list-style: none;
  margin-left: 0;
}

.widget-area ul ul {
  list-style: square;
  margin-left: 1.3em;
}

.widget_search #s { /* This keeps the search inputs in line */
  width: 60%;
}

.widget_search label {
  display: none;
}

.widget-container {
  margin: 0 0 18px 0;
}

.widget-title {
  color: #222;
  font-weight: bold;
}

.widget-area a:link, .widget-area a:visited {
  text-decoration: none;
}

.widget-area a:active, .widget-area a:hover {
  text-decoration: underline;
}

.widget-area .entry-meta {
  font-size: 11px;
}

#wp_tag_cloud div {
  line-height: 1.6em;
}

#wp-calendar {
  width: 100%;
}

#wp-calendar caption {
  color: #222;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 4px;
  text-align: left;
}

#wp-calendar thead {
  font-size: 11px;
}

#wp-calendar tbody {
  color: #aaa;
}

#wp-calendar tbody td {
  background: #f5f5f5;
  border: 1px solid #fff;
  padding: 3px 0 2px;
  text-align: center;
}

#wp-calendar tbody .pad {
  background: none;
}

#wp-calendar tfoot #next {
  text-align: right;
}

.widget_rss a.rsswidget {
  color: #000;
}

.widget_rss a.rsswidget:hover {
  color: #ff4b33;
}

.widget_rss .widget-title img {
  width: 11px;
  height: 11px;
}

/* Main sidebars */
#main .widget-area ul {
  margin-left: 0;
  padding: 0 20px 0 0;
}

#main .widget-area ul ul {
  border: none;
  margin-left: 1.3em;
  padding: 0;
}

/* =Footer

-------------------------------------------------------------- */
footer {
  position: relative;
  z-index: 1;
}

/* Footer Large Signup -------- */
#footer-lg-signup {
  background: #fff;
  padding: 50px 0px 56px 0px;
  margin: 0px;
  display: block;
  color: #2f3553;
}

#footer-lg-signup div {
  width: 100%;
}

#footer-lg-signup h4 {
  font-family: "salome", serif;
  font-size: 65px;
  color: #2f3553;
  font-weight: normal;
  letter-spacing: 1px;
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  margin: 0px 0px 0px 0px;
}

.no-touch #footer-lg-signup:hover h4 {
  color: #fff;
}

#footer-lg-signup .arrow {
  background-image: url(images/arrow-dark-purple.png);
  display: inline-block;
  vertical-align: middle;
}

.no-touch #footer-lg-signup:hover .arrow {
  background-image: url(images/arrow-white.png);
}

span.footer-sign-up {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding: 0px 10px 0px 37px;
  font-weight: 800;
  letter-spacing: 4px;
}

.no-touch #footer-lg-signup:hover span.footer-sign-up {
  color: #fff;
}

#footer-boxes {
  position: relative;
}

.footer-half {
  float: left;
  width: 50%;
  overflow: hidden;
}

.footer-full {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
}

.footer-square {
  width: 100%;
  aspect-ratio: 1/1;
  position: relative;
}
@media (min-width: 768px) {
  .footer-square {
    width: 25%;
  }
}

#footer-newsletter {
  background: #edffff;
}

#footer-social {
  background: #e1fee0;
}

#footer-twitter {
  background: #fff3d9;
}

/* Individual Footer Boxes ------- */
.footer-square .wpt {
  padding: 0px 40px;
  color: #757185;
  position: relative;
}

#footer-newsletter .wpt {
  opacity: 0;
  top: 40px;
  transition: all 0.5s ease-in-out 0s;
}

#footer-newsletter.onscreen .wpt {
  opacity: 1;
  top: 0px;
}

#footer-newsletter h2 {
  font-family: "nexa", sans-serif;
  font-size: 15px;
  letter-spacing: 3px;
  font-weight: 600;
  margin-bottom: 26px;
  line-height: 1.5em;
}

#footer-newsletter h3 {
  font-family: "nexa", sans-serif;
  font-size: 15px;
  letter-spacing: 4px;
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 26px;
}

#footer-social .wpt {
  opacity: 0;
  top: 40px;
  transition: all 0.5s ease-in-out 0s;
}

#footer-social h2 {
  font-family: "nexa", sans-serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 4px;
  margin-bottom: 25px;
  text-transform: uppercase;
}

#footer-social p {
  margin: 0px;
}

#footer-social .socicon-link {
  display: inline-block;
  color: #757185;
  margin: 0px 13px;
  text-align: top;
  top: 0px;
  font-size: 35px;
  line-height: 1em;
  position: relative;
  transition: all 0.5s ease-in-out 0s;
}

#footer-social .socicon-link.facebook {
  margin-left: -5px;
}

.no-touch #footer-social .socicon-link:hover {
  top: -15px;
}

#footer-social.onscreen .wpt {
  opacity: 1;
  top: 0px;
}

#footer-twitter .wpt {
  opacity: 0;
  top: 40px;
  transition: all 0.5s ease-in-out 0.25s;
}

#footer-twitter.onscreen .wpt {
  opacity: 1;
  top: 0px;
}

#footer-twitter h2 {
  font-family: "nexa", sans-serif;
  font-size: 27px;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 25px;
}

#footer-twitter h2 a {
  color: #757185;
  text-decoration: none;
}

#footer-twitter h2 a:hover {
  color: #2f3553;
}

#footer-twitter a {
  color: #757185;
  text-decoration: underline;
}

.twitter-text {
  line-height: 1.6em;
  font-size: 13px;
  font-weight: 600;
  text-align: left;
}

#footer-twitter .tweet-time a {
  text-decoration: none;
  color: #b4b4b4;
}

#footer-latest-post {
  background: #fff3d8;
}

.latest-post h2 {
  font-size: 15px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.latest-post p {
  width: 80%;
  margin: 0px auto 24px auto;
  text-align: left;
  font-size: 13px;
  font-weight: bold;
}

a.latest-read-more {
  color: #757185;
  font-weight: 900;
  font-size: 13px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

/* Footer MailChimp Signup ----- */
#mc-signup-intro {
  display: block;
  cursor: pointer;
}

#mc-signup-intro .arrow {
  margin: 0px;
  transition: all 0.3s ease 0s;
}

.no-touch #mc-signup-intro:hover .arrow {
  margin-left: 20px;
}

#mc-form {
  display: none;
}

#mc-form input {
  width: 100%;
}

#mc-form #mc-email {
  margin-bottom: 12px;
}

/* ---- Footer Maps ------ */
.footer-map {
  position: relative;
}

.footer-map:after {
  position: absolute;
  display: block;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 6px;
  content: "";
  background: #ffffff;
}

.footer-map + .footer-map:after {
  bottom: auto;
  top: 0px;
}

.bottom-map {
  width: 100%;
  height: 100%;
  position: absolute;
}

.footer-map h2.location-name {
  display: inline-block;
  color: #fff;
  background: #757185;
  text-transform: uppercase;
  position: absolute;
  width: 180px;
  padding: 14px 0px;
  line-height: 1em;
  letter-spacing: 5px;
  font-weight: 800;
  bottom: 43px;
  left: 50%;
  font-size: 17px;
  margin: 0px 0px 0px -90px;
  text-align: center;
}

.marker h2 {
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 2px;
  text-transform: uppercase;
}

/* Footer Bottom -------------- */
#footer-meta p {
  margin: 0px;
}

#footer-meta {
  padding: 26px 40px;
  color: #757185;
  background: #fff;
}

#footer-meta a {
  color: #757185;
}

#footer-meta a:hover {
  color: #757185;
}

.site-meta {
  float: left;
  width: 66%;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 300;
  display: inline-block;
  vertical-align: middle;
}

.site-meta span {
  display: inline-block;
  vertical-align: middle;
}

.site-by {
  float: right;
  text-align: right;
  width: 32%;
  font-size: 11px;
  padding-right: 120px;
  text-transform: uppercase;
}

.menu-footer {
  display: inline-block;
  vertical-align: middle;
  padding-left: 44px;
  display: inline-block;
  vertical-align: middle;
}

ul#menu-footer-menu {
  display: inline-block;
  margin: 0px;
  list-style: none;
  vertical-align: middle;
}

ul#menu-footer-menu li {
  display: inline-block;
  vertical-align: middle;
  padding: 3px;
}

ul#menu-footer-menu li a {
  display: inline-block;
  padding: 0px 6px;
  font-weight: 500;
  font-size: 12px;
}

/* Footer Meta ---------------- */
.btn-kymera {
  display: inline-block;
  vertical-align: middle;
  width: 52px;
  height: 18px;
  overflow: hidden;
  background: url(images/btn-kymera.png) 0px 0px no-repeat;
  background-size: 52px 18px;
  margin-top: -4px;
  margin-left: 4px;
  text-indent: 80px;
  opacity: 0.7;
  position: relative;
  transition: all 0.3s ease 0s;
  -moz-backface-visibility: hidden;
}

a.btn-kymera:hover {
  opacity: 1;
  -moz-backface-visibility: hidden;
}

a.btn-kymera span {
  display: none;
}

@media screen and (max-width: 800px) {
  .site-meta {
    width: auto;
  }
  .site-by {
    width: auto;
    margin-top: 4px;
  }
  .footer-square .wpt {
    padding: 0px 20px;
  }
  #footer-lg-signup h4 {
    font-size: 50px;
  }
  #footer-newsletter h2 {
    font-size: 13px;
    line-height: 1.3em;
    margin-bottom: 13px;
  }
  #footer-newsletter h3 {
    margin-bottom: 13px;
    letter-spacing: 2px;
    font-size: 12px;
  }
  #footer-twitter h2 {
    font-size: 21px;
    margin-bottom: 13px;
  }
  .twitter-text {
    font-size: 12px;
    line-height: 1.3em;
  }
  #footer-social .socicon {
    font-size: 25px;
    margin: 0px 6px;
  }
  #footer-meta {
    padding: 26px 20px;
  }
  .menu-footer {
    display: inline-block;
    padding: 0px;
    margin-top: 0px;
  }
  .latest-post h2 {
    font-size: 12px;
    margin-bottom: 12px;
  }
  .latest-post p {
    font-size: 11px;
    line-height: 1.2em;
    width: 100%;
    height: 66px;
    overflow: hidden;
    margin-bottom: 18px;
  }
  a.latest-read-more {
    font-size: 11px;
  }
}
@media screen and (max-width: 500px) {
  .site-meta {
    display: block;
    text-align: center;
    float: none;
    margin-bottom: 24px;
    width: 100%;
  }
  .menu-footer {
    display: block;
    padding: 0px;
    margin-top: 24px;
  }
  .site-by {
    float: none;
    text-align: center;
    width: 100%;
    padding-right: 0px;
  }
  #footer-lg-signup {
    padding: 30px 0px 32px 0px;
  }
  #footer-lg-signup h4 {
    font-size: 30px;
    margin-bottom: 5px;
  }
  .footer-square .wpt {
    padding: 0px 40px;
  }
  #footer-newsletter h2 {
    font-size: 15px;
    line-height: 1.4em;
    margin-bottom: 26px;
  }
  #footer-newsletter h3 {
    margin-bottom: 15px;
    letter-spacing: 4px;
    font-size: 20px;
  }
  #footer-twitter h2 {
    font-size: 27px;
    margin-bottom: 16px;
  }
  .twitter-text {
    font-size: 13px;
    line-height: 1.4em;
  }
  #footer-social .socicon {
    font-size: 30px;
    margin: 0px 6px;
  }
  .latest-post h2 {
    font-size: 15px;
    margin-bottom: 22px;
  }
  .latest-post p {
    font-size: 13px;
    line-height: 1.4em;
    width: 100%;
    height: auto;
    overflow: visible;
    margin-bottom: 20px;
  }
  a.latest-read-more {
    font-size: 13px;
  }
}
/* -------------------------------------------------------------------------------------------------------------------

-------------------------- jQuery Plugins/Addons --------------------------------------------------------------

----------------------------------------------------------------------------------------------------- */
/* --------------------------------------- JQuery Easy Responsive Tabs ---------------------------------------------- */
.r-tabs .r-tabs-nav {
  margin: 0;
  padding: 0;
  text-align: center;
  height: 0px;
  overflow: hidden;
}

.r-tabs .r-tabs-tab {
  display: inline-block;
  margin: 0;
  list-style: none;
}

.r-tabs .r-tabs-panel {
  padding: 15px;
  display: none;
}

.r-tabs .r-tabs-accordion-title {
  display: none;
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
  display: block;
}

/* Accordion responsive breakpoint */
@media only screen and (max-width: 768px) {
  .r-tabs .r-tabs-nav {
    display: none;
  }
  .r-tabs .r-tabs-accordion-title {
    display: block;
    height: 0px;
    overflow: hidden;
  }
}
/* ---- Specific Tabs Styles -------- */
/* Tabs container */
.r-tabs {
  position: relative;
}

/* Tab element */
.r-tabs .r-tabs-nav .r-tabs-tab {
  position: relative;
  background-color: #2f3553;
  transition: all 0.3s ease 0s;
}

.r-tabs .r-tabs-nav .r-tabs-tab:hover {
  background: #757185;
}

/* Tab anchor */
.r-tabs .r-tabs-nav .r-tabs-anchor {
  display: inline-block;
  padding: 20px 20px 18px 20px;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 18px;
  font-weight: 900;
  color: #fff3d9;
  letter-spacing: 1px;
}

/* Disabled tab */
.r-tabs .r-tabs-nav .r-tabs-state-disabled {
  opacity: 0.5;
}

/* Active state tab anchor */
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
  color: #2f3553;
  text-shadow: none;
  border: 1px solid #2f3553;
  background-color: #e5fde4;
}

/* Tab panel */
.r-tabs .r-tabs-panel {
  background-color: #e5fde4;
  padding-top: 70px;
}

/* Accordion anchor */
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
  padding: 20px;
  background-color: #2f3553;
  color: #fff3d9;
  margin-bottom: 6px;
  font-weight: 900;
  text-decoration: none;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: block;
  width: 100%;
}

/* Active accordion anchor */
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
  background-color: #2f3553;
  color: #fff;
  text-shadow: none;
}

/* Disabled accordion button */
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
  opacity: 0.5;
}

/* -----------------------------------------------------------------------------------

--------------------------- FANCY SELECT ---------------------------------------------

------------------------------------------------------------------------------------ */
div.fancy-select {
  position: relative;
  color: #28292e;
}

.quantity-dd div.fancy-select {
  width: 102px;
}

.pa_ringsize div.fancy-select {
  width: 118px;
}

div.fancy-select.disabled {
  opacity: 0.5;
}

div.fancy-select div.trigger {
  cursor: pointer;
  padding: 20px 69px 18px 37px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  background: #2f3553 url(images/bg-select-yellow.png) top right no-repeat;
  background-size: auto 100%;
  border: 0px;
  color: #fff3d9;
  width: auto;
  text-align: left;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 2px;
  letter-spacing: 1px;
  font-size: 18px;
}

div.fancy-select div.trigger.open {
  background: #2f3553 url(images/bg-select-open-yellow.png) top right 10px no-repeat;
  background-size: auto 100%;
  border: 0px;
  color: #fff;
  box-shadow: none;
}

div.fancy-select ul.options {
  list-style: none;
  margin: 0;
  position: absolute;
  top: 100%;
  left: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 50;
  max-height: 200px;
  overflow: auto;
  background: #fff;
  border: 1px solid #757185;
  min-width: 100px;
  max-width: 100%;
  text-align: left;
  width: 100%; /*transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;

-webkit-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;

-moz-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;

-ms-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;

-o-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;*/
}

div.fancy-select ul.options::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}

div.fancy-select ul.options::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

div.fancy-select ul.options li:first-child {
  padding-top: 12px;
}

div.fancy-select ul.options.open {
  visibility: visible;
  top: 100%;
  opacity: 1; /* have to use a non-visibility transition to prevent this iOS issue (bug?): */
  /*http://stackoverflow.com/questions/10736478/css-animation-visibility-visible-works-on-chrome-and-safari-but-not-on-ios*/
  /*transition: opacity 300ms ease-out, top 300ms ease-out;

  -webkit-transition: opacity 300ms ease-out, top 300ms ease-out;

  -moz-transition: opacity 300ms ease-out, top 300ms ease-out;

  -ms-transition: opacity 300ms ease-out, top 300ms ease-out;

  -o-transition: opacity 300ms ease-out, top 300ms ease-out;*/
}

div.fancy-select ul.options.overflowing {
  top: auto;
  bottom: 40px;
  transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
  -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
  -moz-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
  -ms-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
  -o-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
}

div.fancy-select ul.options.overflowing.open {
  top: auto;
  bottom: 50px;
  transition: opacity 300ms ease-out, bottom 300ms ease-out;
  -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out;
  -moz-transition: opacity 300ms ease-out, bottom 300ms ease-out;
  -ms-transition: opacity 300ms ease-out, bottom 300ms ease-out;
  -o-transition: opacity 300ms ease-out, bottom 300ms ease-out;
}

div.fancy-select ul.options li {
  padding: 8px 12px;
  color: #28292e;
  cursor: pointer;
  white-space: nowrap;
  transition: all 150ms ease-out;
  -webkit-transition: all 150ms ease-out;
  -moz-transition: all 150ms ease-out;
  -ms-transition: all 150ms ease-out;
  -o-transition: all 150ms ease-out;
}

div.fancy-select ul.options li.selected {
  background: rgba(255, 255, 255, 0.5);
}

div.fancy-select ul.options li.hover {
  background: rgba(255, 255, 255, 0.7);
}

/* --------------------------------------------------------------

FANCYBOX (POPUP IMAGE GALLERY) ------------------------------------

--------------------------------------------------------------- */
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: none;
  color: #444;
  text-shadow: none;
  border-radius: 4px;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("images/fancybox_sprite.png");
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("images/preloader.png") center center no-repeat;
}

.fancybox-close {
  position: fixed;
  top: 10px;
  right: 10px;
  width: 69px;
  height: 68px;
  cursor: pointer;
  background: url("images/btn-x.png") center center no-repeat;
  background-size: 41px 40px;
  z-index: 8041;
  transform-origin: 50% 50%;
}

.fancybox-close:hover {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transition: all 0.4s ease 0s;
}

.fancybox-nav {
  position: fixed;
  top: 0;
  width: 50%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("https://www.balayoga.com/wp-content/themes/bala2015/images/blank.gif"); /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}

.no-touch .fancybox-prev {
  left: 0;
  cursor: url("images/cursor-left-arrow.png"), auto;
  cursor: -webkit-image-set(url("images/cursor-left-arrow.png") 1x, url("images/cursor-left-arrow-2x.png") 2x) 40px 80px, auto;
}

.no-touch .fancybox-next {
  right: 0;
  cursor: url("images/cursor-right-arrow.png"), auto;
  cursor: -webkit-image-set(url("images/cursor-right-arrow.png") 1x, url("images/cursor-right-arrow-2x.png") 2x) 40px 80px, auto;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
  display: none !important;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
  display: none !important;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}

.fancybox-lock body {
  overflow: hidden !important;
}

.fancybox-lock-test {
  overflow-y: hidden !important;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: rgba(255, 255, 255, 0.9);
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent; /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #112357;
  background: rgba(0, 0, 0, 0.8);
}

/* ------------------------------------ Flexslider --------------------------------------------- */
/* Home Top Area (Flexslider content) ------ */
#home-top {
  position: relative;
  width: 100%;
  height: 100vh;
  left: 0px;
  top: 0px;
  z-index: 1;
}

@media screen and (max-width: 800px) {
  #home-top {
    height: 95vh;
  }
}
@media screen and (max-width: 500px) {
  #home-top {
    height: 87vh;
  }
}
/* FLEXSLIDER STYLES ----------- */
/* Browser Resets

*********************************/
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
  /*outline: none;*/
}

.slides, .flex-control-nav, .flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* FlexSlider Necessary Styles

*********************************/
.flexslider {
  margin: 0;
  padding: 0;
}

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
  width: 100%;
  display: block;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}

html[xmlns] .slides {
  display: block;
}

* html .slides {
  height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you

 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block;
}

/* FlexSlider Default Theme

*********************************/
.flexslider {
  background: #fff;
  display: block;
  position: absolute;
  height: 100%;
  overflow: hidden !important;
  width: 100%;
  top: 0px;
  left: 0px;
  z-index: 1;
  zoom: 1;
}

.flexslider .slides, .flexslider .slides li {
  height: 100% !important;
  overflow: hidden;
}

.flexslider .slides li {
  position: relative;
}

.flexslider .slides li {
  background-position: center center;
  background-size: cover;
  background-repeat: none;
}

.flex-viewport {
  max-height: 2000px;
  transition: all 1s ease;
  height: 100%;
}

.loading .flex-viewport {
  max-height: 300px;
}

.flexslider .slides {
  zoom: 1;
}

.carousel li {
  margin-right: 5px;
}

/* Direction Nav */
.flex-direction-nav {
  position: absolute;
  right: 30px;
  bottom: 45%;
  z-index: 5;
  width: 44px;
  transition: all 0.8s ease 0s;
}

.flex-direction-nav a {
  display: block;
  font-size: 44px;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  margin: 0px 0px 6px 0px;
  position: relative;
  z-index: 10;
  overflow: visible;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  transition: all 0.3s ease 0s;
  text-shadow: 0px 0px 25px rgb(0, 0, 0);
  font-family: "athelas", Georgia, "Times New Roman", Times, serif;
}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
  color: #fddb20;
}

.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default;
}

.flex-control-nav {
  width: 100%;
  height: auto;
  position: absolute;
  z-index: 50;
  bottom: 10%;
  left: 0px;
  text-align: center;
}

.flex-control-nav li {
  margin: 0px 0px 8px 0px;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
}

.flex-control-paging li a {
  width: 22px;
  height: 21px;
  margin: 0px 7px;
  display: block;
  background: #666;
  background: url(https://www.balayoga.com/wp-content/themes/bala2015/images/bg-flex-nav.png) top left no-repeat;
  transition: none;
  background-size: 100% auto;
  cursor: pointer;
  text-indent: -9999px;
}

.flex-control-paging li a:hover {
  background-position: bottom left;
}

.flex-control-paging li a.flex-active {
  background-position: bottom left;
  cursor: default;
}

/* ----------------- Skroller.js (Parallax Scrolling) --------------- */
#skrollr-body {
  width: 100%;
  height: 100%;
  min-height: 1px;
  position: relative;
}

.skrollable {
  background-attachment: local;
  background-size: cover;
  background-repeat: none;
  background-position: center center;
  position: relative;
  display: block;
  z-index: 2;
}

.skrollable.fullscreenbg {
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #fff;
  background-attachment: fixed;
}

.skroll-container {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-backface-visibility: hidden;
}

.skrollable {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -webkit-transform: translate3d(0, 0, 0);
}

@media screen and (max-width: 800px) {
  .skrollable.fullscreenbg {
    background-attachment: local !important;
  }
}
/* -------------------------------------- PACE PAGE LOADER -------------------------------------- */
/* Overlay and Preloader */
#preloader {
  position: fixed;
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  display: block;
  background: #fff;
  transition: opacity 0.4s ease 0s, height 0.4s ease 0.4s;
}

#status {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  background: url(images/bala-logo-loading.png) center center no-repeat;
  background-size: 75px 75px;
  transition: all 0.4s ease 0s;
  animation: jump 1.5s ease 0s infinite normal;
}
@keyframes jump {
  0% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  50% {
    transform: translateY(0);
  }
  60% {
    transform: translateY(-15px);
  }
  80% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
#wrapper {
  opacity: 1;
  z-index: 2;
  transition: all 0.6s ease 0s;
}

.pace-done #wrapper {
  opacity: 1;
}

.pace-done #preloader {
  opacity: 0;
  height: 0px;
}

.pace-done #preloader #status {
  /*top: -50px;*/
}

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #2f3553;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 10px;
}

@media screen and (max-width: 500px) {
  .pace .pace-progress {
    height: 5px;
  }
}
/* Ultimate Social Sharing

---------------------------------------------------------- */
h2.share-open {
  display: none;
  vertical-align: middle;
  position: relative;
  color: #757185;
  font-size: 15px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 0px;
  clear: none;
}

h2.share-open:after {
  content: "";
  display: inline-block;
  width: 50px;
  border-bottom: 1px solid #757185;
  margin: 0px 14px;
}

.share-main-post {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.share-main-post .us_wrapper .us_button {
  background: none !important;
  width: auto !important;
  margin: 0px 6px 0px 0px !important;
}

.share-main-post .us_wrapper .us_button .us_box {
  font-size: 20px;
}

.share-main-post .us_wrapper.us_skin_default a, .share-main-post .us_wrapper.us_skin_default a i {
  color: #757185 !important;
  transition: all 0.3s ease 0s;
}

.share-main-post .us_wrapper.us_skin_default a:hover, .share-main-post .us_wrapper.us_skin_default a:hover i {
  color: #2f3553 !important;
}

@media screen and (max-width: 500px) {
  h2.share-open:after {
    width: 20px;
    margin: 0px 0px 0px 6px;
  }
}
/* ------ ------------------------------ MASONRY --------------------------------------------------- */
ul.masonry-grid {
  list-style: none;
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  transition: visiblity 0.3s ease 0s;
}

ul.masonry-grid {
  visibility: hidden;
}

ul.masonry-grid.masonry {
  visibility: visible;
}

ul.masonry-grid:after {
  content: "";
  display: table;
  clear: both;
}

ul.masonry-grid li {
  display: block;
}

ul.masonry-grid {
  margin-top: 50px;
}

li.masonry-item.blog-item {
  text-align: left;
  margin-bottom: 48px;
  background: #dfdfdf;
}

li.masonry-item.blog-item img {
  margin: 0px;
  transition: opacity 0.3s ease 0s;
}

li.masonry-item {
  width: 48%;
}

ul.masonry-grid .grid-sizer {
  width: 48%;
}

ul.masonry-grid .gutter-sizer {
  width: 4%;
}

/* Events & Teacher masonry ------- */
ul.masonry-grid li.teacher-item {
  margin-bottom: 70px;
}

@media screen and (max-width: 800px) {
  li.masonry-item {
    width: 48%;
  }
  ul.masonry-grid .grid-sizer {
    width: 48%;
  }
  ul.masonry-grid .gutter-sizer {
    width: 4%;
  }
}
@media screen and (max-width: 500px) {
  li.masonry-item {
    width: 100%;
  }
  ul.masonry-grid .grid-sizer {
    width: 100%;
  }
  ul.masonry-grid .gutter-sizer {
    width: 0%;
  }
  ul.masonry-grid li.teacher-item {
    margin-bottom: 35px;
  }
}
/* ------------------------------------------------------------------------------------------------------------

 *  Liquid Slider v2

 *  Copyright 2012 Kevin Batdorf

 *  http://liquidslider.com

 *  MIT license

 */
.no-js .liquid-slider {
  height: 350px;
  overflow: scroll;
}

.ls-preloader {
  background: url(images/loading.gif);
  opacity: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

/*** Containers ***/
.ls-wrapper {
  clear: both;
  overflow: auto;
  position: relative;
}

.ls-wrapper:after {
  content: "";
  display: table;
  clear: both;
}

.liquid-slider {
  width: 100%;
  margin: 0 auto;
  float: left;
  overflow: hidden;
  position: relative;
}

.arrows .liquid-slider {
  /* Margin between slider and arrows */
  margin: 0 10px;
}

.ls-responsive .liquid-slider {
  width: 100%;
  margin: 0;
}

.panel-container {
  position: relative;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000; /* from http://davidwalsh.name/translate3d */
}

.liquid-slider .panel-container .fade {
  width: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}

/*** Panels ***/
.liquid-slider .ls-panel {
  width: 100%;
  display: block;
  float: left;
}

.panel-wrapper {
  padding: 15px 40px;
  position: relative;
}

.panel-wrapper:after {
  content: "";
  display: table;
  clear: both;
}

/*** Tabbed Navigation ***/
.ls-nav {
  overflow: hidden;
  clear: both;
}

.ls-nav a {
  background: #d8d8d8;
  color: #333333;
  margin-right: 1px;
  padding: 10px 15px;
  outline: 0;
}

.ls-nav a:hover {
  background: #f2f2f2;
  color: #333333;
  text-shadow: none;
}

.ls-nav .current a {
  background: #f2f2f2;
}

.currentCrossLink {
  font-weight: bold;
}

.ls-nav ul {
  padding: 0;
  clear: both;
  display: block;
  margin: auto;
  overflow: hidden;
}

.ls-nav ul li {
  display: inline;
}

.ls-nav ul li a {
  display: block;
  float: left;
  text-decoration: none;
}

/*** Mobile Navigation ***/
.ls-select-box {
  width: 100%;
  height: 35px;
  overflow: hidden;
  background: url(images/menu.png) no-repeat right #ddd;
}

.ls-select-box select {
  width: 150%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  padding: 5px;
  font-size: 110%;
  border: none;
  height: 35px;
  cursor: pointer;
  outline: 0;
}

/*** Arrow Navigation (non-graphical) ***/
.ls-nav-left, .ls-nav-right {
  top: 0;
  float: left;
  clear: both;
}

.ls-nav-left a, .ls-nav-right a {
  background: #000;
  color: #fff;
  padding: 5px;
  width: 100px;
  display: block;
  text-align: center;
  text-decoration: none;
}

.ls-responsive .ls-nav-left {
  position: absolute;
  left: 0;
  z-index: 2;
}

.ls-responsive .ls-nav-left a {
  background: #9A9A9A;
  width: 80px;
}

.ls-responsive .ls-nav-left a:hover {
  background: #747474;
}

.ls-responsive .ls-nav-right {
  position: absolute;
  right: 0;
  z-index: 2;
}

.ls-responsive .ls-nav-right a {
  background: #9A9A9A;
  width: 80px;
}

.ls-responsive .ls-nav-right a:hover {
  background: #747474;
}

/*** Arrow Navigation (graphical) ***/
.ls-nav-left-arrow, .ls-nav-right-arrow {
  cursor: pointer;
  float: left;
  clear: both;
}

.ls-nav-left-arrow a, .ls-nav-right-arrow a {
  display: block;
}

[class$=-arrow] {
  width: 25px;
  height: 25px;
  background-image: url(images/arrow.png);
  background-repeat: no-repeat;
  margin-top: 50px;
  position: relative;
}

.ls-nav-right-arrow {
  background-position: top right;
  margin-right: 5px;
}

.ls-nav-left-arrow {
  background-position: top left;
  margin-left: 5px;
}

.ls-nav-left-arrow:hover {
  background-position: bottom left;
}

.ls-nav-right-arrow:hover {
  background-position: bottom right;
}

.ls-responsive .ls-nav-left-arrow {
  position: absolute;
  left: 0;
  z-index: 2;
}

.ls-responsive .ls-nav-right-arrow {
  position: absolute;
  right: 0;
  z-index: 2;
}

/* Classes Slider Specific Styles ------------ */
#classes-slider-wrapper {
  margin: 50px 0px 138px 0px;
}

#classes-slider-wrapper .ls-nav {
  padding: 70px 0px;
  float: left;
  width: 28%;
  background: #fefee1;
  height: 360px;
  z-index: 5;
  overflow: visible;
}

#classes-slider-wrapper .ls-nav ul {
  width: 100%;
  margin: 0px;
  overflow: visible;
}

#classes-slider-wrapper .ls-nav ul li {
  display: block;
  text-align: right;
  position: relative;
}

#classes-slider-wrapper .ls-nav ul li.current:after {
  display: block;
  width: 50px;
  height: 15px;
  position: absolute;
  top: 13px;
  right: -30px;
  content: "";
  background: url(images/arrow-light-purple.png) center center no-repeat;
  background-size: cover;
}

#classes-slider-wrapper .ls-nav ul li a {
  display: inline-block;
  float: none;
  background: none;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #2f3553;
  padding: 12px 34px 10px 12px;
  font-weight: 900;
}

#classes-slider-wrapper .panel-wrapper {
  padding: 0px;
}

#classes-slider {
  float: right;
  width: 72%;
  height: 360px;
  z-index: 1;
  overflow: hidden;
}

.class-desc {
  float: left;
  width: 52%;
  height: 360px;
  padding: 85px 8% 0px 16%;
}

.class-img {
  float: right;
  width: 48%;
  background: #fefee1;
  height: 360px;
  overflow: visible;
  position: relative;
}

.class-img img {
  position: absolute;
  left: -54px;
  bottom: 0px;
  max-height: 100%;
  width: auto;
}

@media screen and (max-width: 800px) {
  .class-desc {
    padding: 30px 8% 0px 8%;
  }
}
@media screen and (max-width: 500px) {
  .class-desc {
    width: 56%;
    padding: 38px 8% 0px 9%;
    font-size: 13px;
    line-height: 1.5em;
  }
  .class-img {
    width: 44%;
  }
  .classes-title {
    font-size: 15px;
    margin-bottom: 24px;
  }
  .classes-title span {
    padding: 0px 12px;
  }
  #classes-slider-wrapper .ls-nav ul li {
    text-align: center;
  }
  #classes-slider-wrapper .ls-nav ul li a {
    padding: 6px 0px;
  }
  #classes-slider-wrapper .ls-nav {
    width: 100%;
    height: auto;
    padding: 30px 0px;
  }
  #classes-slider {
    width: 100%;
    height: auto !important;
  }
  .class-desc {
    width: 100%;
    height: auto;
    padding: 30px;
  }
  .class-desc p {
    font-size: 12px !important;
  }
  .class-img {
    width: 100%;
    height: 300px;
  }
  .class-img img {
    left: 20px;
  }
  #classes-slider-wrapper .ls-nav ul li.current:after {
    display: none;
  }
  #classes-slider-wrapper {
    margin-bottom: 0px;
  }
}
/* Home Classes Slider Specific Styles ------------ */
#home-classes h2 {
  color: #6e6b7d;
  font-family: "salome", serif;
  font-size: 70px;
  margin-bottom: 28px;
  font-weight: normal;
  text-align: center;
}

#home-classes h3 {
  font-weight: 700;
  text-transform: none;
  letter-spacing: 1px;
  text-align: center;
}

#home-classes .location-select {
  margin-top: 40px;
}

#home-classes-slider-wrapper .ls-nav ul {
  width: 100%;
  text-align: center;
  margin-bottom: 40px;
}

#home-classes-slider-wrapper .ls-nav ul li {
  display: inline-block;
  position: relative;
}

#home-classes-slider-wrapper .ls-nav ul li + li {
  margin-left: -2px;
}

#home-classes-slider-wrapper .ls-nav a {
  background: #757185;
  color: #fff;
  font-sie: 15px;
  text-transform: uppercase;
  letter-spacing: 3px;
  border: 4px solid #757185;
  font-weight: 800;
}

#home-classes-slider-wrapper .ls-nav a span {
  font-family: "merriweather", serif;
  font-weight: 300;
  letter-spacing: 1px;
  font-style: italic;
  font-size: 14px;
  text-transform: none;
}

#home-classes-slider-wrapper .ls-nav .current a {
  background: #e1fee0;
  color: #757185;
}

#home-classes-slider-wrapper .panel-wrapper {
  padding: 0px;
  margin: 0px;
}

#home-classes-slider-wrapper .ls-nav ul {
  width: 100%;
  text-align: center;
  margin-bottom: 40px;
}

#home-classes-slider-wrapper .ls-nav ul li {
  display: inline-block;
  position: relative;
}

#home-classes-slider-wrapper .ls-nav ul li + li {
  margin-left: -2px;
}

#home-classes-slider-wrapper .ls-nav a {
  background: #757185;
  color: #fff;
  font-sie: 15px;
  text-transform: uppercase;
  letter-spacing: 3px;
  border: 4px solid #757185;
  font-weight: 800;
}

#home-classes-slider-wrapper .ls-nav a span {
  font-family: "merriweather", serif;
  font-weight: 300;
  letter-spacing: 1px;
  font-style: italic;
  font-size: 14px;
  text-transform: none;
}

#home-classes-slider-wrapper .ls-nav .current a {
  background: #e1fee0;
  color: #757185;
}

#home-classes-slider-wrapper .panel-wrapper {
  padding: 0px;
  margin: 0px;
}

/* Schedule Slider */
#schedule-classes-slider-wrapper .ls-nav ul {
  width: 100%;
  text-align: center;
  margin-bottom: 40px;
}

#schedule-classes-slider-wrapper .ls-nav ul li {
  display: inline-block;
  position: relative;
}

#schedule-classes-slider-wrapper .ls-nav ul li + li {
  margin-left: -2px;
}

#schedule-classes-slider-wrapper .ls-nav a {
  background: #757185;
  color: #fff;
  font-sie: 15px;
  text-transform: uppercase;
  letter-spacing: 3px;
  border: 4px solid #757185;
  font-weight: 800;
}

#schedule-classes-slider-wrapper .ls-nav a span {
  font-family: "merriweather", serif;
  font-weight: 300;
  letter-spacing: 1px;
  font-style: italic;
  font-size: 14px;
  text-transform: none;
}

#schedule-classes-slider-wrapper .ls-nav .current a {
  background: #2f3553;
  color: #fff;
}

#schedule-classes-slider-wrapper .panel-wrapper {
  padding: 0px;
  margin: 0px;
}

/* End Schedule Sldier */
.class-item {
  display: inline-block;
  vertical-align: top;
  width: 23%;
  background: rgba(255, 255, 255, 0.8);
  padding: 35px 20px;
  margin: 0px 1%;
  text-align: center;
  transition: all 0.3s ease 0s;
  min-height: 375px;
}

.class-item:hover {
  background: rgb(255, 255, 255);
}

.class-item .teacher-class-name {
  margin: 0px 0px 18px 0px;
  position: relative;
  padding-bottom: 18px;
}

.class-item .teacher-class-name:after {
  display: block;
  content: "";
  width: 178px;
  height: 1px;
  background: #2f3553;
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin-left: -89px;
}

.class-item .teacher-name {
  font-family: "merriweather", serif;
  font-size: 14px;
  font-style: italic;
  letter-spacing: 0.4px;
  text-transform: none;
  margin-bottom: 22px;
  font-weight: 300;
}

.class-item .teacher-name span {
  color: #a8a8a8;
}

.class-item .teacher-class-time {
  text-align: center;
  display: inline-block;
  margin-bottom: 28px;
  line-height: 1.3em;
  max-width: 93%;
  padding-bottom: 4px;
  padding-left: 0px;
  background-position: left 4px bottom 2px;
}

.teacher-mb-thumb {
  display: inline-block;
  width: 60px;
  height: 60px;
  background-size: cover;
  background-position: center center;
  background-repeat: none;
  border-radius: 50%;
}

span.signupnow {
  display: inline-block;
  color: #fff;
  padding: 8px 12px;
  background: #757185;
  font-size: 13px;
  margin-top: 26px;
}

span.class-item-time {
  display: inline-block;
  margin-top: 8px;
}

.mb-link {
  font-family: "merriweather", serif;
  font-size: 14px;
  font-style: italic;
  letter-spacing: 0.4px;
  text-transform: none;
  margin-bottom: 22px;
  font-weight: 300;
  text-align: center;
  margin: 36px 0px 0px 0px;
  color: #fff;
}

.mb-link a {
  color: #fff;
}

@media screen and (max-width: 800px) {
  .class-item {
    width: 45%;
    margin: 0px 2% 24px 2%;
  }
}
@media screen and (max-width: 500px) {
  #home-classes {
    padding: 40px 0px;
  }
  #home-classes h2 {
    font-size: 40px;
  }
  .class-item {
    width: 100%;
    margin: 0px 0px 24px 0px;
    min-height: 0px;
  }
  .class-item .teacher-name {
    font-size: 13px;
  }
}
/* Home Events/Callouts Slider Specific Styles ------------ */
#home-events-slider-wrapper {
  display: block;
  width: 100%;
}

#home-events-slider-wrapper .panel-wrapper {
  padding: 0px;
}

.callout-slide {
  width: 100%;
  display: block;
  position: relative;
}

.callout-img {
  width: 50%;
  position: absolute;
  background-position: center center;
  background-size: cover;
  top: 0px;
  left: 0px;
  height: 100%;
}

.callout-info {
  float: right;
  width: 50%;
  height: auto;
  display: block;
  text-align: center;
  min-height: 314px;
  padding: 70px 5% 50px 5%;
}

.callout-info h2 {
  color: #757185;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 4px;
  font-size: 25px;
  margin-bottom: 30px;
  line-height: 1.1em;
}

.callout-info p {
  color: #757185;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4em;
}

a.callout-more {
  font-weight: 800;
  font-size: 13px;
  letter-spacing: 3px;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
}

.callout-nav {
  margin-top: 50px;
  text-align: center;
  display: block;
  position: relative;
}

.callout-nav .arrow {
  float: right;
  cursor: pointer;
  position: relative;
  right: 0px;
  transition: all 0.3s ease 0s;
}

.callout-nav .arrow-left {
  float: left;
  cursor: pointer;
  position: relative;
  left: 0px;
  transition: all 0.3s ease 0s;
}

.no-touch .callout-nav .arrow:hover {
  right: 15px;
}

.no-touch .callout-nav .arrow-left:hover {
  left: 15px;
}

@media screen and (max-width: 800px) {
  .callout-info {
    padding: 50px 7% 50px 7%;
  }
}
@media screen and (max-width: 500px) {
  .callout-img {
    width: 100%;
    float: none;
    height: 200px;
    position: relative;
  }
  .callout-info {
    padding: 40px 20px 40px 20px;
    width: 100%;
    float: none;
    min-height: 0px;
  }
  .callout-info h2 {
    font-size: 20px;
  }
  .callout-info p {
    font-size: 10px;
    line-height: 1.2em;
  }
}
/* Locations Slider Specific Styles ------------ */
#locations-slider-wrapper .ls-nav {
  position: relative;
  z-index: 2;
}

#locations-slider-wrapper .ls-nav ul {
  width: 100%;
  text-align: center;
  margin-bottom: 0px;
}

#locations-slider-wrapper .ls-nav ul li {
  display: inline-block;
  position: relative;
}

#locations-slider-wrapper .ls-nav ul li + li {
  margin-left: -2px;
}

#locations-slider-wrapper .ls-nav a {
  background: #757185;
  color: #fff;
  font-sie: 15px;
  text-transform: uppercase;
  letter-spacing: 3px;
  border: 4px solid #757185;
  font-weight: 800;
}

#locations-slider-wrapper .ls-nav a span {
  font-family: "merriweather", serif;
  font-weight: 300;
  letter-spacing: 1px;
  font-style: italic;
  font-size: 14px;
  text-transform: none;
}

#locations-slider-wrapper .ls-nav .current a {
  background: #e1fee0;
  color: #757185;
}

#locations-slider-wrapper .panel-wrapper {
  padding: 0px;
  margin: 0px;
}

#locations-slider {
  background: #fff;
  z-index: 1;
  top: -31px;
  position: relative;
}

#locations-slider .ls-panel {
  padding-top: 102px;
}

@media screen and (max-width: 800px) {
  #locations-slider .ls-panel {
    padding-top: 0px;
  }
}
/* ------------------------------------------------------------------------------------------------------------------

--------------------------------------------------------- END PLUGINS ---------------------------------------------------------

------------------------------------------------------------------------------------------------------------------ */
/* =Print Style

-------------------------------------------------------------- */
@media print {
  body {
    background: none !important;
  }
  #wrapper {
    clear: both !important;
    display: block !important;
    float: none !important;
    position: relative !important;
  }
  #header {
    border-bottom: 2pt solid #000;
    padding-bottom: 18pt;
  }
  #colophon {
    border-top: 2pt solid #000;
  }
  #site-title, #site-description {
    float: none;
    line-height: 1.4em;
    margin: 0;
    padding: 0;
  }
  #site-title {
    font-size: 13pt;
  }
  .entry-content {
    font-size: 14pt;
    line-height: 1.6em;
  }
  .entry-title {
    font-size: 21pt;
  }
  #access, #branding img, #respond, .comment-edit-link, .edit-link, .navigation, .page-link, .widget-area {
    display: none !important;
  }
  #container, #header, #footer {
    margin: 0;
    width: 100%;
  }
  #content, .one-column #content {
    margin: 24pt 0 0;
    width: 100%;
  }
  .wp-caption p {
    font-size: 11pt;
  }
  #site-info, #site-generator {
    float: none;
    width: auto;
  }
  #colophon {
    width: auto;
  }
  img#wpstats {
    display: none;
  }
  #site-generator a {
    margin: 0;
    padding: 0;
  }
  #entry-author-info {
    border: 1px solid #e7e7e7;
  }
  #main {
    display: inline;
  }
  .home .sticky {
    border: none;
  }
}