.yogo--wrapper {
  max-width: 1368px !important;
}
.yogo-widget .theme--frame-box {
  padding: 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  img {
    image-rendering: -webkit-optimize-contrast;
  }
}

.class__link.w--current * {
  color: white !important;
}

.w-nav-overlay {
  top: 0;
  background: rgba(0, 0, 0, 0.8);
  padding-top: 115px; /*nav height*/
}

.nav--inverted .w-nav-overlay {
  background: rgba(255, 255, 255, 0.9);
}

.nav .brand {
  transition: all 400ms ease;
  width: 80px;
}

.nav .nav__menu {
  transition: all 400ms ease;
}

.nav.scrolled {
  background: rgba(0, 0, 0, 0.25);
}
.nav--inverted.scrolled {
  background: rgba(255, 255, 255, 0.8);
}

.nav.scrolled .brand {
  width: 0px;
}

.nav.scrolled .nav__menu {
  padding-left: 0;
}

.backdrop__video video {
  height: 100%;
}

.classes__link,
.classes__link h4,
.classes__link p,
.classes__label,
.class__media,
.class__media img {
  transition: all 200ms ease-out 0ms;
}

.class__media {
  padding: 0;
}

.classes__link {
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}

.classes__link:hover {
  box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.05);
}

.classes__link:hover .class__media {
  padding: 8px 8px 0 8px;
}

.classes__link:hover img {
  border-radius: 8px;
  height: 192px;
}

.classes__link.retreats:hover img {
  height: 500px;
}

.nav--inverted .w--current {
  color: #e15539;
}

.yogo-input {
  margin-left: 50px;
}

.button.mixitup-control-active {
  background: #0b2d1d;
  color: white;
}

.button.mixitup-control-active:hover {
  background: #0b2d1d;
  color: white;
}

@media only screen and (max-width: 478px) {
  .button--filter {
    margin: 0 0 8px;
    padding: 0 16px;
  }
}

.vue-portal-target {
  position: absolute;
  z-index: 1000;
}

.yogo-book-appointment-button .yogo-btn,
.yogo-modal .yogo-btn {
  color: white;
  padding: 5px 24px;
  border: none;
  font-size: 12px;
}