/* Mixins */
/* Color */
/*
RESPONSIVE
*/
#color-bar {
  width: 100%;
  float: left;
  height: 30px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  	/*@include bp(small_tablet){
  			background-color:blue;
  			&:before{
  			content:'small_tablet';
  		}
  	}
  	@include bp(large_tablet){
  			background-color:pink;
  			&:before{
  			content:'large_tablet';
  		}
  	}
  
  	@include bp(desktop){
  			background-color:orange;
  			&:before{
  			content:'desktop';
  		}
  	}
  	@include bp(mid_desktop){
  			background-color:purple;
  			&:before{
  			content:'mid_desktop';
  		}
  	}
  	@include bp(large_desktop){
  			background-color:green;
  			&:before{
  			content:'large_desktop';
  		}
  	}*/ }
  @media only screen and (max-width: 768px) {
    #color-bar {
      background-color: teal; }
      #color-bar:before {
        content: 'iPadDown'; } }
  @media only screen and (min-width: 320px) and (max-width: 479px) {
    #color-bar {
      background-color: red; }
      #color-bar:before {
        content: 'phone'; } }

.pad-down-only {
  display: none !important; }
  @media only screen and (max-width: 768px) {
    .pad-down-only {
      display: block !important; } }

@media only screen and (max-width: 768px) {
  .desktop-up-only {
    display: none !important; } }

@media only screen and (min-width: 320px) and (max-width: 479px) {
  .no-phone {
    display: none !important; } }

.phone-only {
  display: none !important; }
  @media only screen and (min-width: 320px) and (max-width: 479px) {
    .phone-only {
      display: block !important; } }

/* ==========================================================================
   GENERAL
   ========================================================================== */
.bare-btn {
  border: 1px solid #fff;
  color: #fff;
  display: inline-block;
  font-family: 'Gotham A', 'Gotham B';
  font-size: inherit;
  font-weight: 500;
  padding: 4px 10px 6px;
  text-transform: uppercase; }

.bare-btn--arrow:after {
  content: "";
  width: 8px;
  height: 10px;
  background: url(../img/button-arrow-white-2x.png) 0 0 no-repeat;
  background-size: 100%;
  display: inline-block;
  display: inline-block;
  margin-left: 8px;
  position: relative;
  top: 1px; }

span.red-btn {
  width: 158px;
  height: 36px;
  background: url(../img/red-button-bg-2x.png) center center no-repeat;
  /*background-size: 100%;*/
  background-size: cover;
  -webkit-background-size: cover;
  color: #fff;
  font-family: 'Gotham A', 'Gotham B';
  font-weight: 500;
  font-style: normal;
  text-align: center;
  text-transform: uppercase;
  font-size: 13px;
  float: left;
  padding-top: 5px; }

span.red-btn:hover {
  background: url(../img/gray-button-bg-2x.png) center center no-repeat;
  /*background-size: 100%;*/
  background-size: cover;
  -webkit-background-size: cover; }

span.red-btn:after {
  content: "";
  width: 8px;
  height: 10px;
  background: url(../img/button-arrow-white-2x.png) 0 0 no-repeat;
  background-size: 100%;
  display: inline-block;
  display: inline-block;
  margin-left: 8px;
  position: relative;
  top: 1px; }

a.red-btn,
span.red-btn {
  float: none;
  display: inline-block; }

a.red-btn--no-arrow:after,
span.red-btn--no-arrow:after {
  content: none; }

a.red-btn--auto-width,
span.red-btn--auto-width {
  padding-left: 10px;
  padding-right: 10px;
  width: auto; }

a.red-btn--full-width,
span.red-btn--full-width {
  padding-top: 12px;
  width: 100%; }

.page-template-template-ohp #footer {
  position: relative; }

.page-template-template-ohp footer#footer .footer-top {
  background-image: url(../img/footer-top-bg-transparent.png);
  height: 20px;
  position: absolute;
  top: -20px;
  z-index: 1; }

/* ==========================================================================
   OHP
   ========================================================================== */
.ohp-section {
  padding-top: 43px;
  padding-bottom: 43px; }

.section--reverse > .col {
  float: right; }

.ohp-section__copy {
  font-size: 18px;
  line-height: 1.6666666667; }
  .ohp-section__copy strong:first-child {
    font-size: 22px; }
  .ohp-section__copy p:first-child {
    margin-top: 0; }
  @media only screen and (max-width: 768px) {
    .ohp-section__copy {
      font-size: 17px; } }

.ohp-section__headline {
  color: #626831;
  font-size: 36px;
  font-weight: 300;
  line-height: normal;
  margin-top: 0;
  text-align: center;
  text-transform: uppercase; }
  @media only screen and (max-width: 768px) {
    .ohp-section__headline {
      font-size: 30px; } }

.join-ohp-cta {
  color: #494949;
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase; }
  .join-ohp-cta .red-btn {
    font-size: 22px;
    height: auto;
    margin-left: 5px;
    padding: 12px; }

#ohp-hero {
  background: url(../img/ohp-hero.jpg) 50% no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  height: 491px;
  position: relative;
  z-index: -1; }
  @media only screen and (max-width: 768px) {
    #ohp-hero {
      text-align: center; } }

.ohp-hero__logo {
  padding-top: 55px; }

.ohp-hero__tagline {
  color: #fff;
  font-size: 46px;
  letter-spacing: 0.02em;
  line-height: normal;
  position: absolute;
  bottom: 0; }
  @media only screen and (max-width: 768px) {
    .ohp-hero__tagline {
      font-size: 36px;
      position: relative; } }

.ohp-section--membership-perks__copy {
  margin-bottom: 20px; }

.perks-video {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  max-width: 522px; }

.yearly-membership-perks-list-container {
  background: #f0f1eb;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 48px;
  max-width: 95%;
  padding: 30px;
  position: relative; }
  @media only screen and (max-width: 768px) {
    .yearly-membership-perks-list-container {
      max-width: none; } }
  .yearly-membership-perks-list-container:before {
    background: url(../img/beige-top.png);
    content: "";
    display: block;
    height: 10px;
    left: 0;
    position: absolute;
    right: 0;
    top: -10px;
    width: 100%;
    z-index: 5; }
  .yearly-membership-perks-list-container:after {
    background: url(../img/beige-bottom.png);
    bottom: -15px;
    content: "";
    display: block;
    height: 15px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 5; }

.new-yearly-members {
  margin-left: auto;
  margin-right: auto;
  max-width: 460px; }

.new-yearly-members__headline {
  border-top: 2px dotted #e4e388;
  font-size: 22px;
  padding-top: 27px; }

.yearly-membership-perks-list {
  font-size: 22px;
  line-height: 1.4545454545;
  list-style: none;
  margin-bottom: 0;
  margin-top: 0; }
  .yearly-membership-perks-list > li {
    background: url(../img/right-angle-open-arrow.png) 0 10px no-repeat;
    padding-left: 25px; }
    @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
      .yearly-membership-perks-list > li {
        background-image: url(../img/right-angle-open-arrow@2x.png);
        background-size: 6px; } }
  .yearly-membership-perks-list strong {
    color: #626831;
    font-family: 'Gotham A', 'Gotham B', sans-serif;
    font-size: 20px;
    text-transform: uppercase; }

.new-yearly-members-perks__list {
  font-size: 20px;
  line-height: 1.5;
  list-style: none; }
  .new-yearly-members-perks__list > li {
    margin-bottom: 30px; }
    .new-yearly-members-perks__list > li:before {
      content: " ";
      background: url(../img/checkmark.png) no-repeat;
      display: inline-block;
      height: 11px;
      margin-right: 9px;
      width: 16px; }
      @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
        .new-yearly-members-perks__list > li:before {
          background-image: url(../img/checkmark@2x.png);
          background-size: 100%; } }

#sign-up {
  background: url(../img/OHP_bg_pattern.png) repeat; }

.sign-up__cta {
  background: url(../img/home-banner-red-bg.jpg);
  color: #fff;
  font-size: 22px;
  font-weight: 500;
  margin-top: 50px;
  max-width: 531px;
  padding: 30px 15px;
  position: relative;
  text-transform: uppercase; }
  .sign-up__cta:before {
    background: url(../img/red-top.png);
    content: "";
    display: block;
    height: 15px;
    left: 0;
    position: absolute;
    right: 0;
    top: -15px;
    width: 100%;
    z-index: 5; }
  .sign-up__cta:after {
    background: url(../img/red-bottom.png);
    bottom: -15px;
    content: "";
    display: block;
    height: 15px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 5; }

.sign-up__cta-headline {
  display: block; }

.access-item {
  color: #6d6f71;
  margin-left: auto;
  margin-right: auto;
  max-width: 290px;
  text-align: center; }

.access-item__icon {
  height: 90px;
  margin-bottom: 10px; }
  .access-item__icon img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-height: 90px; }

.access-item__headline {
  color: #494949;
  font-size: 24px;
  margin-bottom: 10px;
  text-transform: lowercase; }
  .access-item__headline > a {
    color: inherit; }

.access-item__copy {
  display: block;
  font-size: 20px;
  text-transform: lowercase; }
  .access-item__copy:before {
    border-top: 1px solid #d9d854;
    content: '';
    display: block;
    height: 1px;
    margin: 0 auto 10px; }

#weekly-live-broadcast {
  background-color: #f8f8f5; }

#daily-live-meditation-and-q-and-a {
  border-top: 13px solid #fff;
  border-bottom: 13px solid #fff;
  padding-top: 0; }

.daily-live-meditation__header {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 621px; }
  @media only screen and (max-width: 768px) {
    .daily-live-meditation__header {
      min-height: inherit; } }

.daily-live-meditation__callout-box {
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.95);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  max-width: 960px;
  padding: 20px; }

.daily-live-meditation__headline {
  margin-bottom: 10px; }

.daily-meditation__headline-wrapper {
  background: #fff;
  margin-bottom: 40px;
  padding: 4px; }

.daily-meditation__headline {
  border: 1px dotted #626831;
  color: #81845c;
  font-size: 26px;
  margin-bottom: 0;
  padding: 21px 15%;
  text-align: center; }
  @media only screen and (max-width: 768px) {
    .daily-meditation__headline {
      font-size: 20px; } }

.daily-meditation__hours {
  color: #494949;
  font-size: 22px; }
  @media only screen and (max-width: 768px) {
    .daily-meditation__hours {
      font-size: 20px; } }

.daily-live-meditation__sample {
  padding: 60px; }

#yearly-member-perks {
  background-color: #f8f8f5;
  background-image: url(../img/polka-dot-bg.png);
  background-position: 50%; }

.yearly-membership-headline {
  margin-bottom: 40px; }
  .yearly-membership-headline > span {
    color: #78a553; }

.yearly-membership-headline,
.yearly-membership-copy {
  margin-left: auto;
  margin-right: auto;
  max-width: 480px; }

.yearly-membership-copy {
  font-size: 18px;
  line-height: 1.6666666667; }
  .yearly-membership-copy > strong {
    font-size: 22px; }

.testimonial-wrap .testimonial {
  margin-left: auto;
  margin-right: auto;
  width: 90%; }
  @media only screen and (max-width: 768px) {
    .testimonial-wrap .testimonial {
      width: 80%; } }

.testimonial__img {
  border: 2px solid #e4e388; }
  @media only screen and (max-width: 768px) {
    .testimonial__img {
      display: block;
      float: none; } }

.testimonial__quote {
  color: #6d6f71;
  font-size: 18px; }
  @media only screen and (max-width: 768px) {
    .testimonial__quote {
      font-size: 16px; } }
  .testimonial__quote strong:first-child {
    font-weight: 500;
    text-transform: uppercase; }

.testimonial__name {
  color: #e4e388;
  font-weight: 700;
  text-transform: uppercase; }

.ohp-testi-slider > .active-slide {
  border-right: 1px dotted #e4e388; }
  @media only screen and (max-width: 768px) {
    .ohp-testi-slider > .active-slide {
      border-right: none; } }

.testimonial-wrap .bx-controls-direction .bx-prev,
.testimonial-wrap .bx-controls-direction .bx-next {
  background-position: 0 0;
  height: 41px;
  width: 18px; }
  .testimonial-wrap .bx-controls-direction .bx-prev:hover, .testimonial-wrap .bx-controls-direction .bx-prev:focus,
  .testimonial-wrap .bx-controls-direction .bx-next:hover,
  .testimonial-wrap .bx-controls-direction .bx-next:focus {
    background-position: 0 0;
    opacity: 0.5; }

.testimonial-wrap .bx-controls-direction .bx-prev,
.testimonial-wrap .bx-controls-direction .bx-prev:hover {
  background-image: url(../img/carousel-prev.png);
  left: -55px; }
  @media only screen and (max-width: 768px) {
    .testimonial-wrap .bx-controls-direction .bx-prev,
    .testimonial-wrap .bx-controls-direction .bx-prev:hover {
      left: -10px; } }
  @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
    .testimonial-wrap .bx-controls-direction .bx-prev,
    .testimonial-wrap .bx-controls-direction .bx-prev:hover {
      background-image: url(../img/carousel-prev@2x.png);
      background-size: 18px; } }

.testimonial-wrap .bx-controls-direction .bx-next,
.testimonial-wrap .bx-controls-direction .bx-next:hover {
  background-image: url(../img/carousel-next.png);
  right: -55px; }
  @media only screen and (max-width: 768px) {
    .testimonial-wrap .bx-controls-direction .bx-next,
    .testimonial-wrap .bx-controls-direction .bx-next:hover {
      right: -10px; } }
  @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
    .testimonial-wrap .bx-controls-direction .bx-next,
    .testimonial-wrap .bx-controls-direction .bx-next:hover {
      background-image: url(../img/carousel-next@2x.png);
      background-size: 18px; } }

.ohp-foot-cta {
  background: url(../img/home-banner-red-bg.jpg);
  color: #fff;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.3;
  padding: 20px 15px;
  position: relative;
  text-transform: uppercase; }
  .ohp-foot-cta .bare-btn {
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 3px; }
  .ohp-foot-cta:after {
    background: url(../img/red-bottom.png);
    bottom: -15px;
    content: "";
    display: block;
    height: 15px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 5; }

#ohp-description {
  background-color: #494949;
  overflow: hidden;
  position: relative; }
  @media screen and (max-width: 1164px) {
    #ohp-description {
      padding-bottom: 0; } }

.ohp-section--description__img {
  bottom: 0;
  position: absolute;
  right: 0;
  z-index: 1; }
  @media screen and (max-width: 1164px) {
    .ohp-section--description__img {
      float: right;
      position: relative; } }

.ohp-description__headline {
  color: #e4e388;
  font-size: 30px;
  line-height: 1.2666666667; }

.ohp-description__copy {
  color: #fff;
  font-size: 18px;
  line-height: 1.4444444444;
  position: relative;
  z-index: 5; }
  @media screen and (max-width: 1164px) {
    .ohp-description__copy {
      width: 100%; } }

.ohp-description__footer-copy {
  color: #fff;
  font-size: 22px;
  line-height: 1.3636363636;
  margin-top: 64px; }