@charset "UTF-8";
*, *::before, *::after {
  box-sizing: border-box;
}
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
body, h1, h2, h3, h4, p, figure, blockquote, dl, dd {
  margin-block-end: 0;
}
body {
  min-width: 320px;
  min-height: 100vh;
  line-height: 1.5;
  margin: 0;
}
body.scroll-lock {
  overflow: hidden;
}
img, picture {
  max-width: 100%;
  display: block;
}
input, button, textarea, select {
  font: inherit;
}
textarea:not([rows]) {
  min-height: 10em;
}
/* Typography
   ========================================================================== */
p, h1, h2, h3, h4, h5, h6 {
  margin: 0 0 20px;
}
p:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child {
  margin-bottom: 0;
}
.container {
  position: relative;
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
.container.is-fluid {
  max-width: 100%;
}
.container.is-narrower {
  max-width: 600px;
}
.container.is-narrow {
  max-width: 768px;
}
.container.is-wide {
  max-width: 1200px;
}
.container.is-wider {
  max-width: 1440px;
}
.is-flex {
  display: flex;
}
.wrap {
  flex-wrap: wrap;
}
.justify-start {
  justify-content: flex-start;
}
.justify-center {
  justify-content: center;
}
.justify-end {
  justify-content: flex-end;
}
.justify-space-between {
  justify-content: space-between;
}
.justify-space-around {
  justify-content: space-around;
}
.align-start {
  align-items: flex-start;
}
.align-center {
  align-items: center;
}
.align-end {
  align-items: flex-end;
}
.is-vertical {
  flex-direction: column;
}
.is-vertical.reverse {
  flex-direction: column-reverse;
}
.is-horizontal {
  flex-direction: row;
}
.is-horizontal.reverse {
  flex-direction: row-reverse;
}
.is-center {
  justify-content: center;
  align-items: center;
}
.push-right {
  margin-left: auto;
}
.is-full-height {
  height: 100%;
}
.is-full-width {
  width: 100%;
}
.is-full-screen {
  width: 100%;
  min-height: 100vh;
}
.is-absolute {
  position: absolute;
}
.is-block {
  display: block;
}
.is-fixed {
  position: fixed;
}
.is-inline {
  display: inline;
}
.is-inline-block {
  display: inline-block;
}
.is-circle {
  border-radius: 50%;
}
.is-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
}
.is-square, .is-4-3, .is-16-9, .is-landscape, .is-portrait {
  position: relative;
  width: 100%;
}
.is-square:before, .is-4-3:before, .is-16-9:before, .is-landscape:before, .is-portrait:before {
  content: "";
  display: block;
  width: 100%;
}
.is-square > *, .is-4-3 > *, .is-16-9 > *, .is-landscape > *, .is-portrait > * {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.is-square:before {
  padding-top: 100%;
}
.is-4-3:before {
  padding-top: 75%;
}
.is-landscape:before, .is-16-9:before {
  padding-top: 56.25%;
}
.is-portrait:before {
  padding-top: 133%;
}
.cover-background {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.contain-background {
  background-size: contain;
  background-repeat: no-repeat;
}
.center-background {
  background-position: center center;
}
.object-cover {
  object-fit: cover;
  object-position: center;
}
.object-contain {
  object-fit: contain;
  object-position: center;
}
.is-elevated {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.is-elevated:hover:not(.progress-bar) {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.is-parallax {
  background-attachment: scroll;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.is-lowercase {
  text-transform: lowercase;
}
.is-uppercase {
  text-transform: uppercase;
}
.is-hidden {
  display: none;
}
.is-relative {
  position: relative;
}
.is-static {
  position: static;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.is-marginless {
  margin: 0 !important;
}
.is-paddingless {
  padding: 0 !important;
}
.max-height-0 {
  max-height: 0 !important;
}
.is-animate {
  transition: all 400ms ease;
}
@media (max-width: 767.98px) {
  .is-mobile-hidden {
    display: none;
  }
}
@media (max-width: 1023.98px) {
  .hide-before-tablet-landscape {
    display: none;
  }
}
@media (min-width: 1024px) {
  .hide-tablet-landscape-up {
    display: none;
  }
}
@font-face {
  font-family: "Haffer";
  src: url("/wp-content/themes/alalaho/assets/fonts/HafferLight.woff2") format("woff2"), url("/wp-content/themes/alalaho/assets/fonts/HafferLight.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
/* Haffer Light Italic */
@font-face {
  font-family: "Haffer";
  src: url("/wp-content/themes/alalaho/assets/fonts/HafferLightItalic.woff2") format("woff2"), url("/wp-content/themes/alalaho/assets/fonts/HafferLightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
/* Haffer Regular */
@font-face {
  font-family: "Haffer";
  src: url("/wp-content/themes/alalaho/assets/fonts/HafferRegular.woff2") format("woff2"), url("/wp-content/themes/alalaho/assets/fonts/HafferRegular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* Haffer Medium */
@font-face {
  font-family: "Haffer";
  src: url("/wp-content/themes/alalaho/assets/fonts/HafferMedium.woff2") format("woff2"), url("/wp-content/themes/alalaho/assets/fonts/HafferMedium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Haffer Medium Italic";
  src: url("/wp-content/themes/alalaho/assets/fonts/HafferMedium.woff2") format("woff2"), url("/wp-content/themes/alalaho/assets/fonts/HafferMedium.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
/* Value Serif Regular */
@font-face {
  font-family: "Value Serif";
  src: url("/wp-content/themes/alalaho/assets/fonts/value-serif-regular.woff2") format("woff2"), url("/wp-content/themes/alalaho/assets/fonts/value-serif-regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* Value Serif Regular Italic */
@font-face {
  font-family: "Value Serif";
  src: url("/wp-content/themes/alalaho/assets/fonts/value-serif-regular-italic.woff2") format("woff2"), url("/wp-content/themes/alalaho/assets/fonts/value-serif-regular-italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
/* Value Serif Medium */
@font-face {
  font-family: "Value Serif";
  src: url("/wp-content/themes/alalaho/assets/fonts/value-serif-medium.woff2") format("woff2"), url("/wp-content/themes/alalaho/assets/fonts/value-serif-medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
body {
  font-family: sans-serif, sans-serif;
  font-weight: normal;
  color: #333;
}
h1, h2, h3, h4, h5, h6 {
  font-family: sans-serif, sans-serif;
  font-weight: normal;
}
.en-hamburger {
  background: none;
  outline: none;
  border: 0;
  cursor: pointer;
}
.en-hamburger > span {
  width: 30px;
  height: 1.5px;
  margin: 5px 0;
  background-color: #f9f8f5;
}
.no-main-banner .en-hamburger > span {
  background-color: #262626;
}
.scrolled .en-hamburger > span {
  background-color: #262626;
}
#mobile-menu {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background-color: #004F52;
  color: #F8F8F5;
  z-index: 1000;
  top: 0;
  left: 0;
  visibility: hidden;
  font-family: "Haffer", sans-serif;
  font-weight: 300;
  line-height: 1.3 !important;
  padding: 17px;
}
#mobile-menu a {
  color: #F8F8F5;
  text-decoration: none;
}
#mobile-menu a:hover {
  color: #F8F8F5;
}
#mobile-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#mobile-menu.open {
  visibility: visible;
}
#mobile-menu .top-content > a, #mobile-menu .top-content > a svg {
  width: 110px;
  height: 15px;
}
#mobile-menu .top-content > a *, #mobile-menu .top-content > a svg * {
  fill: #F8F8F5;
}
#mobile-menu .top-content #close-mobile-menu {
  background: none;
  border: 0;
  outline: 0;
  cursor: pointer;
}
#mobile-menu .top-content #close-mobile-menu, #mobile-menu .top-content #close-mobile-menu svg {
  width: 24px;
  height: 24px;
}
#mobile-menu .top-content #close-mobile-menu *, #mobile-menu .top-content #close-mobile-menu svg * {
  fill: #F8F8F5;
}
#mobile-menu .menu {
  margin: 50px 0;
}
#mobile-menu #menu-mobile-menu-top {
  font-family: "Value Serif", sans-serif;
  font-weight: 400;
  font-size: 29px;
  padding: 0 15px;
}
#mobile-menu .separator {
  margin: 30px 0;
  margin-left: 15px;
  width: 33px;
  height: 1px;
  background-color: #F8F8F5;
}
#mobile-menu #menu-mobile-menu-bottom {
  font-size: 23px;
  padding: 0 15px;
}
#mobile-menu .bottom-content {
  color: #669497;
  font-size: 16px;
}
#mobile-menu .bottom-content a {
  color: #669497;
}
#mobile-menu .bottom-content a:hover {
  color: #669497;
}
header {
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  min-width: 320px;
  font-family: "Haffer", sans-serif;
  font-weight: 400;
  font-size: 15px;
  padding: 18px 0;
  background-color: transparent;
  transition: all 400ms ease;
}
header.hidden {
  transform: translateY(calc(-100% - 20px));
}
header a {
  color: #252525;
  text-decoration: none;
}
header a:hover {
  color: #EBA030;
}
header .open-join-retreat-sidebar > a:hover {
  color: #262626 !important;
}
header > .container > .is-flex > .hide-before-tablet-landscape {
  width: calc(50% - 60px);
}
header > .container > .is-flex > div:nth-child(2) {
  width: 110px;
}
header > .container > .is-flex > div:nth-child(2) a, header > .container > .is-flex > div:nth-child(2) svg {
  width: 110px;
  height: 20px;
}
header > .container > .is-flex > div:nth-child(2) svg * {
  transition: all 400ms ease;
}
header > .container > .is-flex > div:nth-child(2) a:hover svg * {
  fill: #eba131 !important;
}
@media (min-width: 1280px) {
  header > .container > .is-flex > div:nth-child(2) {
    width: 130px;
  }
  header > .container > .is-flex > div:nth-child(2) a, header > .container > .is-flex > div:nth-child(2) svg {
    width: 130px;
  }
}
@media (min-width: 1800px) {
  header > .container > .is-flex > div:nth-child(2) {
    width: 140px;
  }
  header > .container > .is-flex > div:nth-child(2) a, header > .container > .is-flex > div:nth-child(2) svg {
    width: 140px;
  }
}
header > .container > .is-flex > .right-menu ul {
  justify-content: flex-end;
}
header > .container > .is-flex > .right-menu ul .button {
  padding-top: 7px;
  padding-bottom: 7px;
}
header nav > ul {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
header nav > ul > li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0 12px;
}
body.has-main-banner header a {
  color: #f9f8f5;
}
body.has-main-banner header a svg * {
  transition: all 400ms ease;
  fill: #f9f8f5;
}
body.has-main-banner header a:hover {
  color: #eba131;
}
body.has-main-banner header a:hover svg * {
  fill: #eba131;
}
body.has-main-banner header .open-join-retreat-sidebar {
  border-color: #f9f8f5;
}
body.has-main-banner header .open-join-retreat-sidebar:hover > a, body.has-main-banner header .open-join-retreat-sidebar > a:hover {
  color: #262626;
}
body.scrolled header {
  background-color: #f9f8f5;
  box-shadow: 0 1px 10px rgba(38, 38, 38, 0.25);
}
body.scrolled header a {
  color: #262626;
}
body.scrolled header a svg * {
  fill: #262626;
}
body.scrolled header a:hover {
  color: #eba131;
}
body.scrolled header a:hover svg * {
  fill: #eba131;
}
body.scrolled header .open-join-retreat-sidebar {
  border-color: #262626;
}
footer {
  padding-top: 60px;
  padding-bottom: 55px;
  background-color: #004F52;
  color: #669497;
  font-size: 14px;
  position: sticky;
  bottom: 0;
  left: 0;
  z-index: 0;
}
@media (min-width: 1024px) {
  footer {
    padding-bottom: 85px;
  }
}
footer a {
  color: #669497;
}
footer a:hover {
  color: #EBA030;
}
footer .tps > div {
  margin-bottom: 10px;
}
footer .tps img {
  width: 137px;
}
footer .social-icons {
  margin-left: -10px;
  margin-right: -10px;
}
footer .social-icons .social-icon-link {
  margin-left: 10px;
  margin-right: 10px;
}
footer .social-icons .social-icon-link, footer .social-icons .social-icon-link svg {
  width: 24px;
  height: 24px;
}
footer .social-icons .social-icon-link svg * {
  fill: #F8F8F5;
}
footer .social-icons .social-icon-link:hover svg * {
  fill: #EBA030;
}
footer .bottom-content {
  padding-top: 65px;
  font-size: 14px;
}
footer .bottom-content a {
  text-decoration: underline;
}
footer .footer-col {
  font-size: 16px;
}
footer .footer-col ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
footer .footer-col ul a {
  text-decoration: none;
}
footer .footer-col-1 {
  width: 85px;
  height: 85px;
}
footer .footer-col-1 svg * {
  fill: #f9f8f5;
}
footer .footer-col-2 a {
  color: #f9f8f5;
}
footer .footer-col-4 {
  font-size: 14px;
}
footer .footer-col-5 {
  font-size: 14px;
}
.post-component .post-image {
  margin-bottom: 50px;
}
.post-component .post-image > div {
  background-position: center center;
}
.post-component .author-info {
  margin-top: 40px;
  border-top: 1px solid #eee;
}
.post-component .author-image {
  width: 85px;
  height: 85px;
}
.post-component .author-bio {
  opacity: 0.8;
  font-size: 13px;
  line-height: 1.4;
  margin-bottom: 0 !important;
}
.post-component .navigation {
  padding-top: 50px;
}
.post-component .navigation .button {
  margin: 0 10px;
}
.blog-component .col-4 {
  margin-top: 20px;
}
.blog-component .post-feed {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.blog-component .post-feed:last-child {
  border-bottom: 0;
}
.blog-component .pagination .button {
  margin: 0 10px;
}
.social-icons {
  margin-left: -5px;
  margin-right: -5px;
}
.social-icons .social-icon-link {
  width: 18px;
  height: 18px;
  margin-left: 5px;
  margin-right: 5px;
}
.social-icons .social-icon-link.svg-icon-linkedin {
  margin-top: -3px;
}
.social-icons svg {
  width: 18px;
  height: 18px;
}
.banner-component .is-16-9.is-small {
  height: 300px;
}
@media (min-width: 1280px) {
  .banner-component .is-16-9.is-small {
    height: 400px;
  }
}
.banner-component .is-16-9.is-medium {
  max-height: 80vh;
  min-height: 450px;
}
.banner-component .is-16-9.is-fit-text {
  height: auto;
}
.banner-component .is-16-9.is-fit-text:before {
  display: none;
}
.banner-component .is-16-9.is-fit-text > div {
  position: relative;
  padding: 60px 0;
}
@media (min-width: 1024px) {
  .banner-component .is-16-9.is-fit-text > div {
    padding: 100px 0;
  }
}
@media (min-width: 1280px) {
  .banner-component .is-16-9.is-fit-text > div {
    padding: 120px 0;
  }
}
.banner-component .banner, .banner-component .banner h1, .banner-component .banner h2, .banner-component .banner h3, .banner-component .banner h4, .banner-component .banner h5, .banner-component .banner h6 {
  color: #eee9e2;
}
.banner-component .banner .banner-image {
  left: 0;
  top: 0;
}
.banner-component .banner .container {
  padding-top: 60px;
  padding-bottom: 60px;
}
.banner-component .banner.is-full-screen {
  min-height: 0;
}
.banner-component .banner.is-full-screen > div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
body.no-main-banner .banner-component .banner, body.no-main-banner .banner-component .banner h1, body.no-main-banner .banner-component .banner h2, body.no-main-banner .banner-component .banner h3, body.no-main-banner .banner-component .banner h4, body.no-main-banner .banner-component .banner h5, body.no-main-banner .banner-component .banner h6 {
  color: #262626;
}
.main-banner .banner-content {
  max-width: 800px;
}
@media (min-width: 1800px) {
  .main-banner .banner-content {
    max-width: 960px;
  }
}
.main-banner h1 {
  margin-bottom: 46px;
}
@media (min-width: 1024px) {
  .main-banner h1 {
    margin-bottom: 56px;
  }
}
@media (min-width: 1280px) {
  .main-banner h1 {
    margin-bottom: 64px;
  }
}
.main-banner h6 {
  margin-bottom: 25px;
}
@media (min-width: 1024px) {
  .main-banner h6 {
    margin-bottom: 32px;
  }
}
@media (min-width: 1280px) {
  .main-banner h6 {
    margin-bottom: 38px;
  }
}
.main-banner .button {
  padding: 14px 67px;
}
body.page-the-retreats .main-banner .banner-content {
  max-width: 1020px;
  font-size: 20px;
}
body.page-the-retreats .main-banner .banner-content h1 {
  font-size: 33px;
  margin-bottom: 25px;
}
body.page-the-retreats .main-banner .banner-content h6 {
  font-size: 15px;
  margin-bottom: 25px;
}
@media (min-width: 1024px) {
  body.page-the-retreats .main-banner .banner-content {
    font-size: 30px;
  }
  body.page-the-retreats .main-banner .banner-content h1 {
    font-size: 54px;
  }
  body.page-the-retreats .main-banner .banner-content h6 {
    font-size: 16px;
  }
}
.about-banner-component {
  padding: 135px 0;
  background-color: #f9f8f5;
}
.about-banner-component .content {
  text-align: center;
  padding-bottom: 55px;
}
.about-banner-component .image {
  width: 100%;
}
.about-banner-component .image img {
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .about-banner-component {
    position: sticky;
    left: 0;
    top: 0;
    padding: 175px 0;
  }
  .about-banner-component .content {
    width: calc(50% - 35px);
    text-align: left;
    padding-bottom: 0;
  }
  .about-banner-component .image {
    width: calc(50% - 35px);
  }
}
@media (min-width: 1280px) {
  .about-banner-component {
    padding: 230px 0;
    padding-bottom: 200px;
  }
  .about-banner-component .content {
    width: calc(50% - 80px);
  }
  .about-banner-component .image {
    width: calc(50% - 80px);
  }
}
.alalaho-name-component {
  position: relative;
  background-color: #eee9e2;
}
.alalaho-name-component .image {
  width: 100%;
  text-align: center;
  padding-bottom: 40px;
}
.alalaho-name-component .image img {
  width: 100px;
  height: 100px;
  object-fit: contain;
  margin: 0 auto;
}
.alalaho-name-component .content {
  width: 100%;
  text-align: center;
}
@media (min-width: 1024px) {
  .alalaho-name-component .image {
    width: 115px;
  }
  .alalaho-name-component .image img {
    width: 100%;
    height: 100%;
    object-position: center top;
  }
  .alalaho-name-component .content {
    width: calc(100% - 115px);
    padding-left: 60px;
    text-align: left;
  }
}
@media (min-width: 1280px) {
  .alalaho-name-component .image {
    width: 135px;
  }
  .alalaho-name-component .content {
    width: calc(100% - 135px);
    padding-left: 70px;
  }
  .alalaho-name-component .content h2 {
    max-width: 900px;
  }
  .alalaho-name-component .content p {
    max-width: 730px;
  }
}
.accommodations-component {
  position: relative;
  background-color: #dc6e46;
}
.accommodations-component .slider-controls {
  padding-top: 70px;
}
.accommodations-component .slider-controls .slider-control {
  padding: 8px 20px;
  cursor: pointer;
  background: transparent;
  font-family: "Value Serif", sans-serif;
  font-size: 26px;
  line-height: 1.4 !important;
  margin-right: 15px;
  color: #262626 !important;
}
.accommodations-component .slider-controls .slider-control:last-child {
  margin-right: 0;
}
.accommodations-component .slider-controls .slider-control:hover, .accommodations-component .slider-controls .slider-control.active {
  background-color: #eee9e2 !important;
  border-color: #eee9e2 !important;
}
@media (min-width: 1024px) {
  .accommodations-component .slider-controls .slider-control {
    border-radius: 40px;
  }
}
.accommodations-component .accommodations .accommodation-slider .accommodation {
  display: none;
}
.accommodations-component .accommodations .accommodation-slider .accommodation.show {
  display: block;
}
.accommodations-component .accommodations .accommodation-slider .stay-top-content {
  padding-top: 70px;
}
@media (min-width: 1024px) {
  .accommodations-component .accommodations .accommodation-slider .stay-top-content {
    display: none;
  }
}
.accommodations-component .accommodations .accommodation-slider .room-icons {
  padding-top: 60px;
  margin-left: -5px;
  margin-right: -5px;
}
.accommodations-component .accommodations .accommodation-slider .room-icons .room-icon {
  display: flex;
  align-items: center;
  padding: 5px 10px;
  border: 1px solid #f9f8f5;
  border-radius: 30px;
  font-size: 14px;
  margin: 5px;
}
@media (min-width: 1024px) {
  .accommodations-component .accommodations .accommodation-slider .room-icons .room-icon {
    font-size: 16px;
  }
}
.accommodations-component .accommodations .accommodation-slider .room-icons .room-icon .icon {
  width: 16px;
  height: 16px;
  margin-right: 10px;
}
@media (min-width: 1024px) {
  .accommodations-component .accommodations .accommodation-slider .room-icons {
    justify-content: center;
  }
}
.accommodations-component .accommodations .accommodation-slider .accommodation > .swiper {
  padding-top: 90px;
  padding-left: 17px;
  padding-right: 17px;
}
.accommodations-component .accommodations .accommodation-slider .accommodation > .swiper.has-room-icons {
  padding-top: 65px;
}
@media (min-width: 1024px) {
  .accommodations-component .accommodations .accommodation-slider .accommodation > .swiper {
    padding-left: 34px;
    padding-right: 34px;
  }
}
@media (min-width: 1280px) {
  .accommodations-component .accommodations .accommodation-slider .accommodation > .swiper {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.accommodations-component .accommodations .accommodation-slider .accommodation > .swiper .swiper-slide {
  background-color: #eee9e2;
  border-radius: 8px;
  height: auto;
}
.accommodations-component .accommodations .accommodation-slider .accommodation > .swiper .swiper-slide .is-landscape {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  overflow: hidden;
}
.accommodations-component .accommodations .accommodation-slider .accommodation > .swiper .swiper-slide .is-landscape:before {
  padding-top: 66%;
}
.accommodations-component .accommodations .accommodation-slider .accommodation > .swiper .swiper-slide .content {
  padding: 30px 17px;
}
.accommodations-component .accommodations .accommodation-slider .accommodation > .swiper .swiper-slide .content h4 {
  font-family: "Value Serif", sans-serif;
}
.accommodations-component .accommodations .accommodation-slider .accommodation > .swiper .swiper-slide .content ul {
  list-style: none;
  padding-left: 0;
}
.accommodations-component .accommodations .accommodation-slider .optional-bottom-content {
  padding-top: 75px;
}
.accommodations-component .accommodations .accommodation-slider .optional-bottom-content .content {
  width: 100%;
  padding-bottom: 65px;
}
.accommodations-component .accommodations .accommodation-slider .optional-bottom-content .content h3 {
  display: flex;
  font-family: "Value Serif", sans-serif;
}
.accommodations-component .accommodations .accommodation-slider .optional-bottom-content .content .icon {
  margin-top: 2px;
  margin-right: 10px;
}
.accommodations-component .accommodations .accommodation-slider .optional-bottom-content .content .icon, .accommodations-component .accommodations .accommodation-slider .optional-bottom-content .content .icon svg {
  width: 20px;
  height: 26px;
}
.accommodations-component .accommodations .accommodation-slider .optional-bottom-content .content svg * {
  fill: #f9f8f5;
}
.accommodations-component .accommodations .accommodation-slider .optional-bottom-content .image {
  width: 100%;
  padding-top: 70px;
  border-top: 1px solid #f9f8f5;
}
@media (min-width: 1024px) {
  .accommodations-component .accommodations .accommodation-slider .optional-bottom-content {
    padding-top: 120px;
  }
  .accommodations-component .accommodations .accommodation-slider .optional-bottom-content > .is-flex {
    align-items: flex-start;
  }
  .accommodations-component .accommodations .accommodation-slider .optional-bottom-content .content {
    width: 50%;
    padding-bottom: 0;
    padding-right: 50px;
  }
  .accommodations-component .accommodations .accommodation-slider .optional-bottom-content .image {
    width: 50%;
    padding-top: 0;
    border-top: 0;
    border-left: 1px solid #f9f8f5;
    padding-left: 50px;
  }
}
@media (min-width: 1280px) {
  .accommodations-component .accommodations .accommodation-slider .optional-bottom-content {
    padding-top: 120px;
  }
  .accommodations-component .accommodations .accommodation-slider .optional-bottom-content .content {
    padding-right: 120px;
  }
  .accommodations-component .accommodations .accommodation-slider .optional-bottom-content .image {
    padding-left: 120px;
  }
}
.accommodations-component .bottom-content {
  padding-top: 95px;
}
.accommodations-component .bottom-content > div {
  width: 100%;
}
.accommodations-component .bottom-content > div:first-child {
  font-weight: 500;
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .accommodations-component .bottom-content {
    max-width: 500px;
    margin-left: 0;
  }
}
.contact-component {
  padding: 165px 0;
  border-bottom: 1px solid #f9f8f5;
}
@media (min-width: 1024px) {
  .contact-component {
    padding: 200px 0;
  }
}
.contact-component .top-content a {
  color: #f9f8f5;
  text-decoration-color: #eba131;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
.contact-component .top-content a:hover {
  color: #eba131;
}
.contact-component .top-content .button {
  margin-top: 50px;
  width: 100%;
  text-align: center;
}
@media (min-width: 1024px) {
  .contact-component .top-content .button {
    width: auto;
    min-width: 280px;
  }
}
.contact-component .contact-row {
  padding-top: 45px;
  text-align: center;
}
.contact-component .contact-row h6 {
  margin-bottom: 0;
}
.contact-component .contact-row > div {
  width: 100%;
}
.contact-component .contact-row > div > div {
  padding-top: 40px;
}
.contact-component .contact-row > div > div a {
  color: #f9f8f5;
  text-decoration-color: #eba131;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
.contact-component .contact-row > div > div a:hover {
  color: #eba131;
}
.contact-component .contact-row > div > div .social-icons {
  padding-top: 15px;
  justify-content: center;
}
.contact-component .contact-row > div > div .social-icons .social-icon-link {
  margin: 0 10px;
}
.contact-component .contact-row > div > div .social-icons .social-icon-link, .contact-component .contact-row > div > div .social-icons .social-icon-link svg {
  width: 25px;
  height: 25px;
}
.contact-component .contact-row > div > div .social-icons .social-icon-link svg * {
  fill: #f9f8f5;
}
.contact-component .contact-row > div > div .social-icons .social-icon-link:hover svg * {
  fill: #eba131;
}
@media (min-width: 1024px) {
  .contact-component .contact-row {
    padding-top: 115px;
  }
  .contact-component .contact-row > div {
    width: 50%;
  }
}
.content-scroll-component {
  position: relative;
}
.content-scroll-component > .container {
  font-family: "Haffer", sans-serif;
  font-weight: 300;
}
.content-scroll-component > .container .top-content {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}
.content-scroll-component > .container .cs-slides {
  position: relative;
  padding-top: 80px;
}
.content-scroll-component > .container .cs-slides .image {
  width: 100%;
  background-color: #f9f8f5;
}
.content-scroll-component > .container .cs-slides .scrollable-content {
  padding-top: 80px;
  width: 100%;
}
.content-scroll-component > .container .cs-slides .scrollable-content .content-text {
  display: flex;
  align-items: center;
  padding: 100px 0;
}
.content-scroll-component > .container .cs-slides .scrollable-content .content-text .icon {
  width: 40px;
  height: 40px;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}
.content-scroll-component > .container .cs-slides .scrollable-content .content-text h4 {
  font-family: "Value Serif", sans-serif;
}
@media (min-width: 1024px) {
  .content-scroll-component > .container .cs-slides {
    flex-direction: row-reverse;
    align-items: flex-start;
    padding-top: 185px;
  }
  .content-scroll-component > .container .cs-slides .image {
    width: calc(50% - 35px);
  }
  .content-scroll-component > .container .cs-slides .scrollable-content {
    padding-top: 0;
    width: calc(50% - 35px);
  }
}
@media (min-width: 1280px) {
  .content-scroll-component > .container .cs-slides .image {
    width: calc(50% - 80px);
  }
  .content-scroll-component > .container .cs-slides .scrollable-content {
    width: calc(50% - 80px);
  }
}
.content-scroll-component > .container .bottom-content {
  padding-top: 100px;
  max-width: 1020px;
  margin-left: auto;
  margin-right: auto;
}
.dropdown-slider-component {
  position: relative;
  background-color: #eee9e2;
}
.dropdown-slider-component .top-content {
  padding-bottom: 95px;
}
@media (min-width: 1024px) {
  .dropdown-slider-component .top-content h2 {
    padding-bottom: 40px;
  }
}
@media (min-width: 1280px) {
  .dropdown-slider-component .top-content h2 {
    padding-bottom: 50px;
  }
}
.dropdown-slider-component .dropdowns-wrapper .image {
  width: calc(50% - 35px);
  display: none;
}
.dropdown-slider-component .dropdowns-wrapper .image img.fade-transition {
  transition: opacity 0.2s ease-in-out;
  opacity: 1;
}
.dropdown-slider-component .dropdowns-wrapper .image img.fade-out {
  opacity: 0;
}
.dropdown-slider-component .dropdowns-wrapper .image img.fade-in {
  opacity: 1;
}
.dropdown-slider-component .dropdowns-wrapper .is-square:before {
  padding-top: 110%;
}
@media (min-width: 1024px) {
  .dropdown-slider-component .dropdowns-wrapper .image {
    display: block;
  }
  .dropdown-slider-component .dropdowns-wrapper .dropdowns {
    width: calc(50% - 35px);
  }
}
@media (min-width: 1280px) {
  .dropdown-slider-component .dropdowns-wrapper .image {
    width: calc(50% - 80px);
  }
  .dropdown-slider-component .dropdowns-wrapper .dropdowns {
    width: calc(50% - 80px);
  }
}
@media (min-width: 1800px) {
  .dropdown-slider-component .dropdowns-wrapper .image {
    width: calc(50% - 100px);
  }
  .dropdown-slider-component .dropdowns-wrapper .dropdowns {
    width: calc(50% - 100px);
  }
}
.dropdown {
  padding: 30px 0;
  border-top: 1px solid #dc6e46;
}
.dropdown .icon {
  display: flex;
  align-items: center;
}
.dropdown .icon, .dropdown .icon svg {
  width: 25px;
  height: 25px;
}
@media (min-width: 1024px) {
  .dropdown .icon, .dropdown .icon svg {
    width: 37px;
    height: 37px;
  }
}
@media (min-width: 1280px) {
  .dropdown .icon, .dropdown .icon svg {
    width: 40px;
    height: 40px;
  }
}
.dropdown .icon.people-icon {
  width: 30px;
}
@media (min-width: 1024px) {
  .dropdown .icon.people-icon {
    width: 42px;
  }
}
@media (min-width: 1280px) {
  .dropdown .icon.people-icon {
    width: 45px;
  }
}
.dropdown .title {
  cursor: pointer;
  font-weight: 400;
  padding-left: 17px;
  padding-right: 17px;
  transition: all 400ms ease;
}
.dropdown .title:hover {
  color: #353937;
}
@media (min-width: 1024px) {
  .dropdown .title {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.dropdown .dropdown-icon {
  margin-left: auto;
  color: #dc6e46;
  font-weight: 300;
  line-height: 1;
}
.dropdown .dropdown-icon:after {
  content: "+";
  transition: all 400ms ease;
}
.dropdown .content {
  max-height: 0;
  visibility: hidden;
  overflow: hidden;
  opacity: 0;
  transition: all 400ms ease;
}
.dropdown .content > div {
  padding-top: 25px;
  padding-left: 0;
}
.dropdown .content > div ul {
  padding-left: 13px;
}
.dropdown.show .dropdown-icon:after {
  content: "–";
}
.dropdown.show .content {
  max-height: 5000px;
  visibility: visible;
  opacity: 1;
}
.faqs-component {
  position: relative;
  background-color: #eee9e2;
}
@media (min-width: 1024px) {
  .faqs-component .top-content {
    text-align: center;
  }
}
.faqs-component .dropdowns {
  padding-top: 45px;
}
.faqs-component .dropdowns .dropdown {
  border-color: #eba131;
}
.faqs-component .dropdowns .dropdown:last-child {
  border-bottom: 1px solid #eba131;
}
.faqs-component .dropdowns .dropdown .title {
  padding-left: 0;
  padding-right: 10px;
}
.faqs-component .dropdowns .dropdown .dropdown-icon {
  color: #eba131;
}
.faqs-component .dropdowns .dropdown .content > div {
  padding-left: 0;
}
.faqs-component .cta {
  padding-top: 85px;
}
.faqs-component .cta .button {
  width: 100%;
  text-align: center;
}
@media (min-width: 1024px) {
  .faqs-component .cta {
    padding-top: 140px;
    text-align: center;
  }
  .faqs-component .cta .button {
    min-width: 320px;
    width: auto;
  }
}
body.page-what-to-expect .faqs-component {
  background-color: #f9f8f5;
}
.faqs-page-component {
  position: relative;
  background-color: #f9f8f5;
  padding: 175px 0;
}
@media (min-width: 1024px) {
  .faqs-page-component {
    padding: 250px 0;
  }
}
.faqs-page-component h4 {
  font-family: "Haffer", sans-serif;
  margin-top: 140px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.faqs-page-component .dropdowns {
  padding-top: 45px;
}
.faqs-page-component .dropdowns .dropdown {
  border-color: #eba131;
}
.faqs-page-component .dropdowns .dropdown:last-child {
  border-bottom: 1px solid #eba131;
}
.faqs-page-component .dropdowns .dropdown .title {
  padding-left: 0;
}
.faqs-page-component .dropdowns .dropdown .dropdown-icon {
  color: #eba131;
}
.faqs-page-component .dropdowns .dropdown .content > div {
  padding-left: 0;
}
.faqs-page-component .bottom-content {
  padding-top: 140px;
}
.faqs-page-component .bottom-content .button {
  margin-top: 65px;
  width: 100%;
  text-align: center;
}
@media (min-width: 1024px) {
  .faqs-page-component .bottom-content {
    text-align: center;
  }
  .faqs-page-component .bottom-content .button {
    width: auto;
  }
}
.featured-in-component {
  overflow: hidden;
  padding: 70px 0;
  background-color: #eee9e2;
  position: relative;
}
.featured-in-component .top-content {
  margin-bottom: 60px;
}
.featured-in-component .top-content .icon {
  margin-bottom: 17px;
}
.featured-in-component .top-content .icon svg {
  width: 35px;
  height: 35px;
}
.featured-in-component .top-content .icon svg * {
  fill: #4D8487;
}
@media (min-width: 1024px) {
  .featured-in-component .top-content {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 100px;
  }
  .featured-in-component .top-content .icon {
    margin-bottom: 0;
    margin-top: 6px;
    margin-right: 25px;
  }
  .featured-in-component .top-content .icon svg {
    width: 40px;
    height: 40px;
  }
}
.featured-in-component .featured-logos .hide-tablet-landscape-up {
  background-color: #f9f8f5;
  padding: 15px 0;
  margin-left: -17px;
  margin-right: -17px;
}
.featured-in-component .featured-logos .hide-tablet-landscape-up > div {
  padding: 20px 10px;
  width: 33.3333%;
}
.featured-in-component .featured-logos .hide-tablet-landscape-up > div img {
  width: 80px;
}
.featured-in-component .featured-logos .hide-tablet-landscape-up > div:nth-child(n+7) {
  display: none;
}
.featured-in-component .featured-logos .swiper .swiper-wrapper {
  transition-timing-function: linear;
  padding: 0 80px;
}
.featured-in-component .featured-logos .swiper .swiper-slide {
  width: 100px;
  height: auto;
  padding: 20px 0;
}
@media (min-width: 1024px) {
  .featured-in-component .featured-logos {
    display: flex;
    align-items: center;
    margin-right: -60px;
  }
  .featured-in-component .featured-logos .fw-400 {
    width: 145px;
    text-align: left;
    margin-bottom: 0;
  }
  .featured-in-component .featured-logos .hide-before-tablet-landscape {
    background-color: #f9f8f5;
    width: calc(100% - 145px);
    border-radius: 20px;
  }
}
@media (min-width: 1700px) {
  .featured-in-component .featured-logos {
    margin-right: 0;
  }
}
.food-component {
  position: relative;
  background-color: #f9f8f5;
}
.food-component .hide-before-tablet-landscape {
  padding-bottom: 160px;
}
.food-component .is-flex .content {
  width: 100%;
  padding-bottom: 80px;
}
.food-component .is-flex .image {
  width: 100%;
}
@media (min-width: 1024px) {
  .food-component .is-flex {
    flex-direction: row-reverse;
  }
  .food-component .is-flex .content {
    width: calc(50% - 35px);
    padding-bottom: 0;
  }
  .food-component .is-flex .image {
    width: calc(50% - 35px);
  }
}
@media (min-width: 1280px) {
  .food-component .is-flex .image {
    width: calc(50% - 80px);
  }
  .food-component .is-flex .content {
    width: calc(50% - 80px);
  }
}
.food-component .bottom-content {
  margin: 0 auto;
  max-width: 760px;
  padding-top: 80px;
}
@media (min-width: 1024px) {
  .food-component .bottom-content {
    padding-top: 110px;
  }
  .food-component .bottom-content blockquote {
    text-align: center;
  }
}
.group-experience-component {
  background-color: #f9f8f5;
}
@media (min-width: 1024px) {
  .group-experience-component .top-content {
    text-align: center;
    max-width: 690px;
    margin: 0 auto;
  }
  .group-experience-component .top-content h2 {
    font-size: 50px;
  }
}
@media (min-width: 1280px) {
  .group-experience-component .top-content {
    max-width: 730px;
  }
}
.group-experience-component .ge-entries {
  margin-left: -8.5px;
  margin-right: -8.5px;
}
.group-experience-component .ge-entries .ge-entry {
  width: 50%;
  padding: 8.5px;
}
.group-experience-component .ge-entries .ge-entry .content {
  background-color: #004f53;
  border-radius: 6px;
  height: 100%;
  padding: 30px 17px;
}
.group-experience-component .ge-entries .ge-entry .content .icon {
  width: 38px;
  height: 28px;
}
.group-experience-component .ge-entries .ge-entry .content .icon img {
  height: 100%;
}
.group-experience-component .ge-entries .ge-entry .content h4 {
  margin-top: 15px;
  font-family: "Value Serif", sans-serif;
  color: #f9f8f5;
}
.group-experience-component .ge-entries .ge-entry:last-child .content .icon {
  width: 50px;
}
@media (min-width: 1024px) {
  .group-experience-component .ge-entries {
    padding-top: 115px;
    padding-bottom: 130px;
    margin-left: -15px;
    margin-right: -15px;
  }
  .group-experience-component .ge-entries .ge-entry {
    width: 33.3333%;
    padding: 15px;
  }
  .group-experience-component .ge-entries .ge-entry .content {
    padding: 35px;
    padding-bottom: 45px;
    height: 100%;
  }
  .group-experience-component .ge-entries .ge-entry .content .icon {
    width: 50px;
    height: 30px;
  }
}
@media (min-width: 1280px) {
  .group-experience-component .ge-entries {
    max-width: 1030px;
    margin-left: auto;
    margin-right: auto;
  }
}
.group-experience-component .middle-content {
  border-top: 1px solid #eba131;
}
@media (min-width: 1024px) {
  .group-experience-component .middle-content {
    text-align: center;
  }
}
@media (min-width: 1280px) {
  .group-experience-component .middle-content h2 {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
  }
}
.group-experience-component .bottom-content .content {
  padding-top: 60px;
}
@media (min-width: 1024px) {
  .group-experience-component .bottom-content {
    flex-direction: row-reverse;
  }
  .group-experience-component .bottom-content .image {
    width: calc(50% - 35px);
  }
  .group-experience-component .bottom-content .content {
    padding-top: 0;
    width: calc(50% - 35px);
  }
}
@media (min-width: 1280px) {
  .group-experience-component .bottom-content .image {
    width: calc(50% - 80px);
  }
  .group-experience-component .bottom-content .content {
    width: calc(50% - 80px);
  }
}
.image-content-component {
  position: relative;
}
.image-content-component .image {
  width: 100%;
}
.image-content-component .content {
  padding-top: 60px;
  width: 100%;
}
.image-content-component .cta {
  padding-top: 55px;
}
.image-content-component .cta a {
  display: block;
  text-align: center;
}
@media (min-width: 1024px) {
  .image-content-component .ic-row {
    justify-content: space-between;
    align-items: center;
  }
  .image-content-component .ic-row.layout-image-right {
    flex-direction: row-reverse;
  }
  .image-content-component .ic-row .image {
    width: calc(50% - 35px);
  }
  .image-content-component .ic-row .content {
    padding-top: 0;
    width: calc(50% - 35px);
  }
  .image-content-component .ic-row .content .cta {
    padding-top: 60px;
  }
  .image-content-component .ic-row .content .button {
    display: inline-block;
    min-width: 280px;
  }
}
@media (min-width: 1280px) {
  .image-content-component .ic-row .image {
    width: calc(50% - 80px);
  }
  .image-content-component .ic-row .content {
    width: calc(50% - 80px);
  }
}
@media (min-width: 1800px) {
  .image-content-component .ic-row .image {
    width: calc(50% - 100px);
  }
  .image-content-component .ic-row .content {
    width: calc(50% - 100px);
  }
}
.sg-journey-component {
  position: relative;
  background-color: #f9f8f5;
}
.sg-journey-component .cta {
  padding-top: 60px;
}
@media (min-width: 1024px) {
  .sg-journey-component .cta {
    text-align: center;
  }
}
.sg-journey-component .cta .button {
  width: 100%;
  text-align: center;
}
@media (min-width: 1024px) {
  .sg-journey-component .cta .button {
    width: auto;
    min-width: 280px;
  }
}
.locations-component {
  position: relative;
  background-color: #f9f8f5;
}
.locations-component .top-content {
  padding-bottom: 85px;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1024px) {
  .locations-component .top-content {
    text-align: center;
  }
}
.locations-component .locations .location:first-child {
  padding-bottom: 60px;
}
.locations-component .locations .location .is-4-3 {
  width: 100%;
  margin-left: -17px;
  width: calc(100% + 34px);
}
.locations-component .locations .location .content {
  width: 100%;
  padding-top: 50px;
}
.locations-component .locations .location .content ul {
  padding: 0;
  text-align: left;
}
.locations-component .locations .location .content ul li {
  position: relative;
  padding-left: 30px;
  padding-top: 18px;
  padding-bottom: 18px;
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #eba131;
  list-style: none;
}
.locations-component .locations .location .content ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 27px;
  width: 5px;
  height: 5px;
  background-color: #eba131;
  border-radius: 50%;
}
.locations-component .locations .location .content ul li:last-child {
  border-bottom: 0;
}
@media (min-width: 1024px) {
  .locations-component .locations {
    padding-top: 40px;
  }
  .locations-component .locations .location {
    display: flex;
  }
  .locations-component .locations .location:first-child {
    padding-bottom: 0;
  }
  .locations-component .locations .location .is-4-3 {
    margin-left: 0;
    width: 60%;
  }
  .locations-component .locations .location .content {
    padding-top: 0;
    width: 40%;
    padding-left: 70px;
  }
  .locations-component .locations .location:nth-child(1) {
    flex-direction: row-reverse;
    padding-bottom: 130px;
    border-bottom: 1px solid #eba131;
  }
  .locations-component .locations .location:nth-child(1) .content {
    padding-left: 0;
    padding-right: 70px;
  }
  .locations-component .locations .location:nth-child(2) {
    padding-top: 130px;
  }
}
@media (min-width: 1280px) {
  .locations-component .locations .location .content {
    padding-left: 100px;
  }
  .locations-component .locations .location:nth-child(1) {
    padding-bottom: 145px;
  }
  .locations-component .locations .location:nth-child(1) .content {
    padding-left: 0;
    padding-right: 100px;
  }
  .locations-component .locations .location:nth-child(2) {
    padding-top: 145px;
  }
}
.media-component {
  position: relative;
  background-color: #f9f8f5;
}
.media-component .is-landscape {
  min-height: 500px;
  max-height: 90vh;
}
@media (min-width: 1024px) {
  .media-component .is-landscape {
    min-height: 100vh;
  }
}
.media-component .swiper-slide img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.media-component .swiper-pagination-bullets {
  display: flex;
  left: 17px;
  bottom: 0;
  width: calc(100% - 26px);
  height: auto;
  z-index: 1;
}
@media (min-width: 1024px) {
  .media-component .swiper-pagination-bullets {
    left: 34px;
  }
}
@media (min-width: 1280px) {
  .media-component .swiper-pagination-bullets {
    left: 50px;
  }
}
@media (min-width: 1800px) {
  .media-component .swiper-pagination-bullets {
    left: 60px;
  }
}
.media-component .swiper-pagination-bullets .swiper-pagination-bullet {
  flex: 1;
  max-width: 60px;
  border-radius: 0;
  padding: 17px 0;
  background: none;
  transition: all 400ms ease;
}
@media (min-width: 1024px) {
  .media-component .swiper-pagination-bullets .swiper-pagination-bullet {
    max-width: 90px;
  }
}
.media-component .swiper-pagination-bullets .swiper-pagination-bullet:after {
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  top: calc(50% - 1px);
  left: 0;
  background-color: #fff;
  transition: all 400ms ease;
}
.media-component .swiper-pagination-bullets .swiper-pagination-bullet:hover {
  opacity: 1;
}
.media-component .swiper-pagination-bullets .swiper-pagination-bullet:hover:after {
  background-color: #eba131;
}
.media-component .icon-play, .media-component .icon-pause {
  position: absolute;
  display: none;
  bottom: 17px;
  right: 17px;
  left: auto;
  top: auto;
  z-index: 2;
  cursor: pointer;
}
.media-component .icon-play:hover svg *, .media-component .icon-pause:hover svg * {
  fill: #eba131;
}
.media-component .icon-play.show, .media-component .icon-pause.show {
  display: block;
}
@media (min-width: 1024px) {
  .media-component .icon-play, .media-component .icon-pause {
    right: 34px;
  }
}
@media (min-width: 1280px) {
  .media-component .icon-play, .media-component .icon-pause {
    right: 50px;
  }
}
@media (min-width: 1800px) {
  .media-component .icon-play, .media-component .icon-pause {
    right: 60px;
  }
}
.media-component .icon-play, .media-component .icon-play svg, .media-component .icon-pause, .media-component .icon-pause svg {
  width: 18px;
  height: 18px;
}
.media-component .icon-play svg *, .media-component .icon-pause svg * {
  fill: #f9f8f5;
  transition: all 400ms ease;
}
.media-component .is-overlay {
  color: #f9f8f5;
  font-family: "Value Serif", sans-serif;
  padding: 130px 17px;
  z-index: 1;
}
.media-component .is-overlay > div {
  max-width: 780px;
}
@media (min-width: 1024px) {
  .media-component .is-overlay {
    padding-left: 34px;
    padding-right: 34px;
  }
}
@media (min-width: 1280px) {
  .media-component .is-overlay {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (min-width: 1800px) {
  .media-component .is-overlay {
    padding-left: 60px;
    padding-right: 60px;
  }
}
.mosaic-component {
  background-color: #f9f8f5;
}
.mosaic-component.disable-top-padding > .section-padding {
  padding-top: 0 !important;
}
@media (min-width: 1024px) {
  .mosaic-component .full-bleed {
    margin-left: 0;
    width: 100%;
  }
}
.mosaic-component .top-content {
  padding-bottom: 80px;
}
@media (min-width: 1024px) {
  .mosaic-component .top-content {
    text-align: center;
    max-width: 820px;
    margin: 0 auto;
    padding-bottom: 120px;
  }
}
.mosaic-component .mosaic .swiper {
  padding-left: 17px;
  padding-right: 17px;
}
@media (min-width: 1024px) {
  .mosaic-component .mosaic .swiper {
    padding-left: 34px;
    padding-right: 34px;
  }
}
@media (min-width: 1280px) {
  .mosaic-component .mosaic .swiper {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.mosaic-component .mosaic .swiper-slide .is-landscape {
  margin-bottom: 5px;
}
.mosaic-component .mosaic .swiper-slide:nth-child(even) {
  flex-direction: column-reverse;
}
.mosaic-component .mosaic .swiper-slide:nth-child(even) .is-landscape {
  margin-bottom: 0;
}
.mosaic-component .mosaic .swiper-slide:nth-child(even) .is-square {
  margin-bottom: 5px;
}
.mosaic-component .bottom-content {
  margin: 0 auto;
  max-width: 760px;
  padding-top: 80px;
}
@media (min-width: 1024px) {
  .mosaic-component .bottom-content {
    padding-top: 110px;
  }
  .mosaic-component .bottom-content blockquote {
    text-align: center;
  }
}
.newsletter-page-component {
  padding: 125px 0;
  background-color: #f9f8f5;
}
@media (min-width: 1024px) {
  .newsletter-page-component {
    padding: 205px 0;
  }
}
@media (min-width: 1280px) {
  .newsletter-page-component {
    padding: 225px 0;
  }
}
.newsletter-page-component h1 {
  text-align: center;
}
@media (min-width: 1024px) {
  .newsletter-page-component h1 {
    text-align: left;
  }
}
.newsletter-page-component small {
  font-size: 16px;
  font-style: italic;
}
.newsletter-page-component img {
  margin: 70px 15px;
  width: calc(100% - 30px);
}
.newsletter-page-component .icon-list {
  padding-top: 10px;
  padding-bottom: 5px;
}
@media (min-width: 1024px) {
  .newsletter-page-component .icon-list {
    padding-bottom: 40px;
  }
}
.newsletter-page-component .icon-list > div {
  padding: 15px 0;
  border-bottom: 1px solid #eba131;
  display: flex;
  align-items: center;
}
.newsletter-page-component .icon-list > div svg {
  width: 24px;
  height: 20px;
}
.newsletter-page-component .icon-list > div svg * {
  fill: #eba131;
}
.newsletter-page-component .icon-list > div span {
  margin-left: 15px;
}
.newsletter-page-component .icon-list > div:last-child {
  border-bottom: 0;
}
.newsletter-page-component form {
  padding-top: 20px;
  padding-bottom: 40px;
}
.newsletter-page-component .form-group {
  margin-bottom: 17px;
}
.newsletter-page-component .form-group input {
  padding: 10px 16px;
  width: 100%;
  background-color: transparent;
  border: 1px solid #262626;
  color: #262626;
  outline: 0;
  border-radius: 6px;
}
.newsletter-page-component .form-group input::placeholder {
  opacity: 1;
  color: #262626;
}
.newsletter-page-component .form-group input.input-error {
  border-color: red;
}
.newsletter-page-component .error-notification {
  color: #FF0000;
  padding-left: 16px;
}
.newsletter-page-component input[type="submit"] {
  margin-top: 30px;
  width: 100%;
  color: #f9f8f5;
}
@media (min-width: 1024px) {
  .newsletter-page-component .content {
    width: calc(50% - 35px);
  }
  .newsletter-page-component .content form {
    padding-top: 0;
  }
  .newsletter-page-component .content input[type="submit"] {
    width: auto;
    min-width: 280px;
  }
  .newsletter-page-component .image {
    width: calc(50% - 35px);
  }
  .newsletter-page-component .image img {
    margin: 0;
  }
}
@media (min-width: 1280px) {
  .newsletter-page-component .content {
    width: calc(50% - 80px);
  }
  .newsletter-page-component .image {
    width: calc(50% - 80px);
  }
}
.newsletter-subscribe-component {
  position: relative;
  padding: 105px 0;
  padding-bottom: 40px;
}
@media (min-width: 1024px) {
  .newsletter-subscribe-component {
    padding: 150px 0;
    padding-bottom: 90px;
  }
}
@media (min-width: 1280px) {
  .newsletter-subscribe-component {
    padding-top: 160px;
  }
}
.newsletter-subscribe-component img {
  margin: 70px 15px;
  width: calc(100% - 30px);
}
.newsletter-subscribe-component form {
  padding-top: 20px;
}
.newsletter-subscribe-component .form-group {
  margin-bottom: 17px;
}
.newsletter-subscribe-component .form-group input {
  padding: 10px 16px;
  width: 100%;
  background-color: transparent;
  border: 1px solid #262626;
  color: #262626;
  outline: 0;
  border-radius: 6px;
}
.newsletter-subscribe-component .form-group input::placeholder {
  opacity: 1;
  color: #468282;
}
.newsletter-subscribe-component .form-group input.input-error {
  border-color: red;
}
.newsletter-subscribe-component .error-notification {
  color: #FF0000;
  padding-left: 16px;
}
.newsletter-subscribe-component input[type="submit"] {
  margin-top: 30px;
  width: 100%;
  color: #f9f8f5;
}
.newsletter-subscribe-component.scheme-dark {
  background-color: #004f53;
  color: #f9f8f5;
}
.newsletter-subscribe-component.scheme-dark input {
  border-color: #f9f8f5;
  color: #f9f8f5;
}
.newsletter-subscribe-component.scheme-dark input[type="submit"] {
  border-color: #262626;
}
@media (min-width: 1024px) {
  .newsletter-subscribe-component .content {
    width: calc(50% - 35px);
  }
  .newsletter-subscribe-component .content form {
    padding-top: 25px;
  }
  .newsletter-subscribe-component .content input[type="submit"] {
    width: auto;
    min-width: 280px;
  }
  .newsletter-subscribe-component .image {
    width: calc(50% - 35px);
  }
  .newsletter-subscribe-component .image img {
    margin: 0;
  }
}
@media (min-width: 1280px) {
  .newsletter-subscribe-component .content {
    width: calc(50% - 80px);
  }
  .newsletter-subscribe-component .image {
    width: calc(50% - 80px);
  }
}
.our-approach-component {
  position: relative;
  background-color: #004f53;
  color: #eee9e2;
}
.our-approach-component > .container {
  overflow: visible;
}
.our-approach-component .top-content {
  padding-bottom: 95px;
}
@media (min-width: 1024px) {
  .our-approach-component .top-content {
    padding-bottom: 140px;
  }
}
.our-approach-component .scroll-entries .scroll-entry {
  border-top: 1px solid #eba131;
  padding-top: 50px;
  background-color: #004f53;
}
.our-approach-component .scroll-entries .scroll-entry:last-child {
  border-bottom: 1px solid #eba131;
}
.our-approach-component .scroll-entries .scroll-entry .image {
  width: 100%;
}
.our-approach-component .scroll-entries .scroll-entry .content {
  width: 100%;
  padding-top: 40px;
  padding-bottom: 35px;
}
.our-approach-component .scroll-entries .scroll-entry .content h3, .our-approach-component .scroll-entries .scroll-entry .content h4 {
  font-family: "Value Serif", sans-serif;
}
.our-approach-component .scroll-entries .scroll-entry .content ul {
  padding: 0;
  margin-bottom: 0;
  text-align: left;
}
.our-approach-component .scroll-entries .scroll-entry .content ul li {
  position: relative;
  padding-left: 30px;
  display: inline-block;
  width: 100%;
  list-style: none;
  margin: 3px 0;
}
.our-approach-component .scroll-entries .scroll-entry .content ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 5px;
  height: 5px;
  background-color: #eba131;
  border-radius: 50%;
}
@media (min-width: 1024px) {
  .our-approach-component .scroll-entries .scroll-entry {
    position: sticky;
    top: 80px;
    padding-bottom: 50px;
  }
  .our-approach-component .scroll-entries .scroll-entry .image {
    width: calc(50% - 35px);
  }
  .our-approach-component .scroll-entries .scroll-entry .content {
    padding: 0;
    width: calc(50% - 35px);
  }
}
.our-approach-component .bottom-content {
  padding-top: 90px;
}
@media (min-width: 1024px) {
  .our-approach-component .bottom-content {
    padding-top: 160px;
  }
}
@media (min-width: 1024px) {
  body.page-about .our-approach-component .scroll-entries .scroll-entry {
    flex-direction: row-reverse;
  }
}
body.page-what-to-expect .our-approach-component .top-content {
  text-align: left;
}
@media (min-width: 1024px) {
  body.page-what-to-expect .our-approach-component .top-content {
    text-align: center;
  }
}
@media (min-width: 1280px) {
  body.page-what-to-expect .our-approach-component .top-content {
    max-width: 1050px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1024px) {
  body.page-what-to-expect .our-approach-component .scroll-entries .scroll-entry {
    flex-direction: row-reverse;
  }
  body.page-what-to-expect .our-approach-component .bottom-content {
    text-align: center;
  }
}
@media (min-width: 1280px) {
  body.page-what-to-expect .our-approach-component .bottom-content {
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
  }
}
.our-story-component {
  position: relative;
  background-color: #eee9e2;
}
.our-story-component .top-content {
  padding-bottom: 70px;
}
.our-story-component .timeline {
  position: relative;
}
.our-story-component .timeline:before {
  content: "";
  width: 2px;
  height: 100%;
  background-color: #dc6e46;
  position: absolute;
  left: 14px;
  top: 0;
}
.our-story-component .timeline .timeline-line {
  display: none;
  position: absolute;
  width: 380px;
  height: 1455px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.our-story-component .timeline .timeline-entry {
  padding-left: 50px;
}
.our-story-component .timeline .timeline-entry .is-4-3 {
  margin-bottom: 30px;
}
.our-story-component .timeline .timeline-entry .timeline-content {
  position: relative;
  padding-bottom: 75px;
}
.our-story-component .timeline .timeline-entry .timeline-content:before {
  content: "";
  position: absolute;
  left: -40px;
  top: 15px;
  width: 10px;
  height: 10px;
  border: 2px solid #dc6e46;
  background-color: #eee9e2;
  border-radius: 50%;
}
.our-story-component .timeline .timeline-entry .timeline-content:last-child {
  padding-bottom: 50px;
}
.our-story-component .timeline .timeline-entry .timeline-content h4 {
  font-family: "Value Serif", sans-serif;
}
.our-story-component .timeline-end {
  padding-top: 25px;
  font-family: "Value Serif", sans-serif;
  color: #dc6e46;
}
@media (min-width: 1024px) {
  .our-story-component .top-content {
    text-align: center;
    padding-bottom: 100px;
  }
  .our-story-component .timeline {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
  }
  .our-story-component .timeline:before {
    display: none;
  }
  .our-story-component .timeline .timeline-line {
    display: block;
  }
  .our-story-component .timeline .timeline-entry {
    position: relative;
    width: 100%;
    display: flex;
    align-items: flex-start;
    margin-top: 15px;
    padding-left: 0;
  }
  .our-story-component .timeline .timeline-entry .is-4-3 {
    width: 260px;
  }
  .our-story-component .timeline .timeline-entry .timeline-content {
    width: 400px;
    padding-left: 35px;
    padding-right: 50px;
    padding-bottom: 0;
  }
  .our-story-component .timeline .timeline-entry .timeline-content:before {
    display: none;
  }
  .our-story-component .timeline .timeline-entry:nth-child(2n+1) {
    margin-left: auto;
    flex-direction: row-reverse;
  }
  .our-story-component .timeline .timeline-entry:nth-child(2n+1) .timeline-content {
    padding-right: 35px;
    padding-left: 50px;
  }
  .our-story-component .timeline > div:nth-child(3) {
    margin-top: -40px;
  }
  .our-story-component .timeline > div:nth-child(4) .timeline-content {
    padding-left: 80px;
  }
  .our-story-component .timeline > div:nth-child(5) {
    margin-top: 40px;
  }
  .our-story-component .timeline > div:nth-child(7) {
    margin-top: -50px;
  }
  .our-story-component .timeline > div:nth-child(7) .timeline-content {
    padding-left: 0 !important;
  }
  .our-story-component .timeline > div:nth-child(8) {
    margin-top: 40px;
  }
  .our-story-component .timeline > div:nth-child(8) .timeline-content {
    padding-left: 295px;
    width: 695px;
  }
  .our-story-component .timeline-end {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 60px;
    font-size: 28px;
    text-align: right;
    padding-right: 140px;
  }
}
@media (min-width: 1280px) {
  .our-story-component .top-content {
    font-size: 25px;
  }
  .our-story-component .timeline {
    width: 1180px;
  }
  .our-story-component .timeline .timeline-entry {
    font-size: 19px;
  }
  .our-story-component .timeline .timeline-entry .is-4-3 {
    width: 315px;
  }
  .our-story-component .timeline .timeline-entry .timeline-content {
    width: 450px;
    padding-left: 55px;
  }
  .our-story-component .timeline > div:nth-child(3) {
    margin-top: -82px;
  }
  .our-story-component .timeline > div:nth-child(4) {
    margin-top: -15px;
  }
  .our-story-component .timeline > div:nth-child(4) .timeline-content {
    width: 490px;
    padding-left: 95px;
  }
  .our-story-component .timeline > div:nth-child(5) {
    margin-top: 30px;
  }
  .our-story-component .timeline > div:nth-child(6) {
    margin-top: -10px;
  }
  .our-story-component .timeline > div:nth-child(7) {
    margin-top: -105px;
  }
  .our-story-component .timeline > div:nth-child(7) .timeline-content {
    width: 500px;
  }
}
.our-team-component {
  position: relative;
  background-color: #dc6e46;
}
.our-team-component .top-content {
  padding-bottom: 50px;
}
.our-team-component .team-members {
  margin-left: -8.5px;
  margin-right: -8.5px;
}
.our-team-component .team-members .team {
  width: 50%;
  padding: 8.5px;
  margin-top: 25px;
}
.our-team-component .team-members .team .is-square {
  border-radius: 8px;
  overflow: hidden;
}
.our-team-component .team-members .team .content {
  padding: 25px 0;
}
.our-team-component .team-members .team .content .name {
  font-family: "Value Serif", sans-serif;
}
.our-team-component .team-members .team .button {
  margin-top: 18px;
  padding: 6px 20px;
}
@media (min-width: 1024px) {
  .our-team-component .top-content {
    padding-bottom: 70px;
  }
  .our-team-component .team-members {
    margin-left: -25px;
    margin-right: -25px;
  }
  .our-team-component .team-members .team {
    width: 33.3333333%;
    padding: 25px;
  }
}
@media (min-width: 1280px) {
  .our-team-component .team-members .team {
    width: 25%;
  }
}
#team-bio-modal button.close-team-bio-modal {
  top: 20px;
  right: 20px;
  background: none;
  border: 0;
  outline: 0;
  cursor: pointer;
}
#team-bio-modal button.close-team-bio-modal, #team-bio-modal button.close-team-bio-modal svg {
  width: 26px;
  height: 26px;
}
#team-bio-modal button.close-team-bio-modal *, #team-bio-modal button.close-team-bio-modal svg * {
  fill: #262626;
}
#team-bio-modal button.close-team-bio-modal:hover svg * {
  fill: #eba131;
}
#team-bio-modal .team-bio-content {
  padding: 80px 20px;
}
#team-bio-modal .team-bio-content .name {
  font-family: "Value Serif", sans-serif;
}
#team-bio-modal .team-bio-content > div strong {
  font-family: "Value Serif", sans-serif;
}
#team-bio-modal .team-bio-content .button {
  margin-top: 70px;
  width: 100%;
  text-align: center;
}
@media (min-width: 1024px) {
  #team-bio-modal {
    padding: 50px 0;
  }
  #team-bio-modal button.close-team-bio-modal {
    right: 35px;
    top: 35px;
  }
  #team-bio-modal .team-bio-content {
    padding: 80px 35px;
  }
  #team-bio-modal .team-bio-content .name {
    font-family: "Value Serif", sans-serif;
  }
  #team-bio-modal .team-bio-content .role {
    margin-bottom: 40px;
  }
  #team-bio-modal .team-bio-content > div strong {
    font-family: "Value Serif", sans-serif;
  }
  #team-bio-modal .team-bio-content .button {
    width: auto;
    min-width: 280px;
  }
}
.retreat-type-banner-component {
  padding-top: 180px;
  padding-bottom: 140px;
  background-color: #f9f8f5;
}
.retreat-type-banner-component > .container.is-wide {
  max-width: 1400px;
}
.retreat-type-banner-component .text {
  text-align: center;
}
.retreat-type-banner-component .icon-list {
  padding-top: 25px;
  padding-bottom: 27px;
}
@media (min-width: 1024px) {
  .retreat-type-banner-component .icon-list {
    padding-top: 35px;
    padding-bottom: 0;
  }
}
.retreat-type-banner-component .icon-list > div {
  display: flex;
  align-items: center;
  margin: 3px 0;
}
.retreat-type-banner-component .icon-list > div img {
  width: 13px;
}
.retreat-type-banner-component .icon-list > div span {
  margin-left: 10px;
}
.retreat-type-banner-component .tags {
  padding-bottom: 45px;
}
.retreat-type-banner-component .tags .tag {
  border: 1px solid #eba131;
  padding: 5px 20px;
  border-radius: 20px;
  margin: 5px;
}
.retreat-type-banner-component .hide-before-tablet-landscape {
  padding-top: 20px;
}
@media (min-width: 1024px) {
  .retreat-type-banner-component {
    position: sticky;
    left: 0;
    top: 0;
    z-index: 1;
    padding-top: 125px;
    padding-bottom: 30px;
  }
  .retreat-type-banner-component .rtb-row .content {
    width: calc(50% - 35px);
  }
  .retreat-type-banner-component .rtb-row .content .text {
    text-align: left;
  }
  .retreat-type-banner-component .rtb-row .image {
    padding-top: 45px;
    padding-left: 30px;
    width: calc(50% - 35px);
  }
}
@media (min-width: 1280px) {
  .retreat-type-banner-component {
    padding-top: 195px;
    padding-bottom: 95px;
  }
  .retreat-type-banner-component .rtb-row .content {
    width: 60%;
    padding-right: 100px;
  }
  .retreat-type-banner-component .rtb-row .content .text {
    text-align: left;
  }
  .retreat-type-banner-component .rtb-row .image {
    padding-top: 45px;
    padding-left: 30px;
    width: 40%;
  }
}
.schedule-component {
  position: relative;
  background-color: #f9f8f5;
}
.schedule-component .top-content .controls {
  position: absolute;
  right: 17px;
  bottom: 30px;
}
@media (min-width: 1024px) {
  .schedule-component .top-content .controls {
    right: 40px;
    display: flex;
  }
}
@media (min-width: 1280px) {
  .schedule-component .top-content .controls {
    right: 55px;
  }
}
@media (min-width: 1800px) {
  .schedule-component .top-content .controls {
    right: 60px;
  }
}
.schedule-component .top-content .controls .prev, .schedule-component .top-content .controls .next {
  cursor: pointer;
}
.schedule-component .top-content .controls .prev, .schedule-component .top-content .controls .prev svg, .schedule-component .top-content .controls .next, .schedule-component .top-content .controls .next svg {
  width: 20px;
  height: 20px;
}
@media (min-width: 1024px) {
  .schedule-component .top-content .controls .prev, .schedule-component .top-content .controls .prev svg, .schedule-component .top-content .controls .next, .schedule-component .top-content .controls .next svg {
    width: 24px;
    height: 24px;
  }
}
.schedule-component .top-content .controls .prev svg *, .schedule-component .top-content .controls .next svg * {
  fill: #262626;
}
.schedule-component .top-content .controls .prev:hover svg *, .schedule-component .top-content .controls .next:hover svg * {
  fill: #eba131;
}
.schedule-component .top-content .controls .prev {
  margin-right: 17px;
}
@media (min-width: 1024px) {
  .schedule-component .top-content p {
    margin-left: auto;
    margin-right: auto;
    max-width: 620px;
  }
  .schedule-component .top-content .controls {
    bottom: 40px;
  }
}
@media (min-width: 1280px) {
  .schedule-component .top-content p {
    max-width: 800px;
    margin: 0 auto;
  }
}
.schedule-component .swiper {
  padding-top: 85px;
  padding-left: 17px;
  padding-right: 17px;
}
@media (min-width: 1024px) {
  .schedule-component .swiper {
    padding-left: 34px;
    padding-right: 34px;
  }
}
@media (min-width: 1280px) {
  .schedule-component .swiper {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.schedule-component .swiper .swiper-slide {
  background-color: #eee9e2;
  border-radius: 8px;
  height: auto;
  overflow: hidden;
}
.schedule-component .swiper .swiper-slide .is-landscape:before {
  padding-top: 66.66%;
}
.schedule-component .swiper .swiper-slide .content {
  padding: 30px 17px;
}
.schedule-component .swiper .swiper-slide .content h4 {
  font-family: "Value Serif", sans-serif;
}
.schedule-component .swiper .swiper-slide .content ul {
  padding: 0;
  text-align: left;
}
.schedule-component .swiper .swiper-slide .content ul li {
  position: relative;
  padding-left: 25px;
  padding-top: 18px;
  padding-bottom: 18px;
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #eba131;
  list-style: none;
}
.schedule-component .swiper .swiper-slide .content ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 27px;
  width: 5px;
  height: 5px;
  background-color: #eba131;
  border-radius: 50%;
}
.schedule-component .swiper .swiper-slide .content ul li:last-child {
  border-bottom: 0;
}
.schedule-component .swiper .swiper-slide.plain-background {
  background-color: #004f53;
  color: #f9f8f5;
}
.schedule-component .swiper .swiper-slide.plain-background ul li {
  padding-left: 0;
}
.schedule-component .swiper .swiper-slide.plain-background ul li strong {
  display: inline-block;
  margin-right: 15px;
}
.schedule-component .swiper .swiper-slide.plain-background ul li:before {
  display: none;
}
.schedule-component .bottom-content {
  padding-top: 85px;
}
.schedule-component .bottom-content blockquote {
  font-family: "Value Serif", sans-serif;
}
@media (min-width: 1024px) {
  .schedule-component .bottom-content blockquote {
    max-width: 760px;
  }
}
.stats-component {
  position: relative;
  background-color: #eee9e2;
  padding-top: 45px 0;
}
.stats-component .stats {
  line-height: 1.4 !important;
}
.stats-component .stats .stat {
  position: relative;
  width: 100%;
  padding: 90px 0;
}
.stats-component .stats .stat:after {
  content: "";
  width: 170px;
  height: 1px;
  background-color: #eba131;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.stats-component .stats .stat:last-child:after {
  display: none;
}
.stats-component .stats .stat .value {
  font-family: "Value Serif", sans-serif;
  font-size: 85px;
}
.stats-component .stats .stat .label {
  font-size: 28px;
}
@media (min-width: 1024px) {
  .stats-component {
    padding-top: 0;
  }
  .stats-component .stats .stat {
    padding: 200px 0;
    width: 33.333333%;
  }
  .stats-component .stats .stat:after {
    height: 170px;
    width: 1px;
    left: auto;
    right: 0;
    bottom: 50%;
    transform: translateY(50%);
  }
}
@media (min-width: 1280px) {
  .stats-component .stats .stat {
    padding: 225px 0;
  }
  .stats-component .stats .stat .value {
    font-size: 90px;
    margin-bottom: 20px;
  }
}
.simple-content-component {
  position: relative;
}
.simple-content-component .content h3 {
  font-family: "Haffer", sans-serif;
  font-weight: 300;
}
.simple-content-component .content h3 strong {
  font-family: "Value Serif", sans-serif;
  font-weight: 400;
}
.simple-content-component .content .text-big {
  font-family: "Value Serif", sans-serif;
}
.simple-content-component .content .join-a-reatreat {
  margin-top: 50px;
  width: 100%;
  text-align: center;
}
@media (min-width: 1024px) {
  .simple-content-component .content {
    text-align: center;
  }
  .simple-content-component .content .join-a-reatreat {
    width: auto;
    min-width: 280px;
  }
}
@media (min-width: 1024px) {
  body.page-what-to-expect .simple-content-component .content {
    text-align: center;
  }
  body.page-what-to-expect .simple-content-component .content h2 {
    text-align: center;
    margin-bottom: 40px;
  }
  body.page-what-to-expect .simple-content-component .content p {
    margin-left: auto;
    margin-right: auto;
    max-width: 620px;
  }
}
@media (min-width: 1280px) {
  body.page-what-to-expect .simple-content-component .content p {
    max-width: 800px;
    margin: 0 auto;
  }
}
.sticky-menu-component {
  position: sticky;
  top: 75px;
  margin: 70px 0;
  z-index: 90;
  transition: all 400ms ease;
}
@media (min-width: 1024px) {
  .sticky-menu-component {
    top: 85px;
    margin-bottom: 20px;
  }
}
.sticky-menu-component.main-menu-hidden {
  top: 15px;
}
.sticky-menu-component > .container {
  max-width: 800px;
}
.sticky-menu-component .menu-items {
  background-color: #eee9e2;
  padding: 2px;
  border-radius: 20px;
}
@media (max-width: 767.98px) {
  .sticky-menu-component .menu-items {
    padding-left: 25px;
  }
}
.sticky-menu-component .menu-items .menu-item {
  padding: 7px 20px;
  background-color: #eee9e2;
  color: #262626;
  font-size: 16px !important;
  line-height: 1.3 !important;
  border: 1px solid #f9f8f5;
  border-radius: 20px;
  flex-grow: 1;
  min-width: 0;
  cursor: pointer;
}
@media (max-width: 767.98px) {
  .sticky-menu-component .menu-items .menu-item {
    margin-left: -25px;
  }
}
@media (min-width: 1024px) {
  .sticky-menu-component .menu-items .menu-item {
    border: 0;
  }
}
.sticky-menu-component .menu-items .menu-item.active {
  background-color: #004f53;
  color: #f9f8f5;
  padding-left: 20px;
  flex-grow: 0;
  z-index: 20 !important;
}
.sticky-menu-component .menu-items .menu-item.active .hide-before-tablet-landscape {
  display: block !important;
}
.sticky-menu-component .menu-items .menu-item.active .hide-tablet-landscape-up {
  display: none !important;
}
.testimonials-component {
  position: relative;
}
.testimonials-component .controls {
  position: absolute;
  top: 100px;
  left: 17px;
  width: 100%;
  height: 24px;
  z-index: 2;
}
@media (min-width: 1024px) {
  .testimonials-component .controls {
    left: 34px;
  }
}
@media (min-width: 1280px) {
  .testimonials-component .controls {
    top: 120px;
    left: 50px;
  }
}
@media (min-width: 1800px) {
  .testimonials-component .controls {
    top: 240px;
    left: 60px;
  }
}
.testimonials-component .controls .prev, .testimonials-component .controls .next {
  cursor: pointer;
}
.testimonials-component .controls .prev, .testimonials-component .controls .prev svg, .testimonials-component .controls .next, .testimonials-component .controls .next svg {
  width: 20px;
  height: 20px;
}
.testimonials-component .controls .prev svg *, .testimonials-component .controls .next svg * {
  fill: #f9f8f5;
}
.testimonials-component .controls .prev:hover svg *, .testimonials-component .controls .next:hover svg * {
  fill: #eba131;
}
.testimonials-component .controls .prev {
  margin-right: 17px;
}
.testimonials-component .add-padding-top .swiper-slide {
  padding-top: 175px;
}
@media (min-width: 1800px) {
  .testimonials-component .add-padding-top .swiper-slide {
    padding-top: 330px;
  }
}
.testimonials-component .swiper-slide {
  position: relative;
  padding: 150px 17px;
  height: auto;
}
.testimonials-component .swiper-slide.has-image {
  color: #f9f8f5;
  background-color: rgba(0, 0, 0, 0.37);
}
@media (min-width: 1024px) {
  .testimonials-component .swiper-slide.has-image.has-cta {
    padding-bottom: 80px;
  }
}
@media (min-width: 1280px) {
  .testimonials-component .swiper-slide.has-image.has-cta {
    padding-bottom: 110px;
  }
}
@media (min-width: 1800px) {
  .testimonials-component .swiper-slide.has-image.has-cta {
    padding-bottom: 220px;
  }
}
@media (min-width: 1024px) {
  .testimonials-component .swiper-slide {
    padding: 220px 34px;
  }
}
@media (min-width: 1280px) {
  .testimonials-component .swiper-slide {
    padding: 290px 50px;
  }
}
@media (min-width: 1800px) {
  .testimonials-component .swiper-slide {
    padding: 360px 60px;
  }
}
.testimonials-component .swiper-slide img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.testimonials-component .swiper-slide .content {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.testimonials-component .swiper-slide .content .testimonial {
  font-family: "Value Serif", sans-serif;
  font-size: 33px;
  max-width: 750px;
}
.testimonials-component .swiper-slide .content .testimonial.text-small {
  font-size: 26px;
  max-width: 100%;
}
@media (min-width: 1024px) {
  .testimonials-component .swiper-slide .content .testimonial.text-small {
    font-size: 38px;
  }
}
@media (min-width: 1280px) {
  .testimonials-component .swiper-slide .content .testimonial.text-small {
    font-size: 42px;
    max-width: 900px;
  }
}
@media (min-width: 1024px) {
  .testimonials-component .swiper-slide .content .testimonial {
    font-size: 55px;
  }
}
@media (min-width: 1800px) {
  .testimonials-component .swiper-slide .content .testimonial {
    font-size: 61px;
    max-width: 840px;
  }
}
.testimonials-component .swiper-slide .content .author {
  margin-top: 15px;
  font-size: 16px;
}
@media (min-width: 1024px) {
  .testimonials-component .swiper-slide .content .author {
    font-size: 17px;
  }
}
@media (min-width: 1280px) {
  .testimonials-component .swiper-slide .content .author {
    font-size: 18px;
  }
}
.testimonials-component .cta {
  margin-top: auto;
}
.testimonials-component .cta .button {
  width: 100%;
  text-align: center;
  margin-top: 60px;
}
@media (min-width: 1024px) {
  .testimonials-component .cta .button {
    width: auto;
    min-width: 280px;
  }
}
.testimonial-page-component {
  position: relative;
  background-color: #f9f8f5;
  padding: 175px 0;
  padding-bottom: 0;
}
@media (min-width: 1024px) {
  .testimonial-page-component {
    padding: 220px 0;
    padding-bottom: 0;
  }
}
.testimonial-page-component .top-content {
  font-size: 20px;
}
.testimonial-page-component .top-content h1 {
  font-size: 33px;
  margin-bottom: 30px;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1024px) {
  .testimonial-page-component .top-content h1 {
    font-size: 46px;
  }
}
@media (min-width: 1280px) {
  .testimonial-page-component .top-content {
    font-size: 33px;
  }
  .testimonial-page-component .top-content h1 {
    margin-bottom: 40px;
  }
  .testimonial-page-component .top-content h1 {
    font-size: 60px;
  }
}
.testimonial-page-component .top-content .g-review-score {
  display: inline-flex;
  text-decoration: none;
  color: #262626;
}
@media (min-width: 1280px) {
  .testimonial-page-component .top-content .g-review-score {
    font-size: 33px;
  }
}
.testimonial-page-component .top-content .g-review-score > div {
  margin: 0 6px;
  height: 25px;
}
@media (min-width: 1280px) {
  .testimonial-page-component .top-content .g-review-score > div {
    margin: 0 12.5px;
    height: 40px;
  }
}
.testimonial-page-component .top-content .g-review-score .g-icon, .testimonial-page-component .top-content .g-review-score .g-icon svg {
  width: 18px;
  height: 18px;
}
@media (min-width: 1280px) {
  .testimonial-page-component .top-content .g-review-score .g-icon, .testimonial-page-component .top-content .g-review-score .g-icon svg {
    width: 30px;
    height: 30px;
  }
}
@media (min-width: 1280px) {
  .testimonial-page-component .top-content .g-review-score .g-icon {
    padding-top: 4px;
  }
}
.testimonial-page-component .top-content .g-review-score .stars .star {
  margin: 0 1px;
  margin: 0 2px;
}
.testimonial-page-component .top-content .g-review-score .stars .star, .testimonial-page-component .top-content .g-review-score .stars .star svg {
  width: 16px;
  height: 16px;
}
@media (min-width: 1280px) {
  .testimonial-page-component .top-content .g-review-score .stars .star, .testimonial-page-component .top-content .g-review-score .stars .star svg {
    width: 26px;
    height: 26px;
  }
}
.testimonial-page-component .top-columns {
  text-align: center;
  padding-top: 90px;
}
.testimonial-page-component .top-columns .col-testimonial {
  width: 100%;
  position: relative;
  padding-bottom: 90px;
}
.testimonial-page-component .top-columns .col-testimonial:after {
  content: "";
  width: 175px;
  height: 1px;
  background-color: #eba131;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.testimonial-page-component .top-columns .col-testimonial .is-square {
  margin: 0 auto;
  width: 125px;
  height: 125px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #eee9e2;
}
.testimonial-page-component .top-columns .col-testimonial .testimonial {
  padding-top: 35px;
  font-size: 26px;
}
.testimonial-page-component .top-columns .col-testimonial .testimonial-author {
  padding-top: 10px;
  font-size: 16px;
  font-weight: 400;
}
.testimonial-page-component .top-columns .col-stat {
  position: relative;
  width: 100%;
  padding-top: 70px;
  text-align: center;
}
.testimonial-page-component .top-columns .col-stat .stat-number {
  font-size: 85px;
  font-family: "Value Serif", sans-serif;
}
.testimonial-page-component .top-columns .col-stat .stat-text {
  padding-top: 20px;
  font-size: 26px;
}
@media (min-width: 1024px) {
  .testimonial-page-component .top-columns {
    align-items: center;
  }
  .testimonial-page-component .top-columns .col-testimonial {
    width: 50%;
    text-align: left;
    padding-right: 80px;
    padding-bottom: 0;
  }
  .testimonial-page-component .top-columns .col-testimonial .is-square {
    width: 140px;
    height: 140px;
    margin-left: 0;
  }
  .testimonial-page-component .top-columns .col-testimonial:after {
    display: none;
  }
  .testimonial-page-component .top-columns .col-testimonial:before {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #eba131;
    position: absolute;
    top: 0;
    right: 0;
  }
  .testimonial-page-component .top-columns .col-testimonial .testimonial {
    font-size: 26px;
  }
  .testimonial-page-component .top-columns .col-testimonial .testimonial-author {
    font-size: 17px;
  }
  .testimonial-page-component .top-columns .col-stat {
    width: 50%;
    text-align: left;
    padding-top: 0;
    padding-left: 80px;
  }
}
@media (min-width: 1280px) {
  .testimonial-page-component .top-columns {
    padding-top: 125px;
  }
  .testimonial-page-component .top-columns .col-testimonial {
    padding-right: 110px;
  }
  .testimonial-page-component .top-columns .col-testimonial .testimonial {
    font-size: 30px;
  }
  .testimonial-page-component .top-columns .col-testimonial .testimonial-author {
    font-size: 19px;
  }
  .testimonial-page-component .top-columns .col-stat {
    padding-left: 110px;
  }
  .testimonial-page-component .top-columns .col-stat .stat-number {
    font-size: 90px;
  }
  .testimonial-page-component .top-columns .col-stat .stat-text {
    padding-top: 45px;
    font-size: 30px;
  }
}
.testimonial-page-component .single-customer-story {
  position: relative;
  margin-top: 85px;
  padding-top: 85px;
  text-align: center;
}
.testimonial-page-component .single-customer-story:before {
  content: "";
  width: 175px;
  height: 1px;
  background-color: #eba131;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.testimonial-page-component .single-customer-story .testimonial {
  font-size: 26px;
  font-family: "Value Serif", sans-serif;
}
.testimonial-page-component .single-customer-story .button {
  margin-top: 55px;
  width: 100%;
  font-weight: 400;
}
@media (min-width: 1024px) {
  .testimonial-page-component .single-customer-story {
    margin-top: 40px;
    text-align: left;
  }
  .testimonial-page-component .single-customer-story:before {
    display: none;
  }
  .testimonial-page-component .single-customer-story .testimonial {
    font-size: 42px;
  }
  .testimonial-page-component .single-customer-story .button {
    width: auto;
    padding-left: 40px;
    padding-right: 40px;
  }
}
.testimonial-page-component .mosaic-reviews {
  margin-top: 140px;
  background-color: #004f53;
}
@media (min-width: 1280px) {
  .testimonial-page-component .mosaic-reviews {
    margin-top: 220px;
  }
}
.testimonial-page-component .mosaic-reviews .top-content {
  color: #f9f8f5;
  font-size: 26px;
  padding-bottom: 60px;
}
@media (min-width: 1280px) {
  .testimonial-page-component .mosaic-reviews .top-content {
    padding-bottom: 120px;
  }
}
.testimonial-page-component .mosaic-reviews .top-content h2 {
  font-size: 40px;
  margin-bottom: 40px;
}
.testimonial-page-component .mosaic-reviews .top-content p {
  max-width: 270px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1024px) {
  .testimonial-page-component .mosaic-reviews .top-content h2 {
    font-size: 60px;
  }
  .testimonial-page-component .mosaic-reviews .top-content p {
    font-size: 30px;
    max-width: 100%;
  }
}
.testimonial-page-component .mosaic-reviews .grid .testimonial-card {
  display: none;
  background: #f9f8f5;
  border-radius: 12px;
  width: 100%;
  padding: 25px 17px;
  padding-bottom: 35px;
  margin-bottom: 35px;
}
@media (min-width: 768px) {
  .testimonial-page-component .mosaic-reviews .grid .testimonial-card {
    width: calc(33.33333333% - 23.333333px);
  }
}
.testimonial-page-component .mosaic-reviews .grid .testimonial-card.show {
  display: block;
}
.testimonial-page-component .mosaic-reviews .grid .testimonial-card .card-header .is-square {
  width: 85px;
  height: 85px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #eee9e2;
}
.testimonial-page-component .mosaic-reviews .grid .testimonial-card .card-header .info {
  width: calc(100% - 85px);
  padding-left: 30px;
}
.testimonial-page-component .mosaic-reviews .grid .testimonial-card .card-header .info h3 {
  font-size: 26px;
  font-family: "Value Serif", sans-serif;
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .testimonial-page-component .mosaic-reviews .grid .testimonial-card .card-header .info {
    font-size: 19px;
  }
}
.testimonial-page-component .mosaic-reviews .grid .testimonial-card .testimonial {
  padding-top: 25px;
}
@media (min-width: 1280px) {
  .testimonial-page-component .mosaic-reviews .grid .testimonial-card .testimonial {
    font-size: 19px;
  }
}
.testimonial-page-component .mosaic-reviews #load-more {
  margin-top: 100px;
  width: 100%;
}
@media (min-width: 1024px) {
  .testimonial-page-component .mosaic-reviews #load-more {
    display: block;
    width: auto;
    min-width: 280px;
    margin-left: auto;
    margin-right: auto;
  }
}
.testimonial-page-component .mosaic-reviews #final-message {
  color: #f9f8f5;
  font-family: "Value Serif", sans-serif;
  font-size: 28px;
  text-align: center;
  margin-top: 100px;
}
.the-retreats-component {
  background-color: #f9f8f5;
  position: relative;
}
.the-retreats-component:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 182px;
  background-color: #f9f8f5;
  top: -182px;
}
@media (min-width: 1024px) {
  .the-retreats-component {
    padding-top: 0;
  }
}
.the-retreats-component > .container.is-wide {
  max-width: 1450px;
}
.the-retreats-component .retreats .retreat {
  width: 100%;
  padding-bottom: 120px;
}
.the-retreats-component .retreats .retreat:last-child {
  padding-bottom: 0;
}
.the-retreats-component .retreats .retreat .content {
  padding-top: 50px;
}
.the-retreats-component .retreats .retreat .content .description p {
  margin-bottom: 10px;
}
@media (min-width: 1024px) {
  .the-retreats-component .retreats .retreat .content .description p {
    margin-bottom: 16px;
  }
}
.the-retreats-component .retreats .retreat .content h6 {
  text-transform: none;
  letter-spacing: 0;
  font-size: 16px;
}
.the-retreats-component .retreats .retreat .content ul {
  padding: 0;
  margin: 0;
  text-align: left;
}
.the-retreats-component .retreats .retreat .content ul li {
  position: relative;
  padding-left: 21px;
  padding-top: 8px;
  padding-bottom: 8px;
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #eba131;
  list-style: none;
}
.the-retreats-component .retreats .retreat .content ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 20px;
  width: 5px;
  height: 5px;
  background-color: #eba131;
  border-radius: 50%;
}
.the-retreats-component .retreats .retreat .content ul li:last-child {
  border-bottom: 0;
}
@media (min-width: 1024px) {
  .the-retreats-component .retreats .retreat .content ul li {
    padding-left: 25px;
  }
}
@media (min-width: 1280px) {
  .the-retreats-component .retreats .retreat .content ul li {
    padding-left: 29px;
  }
}
.the-retreats-component .retreats .retreat .next-date {
  padding-top: 17px;
}
.the-retreats-component .retreats .retreat .next-date .icon, .the-retreats-component .retreats .retreat .next-date .icon svg {
  width: 24px;
  height: 24px;
}
.the-retreats-component .retreats .retreat .next-date .icon svg * {
  fill: #eba131;
}
.the-retreats-component .retreats .retreat .next-date span {
  margin: 0 15px;
  font-weight: 400;
}
.the-retreats-component .retreats .retreat .next-date a {
  font-weight: 400;
  color: #262626;
  text-decoration-color: #eba131;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
.the-retreats-component .retreats .retreat .next-date a:hover {
  color: #eba131;
}
.the-retreats-component .retreats .retreat .ctas {
  margin-top: auto;
  padding-top: 48px;
}
.the-retreats-component .retreats .retreat .ctas > a {
  white-space: nowrap;
  width: 100%;
  text-align: center;
}
.the-retreats-component .retreats .retreat .ctas > a:first-child {
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  .the-retreats-component .retreats {
    margin-left: -35px;
    margin-right: -35px;
  }
  .the-retreats-component .retreats .retreat {
    position: relative;
    padding: 120px 64px;
    width: 50%;
  }
  .the-retreats-component .retreats .retreat:nth-child(3), .the-retreats-component .retreats .retreat:last-child {
    padding-bottom: 0;
  }
  .the-retreats-component .retreats .retreat:nth-child(1):before, .the-retreats-component .retreats .retreat:nth-child(2):before {
    content: "";
    position: absolute;
    width: calc(100% - 70px);
    height: 1px;
    background-color: #D8D8D8;
    bottom: 0;
    left: 35px;
  }
  .the-retreats-component .retreats .retreat:first-child:after, .the-retreats-component .retreats .retreat:nth-child(3):after {
    content: "";
    position: absolute;
    width: 1px;
    height: calc(100% - 250px);
    background-color: #D8D8D8;
    top: 125px;
    right: 0;
  }
  .the-retreats-component .retreats .retreat .is-4-3 {
    width: 370px;
  }
  .the-retreats-component .retreats .retreat .is-4-3 img {
    object-position: left center;
  }
  .the-retreats-component .retreats .retreat .content {
    text-align: left;
  }
  .the-retreats-component .retreats .retreat .content h6 {
    font-size: 19px;
  }
  .the-retreats-component .retreats .retreat .next-date {
    padding-top: 29px;
    justify-content: flex-start;
  }
  .the-retreats-component .retreats .retreat .ctas {
    padding-top: 58px;
  }
  .the-retreats-component .retreats .retreat .ctas > a {
    width: 180px;
  }
  .the-retreats-component .retreats .retreat .ctas > a:first-child {
    margin: 0;
    margin-right: 16px;
  }
}
@media (min-width: 1280px) {
  .the-retreats-component .retreats {
    margin-left: -100px;
    margin-right: -100px;
    padding-top: 70px;
  }
  .the-retreats-component .retreats .retreat {
    padding-left: 100px;
    padding-right: 100px;
  }
  .the-retreats-component .retreats .retreat .is-4-3 {
    width: 410px;
  }
}
@media (min-width: 1800px) {
  .the-retreats-component .retreats {
    margin-left: -150px;
    margin-right: -150px;
  }
  .the-retreats-component .retreats .retreat {
    padding-left: 150px;
    padding-right: 150px;
  }
}
.upcoming-retreats-component {
  background-color: #eee9e2;
  position: relative;
}
.upcoming-retreats-component .top-content h2 {
  font-size: 28px;
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .upcoming-retreats-component .top-content h2 {
    font-size: 45px;
  }
}
@media (min-width: 1280px) {
  .upcoming-retreats-component .top-content h2 {
    font-size: 50px;
  }
}
.upcoming-retreats-component .controls .prev, .upcoming-retreats-component .controls .next {
  cursor: pointer;
}
.upcoming-retreats-component .controls .prev, .upcoming-retreats-component .controls .prev svg, .upcoming-retreats-component .controls .next, .upcoming-retreats-component .controls .next svg {
  width: 24px;
  height: 24px;
}
.upcoming-retreats-component .controls .prev svg *, .upcoming-retreats-component .controls .next svg * {
  fill: #262626;
}
.upcoming-retreats-component .controls .prev:hover svg *, .upcoming-retreats-component .controls .next:hover svg * {
  fill: #eba131;
}
.upcoming-retreats-component .controls .prev {
  margin-right: 17px;
}
.upcoming-retreats-component .swiper {
  padding-top: 32px;
  padding-left: 17px;
  padding-right: 17px;
}
@media (min-width: 1024px) {
  .upcoming-retreats-component .swiper {
    padding-top: 42px;
    padding-left: 34px;
    padding-right: 34px;
  }
}
@media (min-width: 1280px) {
  .upcoming-retreats-component .swiper {
    padding-top: 48px;
    padding-left: 50px;
    padding-right: 50px;
  }
}
.upcoming-retreats-component .swiper .swiper-slide .waiting-list > div {
  background-color: #004f53;
}
.upcoming-retreats-component .swiper .swiper-slide .waiting-list > div h4 {
  font-family: "Value Serif", sans-serif;
  font-size: 28px;
  margin-bottom: 20px;
}
.upcoming-retreats-component .swiper .swiper-slide .waiting-list > div a {
  font-weight: 400;
  color: #f9f8f5;
  text-decoration-color: #eba131;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
.upcoming-retreats-component .swiper .swiper-slide .waiting-list > div a:hover {
  color: #eba131;
}
.upcoming-retreats-component .bottom-content {
  padding-top: 40px;
}
.upcoming-retreats-component .bottom-content .button {
  width: 100%;
  text-align: center;
}
@media (min-width: 1024px) {
  .upcoming-retreats-component .bottom-content {
    padding-top: 56px;
  }
  .upcoming-retreats-component .bottom-content .button {
    width: auto;
    min-width: 280px;
  }
}
@media (min-width: 1280px) {
  .upcoming-retreats-component .bottom-content {
    padding-top: 64px;
  }
}
body.tax-retreat-type .upcoming-retreats-component .section-padding {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  body.tax-retreat-type .upcoming-retreats-component .section-padding {
    flex-direction: row;
  }
}
body.tax-retreat-type .upcoming-retreats-component .section-padding .top-content {
  width: 100%;
  align-items: flex-end;
}
body.tax-retreat-type .upcoming-retreats-component .section-padding .top-content h2 {
  padding-right: 50px;
}
body.tax-retreat-type .upcoming-retreats-component .section-padding .top-content .controls {
  padding-bottom: 7px;
}
@media (max-width: 767.98px) {
  body.tax-retreat-type .upcoming-retreats-component .section-padding .top-content .controls .prev, body.tax-retreat-type .upcoming-retreats-component .section-padding .top-content .controls .prev svg, body.tax-retreat-type .upcoming-retreats-component .section-padding .top-content .controls .next, body.tax-retreat-type .upcoming-retreats-component .section-padding .top-content .controls .next svg {
    width: 20px;
    height: 20px;
  }
}
@media (min-width: 1024px) {
  body.tax-retreat-type .upcoming-retreats-component .section-padding .top-content {
    width: 370px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
  }
  body.tax-retreat-type .upcoming-retreats-component .section-padding .top-content h2 {
    padding-right: 0;
  }
}
@media (min-width: 1280px) {
  body.tax-retreat-type .upcoming-retreats-component .section-padding .top-content {
    width: 415px;
    padding-right: 10px;
  }
}
body.tax-retreat-type .upcoming-retreats-component .section-padding .retreats {
  width: 100%;
}
@media (min-width: 1024px) {
  body.tax-retreat-type .upcoming-retreats-component .section-padding .retreats {
    width: calc(100% - 370px);
  }
  body.tax-retreat-type .upcoming-retreats-component .section-padding .retreats .swiper {
    padding-top: 0;
  }
}
@media (min-width: 1280px) {
  body.tax-retreat-type .upcoming-retreats-component .section-padding .retreats {
    width: calc(100% - 415px);
  }
}
body.tax-retreat-type .upcoming-retreats-component .section-padding .bottom-content {
  display: none;
}
.video-component iframe {
  position: absolute;
  left: 0;
  top: 0;
}
.video-component {
  background-color: #eee9e2;
}
.video-component > .container {
  max-width: 1020px;
}
@media (min-width: 1800px) {
  .video-component > .container {
    max-width: 1320px;
  }
}
@media (max-width: 767.98px) {
  .video-component .container-block {
    margin-left: -17px;
    margin-right: -17px;
  }
}
.video-component .play-video {
  position: absolute;
  width: 50px;
  height: 50px;
  left: calc(50% - 25px);
  top: calc(50% - 25px);
  background: none;
  outline: 0;
  border: 0;
  cursor: pointer;
}
.video-component .play-video svg {
  width: 50px;
  height: 50px;
}
@media (min-width: 768px) {
  .video-component .play-video {
    width: 88px;
    height: 88px;
    left: calc(50% - 44px);
    top: calc(50% - 44px);
  }
  .video-component .play-video svg {
    width: 88px;
    height: 88px;
  }
}
.video-component .play-video svg * {
  fill: #f9f8f5;
  transition: all 400ms ease;
}
.video-component .play-video:hover svg * {
  fill: #eba131;
}
.what-to-expect-component {
  padding: 135px 0;
  background-color: #f9f8f5;
}
.what-to-expect-component > .container {
  max-width: 760px;
}
@media (min-width: 1280px) {
  .what-to-expect-component > .container {
    max-width: 880px;
  }
}
@media (min-width: 1024px) {
  .what-to-expect-component {
    padding: 210px 0;
  }
}
@media (min-width: 1280px) {
  .what-to-expect-component {
    padding: 230px 0;
  }
}
.what-to-expect-component .top-content {
  text-align: center;
  font-size: 20px;
}
.what-to-expect-component .top-content h6 {
  font-size: 15px;
}
.what-to-expect-component .top-content h1 {
  font-size: 39px;
  margin-bottom: 30px;
}
@media (min-width: 1024px) {
  .what-to-expect-component .top-content {
    font-size: 30px;
  }
  .what-to-expect-component .top-content h1 {
    font-size: 54px;
  }
}
@media (min-width: 1280px) {
  .what-to-expect-component .top-content {
    font-size: 33px;
  }
  .what-to-expect-component .top-content h1 {
    font-size: 60px;
  }
}
.what-to-expect-component .middle-content {
  padding: 60px 0;
}
@media (min-width: 1280px) {
  .what-to-expect-component .middle-content {
    padding: 80px 0;
  }
}
@media (min-width: 1024px) {
  .what-to-expect-component .bottom-content {
    font-size: 19px;
  }
}
@media (min-width: 1280px) {
  .what-to-expect-component .bottom-content {
    font-size: 21px;
  }
}
#join-retreat {
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #f9f8f5;
  z-index: 200;
  padding-top: 75px;
  padding-left: 17px;
  padding-right: 17px;
  padding-bottom: 30px;
  display: none;
  z-index: 1000;
}
#join-retreat.show {
  display: block;
}
@media (min-width: 1024px) {
  #join-retreat {
    max-width: 430px;
  }
}
#join-retreat #close-join-retreat {
  position: absolute;
  right: 17px;
  top: 17px;
  width: 25px;
  height: 25px;
  cursor: pointer;
  background: none;
  outline: 0;
  border: 0;
}
#join-retreat h3 {
  font-family: "Value Serif", sans-serif;
  font-size: 28px;
}
#join-retreat .form-group {
  margin-bottom: 18px;
}
#join-retreat select {
  -webkit-appearance: none;
  /* Disable iOS native styling */
  -moz-appearance: none;
  appearance: none;
  padding: 10px 16px;
  width: 100%;
  background-color: transparent;
  border: 1px solid #eba131;
  color: #262626;
  outline: 0;
  border-radius: 6px;
  font-size: 17px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8' viewBox='0 0 17.464 9.426'%3E%3Cpath d='M0,0,7.848,7.917,15.7,0M7.848,6.6m0,1.32V6.6' transform='translate(0.884 0.884)' fill='none' stroke='%23eba030' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='8' stroke-width='1.25'/%3E%3C/svg%3E");
  background-size: 16px 8px;
  background-repeat: no-repeat;
  background-position: right 12px center;
}
#join-retreat select::placeholder {
  opacity: 1;
  color: #468282;
}
#join-retreat select[disabled] {
  opacity: 0.3;
}
#join-retreat .submit {
  margin-top: auto;
}
#join-retreat .submit .button {
  width: 100%;
  text-align: center;
}
#join-retreat .info-gender {
  position: relative;
  display: flex;
  cursor: pointer;
  font-size: 14px;
}
#join-retreat .info-gender .info-icon {
  margin-right: 10px;
}
#join-retreat .info-gender .info-icon, #join-retreat .info-gender .info-icon svg {
  width: 16px;
  height: 16px;
}
#join-retreat .info-gender .info-icon svg * {
  fill: #eba131;
}
#join-retreat .info-gender .arrow-bubble {
  position: absolute;
  width: 10px;
  height: 5px;
  left: 30px;
  top: calc(100% + 14px);
  transform: rotate(180deg);
  display: none;
}
#join-retreat .info-gender .arrow-bubble.display {
  display: block;
}
#join-retreat .info-gender .arrow-bubble:before, #join-retreat .info-gender .arrow-bubble:after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-top-color: transparent;
  border-top-color: transparent;
  border-style: solid;
  border-width: 6px 6px 0;
}
#join-retreat .info-gender .arrow-bubble:before {
  bottom: 0;
  border-top-color: rgba(164, 164, 164, 0.3);
}
#join-retreat .info-gender .arrow-bubble:after {
  bottom: 1px;
  border-top-color: #fff;
}
#join-retreat .info-gender .info-bubble {
  position: absolute;
  background-color: #fff;
  border-radius: 4px;
  padding: 10px;
  top: calc(100% + 20px);
  left: 0;
  width: 100%;
  max-width: 400px;
  display: none;
  line-height: 1.4;
  box-shadow: #fff 0 0, #3341551a 0 0 0 1px, #0000000d 0 20px 25px -5px, #0000000d 0 8px 10px -6px;
}
#join-retreat .info-gender .info-bubble.display {
  display: block;
}
.page-not-found {
  padding-top: 160px;
  padding-bottom: 120px;
}
.page-not-found .content {
  width: 100%;
}
.page-not-found .content h6 {
  font-size: 15px;
}
.page-not-found .content h1 {
  font-size: 33px;
}
.page-not-found .content img {
  margin: 65px 0;
}
.page-not-found .content .button {
  width: 100%;
  text-align: center;
}
.page-not-found .image {
  width: 100%;
}
@media (min-width: 1024px) {
  .page-not-found .content {
    width: 50%;
  }
  .page-not-found .content h6 {
    font-size: 16px;
  }
  .page-not-found .content h1 {
    margin-top: 40px;
    margin-bottom: 50px;
    font-size: 50px;
  }
  .page-not-found .content .button {
    width: auto;
    min-width: 280px;
  }
  .page-not-found .image {
    width: 40%;
  }
}
.retreat-tile {
  width: 100%;
  color: #f9f8f5;
  cursor: pointer;
  line-height: 1.3 !important;
}
.retreat-tile .overlay-image {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("/wp-content/themes/alalaho/assets/images/gradient.png");
  background-size: cover;
  background-position: center bottom;
}
.retreat-tile .is-overlay {
  background-color: transparent;
  transition: all 400ms ease;
}
.retreat-tile:hover .tile-link {
  color: #eba131 !important;
}
.retreat-tile:hover .is-overlay {
  background-color: rgba(0, 79, 83, 0.9);
}
.retreat-tile .is-portrait {
  border-radius: 8px;
  overflow: hidden;
}
.retreat-tile .is-portrait:before {
  padding-top: 128%;
}
.retreat-tile .retreat-tags {
  position: absolute;
  top: 37px;
  left: 17px;
}
.retreat-tile .retreat-tags .tag {
  padding: 7px 20px;
  border-radius: 20px;
  background-color: rgba(249, 248, 245, 0.85);
  color: #262626;
  font-size: 16px;
}
.retreat-tile .retreat-tags .tag.sold-out {
  background-color: #dc6e46;
}
.retreat-tile .content {
  padding: 37px 17px;
}
.retreat-tile .content h4 {
  font-family: "Value Serif", sans-serif;
  font-size: 29px;
  margin-bottom: 0;
}
.retreat-tile .content ul {
  margin: 20px 0;
  padding: 0;
  list-style: none;
}
.retreat-tile .content .tile-link {
  font-weight: 400;
  color: #f9f8f5;
  transition: all 400ms ease;
}
.retreat-tile .content .tile-link > span {
  border-bottom: 1px solid #eba131;
}
.retreat-tile .content .tile-link:hover {
  color: #eba131;
}
@media (min-width: 1280px) {
  .retreat-tile .content {
    font-size: 18px;
  }
  .retreat-tile .content h4 {
    font-size: 36px;
  }
  .retreat-tile .content .tile-link {
    font-size: 16px;
  }
}
.slideshow .swiper-slide img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slideshow .swiper-pagination-bullets {
  display: flex;
  left: 13px;
  bottom: 0;
  width: calc(100% - 26px);
}
.slideshow .swiper-pagination-bullets .swiper-pagination-bullet {
  flex: 1;
  max-width: 90px;
  border-radius: 0;
  padding: 17px 0;
  background: none;
  transition: all 400ms ease;
}
.slideshow .swiper-pagination-bullets .swiper-pagination-bullet:after {
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  top: calc(50% - 1px);
  left: 0;
  background-color: #fff;
  transition: all 400ms ease;
}
.slideshow .swiper-pagination-bullets .swiper-pagination-bullet:hover {
  opacity: 1;
}
.slideshow .swiper-pagination-bullets .swiper-pagination-bullet:hover:after {
  background-color: #eba131;
}
.upcoming-dates-wrapper {
  position: relative;
  padding-top: 165px;
  background-color: #f9f8f5;
  z-index: 1;
}
@media (min-width: 1024px) {
  .upcoming-dates-wrapper {
    padding-top: 235px;
  }
}
@media (min-width: 1280px) {
  .upcoming-dates-wrapper {
    padding-top: 245px;
  }
}
.upcoming-dates-wrapper .top-content h1 {
  font-size: 33px;
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .upcoming-dates-wrapper .top-content h1 {
    font-size: 50px;
  }
}
@media (min-width: 1280px) {
  .upcoming-dates-wrapper .top-content h1 {
    font-size: 55px;
  }
}
@media (min-width: 1800px) {
  .upcoming-dates-wrapper .top-content h1 {
    font-size: 60px;
  }
}
.upcoming-dates-wrapper .top-content .filters {
  padding-bottom: 0px !important;
}
@media (min-width: 1024px) {
  .upcoming-dates-wrapper .top-content .filters {
    padding-bottom: 25px !important;
  }
}
@media (min-width: 1280px) {
  .upcoming-dates-wrapper .top-content .filters {
    padding-bottom: 5px !important;
  }
}
.upcoming-dates-wrapper .top-content .filters select {
  -webkit-appearance: none;
  /* Disable iOS native styling */
  -moz-appearance: none;
  appearance: none;
  padding: 10px 16px;
  padding-left: 0;
  width: calc(50% - 15px);
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #eba131;
  color: #262626;
  outline: 0;
  font-size: 17px;
  border-radius: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8' viewBox='0 0 17.464 9.426'%3E%3Cpath d='M0,0,7.848,7.917,15.7,0M7.848,6.6m0,1.32V6.6' transform='translate(0.884 0.884)' fill='none' stroke='%23252525' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='8' stroke-width='1.25'/%3E%3C/svg%3E");
  background-size: 16px 8px;
  background-repeat: no-repeat;
  background-position: right 0px center;
}
.upcoming-dates-wrapper .top-content .filters select::placeholder {
  opacity: 1;
  color: #468282;
}
@media (min-width: 1024px) {
  .upcoming-dates-wrapper .top-content .filters select {
    width: 220px;
  }
}
.upcoming-dates-wrapper .results .retreat-tile {
  margin-top: 90px;
}
@media (min-width: 1024px) {
  .upcoming-dates-wrapper .results .retreat-tile {
    margin-top: 60px;
  }
}
@media (min-width: 1280px) {
  .upcoming-dates-wrapper .results .retreat-tile {
    margin-top: 85px;
  }
}
.upcoming-dates-wrapper .results .waiting-list > div {
  background-color: #004f53;
}
.upcoming-dates-wrapper .results .waiting-list > div .content {
  margin: 0 auto;
  max-width: 400px;
  padding: 37px 20px;
}
.upcoming-dates-wrapper .results .waiting-list > div h4 {
  font-family: "Value Serif", sans-serif;
  font-size: 28px;
  margin-bottom: 20px;
}
.upcoming-dates-wrapper .results .waiting-list > div a {
  font-weight: 400;
  color: #f9f8f5;
  text-decoration-color: #eba131;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
.upcoming-dates-wrapper .results .waiting-list > div a:hover {
  color: #eba131;
}
@media (min-width: 1024px) {
  .upcoming-dates-wrapper .results {
    margin-left: -22px;
    margin-right: -22px;
  }
  .upcoming-dates-wrapper .results .retreat-tile {
    width: 33.33333%;
    padding-left: 22px;
    padding-right: 22px;
  }
}
@media (min-width: 1280px) {
  .upcoming-dates-wrapper .results {
    margin-left: -32px;
    margin-right: -32px;
  }
  .upcoming-dates-wrapper .results .retreat-tile {
    width: 33.33333%;
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media (min-width: 1800px) {
  .upcoming-dates-wrapper .results .retreat-tile {
    width: 25%;
  }
}
.upcoming-dates-wrapper .bottom-content {
  text-align: center;
}
.upcoming-dates-wrapper .bottom-content .button {
  width: 100%;
  margin-top: 30px;
}
@media (min-width: 1024px) {
  .upcoming-dates-wrapper .bottom-content {
    text-align: left;
  }
  .upcoming-dates-wrapper .bottom-content h2 {
    font-size: 42px;
  }
  .upcoming-dates-wrapper .bottom-content .button {
    text-align: center;
    width: auto;
    min-width: 280px;
  }
}
@media (min-width: 1800px) {
  .upcoming-dates-wrapper .bottom-content h2 {
    font-size: 46px;
  }
}
.cs-content-component {
  padding-top: 85px;
}
.cs-content-component > .container {
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1280px) {
  .cs-content-component {
    font-size: 19px;
    padding-top: 110px;
  }
}
.cs-content-component h3 {
  font-size: 21px;
  font-weight: 500;
  font-family: "Value Serif", sans-serif;
}
@media (min-width: 1280px) {
  .cs-content-component h3 {
    font-size: 25px;
  }
}
.cs-content-component .text-big {
  font-size: 21px;
  font-family: "Value Serif", sans-serif;
  margin-top: -20px;
  margin-bottom: 30px;
}
@media (min-width: 1280px) {
  .cs-content-component .text-big {
    font-size: 25px;
  }
}
.cs-content-component blockquote {
  font-family: "Value Serif", sans-serif;
  font-size: 26px;
  padding-top: 55px;
  padding-bottom: 75px;
}
@media (min-width: 1280px) {
  .cs-content-component blockquote {
    font-size: 42px;
    padding-top: 65px;
    padding-bottom: 85px;
  }
}
.cs-image-component {
  padding-top: 85px;
}
@media (min-width: 1280px) {
  .cs-image-component {
    padding-top: 110px;
  }
}
.cs-image-component .is-landscape {
  margin-left: -17px;
  width: calc(100% + 34px);
}
@media (min-width: 1024px) {
  .cs-image-component .is-landscape {
    margin-left: 0;
    width: 100%;
  }
}
.cs-image-component .is-landscape:before {
  padding-top: 66.66%;
}
.cs-introduction-component h1 {
  font-size: 33px;
}
@media (min-width: 1024px) {
  .cs-introduction-component h1 {
    font-size: 48px;
  }
}
@media (min-width: 1280px) {
  .cs-introduction-component h1 {
    font-size: 60px;
    margin-bottom: 40px;
  }
}
.cs-introduction-component p {
  font-size: 20px;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1024px) {
  .cs-introduction-component p {
    font-size: 26px;
  }
}
@media (min-width: 1280px) {
  .cs-introduction-component p {
    font-size: 33px;
  }
}
.sg-book-button-component {
  position: relative;
  background-color: #f9f8f5;
}
.sg-book-button-component .top-content {
  font-size: 20px;
  padding-bottom: 35px;
}
.sg-book-button-component .top-content h2 {
  margin: 40px 0;
  font-size: 33px;
}
@media (min-width: 1024px) {
  .sg-book-button-component .top-content {
    text-align: center;
    font-size: 30px;
  }
  .sg-book-button-component .top-content h2 {
    font-size: 50px;
  }
}
.single-retreat-book-button .button {
  width: 100%;
  text-align: center;
}
@media (min-width: 1024px) {
  .single-retreat-book-button {
    text-align: center;
  }
  .single-retreat-book-button .button {
    width: auto;
    min-width: 280px;
  }
}
.sg-content-component > div.bg-light-beige {
  background-color: #f7f6f1;
}
.sg-content-component > div.bg-beige {
  background-color: #efede1;
}
.sg-content-component > div.bg-dark-beige {
  background-color: #d8d2c7;
}
.sg-content-component > div.bg-orange {
  background-color: #c84d37;
  color: #fff;
}
.sg-content-component > div.bg-yellow {
  background-color: #eba131;
  color: #fff;
}
.sg-content-component .is-flex .image {
  display: none;
  width: 100%;
}
@media (min-width: 1024px) {
  .sg-content-component .is-flex .image {
    display: block;
    width: 40%;
  }
}
.sg-content-component .is-flex .content {
  width: 100%;
}
@media (min-width: 1024px) {
  .sg-content-component .is-flex .content {
    width: 60%;
    padding-left: 60px;
  }
}
.sg-content-component .bg-beige .text-big {
  margin-bottom: 10px;
}
.sg-content-component ul {
  padding-left: 15px;
}
.sg-content-component ul li {
  margin: 5px 0;
}
.sg-facilitators-component {
  position: relative;
  background-color: #004f53;
  color: #f9f8f5;
}
.sg-facilitators-component .top-content {
  font-size: 20px;
}
.sg-facilitators-component .top-content h2 {
  font-size: 40px;
}
@media (min-width: 1024px) {
  .sg-facilitators-component .top-content {
    font-size: 30px;
    text-align: center;
  }
  .sg-facilitators-component .top-content h2 {
    font-size: 50px;
  }
}
.sg-facilitators-component .facilitators {
  padding-top: 10px;
  margin-left: -20px;
  margin-right: -20px;
}
.sg-facilitators-component .facilitators > div {
  margin-top: 65px;
  width: 100%;
  padding: 20px;
}
.sg-facilitators-component .facilitators > div .is-square {
  margin-bottom: 40px;
  border-radius: 8px;
  overflow: hidden;
}
.sg-facilitators-component .facilitators > div h4 {
  font-family: "Value Serif", sans-serif;
  font-size: 28px;
  margin-bottom: 0;
}
.sg-facilitators-component .facilitators > div p {
  font-size: 28px;
}
@media (min-width: 1024px) {
  .sg-facilitators-component .facilitators {
    padding-top: 60px;
  }
  .sg-facilitators-component .facilitators > div {
    width: 330px;
    text-align: center;
  }
}
@media (min-width: 1280px) {
  .sg-facilitators-component .facilitators {
    margin-left: -45px;
    margin-right: -45px;
  }
  .sg-facilitators-component .facilitators > div {
    padding-left: 45px;
    padding-right: 45px;
    width: 450px;
  }
}
.sg-facilitators-component .cta {
  padding-top: 80px;
}
@media (min-width: 1024px) {
  .sg-facilitators-component .cta {
    padding-top: 125px;
    text-align: center;
  }
}
.sg-facilitators-component .cta .button {
  width: 100%;
  text-align: center;
}
@media (min-width: 1024px) {
  .sg-facilitators-component .cta .button {
    width: auto;
    min-width: 280px;
  }
}
.sg-how-to-book-component {
  background-color: #f9f8f5;
  position: relative;
}
.sg-how-to-book-component h2 {
  font-size: 40px;
}
@media (min-width: 1024px) {
  .sg-how-to-book-component h2 {
    font-size: 50px;
  }
}
.sg-how-to-book-component .steps {
  padding-top: 80px;
}
.sg-how-to-book-component .steps .step {
  position: relative;
  padding-bottom: 60px;
}
.sg-how-to-book-component .steps .step:before {
  content: "";
  height: calc(100% - 80px);
  width: 1px;
  background-color: #eba131;
  position: absolute;
  left: 16px;
  top: 55px;
}
.sg-how-to-book-component .steps .step:after {
  content: "";
  width: 16px;
  height: 8px;
  background-image: url("/wp-content/themes/alalaho/assets/images/dropdown-yellow.svg");
  background-size: contain;
  position: absolute;
  left: 8.5px;
  top: calc(50% + 10px);
}
.sg-how-to-book-component .steps .step:last-child:before, .sg-how-to-book-component .steps .step:last-child:after {
  display: none;
}
.sg-how-to-book-component .steps .step .icon {
  width: 34px;
  height: 34px;
}
.sg-how-to-book-component .steps .step .content-text {
  width: calc(100% - 34px);
  padding-left: 30px;
}
.sg-how-to-book-component .steps .step .content-text h3 {
  font-family: "Haffer", sans-serif;
  margin-bottom: 15px;
}
@media (min-width: 1024px) {
  .sg-how-to-book-component .steps .step .content-text {
    padding-left: 50px;
  }
}
@media (min-width: 1024px) {
  .sg-how-to-book-component .steps {
    padding-top: 130px;
  }
  .sg-how-to-book-component .steps .step .content-text {
    font-size: 19px;
  }
  .sg-how-to-book-component .steps .step .content-text h3 {
    font-size: 33px;
  }
}
.sg-how-to-book-component .bottom-content .button {
  margin-top: 55px;
  width: 100%;
  text-align: center;
}
@media (min-width: 1024px) {
  .sg-how-to-book-component .bottom-content {
    text-align: center;
  }
  .sg-how-to-book-component .bottom-content .button {
    width: auto;
    min-width: 280px;
  }
}
.sg-how-to-book-component .cta {
  padding-top: 80px;
}
.sg-how-to-book-component .cta .button {
  width: 100%;
  text-align: center;
}
@media (min-width: 1024px) {
  .sg-how-to-book-component .cta {
    text-align: center;
    padding-top: 135px;
  }
  .sg-how-to-book-component .cta .button {
    width: auto;
    min-width: 280px;
  }
}
.sg-journey-component .top-content {
  font-size: 20px;
}
.sg-journey-component .top-content h2 {
  font-size: 40px;
  margin-bottom: 60px;
}
@media (min-width: 1024px) {
  .sg-journey-component .top-content {
    text-align: center;
    font-size: 30px;
  }
  .sg-journey-component .top-content h2 {
    font-size: 54px;
    margin-bottom: 30px;
  }
}
.sg-journey-component .mobile-steps-nav {
  position: relative;
  padding: 0 25px;
  padding-top: 80px;
}
.sg-journey-component .mobile-steps-nav:before {
  content: "";
  width: calc(100% - 50px);
  height: 1px;
  background-color: #eba131;
  position: absolute;
  left: 25px;
  bottom: 5px;
  z-index: 0;
}
.sg-journey-component .mobile-steps-nav button {
  width: 10px;
  height: 10px;
  padding: 0;
  outline: 0;
  background-color: #f9f8f5;
  border: 1px solid #eba131;
  border-radius: 50%;
  z-index: 1;
  cursor: pointer;
}
.sg-journey-component .mobile-steps-nav button.active {
  background-color: #eba131;
}
@media (min-width: 1024px) {
  .sg-journey-component .mobile-steps-nav {
    display: none;
  }
}
.sg-journey-component .steps-mobile {
  padding-top: 60px;
}
@media (min-width: 1024px) {
  .sg-journey-component .steps-mobile {
    display: none;
  }
}
.sg-journey-component .dropdowns .dropdown {
  border-color: #eba131;
}
.sg-journey-component .dropdowns .dropdown:first-child {
  border-top: none;
}
.sg-journey-component .dropdowns .dropdown .title {
  font-family: "Value Serif", sans-serif;
  padding-left: 0;
}
.sg-journey-component .dropdowns .dropdown .content > div {
  padding-left: 0;
}
.sg-journey-component .dropdowns .dropdown .content > div h5 {
  font-family: "Haffer", sans-serif;
  font-size: 20px;
}
.sg-journey-component .dropdowns .dropdown .content > div ul {
  padding: 0;
  text-align: left;
}
.sg-journey-component .dropdowns .dropdown .content > div ul li {
  position: relative;
  padding-left: 30px;
  display: inline-block;
  width: 100%;
  list-style: none;
  font-size: 16px;
  margin: 3px 0;
}
.sg-journey-component .dropdowns .dropdown .content > div ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 5px;
  height: 5px;
  background-color: #eba131;
  border-radius: 50%;
}
.sg-journey-component .dropdowns .dropdown .dropdown-icon {
  color: #eba131;
}
.sg-journey-component .steps-desktop {
  display: none;
}
@media (min-width: 1024px) {
  .sg-journey-component .steps-desktop {
    display: block;
  }
}
.sg-journey-component .steps-desktop .steps-nav {
  position: relative;
  padding: 135px 0;
}
.sg-journey-component .steps-desktop .steps-nav:before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #eba131;
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 0;
}
.sg-journey-component .steps-desktop .steps-nav button {
  outline: 0;
  background-color: #f9f8f5;
  border: 1px solid #eba131;
  padding: 15px 45px;
  font-size: 20px;
  font-family: "Value Serif", sans-serif;
  font-weight: 400;
  border-radius: 45px;
  cursor: pointer;
  z-index: 1;
}
.sg-journey-component .steps-desktop .steps-nav button:hover, .sg-journey-component .steps-desktop .steps-nav button.active {
  background-color: #eba131;
}
.sg-journey-component .steps-desktop .swiper .swiper-wrapper .swiper-slide {
  position: relative;
}
.sg-journey-component .steps-desktop .swiper .swiper-wrapper .swiper-slide .image {
  width: calc(50% - 35px);
}
.sg-journey-component .steps-desktop .swiper .swiper-wrapper .swiper-slide .content {
  width: calc(50% - 35px);
}
.sg-journey-component .steps-desktop .swiper .swiper-wrapper .swiper-slide .content h5 {
  font-family: "Haffer", sans-serif;
  font-size: 30px;
}
.sg-journey-component .steps-desktop .swiper .swiper-wrapper .swiper-slide .content ul {
  padding: 0;
  text-align: left;
}
.sg-journey-component .steps-desktop .swiper .swiper-wrapper .swiper-slide .content ul li {
  position: relative;
  padding-left: 30px;
  padding-top: 18px;
  padding-bottom: 18px;
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #eba131;
  list-style: none;
  font-size: 21px;
}
.sg-journey-component .steps-desktop .swiper .swiper-wrapper .swiper-slide .content ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 27px;
  width: 5px;
  height: 5px;
  background-color: #eba131;
  border-radius: 50%;
}
.sg-journey-component .steps-desktop .swiper .swiper-wrapper .swiper-slide .content ul li:last-child {
  border-bottom: 0;
}
.sg-location-component {
  position: relative;
  background-color: #f9f8f5;
}
.sg-location-component .content {
  width: 100%;
  padding: 90px 17px;
  padding-bottom: 135px;
}
@media (min-width: 1024px) {
  .sg-location-component .content {
    width: 50%;
    padding-left: 70px;
    padding-right: 70px;
    font-size: 18px;
  }
}
@media (min-width: 1280px) {
  .sg-location-component .content {
    padding: 185px 135px;
  }
}
@media (min-width: 1800px) {
  .sg-location-component .content {
    padding-left: 250px;
    padding-right: 250px;
  }
}
.sg-location-component .content h6 {
  font-size: 15px;
  margin-bottom: 30px;
}
@media (min-width: 1024px) {
  .sg-location-component .content h6 {
    font-size: 18px;
  }
}
.sg-location-component .content h2 {
  font-size: 33px;
  margin-bottom: 30px;
}
@media (min-width: 1024px) {
  .sg-location-component .content h2 {
    font-size: 45px;
  }
}
.sg-location-component .map {
  width: 100%;
}
@media (min-width: 1024px) {
  .sg-location-component .map {
    width: 50%;
  }
}
.sg-quote-component {
  font-size: 30px;
  letter-spacing: 1.4px;
}
.sg-quote-component > div.bg-light-beige {
  background-color: #f7f6f1;
}
.sg-quote-component > div.bg-beige {
  background-color: #efede1;
}
.sg-quote-component > div.bg-dark-beige {
  background-color: #d8d2c7;
}
.sg-quote-component > div.bg-orange {
  background-color: #C84D37;
  color: #fff;
}
.sg-quote-component > div.bg-yellow {
  background-color: #eba131;
  color: #fff;
}
.sg-rooms-component {
  position: relative;
  background-color: #eee9e2;
}
.sg-rooms-component .top-content {
  font-size: 20px;
}
.sg-rooms-component .top-content h2 {
  font-size: 40px;
}
@media (min-width: 1024px) {
  .sg-rooms-component .top-content {
    text-align: center;
    font-size: 30px;
  }
  .sg-rooms-component .top-content h2 {
    font-size: 54px;
  }
}
.sg-rooms-component .room-icons {
  padding-top: 70px;
  margin-left: -5px;
  margin-right: -5px;
}
.sg-rooms-component .room-icons .room-icon {
  display: flex;
  align-items: center;
  padding: 5px 10px;
  border: 1px solid #eba131;
  border-radius: 30px;
  font-size: 14px;
  margin: 5px;
}
@media (min-width: 1024px) {
  .sg-rooms-component .room-icons .room-icon {
    font-size: 16px;
  }
}
.sg-rooms-component .room-icons .room-icon .icon {
  width: 16px;
  height: 16px;
  margin-right: 10px;
}
@media (min-width: 1024px) {
  .sg-rooms-component .room-icons {
    justify-content: center;
  }
}
.sg-rooms-component .swiper {
  padding-top: 70px;
  padding-left: 17px;
  padding-right: 17px;
}
@media (min-width: 1024px) {
  .sg-rooms-component .swiper {
    padding-top: 90px;
    padding-left: 34px;
    padding-right: 34px;
  }
}
@media (min-width: 1280px) {
  .sg-rooms-component .swiper {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.sg-rooms-component .swiper .swiper-slide {
  background-color: #f9f8f5;
  border-radius: 15px;
  height: auto;
  overflow: hidden;
}
.sg-rooms-component .swiper .swiper-slide .is-landscape:before {
  padding-top: 66%;
}
.sg-rooms-component .swiper .swiper-slide .content {
  padding: 30px 17px;
}
.sg-rooms-component .swiper .swiper-slide .content h4 {
  font-family: "Value Serif", sans-serif;
  font-size: 28px;
}
.sg-rooms-component .swiper .swiper-slide .content ul {
  list-style: none;
  padding-left: 0;
}
.sg-rooms-component .bottom-content {
  padding-top: 70px;
  font-size: 18px;
}
@media (min-width: 1024px) {
  .sg-rooms-component .bottom-content {
    padding-top: 95px;
    text-align: center;
    font-size: 20px;
  }
}
.sg-testimonial-component {
  position: relative;
  background-color: #f9f8f5;
}
@media (min-width: 1024px) {
  .sg-testimonial-component > div {
    text-align: center;
  }
  .sg-testimonial-component > div blockquote cite {
    font-size: 17px;
    margin-top: 30px;
  }
}
@media (min-width: 1280px) {
  .sg-testimonial-component > div blockquote cite {
    font-size: 18px;
  }
}
@media (min-width: 1280px) {
  .sg-testimonial-component > div > .container {
    max-width: 1020px;
  }
}
.single-retreat-banner {
  position: sticky;
  left: 0;
  top: 0;
  z-index: 1;
}
.single-retreat-banner .swiper-slide img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.single-retreat-banner .swiper-pagination-bullets {
  display: flex;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 5;
  padding-left: 15px;
}
@media (min-width: 768px) {
  .single-retreat-banner .swiper-pagination-bullets {
    padding-left: 35px;
  }
}
@media (min-width: 1280px) {
  .single-retreat-banner .swiper-pagination-bullets {
    padding-left: 50px;
  }
}
@media (min-width: 1800px) {
  .single-retreat-banner .swiper-pagination-bullets {
    padding-left: 60px;
  }
}
.single-retreat-banner .swiper-pagination-bullets .swiper-pagination-bullet {
  flex: 1;
  max-width: 90px;
  border-radius: 0;
  padding: 18px 0;
  background: none;
  transition: all 400ms ease;
}
.single-retreat-banner .swiper-pagination-bullets .swiper-pagination-bullet:after {
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  top: calc(50% - 1px);
  left: 0;
  background-color: #fff;
  transition: all 400ms ease;
}
.single-retreat-banner .swiper-pagination-bullets .swiper-pagination-bullet:hover {
  opacity: 1;
}
.single-retreat-banner .swiper-pagination-bullets .swiper-pagination-bullet:hover:after {
  background-color: #eba131;
}
.single-retreat-banner .banner-content {
  z-index: 1;
  left: 0;
  top: 0;
  color: #f9f8f5;
}
.single-retreat-banner .banner-content > div {
  width: 100%;
  padding-left: 17px;
  padding-right: 17px;
  padding-bottom: 70px;
}
@media (min-width: 1024px) {
  .single-retreat-banner .banner-content > div {
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 100px;
  }
}
.single-retreat-banner .banner-content > div h1 {
  font-size: 41px;
}
@media (min-width: 1024px) {
  .single-retreat-banner .banner-content > div h1 {
    font-size: 58px;
  }
}
@media (min-width: 1280px) {
  .single-retreat-banner .banner-content > div h1 {
    font-size: 65px;
  }
}
.single-retreat-banner .banner-content > div .icon-list {
  padding-bottom: 20px;
}
@media (min-width: 1024px) {
  .single-retreat-banner .banner-content > div .icon-list {
    font-size: 18px;
    padding-bottom: 40px;
  }
}
@media (min-width: 1280px) {
  .single-retreat-banner .banner-content > div .icon-list {
    font-size: 19px;
  }
}
.single-retreat-banner .banner-content > div .icon-list > div {
  display: flex;
  align-items: center;
}
.single-retreat-banner .banner-content > div .icon-list > div svg {
  width: 13px;
}
.single-retreat-banner .banner-content > div .icon-list > div svg * {
  fill: #eba131;
}
.single-retreat-banner .banner-content > div .icon-list > div span {
  margin-left: 10px;
}
.single-retreat-banner .banner-content > div .banner-bottom .tags {
  padding-bottom: 20px;
}
.single-retreat-banner .banner-content > div .banner-bottom .tags .tag {
  border: 1px solid #eba131;
  padding: 5px 20px;
  border-radius: 20px;
  margin: 5px;
}
.single-retreat-banner .banner-content > div .banner-bottom .button {
  margin-top: 30px;
  width: 100%;
  text-align: center;
}
.single-retreat-banner .banner-content > div .banner-bottom > div {
  width: 100%;
}
@media (min-width: 1024px) {
  .single-retreat-banner .banner-content > div .banner-bottom > div.tags {
    width: calc(100% - 230px);
    padding-bottom: 0;
  }
  .single-retreat-banner .banner-content > div .banner-bottom > div.cta {
    width: 230px;
  }
  .single-retreat-banner .banner-content > div .banner-bottom > div.cta .button {
    margin-top: 0;
  }
}
@media (min-width: 1280px) {
  .single-retreat-banner .banner-content > div .banner-bottom > div.tags {
    width: calc(100% - 280px);
  }
  .single-retreat-banner .banner-content > div .banner-bottom > div.cta {
    width: 280px;
  }
}
.sg-welcome-section-component {
  position: relative;
  background-color: #004f53;
  color: #f9f8f5;
}
@media (min-width: 1024px) {
  .sg-welcome-section-component .top-content {
    text-align: center;
  }
}
.sg-welcome-section-component .middle-content {
  padding: 85px 0;
}
.sg-welcome-section-component .middle-content .image {
  width: 100%;
}
.sg-welcome-section-component .middle-content .content {
  padding-top: 60px;
  width: 100%;
}
@media (min-width: 1024px) {
  .sg-welcome-section-component .middle-content {
    padding: 170px 0;
  }
  .sg-welcome-section-component .middle-content .image {
    width: calc(50% - 35px);
  }
  .sg-welcome-section-component .middle-content .content {
    width: calc(50% - 35px);
    padding-top: 0;
  }
}
@media (min-width: 1024px) {
  .sg-welcome-section-component .bottom-content {
    text-align: center;
  }
}
.sg-whats-included-component {
  position: relative;
  padding-bottom: 50px;
  background-color: #eee9e2;
}
.sg-whats-included-component .content {
  width: 100%;
  padding: 85px 17px;
}
.sg-whats-included-component .content h6 {
  font-size: 15px;
}
@media (min-width: 1024px) {
  .sg-whats-included-component .content h6 {
    font-size: 16px;
  }
}
.sg-whats-included-component .content ul {
  padding: 0;
}
.sg-whats-included-component .content ul li {
  display: block;
  position: relative;
  padding-left: 25px;
  padding-top: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #eba131;
  list-style: none;
  font-size: 20px;
  font-family: "Value Serif", sans-serif;
}
.sg-whats-included-component .content ul li:before {
  content: "";
  font-size: 23px;
  position: absolute;
  left: 0;
  top: 24px;
  width: 5px;
  height: 5px;
  background-color: #eba131;
  border-radius: 50%;
}
.sg-whats-included-component .content ul li:last-child {
  border-bottom: 0;
}
.sg-whats-included-component .content .retreat-cost {
  font-family: "Value Serif", sans-serif;
  font-size: 20px;
  padding-bottom: 45px;
}
.sg-whats-included-component .content .foot-note {
  font-size: 16px;
}
@media (min-width: 1024px) {
  .sg-whats-included-component {
    padding-bottom: 0;
  }
  .sg-whats-included-component .image {
    width: 50%;
  }
  .sg-whats-included-component .content {
    width: 50%;
    padding-left: 32px;
    padding-right: 32px;
    font-size: 18px;
  }
  .sg-whats-included-component .content ul li {
    font-size: 18px;
  }
  .sg-whats-included-component .retreat-cost {
    font-size: 18px;
  }
}
@media (min-width: 1280px) {
  .sg-whats-included-component .content {
    padding-left: 110px;
    padding-right: 110px;
  }
  .sg-whats-included-component .content ul li {
    font-size: 20px;
  }
  .sg-whats-included-component .content .retreat-cost {
    font-size: 20px;
  }
}
@media (min-width: 1800px) {
  .sg-whats-included-component .content {
    padding-left: 250px;
    padding-right: 250px;
  }
}
.sg-what-to-pack-component {
  position: relative;
  background-color: #f9f8f5;
}
.sg-what-to-pack-component .image {
  padding: 0 17px;
  width: 100%;
}
.sg-what-to-pack-component .content {
  padding-bottom: 60px;
  width: 100%;
  text-align: center;
}
.sg-what-to-pack-component .content h3 {
  font-family: "Haffer", sans-serif;
  font-size: 28px;
  font-weight: 400;
}
.sg-what-to-pack-component .content div {
  font-family: "Value Serif", sans-serif;
  font-size: 40px;
  line-height: 1.4;
}
@media (min-width: 1024px) {
  .sg-what-to-pack-component .image {
    width: calc(50% - 35px);
  }
  .sg-what-to-pack-component .content {
    width: calc(50% - 35px);
    padding: 0;
    text-align: left;
  }
  .sg-what-to-pack-component .content h3 {
    font-size: 35px;
  }
  .sg-what-to-pack-component .content div {
    font-size: 50px;
  }
}
@media (min-width: 1280px) {
  .sg-what-to-pack-component .image {
    width: calc(50% - 80px);
  }
  .sg-what-to-pack-component .content {
    width: calc(50% - 80px);
  }
}
.customer-story-wrapper {
  position: relative;
  background-color: #f9f8f5;
  padding: 175px 0;
  padding-bottom: 0;
  z-index: 1;
}
@media (min-width: 1280px) {
  .customer-story-wrapper {
    padding-top: 215px;
  }
}
.customer-story-wrapper .media-component {
  margin-top: 80px;
}
@media (min-width: 1280px) {
  .customer-story-wrapper .media-component {
    margin-top: 100px;
  }
}
.customer-story-wrapper .simple-content-component {
  margin-top: 160px;
  padding: 0 !important;
}
@media (min-width: 1280px) {
  .customer-story-wrapper .simple-content-component {
    margin-top: 250px;
  }
}
.customer-story-wrapper .simple-content-component .content {
  border-top: 1px solid #eba131;
  text-align: center;
  padding-top: 160px;
  padding-bottom: 160px;
}
@media (min-width: 1280px) {
  .customer-story-wrapper .simple-content-component .content {
    padding-top: 210px;
    padding-bottom: 225px;
  }
}
.single-retreat .content-scroll-component {
  background-color: #f9f8f5;
}
@media (min-width: 1024px) {
  .single-retreat .content-scroll-component .top-content h2 {
    margin-bottom: 40px;
  }
}
.single-retreat .content-scroll-component .bottom-content {
  text-align: left;
}
@media (min-width: 1024px) {
  .single-retreat .content-scroll-component .bottom-content {
    text-align: center;
  }
}
.single-retreat .content-scroll-component .single-retreat-book-button {
  margin-top: 80px;
}
@incldue tlu() {
  .single-retreat .content-scroll-component .single-retreat-book-button {
    margin-top: 120px;
  }
}
.single-retreat .dropdown-slider-component {
  background-color: #dc6e46;
}
.single-retreat .dropdown-slider-component .dropdown {
  border-color: #f9f8f5;
}
.single-retreat .dropdown-slider-component .dropdown-icon {
  color: #f9f8f5;
}
/*
Theme Name: alalaho
Template: encore
*/
body {
  background-color: #F9F8F5;
  color: #252525;
  font-family: "Haffer", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.3;
  -webkit-font-smoothing: antialiased;
  /* Chrome, Safari */
  -moz-osx-font-smoothing: grayscale;
  /* Firefox on macOS */
}
body.scroll-lock .body-overlay {
  display: block;
}
@media (max-width: 767.98px) {
  body.home .content-scroll-component .image {
    padding: 0 20px;
  }
}
body.page-contact footer {
  position: static;
}
body.page-the-retreats .content-scroll-component .top-content {
  text-align: left;
}
@media (min-width: 1024px) {
  body.page-the-retreats .content-scroll-component .top-content {
    text-align: center;
  }
  body.page-the-retreats .content-scroll-component .top-content h2 {
    font-size: 50px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
  }
  body.page-the-retreats .content-scroll-component .top-content p {
    font-size: 24px;
  }
}
@media (min-width: 1280px) {
  body.page-the-retreats .content-scroll-component .top-content h2 {
    font-size: 55px;
  }
  body.page-the-retreats .content-scroll-component .top-content p {
    font-size: 27px;
  }
}
body.page-the-retreats .content-scroll-component .cs-slides .image {
  position: relative;
}
body.page-the-retreats .content-scroll-component .cs-slides .image:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
}
body.page-the-retreats .content-scroll-component .cs-slides .image > * {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
@media (min-width: 1024px) {
  body.page-the-retreats .testimonials-component .swiper-slide {
    text-align: center;
  }
  body.page-the-retreats .testimonials-component .swiper-slide .testimonial {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    font-size: 50px;
  }
  body.page-the-retreats .testimonials-component .swiper-slide .author {
    margin-top: 40px;
  }
}
@media (min-width: 1280px) {
  body.page-the-retreats .testimonials-component .swiper-slide .testimonial {
    font-size: 55px;
  }
}
body.page-the-retreats .simple-content-component.bg-white .content {
  text-align: center;
}
body.page-the-retreats .simple-content-component.bg-white h2, body.page-the-retreats .simple-content-component.bg-white h3 {
  display: inline;
}
@media (min-width: 1024px) {
  body.page-what-to-expect .image-content-component .top-content {
    text-align: center;
  }
}
@media (min-width: 1280px) {
  body.page-what-to-expect .image-content-component .top-content p {
    max-width: 800px;
    margin: 0 auto;
  }
}
body.page-what-to-expect .image-content-component .is-square:before {
  padding-top: 75%;
}
@media (min-width: 1024px) {
  body.page-what-to-expect .image-content-component .ic-row .content {
    font-size: 18px;
  }
}
@media (min-width: 1280px) {
  body.page-what-to-expect .image-content-component .ic-row .content {
    font-size: 21px;
  }
}
body.page-what-to-expect .schedule-component .controls {
  display: none;
}
@media (min-width: 1024px) {
  body.page-what-to-expect .schedule-component .controls {
    display: flex;
  }
  body.page-what-to-expect .schedule-component .top-content {
    text-align: center;
    font-size: 28px;
  }
  body.page-what-to-expect .schedule-component .top-content h2 {
    text-align: center;
    font-size: 50px;
    margin-bottom: 40px;
  }
}
@media (min-width: 1280px) {
  body.page-what-to-expect .schedule-component .top-content {
    font-size: 31px;
  }
  body.page-what-to-expect .schedule-component .top-content h2 {
    font-size: 55px;
  }
}
body.page-what-to-expect .faqs-component .top-content {
  font-size: 20px;
}
body.page-what-to-expect .faqs-component .top-content h2 {
  font-size: 33px;
}
@media (min-width: 1024px) {
  body.page-what-to-expect .faqs-component .top-content {
    font-size: 28px;
    padding-bottom: 35px;
  }
  body.page-what-to-expect .faqs-component .top-content h2 {
    font-size: 50px;
  }
}
@media (min-width: 1280px) {
  body.page-what-to-expect .faqs-component .top-content {
    font-size: 27px;
  }
  body.page-what-to-expect .faqs-component .top-content h2 {
    font-size: 55px;
  }
}
body.page-what-to-expect .testimonials-component {
  background-color: #eee9e2;
}
@media (min-width: 1024px) {
  body.page-what-to-expect .testimonials-component .swiper-slide {
    padding: 200px 34px;
  }
  body.page-what-to-expect .testimonials-component .swiper-slide .content {
    text-align: center;
  }
  body.page-what-to-expect .testimonials-component .swiper-slide .content .testimonial {
    margin: 0 auto;
    font-size: 50px;
    max-width: 100%;
  }
}
@media (min-width: 1280px) {
  body.page-what-to-expect .testimonials-component .swiper-slide {
    padding: 220px 34px;
  }
  body.page-what-to-expect .testimonials-component .swiper-slide .content .testimonial {
    margin: 0 auto;
    font-size: 55px;
    max-width: 1025px;
  }
}
@media (min-width: 1024px) {
  body.page-about .main-content-wrapper > section:nth-child(3) .ic-row .content {
    font-size: 23px;
  }
  body.page-about .main-content-wrapper > section:nth-child(3) .ic-row .content h2 {
    font-size: 50px;
  }
}
body.page-about .main-content-wrapper > section:nth-child(8) .is-square:before {
  padding-top: 75%;
}
body.page-about .main-content-wrapper > section:nth-child(8) .content h3 {
  font-size: 31px;
}
@media (min-width: 1024px) {
  body.page-about .main-content-wrapper > section:nth-child(8) .ic-row .content h3 {
    font-size: 31px;
    margin-bottom: 30px;
  }
}
@media (min-width: 1280px) {
  body.page-about .main-content-wrapper > section:nth-child(8) .ic-row .content h3 {
    font-size: 34px;
  }
}
@media (min-width: 1024px) {
  body.page-about .testimonials-component .swiper-slide {
    padding: 200px 34px;
  }
  body.page-about .testimonials-component .swiper-slide .content {
    text-align: center;
  }
  body.page-about .testimonials-component .swiper-slide .content .testimonial {
    margin: 0 auto;
    font-size: 50px;
    max-width: 100%;
  }
}
@media (min-width: 1280px) {
  body.page-about .testimonials-component .swiper-slide {
    padding: 220px 34px;
  }
  body.page-about .testimonials-component .swiper-slide .content .testimonial {
    margin: 0 auto;
    font-size: 55px;
    max-width: 1025px;
  }
}
body.tax-retreat-type .simple-content-component:last-child .content {
  text-align: center;
}
body.tax-retreat-type .simple-content-component:last-child h2, body.tax-retreat-type .simple-content-component:last-child h3 {
  display: inline;
}
body.tax-retreat-type .simple-content-component.bg-green .container {
  max-width: 860px;
}
@media (min-width: 1280px) {
  body.tax-retreat-type .simple-content-component.bg-green .container {
    max-width: 1020px;
  }
}
body.tax-retreat-type .content-scroll-component .top-content h2 {
  margin-bottom: 40px;
}
@media (min-width: 1024px) {
  body.tax-retreat-type .content-scroll-component .top-content h2 {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
  }
}
@media (min-width: 1024px) {
  body.tax-retreat-type .accommodations-component .top-content {
    text-align: center;
    font-size: 30px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
  }
  body.tax-retreat-type .accommodations-component .top-content h2 {
    font-size: 54px;
    margin-bottom: 40px;
  }
  body.tax-retreat-type .accommodations-component .slider-controls {
    padding-top: 95px;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
  }
  body.tax-retreat-type .accommodations-component .stay-top-content {
    font-size: 19px;
  }
  body.tax-retreat-type .accommodations-component .room-icons {
    justify-content: center;
  }
  body.tax-retreat-type .accommodations-component .accommodation > .swiper {
    padding-top: 90px !important;
  }
}
@media (min-width: 1024px) {
  body.tax-retreat-type .testimonials-component .swiper-slide {
    text-align: center;
  }
  body.tax-retreat-type .testimonials-component .swiper-slide .testimonial.text-small {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    font-size: 50px;
  }
  body.tax-retreat-type .testimonials-component .swiper-slide .author {
    margin-top: 40px;
  }
}
@media (min-width: 1280px) {
  body.tax-retreat-type .testimonials-component .swiper-slide .testimonial.text-small {
    margin-left: auto;
    margin-right: auto;
    font-size: 55px;
  }
}
@media (min-width: 1280px) {
  body.tax-retreat-type .testimonials-component .swiper-slide .testimonial.text-small {
    font-size: 55px;
  }
}
body.page-testimonials .simple-content-component .container {
  max-width: 1060px;
}
section {
  position: relative;
  z-index: 1;
}
.disable-top-padding {
  padding-top: 0 !important;
}
.main-banner {
  position: sticky;
  left: 0;
  top: 0;
}
.bg-white {
  position: relative;
  background-color: #f9f8f5;
}
.body-overlay {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 79, 83, 0.95);
  z-index: 120;
}
.container {
  padding-left: 17px;
  padding-right: 17px;
}
.container.is-wide {
  max-width: 1300px;
}
.container.is-wider {
  max-width: 1700px;
}
@media (min-width: 1024px) {
  .container {
    padding-left: 34px;
    padding-right: 34px;
  }
}
@media (min-width: 1280px) {
  .container {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (min-width: 1800px) {
  .container {
    padding-left: 60px;
    padding-right: 60px;
  }
}
.full-bleed {
  width: 100vw;
  margin-left: calc(50% - 50vw);
}
a {
  transition: all 400ms ease;
}
.button {
  display: inline-block;
  padding: 12px 20px;
  line-height: 24px !important;
  border-radius: 30px;
  text-decoration: none;
  cursor: pointer;
  background-color: #262626;
  color: #f9f8f5;
  border: 1px solid #262626;
  font-size: 16px;
  font-weight: 400;
  transition: all 400ms ease;
}
.button.is-contrast {
  color: #262626;
  background-color: #f9f8f5;
  border-color: #f9f8f5;
}
.button.is-outlined {
  border: 1px solid #252525;
  background-color: transparent;
  color: #262626;
}
.button.is-outlined.is-contrast {
  border-color: #EDE9E1;
  color: #f9f8f5;
}
.button:hover {
  border-color: #eba131 !important;
  background-color: #eba131;
  color: #262626 !important;
}
.button.disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.is-overlay {
  background-color: rgba(0, 0, 0, 0.37);
}
.fw-300 {
  font-weight: 300;
}
.fw-400 {
  font-weight: 400;
}
blockquote {
  margin: 0;
  padding: 0;
}
cite {
  margin-top: 14px;
  display: block;
  font-family: "Haffer", sans-serif;
  font-weight: 400;
  font-size: 16px;
  font-style: normal;
}
hr {
  margin: 0;
  border: 0;
  outline: 0;
  width: 100%;
  height: 1px;
  background-color: #eba131;
}
strong {
  font-weight: 500;
}
strong em, strong i {
  font-family: "Haffer Medium Italic";
  transform: skewX(-10deg);
  display: inline-block;
}
h1, h2 {
  font-family: "Value Serif", sans-serif;
  font-weight: 400;
}
h1 {
  font-size: 33px;
}
h2 {
  font-size: 30px;
}
h6 {
  font-family: "Haffer", sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
}
.format-links a:not(.button) {
  color: #262626;
  text-decoration-color: #eba131;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
.format-links a:not(.button):hover {
  color: #eba131;
}
.bg-green {
  background-color: #004f53;
  color: #eee9e2;
}
.bg-beige {
  background-color: #eee9e2;
}
.bg-orange {
  background-color: #dc6e46;
  color: #262626;
}
.modal {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal.display {
  opacity: 1;
  z-index: 140;
}
.modal-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background-color: #f9f8f5;
}
@media (min-width: 1024px) {
  .modal-container {
    max-width: 860px;
    border-radius: 4px;
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
  }
}
/*** Website UX Changes ***/
body {
  font-size: 16px !important;
  line-height: 24px !important;
}
@media (min-width: 1024px) {
  body {
    font-size: 18px !important;
    line-height: 28px !important;
  }
}
@media (min-width: 1280px) {
  body {
    font-size: 20px !important;
    line-height: 28px !important;
  }
}
h1 {
  font-family: "Value Serif", sans-serif;
  font-size: 32px !important;
  line-height: 40px !important;
}
@media (min-width: 1024px) {
  h1 {
    font-size: 48px !important;
    line-height: 64px !important;
  }
}
@media (min-width: 1280px) {
  h1 {
    font-size: 64px !important;
    line-height: 80px !important;
  }
}
h2 {
  font-family: "Value Serif", sans-serif;
  font-size: 28px !important;
  line-height: 36px !important;
}
@media (min-width: 1024px) {
  h2 {
    font-size: 40px !important;
    line-height: 56px !important;
  }
}
@media (min-width: 1280px) {
  h2 {
    font-size: 48px !important;
    line-height: 64px !important;
  }
}
h3 {
  font-family: "Value Serif", sans-serif;
  font-size: 20px !important;
  line-height: 32px !important;
}
@media (min-width: 1024px) {
  h3 {
    font-size: 24px !important;
    line-height: 40px !important;
  }
}
@media (min-width: 1280px) {
  h3 {
    font-size: 32px !important;
    line-height: 48px !important;
  }
}
blockquote, .simple-content-component h3 strong, .testimonial-big {
  font-size: 28px !important;
  line-height: 36px !important;
}
@media (min-width: 1024px) {
  blockquote, .simple-content-component h3 strong, .testimonial-big {
    font-size: 40px !important;
    line-height: 56px !important;
  }
}
@media (min-width: 1280px) {
  blockquote, .simple-content-component h3 strong, .testimonial-big {
    font-size: 48px !important;
    line-height: 64px !important;
  }
}
@media (min-width: 1280px) {
  .simple-content-component h3 strong {
    font-size: 64px !important;
    line-height: 80px !important;
  }
}
.testimonial-small {
  font-size: 20px !important;
  line-height: 32px !important;
}
@media (min-width: 1024px) {
  .testimonial-small {
    font-size: 24px !important;
    line-height: 40px !important;
  }
}
@media (min-width: 1280px) {
  .testimonial-small {
    font-size: 32px !important;
    line-height: 48px !important;
  }
}
.simple-content-component h3, .body-display, .xl-text {
  font-size: 28px !important;
  line-height: 36px !important;
}
@media (min-width: 1024px) {
  .simple-content-component h3, .body-display, .xl-text {
    font-size: 40px !important;
    line-height: 56px !important;
  }
}
@media (min-width: 1280px) {
  .simple-content-component h3, .body-display, .xl-text {
    font-size: 64px !important;
    line-height: 80px !important;
  }
}
body.page-what-to-expect .simple-content-component .content, .main-banner p, .body-large, .large-text {
  font-size: 20px !important;
  line-height: 28px !important;
}
@media (min-width: 1024px) {
  body.page-what-to-expect .simple-content-component .content, .main-banner p, .body-large, .large-text {
    font-size: 28px !important;
    line-height: 36px !important;
  }
}
@media (min-width: 1280px) {
  body.page-what-to-expect .simple-content-component .content, .main-banner p, .body-large, .large-text {
    font-size: 32px !important;
    line-height: 40px !important;
  }
}
.sg-rooms-component, .sg-journey-component, .section-padding {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}
@media (min-width: 1024px) {
  .sg-rooms-component, .sg-journey-component, .section-padding {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
}
@media (min-width: 1280px) {
  .sg-rooms-component, .sg-journey-component, .section-padding {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
  }
}
.section-padding-top {
  padding-top: 80px !important;
}
@media (min-width: 1024px) {
  .section-padding-top {
    padding-top: 120px !important;
  }
}
@media (min-width: 1280px) {
  .section-padding-top {
    padding-top: 200px !important;
  }
}
.section-padding-bottom {
  padding-bottom: 80px !important;
}
@media (min-width: 1024px) {
  .section-padding-bottom {
    padding-bottom: 120px !important;
  }
}
@media (min-width: 1280px) {
  .section-padding-bottom {
    padding-bottom: 200px !important;
  }
}
.subheading-padding {
  margin-bottom: 40px;
}
@media (min-width: 1024px) {
  .subheading-padding {
    margin-bottom: 56px;
  }
}
@media (min-width: 1280px) {
  .subheading-padding {
    margin-bottom: 64px;
  }
}
.hero-buttons {
  margin-top: 56px;
}
@media (min-width: 1024px) {
  .hero-buttons {
    margin-top: 72px;
  }
}
@media (min-width: 1280px) {
  .hero-buttons {
    margin-top: 80px;
  }
}