/* 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 bottom no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  color: #fff;
  display: inline-block;
  font-family: 'Gotham A', 'Gotham B';
  font-weight: 500;
  font-style: normal;
  text-align: center;
  text-transform: uppercase;
  font-size: 13px;
  padding-top: 5px; }

span.red-btn:hover {
  background: url(../img/gray-button-bg-2x.png) center bottom no-repeat;
  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;
  margin-left: 8px;
  position: relative;
  top: 1px; }

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: 10px;
  width: 100%; }

/* ==========================================================================
   HOME
   ========================================================================== */
#home-hero {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -wekit-background-size: cover;
  height: 631px;
  width: 100%; }
  @media only screen and (max-width: 768px) {
    #home-hero {
      height: 480px; } }
  @media only screen and (min-width: 320px) and (max-width: 479px) {
    #home-hero {
      height: 340px;
      background-position: center 0; } }

#home-callout-bar {
  background: #f05350;
  background-image: url(../img/home-banner-red-bg.jpg); }
  #home-callout-bar p {
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 8px;
    line-height: 1.25em; }

.u-h4 {
  color: #fff;
  display: block;
  font-family: 'Gotham A', 'Gotham B';
  font-weight: 300;
  font-style: normal;
  font-size: 29px;
  line-height: normal;
  margin-bottom: 0;
  padding-right: 30px;
  text-transform: uppercase; }
  @media only screen and (max-width: 768px) {
    .u-h4 {
      padding-right: 0; } }

.home__callout-bar .left-call-box {
  border-right: none;
  color: #fff;
  font-size: 18px; }
  @media only screen and (max-width: 768px) {
    .home__callout-bar .left-call-box {
      text-align: center; } }

@media only screen and (max-width: 768px) {
  .home__callout-bar .right-call-box {
    margin-bottom: 20px; } }

@media only screen and (min-width: 1140px) and (max-width: 1279px) {
  .home-newsletter-wrap {
    display: table;
    margin-top: 15px; } }
@media only screen and (min-width: 1280px) {
  .home-newsletter-wrap {
    display: table;
    margin-top: 15px; } }

.mc-field-group--home {
  display: block; }
  @media only screen and (min-width: 1140px) and (max-width: 1279px) {
    .mc-field-group--home {
      display: table-cell;
      padding-right: 5px;
      vertical-align: top; } }
  @media only screen and (min-width: 1280px) {
    .mc-field-group--home {
      display: table-cell;
      padding-right: 5px;
      vertical-align: top; } }

.home-newsletter__input {
  background-color: #fff;
  border: 1px solid #6d6f71;
  color: #6d6f71;
  display: block;
  height: 45px;
  margin-bottom: 4px;
  padding: 6px 14px;
  width: 100%; }

.home-newsletter-wrap ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #6d6f71; }
.home-newsletter-wrap ::-moz-placeholder {
  /* Firefox 19+ */
  color: #6d6f71; }
.home-newsletter-wrap :-ms-input-placeholder {
  /* IE 10+ */
  color: #6d6f71; }
.home-newsletter-wrap :-moz-placeholder {
  /* Firefox 18- */
  color: #6d6f71; }

.home-newsletter__btn {
  -webkit-appearance: none;
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
  font-family: 'Gotham A', 'Gotham B';
  font-size: 20px;
  font-weight: 500;
  height: 45px;
  padding: 4px 10px 6px;
  text-transform: uppercase; }
  @media only screen and (min-width: 1140px) and (max-width: 1279px) {
    .home-newsletter__btn {
      margin-left: 10px; } }
  @media only screen and (min-width: 1280px) {
    .home-newsletter__btn {
      margin-left: 10px; } }
  .home-newsletter__btn:after {
    content: "\00BB";
    display: inline;
    font-size: 21px;
    font-weight: 300;
    line-height: 1;
    padding-left: 4px; }

.home-intro__headline:after {
  content: " ";
  display: block;
  width: 100%;
  height: 4px;
  background: url(../img/dots-pattern.png) center center repeat-x;
  margin-top: 20px;
  margin-bottom: 20px; }

.home-intro__copy {
  font-family: 'Gotham A', 'Gotham B'; }

.home-intro__quote-wrap {
  border-left: 2px solid #d9d854;
  margin-top: 40px;
  margin-left: 20px;
  padding-left: 20px; }
  @media only screen and (max-width: 768px) {
    .home-intro__quote-wrap {
      margin-top: 0;
      margin-bottom: 60px;
      margin-left: 30px; } }
  @media only screen and (min-width: 320px) and (max-width: 479px) {
    .home-intro__quote-wrap {
      border-left: none;
      margin-left: 15px; } }

.home-intro__quote {
  font-style: italic;
  font-size: 21px;
  color: #929292;
  line-height: 1.4em;
  margin-top: 0;
  padding-left: 14px; }
  @media only screen and (max-width: 768px) {
    .home-intro__quote {
      font-size: 15px; } }
  @media only screen and (min-width: 320px) and (max-width: 479px) {
    .home-intro__quote {
      font-size: 13px; } }

.home-intro__quote-author {
  margin-bottom: 0;
  padding-left: 14px; }
  @media only screen and (max-width: 768px) {
    .home-intro__quote-author {
      font-size: 15px; } }
  @media only screen and (min-width: 320px) and (max-width: 479px) {
    .home-intro__quote-author {
      font-size: 13px; } }

#home-as-featured h2 {
  font-family: 'Gotham A', 'Gotham B';
  font-weight: 300;
  font-style: normal;
  font-size: 32px;
  text-align: center; }

#home-as-featured {
  width: 100%;
  min-height: 300px;
  background: url(../img/home-ohp-banner-bg-middle.jpg) repeat;
  margin-top: 40px;
  margin-bottom: 40px;
  position: relative;
  background-size: 100%; }
  #home-as-featured .home-as-featured__content {
    padding-top: 40px;
    padding-bottom: 40px; }
  #home-as-featured .promo-bottom {
    width: 100%;
    height: 17px;
    background: url(../img/home-ohp-banner-bg-bottom.jpg) repeat-x;
    position: absolute;
    bottom: -10px;
    background-size: 100%; }
    @media only screen and (min-width: 769px) and (max-width: 1139px) {
      #home-as-featured .promo-bottom {
        background-size: 150%; } }
    @media only screen and (max-width: 768px) {
      #home-as-featured .promo-bottom {
        background-size: 200%; } }
    @media only screen and (min-width: 320px) and (max-width: 479px) {
      #home-as-featured .promo-bottom {
        background-size: 300%; } }
  #home-as-featured .promo-top {
    width: 100%;
    height: 17px;
    background: url(../img/home-ohp-banner-bg-top.jpg) repeat-x;
    position: absolute;
    top: -6px;
    background-size: 100%; }
    @media only screen and (min-width: 769px) and (max-width: 1139px) {
      #home-as-featured .promo-top {
        background-size: 150%; } }
    @media only screen and (max-width: 768px) {
      #home-as-featured .promo-top {
        background-size: 200%; } }
    @media only screen and (min-width: 320px) and (max-width: 479px) {
      #home-as-featured .promo-top {
        background-size: 300%; } }

.how-susan-can-help__main {
  border-bottom: 2px solid #ecebec;
  margin-bottom: 47px;
  padding-bottom: 47px; }

.home__how-susan-can-help h2 {
  font-family: 'Gotham A', 'Gotham B';
  font-weight: 300;
  font-style: normal;
  font-size: 45px;
  text-align: center; }

@media screen and (max-width: 1105px) {
  .how-susan-can-help__main .span_1_of_3 {
    float: none;
    margin: 1% 0 1% 0%;
    width: 100%; } }

.callout-box {
  max-width: 356px; }
  @media screen and (max-width: 1105px) {
    .callout-box {
      height: auto;
      margin-left: auto;
      margin-right: auto; } }

.callout-box-header {
  border-bottom: 1px solid #fff;
  overflow: hidden;
  position: relative; }

.callout-box-header__headline-wrap {
  background-color: #3d3e28;
  background-color: rgba(61, 62, 40, 0.9);
  bottom: 0;
  left: 0;
  padding: 30px 40px;
  position: absolute;
  right: 0;
  z-index: 5; }
  @media only screen and (max-width: 768px) {
    .callout-box-header__headline-wrap {
      padding: 30px 25px; } }

.callout-box-header__headline {
  color: #FFF;
  font-family: 'Gotham A', 'Gotham B';
  font-weight: 300;
  font-size: 22px;
  margin-bottom: 0;
  text-align: center; }

span.callout-box__btn {
  font-family: 'Gotham A', 'Gotham B';
  font-weight: 700;
  font-size: 18px;
  height: 55px; }
  @media only screen and (min-width: 1140px) and (max-width: 1279px) {
    span.callout-box__btn {
      font-size: 20px; } }
  @media only screen and (min-width: 1280px) {
    span.callout-box__btn {
      font-size: 22px; } }
  span.callout-box__btn:after {
    content: none; }

.home__event-callouts {
  margin-bottom: 30px; }

.event-callout-wrapper {
  vertical-align: top; }

.event-callout-wrapper--1 {
  background-color: #7ebac3; }
  @media only screen and (max-width: 768px) {
    .event-callout-wrapper--1 {
      background-color: #fff; } }

.event-callout-wrapper--2 {
  background-color: #375a95;
  border-left: 18px solid #fff; }
  @media only screen and (max-width: 768px) {
    .event-callout-wrapper--2 {
      background-color: #fff;
      border-left: none; } }

.event-callout {
  max-width: 560px; }
  @media only screen and (max-width: 768px) {
    .event-callout {
      margin-left: auto;
      margin-right: auto; } }

.event-callout__header {
  border-bottom: 3px solid #fff;
  max-height: 500px;
  overflow: hidden;
  position: relative; }
  @media only screen and (max-width: 768px) {
    .event-callout__header {
      max-height: none; } }

.event-callout__headline-wrap {
  background-color: #efeeef;
  background-color: rgba(239, 238, 239, 0.9);
  left: 0;
  padding: 25px 10px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0; }

.event-callout__headline {
  line-height: normal;
  margin-bottom: 0; }

.event-callout__primary-headline,
.event-callout__subheadline {
  display: block; }

.event-callout__primary-headline {
  font-family: 'Gotham A', 'Gotham B';
  font-weight: 700;
  font-size: 32px; }
  .event-callout--1 .event-callout__primary-headline {
    color: #7ebac3; }
  .event-callout--2 .event-callout__primary-headline {
    color: #375a95; }

.event-callout__subheadline {
  font-family: 'Gotham A', 'Gotham B';
  font-weight: 300;
  font-size: 26px; }

.event-callout__main {
  color: #fff;
  padding: 27px;
  text-align: center; }
  .event-callout--1 .event-callout__main {
    background-color: #7ebac3; }
  .event-callout--2 .event-callout__main {
    background-color: #375a95; }

.event-callout__cta,
.event-callout__copy {
  margin-left: auto;
  margin-right: auto;
  max-width: 495px; }

.event-callout__cta {
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  font-size: 22px;
  margin-bottom: 20px;
  padding-bottom: 20px; }
  .event-callout--1 .event-callout__cta {
    border-bottom-color: #fff; }
  .event-callout--2 .event-callout__cta {
    border-bottom-color: #e4e388; }

.event-callout__copy p {
  margin-top: 0;
  margin-bottom: .5em; }
  .event-callout__copy p:last-child {
    margin-bottom: 0; }

.home__upcoming-events {
  margin-bottom: 70px; }

.home__upcoming-events .red-btn {
  font-size: 13px;
  padding: 10px 10px 12px; }

.upcoming-events__headline {
  border-bottom: 2px solid #ecebec;
  color: #626831;
  font-weight: 300;
  font-size: 32px;
  margin-bottom: 30px;
  padding-bottom: 30px; }

#upcoming-events #evnt-list-wrap {
  width: 65%; }
#upcoming-events #tribe-events-content h2.tribe-events-page-title {
  display: none; }
#upcoming-events #cust-date {
  width: 7%;
  height: auto;
  float: left;
  margin-right: 20px;
  margin-left: 16px; }
  #upcoming-events #cust-date span.month {
    font-family: 'Gotham A', 'Gotham B';
    font-weight: 300;
    font-style: normal;
    display: block;
    font-size: 15px;
    text-transform: uppercase; }
  #upcoming-events #cust-date span.number {
    font-family: 'Gotham A', 'Gotham B';
    font-weight: 700;
    font-style: normal;
    display: block;
    font-size: 22px; }
#upcoming-events .cust-date-mobile {
  width: 100%;
  float: left; }
  #upcoming-events .cust-date-mobile span.month {
    font-family: 'Gotham A', 'Gotham B';
    font-weight: 700;
    font-style: normal;
    display: inline;
    font-size: 14px;
    text-transform: uppercase; }
  #upcoming-events .cust-date-mobile span.number {
    font-family: 'Gotham A', 'Gotham B';
    font-weight: 700;
    font-style: normal;
    display: inline;
    font-size: 14px; }
#upcoming-events .tribe-events-event-meta {
  display: none; }
#upcoming-events .tribe-events-loop .tribe-events-list-separator-month {
  float: left;
  width: 100%;
  text-align: left;
  text-transform: uppercase;
  margin: 40px 0 0 0;
  padding: 0 0 22px 0;
  border-bottom: 1px dotted #d9d854; }
  #upcoming-events .tribe-events-loop .tribe-events-list-separator-month span {
    padding: 0;
    color: #616731; }
#upcoming-events .tribe-events-loop .tribe-events-list-separator-month:after {
  display: none; }
#upcoming-events .tribe-events-loop .type-tribe_events {
  border-bottom: 1px dotted #d9d854;
  float: left;
  width: 100%;
  margin: 5px 0;
  padding: 0 0 10px 0;
  position: relative; }
  #upcoming-events .tribe-events-loop .type-tribe_events:last-child {
    border-bottom: none; }
  #upcoming-events .tribe-events-loop .type-tribe_events h2.tribe-events-list-event-title {
    font-size: 23px;
    font-family: 'Gotham A', 'Gotham B';
    font-weight: 300;
    font-style: normal;
    margin-bottom: 0;
    text-transform: uppercase; }
    @media only screen and (max-width: 768px) {
      #upcoming-events .tribe-events-loop .type-tribe_events h2.tribe-events-list-event-title {
        font-size: 18px; } }
    @media only screen and (min-width: 320px) and (max-width: 479px) {
      #upcoming-events .tribe-events-loop .type-tribe_events h2.tribe-events-list-event-title {
        font-size: 18px; } }
  #upcoming-events .tribe-events-loop .type-tribe_events .tribe-events-event-cost {
    display: none; }
  #upcoming-events .tribe-events-loop .type-tribe_events .tribe-events-event-image {
    display: none; }
#upcoming-events .tribe-events-loop .type-tribe_events:before {
  content: '';
  width: 74px;
  height: 74px;
  background: #ccc;
  display: inline-block;
  float: left; }
  @media only screen and (min-width: 850px) and (max-width: 929px) {
    #upcoming-events .tribe-events-loop .type-tribe_events:before {
      width: 11px;
      height: 84px; } }
  @media only screen and (min-width: 320px) and (max-width: 479px) {
    #upcoming-events .tribe-events-loop .type-tribe_events:before {
      width: 11px;
      height: 84px; } }
#upcoming-events .tribe-events-loop .type-tribe_events.tribe-events-category-sangha-event:before {
  background: url(../img/event-heart-icon-lrg-2x.png) 0 0 no-repeat;
  background-size: 100%; }
  @media only screen and (min-width: 850px) and (max-width: 929px) {
    #upcoming-events .tribe-events-loop .type-tribe_events.tribe-events-category-sangha-event:before {
      background: #ff524c !important; } }
  @media only screen and (min-width: 320px) and (max-width: 479px) {
    #upcoming-events .tribe-events-loop .type-tribe_events.tribe-events-category-sangha-event:before {
      background: #ff524c !important; } }
#upcoming-events .tribe-events-loop .type-tribe_events.tribe-events-category-daily-dharma-gathering:before {
  background: url(../img/event-ddg-lrg-2x.png) 0 0 no-repeat;
  background-size: 100%; }
  @media only screen and (min-width: 850px) and (max-width: 929px) {
    #upcoming-events .tribe-events-loop .type-tribe_events.tribe-events-category-daily-dharma-gathering:before {
      background: #d9d854 !important; } }
  @media only screen and (min-width: 320px) and (max-width: 479px) {
    #upcoming-events .tribe-events-loop .type-tribe_events.tribe-events-category-daily-dharma-gathering:before {
      background: #d9d854 !important; } }
#upcoming-events .tribe-events-loop .type-tribe_events.tribe-events-category-ecourse:before {
  background: url(../img/event-ecourse-lrg-2x.png) 0 0 no-repeat;
  background-size: 100%; }
  @media only screen and (min-width: 850px) and (max-width: 929px) {
    #upcoming-events .tribe-events-loop .type-tribe_events.tribe-events-category-ecourse:before {
      background: #616731 !important; } }
  @media only screen and (min-width: 320px) and (max-width: 479px) {
    #upcoming-events .tribe-events-loop .type-tribe_events.tribe-events-category-ecourse:before {
      background: #616731 !important; } }
#upcoming-events .tribe-events-loop .type-tribe_events.tribe-events-category-live-event:before {
  background: url(../img/event-live-lrg-2x.png) 0 0 no-repeat;
  background-size: 100%; }
  @media only screen and (min-width: 850px) and (max-width: 929px) {
    #upcoming-events .tribe-events-loop .type-tribe_events.tribe-events-category-live-event:before {
      background: #008f83 !important; } }
  @media only screen and (min-width: 320px) and (max-width: 479px) {
    #upcoming-events .tribe-events-loop .type-tribe_events.tribe-events-category-live-event:before {
      background: #008f83 !important; } }
#upcoming-events .tribe-events-loop .type-tribe_events.tribe-events-category-monthly-dharma-gathering:before {
  background: url(../img/event-mdg-lrg-2x.png) 0 0 no-repeat;
  background-size: 100%; }
  @media only screen and (min-width: 850px) and (max-width: 929px) {
    #upcoming-events .tribe-events-loop .type-tribe_events.tribe-events-category-monthly-dharma-gathering:before {
      background: #fec221 !important; } }
  @media only screen and (min-width: 320px) and (max-width: 479px) {
    #upcoming-events .tribe-events-loop .type-tribe_events.tribe-events-category-monthly-dharma-gathering:before {
      background: #fec221 !important; } }
#upcoming-events .tribe-events-loop .type-tribe_events.tribe-events-category-ongoing-programs:before {
  background: url(../img/event-ongoing-lrg-2x.png) 0 0 no-repeat;
  background-size: 100%; }
  @media only screen and (min-width: 850px) and (max-width: 929px) {
    #upcoming-events .tribe-events-loop .type-tribe_events.tribe-events-category-ongoing-programs:before {
      background: #9a4a80 !important; } }
  @media only screen and (min-width: 320px) and (max-width: 479px) {
    #upcoming-events .tribe-events-loop .type-tribe_events.tribe-events-category-ongoing-programs:before {
      background: #9a4a80 !important; } }
#upcoming-events .tribe-events-loop .event-lrn-more {
  clear: both;
  margin-left: calc(110px + 7%); }
  @media only screen and (min-width: 320px) and (max-width: 479px) {
    #upcoming-events .tribe-events-loop .event-lrn-more {
      display: none; } }