/* Define the Open Sans Variable Font */
@font-face {
    font-family: 'open sans';
    src: url('../ttf/opensans-variablefont_wdth%2cwght.ttf') format('truetype');
    font-weight: 100 900;  /* This means you can use any weight between 100 and 900 */
    font-stretch: 75% 100% 125%; /* This allows you to use variable widths (optional) */
    font-style: normal; /* Normal style */
    font-display: swap;
}

/* Define the Open Sans Italic Variable Font */
@font-face {
    font-family: 'open sans';
    src: url('../ttf/opensans-italic-variablefont_wdth%2cwght.ttf') format('truetype');
    font-weight: 100 900;  /* This means you can use any weight between 100 and 900 */
    font-stretch: 75% 100% 125%; /* Optional for width adjustments */
    font-style: italic; /* Italic style */
    font-display: swap;
}
:root {

    --home-logo-bar-position: relative;
    --open-button-home-position: absolute;

    --home-cool-dark-1: #0f6d70;
    --home-cool-med-1: cadetblue;
    --home-light-1: #fcf5eb;

    --home-warm-med: #f5908a;

    --lead-medium-color: cadetblue;
    --lead-medium-color-d10: rgb(85,148,150);
    --lead-medium-color-05: rgba(95,158,160,0.5);
    /*--lead-dark-color: #0f6d70;*/
    --lead-dark-color: #005151;
    --lead-dark-gray: #49566a;
    --lead-light-color: #fcf5eb;
    --lead-light-color-trans-08: rgba(252,245,235,0.8);
    --lead-light-color-trans-07: rgba(252,245,235,0.7);

    --lead-warm-color: #f5908a;
    --lead-warm-color-0-1: rgba(245,144,148,0.1);

    /* cadetblue transparent*/
    --lead-medium-color-tr: rgba(66, 133, 244, 0.2);
    --lead-medium-color-04: rgba(66, 133, 244, 0.45);    

    --main-font-color: #555;
    --main-title-color: #333;

    /* IMAGES */
    --ave-bhu: url(../jpg/brain_wave_modulation_20241210080830.jpg);
    --muse-med: url(../jpg/biofeedback_meditation_20241210083758.jpg);
    --nir-led: url(../jpg/near_infra_red_led_20241119113600.jpg);
    --bhu-tech: url(../jpg/brain_health_upgrade_tech_20241119114014.jpg);

    --home-wellbeing-video-image: url(../jpg/wellbeing-ss.jpg);
    --home-testimonial-video-image: url(../jpg/staying_at_samahita_retreat_20240828052938.jpg);
    --home-play-button-overlay: url(../png/play-button.png);
    --home-host-video-still: url(../jpg/tree_on_beach_retreat_20241011072321.jpg);
    --home-ycc-video-still: url(../jpg/beach_yoga_sala_ddog_20241004070349.jpg);
    --home-tsc-video-still: url(../jpg/wellness_retreat_at_samahita_20241022072103.jpg);
    --home-top-bg-image: url(../jpg/beach_sea_trees_pool_drone_view_20241008115539.jpg);
    --retreats-top-bg-image: url(../jpg/daphne_tse_yoga_on_beach_20241201123806.jpg);
    --home-cycle-class-image: url(../jpg/cycle_class_samahita_retreat_20241010063545.jpg);
    --home-wellness-image: url(../jpg/wellness_retreat_at_samahita_20241022072103.jpg);
    --home-tt-intro-image: url(../jpg/upward_facing_dog_yoga_training_20241201103538.jpg);
    --home-tt-200-image: url(../jpg/camel_pose_assist_20241215063716.jpg);
    --home-why-study-tt-image: url(../jpg/yoga_circle_teacher_training_20241218094518.jpg);

    --ycc-mini-box: url(../jpg/fitness_samahita_retreat_20240920093412.jpg);
    --cycle-mini-box: url(../jpg/_20241004084100.jpg);
    --ycc-yoga-image: url(../jpg/beach_sala_yoga_20240721134102.jpg);
    --ycc-breath-image: url(../jpg/breathing_20240826074208.jpg);
    --breath-mind-mini-box: url(../jpg/breath_meditation_retreats_20240920092351.jpg);
    --training-mini-box: url(../jpg/yoga_teacher_training_practice_20240920093721.jpg);

    --sr-icon-seafoam: url(https://samahita-media.ams3.cdn.digitaloceanspaces.com/media/uploads/sr-icon-seafoam.svg);
    --sm-logobar: url(../png/sm-logos-2.png);
    --fb-logo-tr: url(../png/facebook-tr.png);
    --ig-logo-tr: url(../png/instagram-tr.png);
    --yt-logo-tr: url(../png/youtube-tr.png);
    --pint-logo-tr: url(../png/pinterest-tr.png);
    --trip-logo-tr: url(../png/trip-advisor-tr.png);

    --read-icon: url(../png/article-icon.png);
    --watch-icon: url(../png/video-blog-icon.png);
    --insights-icon: url(../png/photo-blog-icon.png);
    --breath-icon: url(../png/post-icon.png);    

    /* breath body mind charity cvommunity mini img */
    --sustain-color-icon: url(../png/earth-sprout.png);
    --breath-color-icon: url(../png/lungs-pink.png);
    --body-color-icon: url(../png/warrior-2-fem.png);
    --mind-color-icon: url(../png/woman-brain.png);
    --charity-color-icon: url(../png/woman-charity-grey.png);
    --community-color-icon: url(../png/community_2.png);

    /* tt credentials*/
    --eryt: url(../jpg/tt-credentials-logos-5.jpg);
    --rys-300: url( ../jpg/tt-credentials-logos-4.jpg);
    --rys-200: url(../jpg/tt-credentials-logos-3.jpg);
    --senior-teacher: url( ../jpg/tt-credentials-logos-2.jpg);
    --rpys: url(../png/tt-credentials-logos-1.png);

}
.star-bullet-list {
  list-style: none;
  padding-left: 0;
  line-height: 2;
}
.star-bullet-list li{
  position: relative;
  padding: 3px 0px 3px 20px;
}
.star-bullet-list.links > li {
  cursor: pointer;
}
.star-bullet-list li::before {
    position: absolute;
    content: '✵';
    left: 0;
    top: 0;
    font-size: 20px;
    color: var(--lead-medium-color);
    line-height: 2;
}
/* facilities svgs */
.icon-img {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.kayak {
  background-image: url(https://samahita-media.ams3.cdn.digitaloceanspaces.com/media/svg/kayak.svg);
}
.beach-room {
  background-image: url(https://samahita-media.ams3.cdn.digitaloceanspaces.com/media/svg/beach-room-3.svg);
}
.salad-bowl {
  background-image: url(https://samahita-media.ams3.cdn.digitaloceanspaces.com/media/svg/green-salad-bowl.svg);
}
.sun-bed {
  background-image: url(https://samahita-media.ams3.cdn.digitaloceanspaces.com/media/svg/sun-bed.svg);
}
.samahita-link {
  color: var(--lead-medium-color);
  font-weight: bold;
  text-decoration: underline;
}
.samahita-link:hover {
  color: var(--lead-warm-color);
  text-decoration: underline;
}
.chat-container {
  flex-direction: column;
  height: 90%;
  padding: 20px;
  display: flex;
  font-size: 14px;
}
.chat-container > div > ul {
  margin-left: 10px;
  list-style-type: disc;
}
.chat-container > ul {
  margin-left: 10px;
  list-style-type: disc;
}
.chat-container a {
  color: inherit;
  font-weight: bold;
  text-decoration: underline;
}
/* displayed on document body */
.chat-bot-image-elem {
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 1000; 
  width: 150px;
  text-align: right;
}
/* displayed within chat container */
.chat-bot-image-elem-contained {
  position: relative;
  z-index: 1000; 
  width: 150px;
  text-align: left;
}
.chat-bot-image-elem-contained > img {
  width: 70px;
  height: 90px;
}
.chat-bot-image-elem > img {
  width: 70px;
  height: 90px;
}
.chat-bot-bubble {
  text-align: center;
  padding: 5px 10px;
  margin-bottom: 10px;
  border-radius: 10px;
  background-color: rgba(255,255,255,0.9);
  color: #333;
  font-size: 14px;
  box-shadow: 2px 2px 8px #989898;
  transition: 1s;
}
@media only screen and (max-width: 600px) {
  .chat-bot-image-elem {
    bottom: 5px;
    right: 5px;
  }
  .chat-bot-image-elem > img {
      width: 60px;
      height: 80px;
  }
  /* hide on small screens */
  .chat-bot-bubble {
    display: none;
  }
}

.rys-200 {

}
.rys-300 {

}
.senior-teacher {

}
.rpys {

}
.open-window-arrow {
  background-image: url(https://samahita-media.ams3.cdn.digitaloceanspaces.com/media/svg/top-right-arrow-white-shad-2.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.book-icon {
  background-image: url(https://samahita-media.ams3.cdn.digitaloceanspaces.com/media/svg/simple-book.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.lung-simple-icon {
  background-image: url(https://samahita-media.ams3.cdn.digitaloceanspaces.com/media/svg/lungs-icon-3.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.play-icon {
  background-image: url(https://samahita-media.ams3.cdn.digitaloceanspaces.com/media/svg/play-button-2.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.white-play-icon {
  background-image: url(../png/white-play-button.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.sustain-color-icon {
  background-image: var(--sustain-color-icon);
}
.breath-color-icon {
  background-image: var(--breath-color-icon);
}
.body-color-icon {
  background-image: var(--body-color-icon);
}
.mind-color-icon {
  background-image: var(--mind-color-icon);
}
.charity-color-icon {
  background-image: var(--charity-color-icon);
}
.community-color-icon {
  background-image: var(--community-color-icon);
}
.ave-bhu {
  background-image: var(--ave-bhu);
}
.nir-led {
  background-image: var(--nir-led);
}
.bhu-tech {
  background-image: var(--bhu-tech)
}
.muse-med {
  background-image: var(--muse-med);
}
body {

  line-height: 1.5;
}
/*
.gallery-container {
  display: flex;
  flex-wrap: wrap;   
  gap: 10px; 
  align-items: flex-start;
}

.gallery-container > img {
  width: 200px; 
  height: auto;
  object-fit: contain;
  display: block;
}
*/
/*
.gallery-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 10px;
}

.gallery-container img {
  width: 100%; 
  height: auto; 
}
*/

/* pinterest-style titled gallery */
.gallery-container {
  column-count: 3; /* Adjust number of columns */
  column-gap: 10px;
  padding: 10px;
}

.gallery-container img {
  width: 100%;
  height: auto;
  display: block; /* Avoids extra bottom space */
  margin-bottom: 10px; /* Ensures spacing is uniform */
}

@media only screen and (min-width: 1001px) {
  .gallery-container {
    column-count: 4; /* Adjust number of columns */
    column-gap: 10px;
  }
}

@media only screen and (min-width: 601px) and (max-width: 1000px) {
  .gallery-container {
    column-count: 3; /* Adjust number of columns */
    column-gap: 10px;
  }
}

@media only screen and (max-width: 600px) {
  .gallery-container {
    column-count: 2; /* Adjust number of columns */
    column-gap: 10px;
  }
}


ul.samahita-list {
  position: relative;
  list-style: none;
  padding-left: 20px;
}
ul.samahita-list > li {
  margin-bottom: 15px;
  margin-left: 10px;
  margin-right: 10px;
}
ul.samahita-list > li > strong {
  color: #333;
}
ul.samahita-list > li::before {
  content: "";
  position: absolute;
  left: 0;
  padding-left: 20px;
  width: 16px;
  height: 16px;
  margin-right: 15px;
  background-image: var(--sr-icon-seafoam);
  background-size: contain; 
  background-repeat: no-repeat;
  vertical-align: middle;
  object-fit: contain;
}
.bullet-disc-list {
 list-style-type: disc;
}
.uppercase {
  text-transform: uppercase;
}
.svg-home.stroke-medium path {
  stroke: var(--lead-medium-color);
  fill: var(--lead-medium-color);
  stroke-width: 0.4px;
}
.svg-home.stroke-white path {
  stroke: #fff;
  fill: #fff;
  stroke-width: 0.4px;
}
.svg-home.stroke-warm path {
  stroke: var(--lead-warm-color);
  fill: var(--lead-warm-color);
  stroke-width: 0.4px;
}
.svg-path.white > svg > path {
  stroke: #fff;
  fill: #fff;
  stroke-width: 0.4px;
}
.home-input {
  border: 1px solid var(--lead-medium-color);
  padding: 10px;
  width: 250px;
  box-sizing: border-box;
  color: #333;
  letter-spacing: 1px;
}
.home-input.width-220 {
  width: 220px;
}
.home-input-button {
  letter-spacing: 1px;
  background-color: var(--lead-medium-color);
  color: var(--lead-light-color);
  width: 100px;
  padding: 10px;
  text-align: center;
  border: 1px solid var(--lead-medium-color);
}
.home-logo-bar-space-holder {
  width: 100%;
  border-bottom: 1px solid #ccc;
}
.home-logo-bar {
  position: var(--home-logo-bar-position);
  top: 0px;
  z-index: 100;
  box-sizing: border-box;
  /*height: 120px;*/
  width: 100%;
  background-size: 210px;
  background-image: url(https://samahita-media.ams3.cdn.digitaloceanspaces.com/media/svg/samahita-logo-blue-edit.svg);
  background-position: center; 
  background-repeat: no-repeat;
  background-color: rgba(255,255,255,0.9);
}
.home-logo-bar-bg-trans {
  position: absolute;
  top: 0px;
  background-image: linear-gradient(to bottom, white, rgba(255, 255, 255, 0));
  height: 110px;
  width: 100%;
}
.home-logo-bar-overlay-layer-1 {
  position: absolute;
  top: 0px;
  background-image: linear-gradient(to bottom, white, rgba(255, 255, 255, 0));
  height: 170px;
  width: 100%;
}
.home-logo-bar-overlay {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100px;
  background-size: 210px;
  background-image: url(https://samahita-media.ams3.cdn.digitaloceanspaces.com/media/svg/samahita-logo-blue-edit.svg);
  background-position: center; 
  background-repeat: no-repeat;
}
.home-logo-bar-fixed {
  z-index: 50;
  display: flex;
  justify-content: space-between;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 50px;
  padding: 10px;
  background-color: rgba(255,255,255,0.9);
}
.home-logo-bar-fixed.visible {
  opacity: 1; 
  transition: opacity 1s ease-in-out;
}
.home-logo-bar-fixed.invisible {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.home-logo-bar-fixed-image {
  background-size: 150px;
  background-image: url(https://samahita-media.ams3.cdn.digitaloceanspaces.com/media/svg/samahita-logo-blue-edit.svg);
  background-position: left; 
  background-repeat: no-repeat;
}
.home-logo-bar-fixed-menu {
  width: 52px;
  height: 100%;
  margin-top: 5px;
  margin-right: 35px;
}
.home-logo-bar-fixed-menu > div{
  height: 3px;
  width: 40px;
  margin-bottom: 10px;
  background-color: #333;
}
@media only screen and (max-width: 750px) {
  .home-logo-bar-fixed-menu {
    width: 30px;
    margin-top: 5px;
  }
  .home-logo-bar-fixed-menu > div{
    width: 30px;
    height: 3px;
    margin-bottom: 8px;
  }
}
.sm-logo {

  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  box-sizing: border-box;
  width: 35px;
  height: 35px;
}
.icon-bg-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.breath-icon {
  background-image: var(--breath-icon);
}
.insights-icon {
  background-image: var(--insights-icon);
}
.watch-icon {
  background-image: var(--watch-icon);
}
.read-icon {
  background-image: var(--read-icon);
}
.sq-40 {
  width: 40px;
  height: 40px;
}
.sq-50 {
  width: 50px;
  height: 50px;
}
.sm-logo.fb {
  background-image: var(--fb-logo-tr);
  width: 20px;
}
.sm-logo.ig {
  background-image: var(--ig-logo-tr);
}
.sm-logo.yt {
  background-image: var(--yt-logo-tr);
}
.sm-logo.pint {
  background-image: var(--pint-logo-tr);
}
.sm-logo.trip {
  background-image: var(--trip-logo-tr);
  width: 50px;
}
.video-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 20px;
/*  width: 100%; */
  box-sizing: border-box;
}
.ycc-video-still {
  background-image: var(--home-ycc-video-still);
}
.ycc-yoga-image {
  background-image: var(--ycc-yoga-image);
}
.ycc-breath-image {
  background-image: var(--ycc-breath-image);
}
.tsc-video-image {
  background-image: var(--home-tsc-video-still);
}
.wellbeing-video-image {
  background-image: var(--home-wellbeing-video-image);
}
.host-video-image {
  background-image: var(--home-host-video-still);
}
/*
.therapies-banner-image {
  background-image: var(--home-therapies-image);
}
*/
.play-button-overlay {
  background-image: var(--home-play-button-overlay);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80px;
  height: 80px;
  width: 80px;
}

.txt-lead-warm {
  color: var(--lead-warm-color);
}
.txt-lead-medium {
  color: var(--lead-medium-color);
}
.txt-lead-medium-d10 {
  color: var(--lead-medium-color-d10);
}
.bg-lead-warm {
  background-color: var(--lead-warm-color);
}
.bg-lead-warm-0-1 {
  background-color: var(--lead-warm-color-0-1);
}
.bg-lead-light {
  background-color: var(--lead-light-color);
}
.bg-lead-light-07 {
   background-color: var(--lead-light-color-trans-07);
}
.bg-lead-dark {
  background-color: var(--lead-dark-color);
}
.bg-lead-dark-gray {
  background-color: var(--lead-dark-gray);
}
.bg-lead-medium {
  background-color: var(--lead-medium-color);
}
.bg-lead-medium-05 {
  background-color: var(--lead-medium-color-05);
}
.bord-bot-1-lead-medium {
  border-bottom: 1px solid var(--lead-medium-color);
}
.bord-bot-1-lead-warm {
  border-bottom: 1px solid var(--lead-warm-color);
}
.txt-warm-med-1 {
  color: var(--lead-warm-color);
}
.txt-cool-med-1 {
  color: var(--lead-medium-color);
}
.bg-home-light-1 {
  background-color: var(--lead-light-color);
}
.bg-home-cool-dark-1 {
  background-color: var(--lead-dark-color);
}
.bg-home-cool-med-1 {
  background-color: var(--lead-medium-color);
}
.top-bgimg {
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 70vh;
  background-image: var(--home-top-bg-image);
  /* use if applying transparent gradient */
/*  margin-top: 60px; */
}
.top-bgimg.bottom {
  background-position: bottom;
}
.top-bgimg.top {
  background-position: top;
}
.top-bgimg.left {
  background-position: left;
}
.top-bgimg.right {
  background-position: right;
}
.top-bgimg.mar-top-70 {
  margin-top: 70px;
}
.top-bgimg.mar-top-80 {
  margin-top: 80px;
}
.home-bg-grad-white {
  background-image: linear-gradient(to bottom, white, rgba(255, 255, 255, 0));
  height: 200px;
}
.top-bgimg.height-65vh {
  height: 65vh;
}
.top-bgimg.height-75vh {
  height: 75vh;
}
.top-bgimg.tt-intro {
  background-image: var(--home-tt-intro-image);
}
.top-bgimg.why-study-tt {
 background-image: var(--home-why-study-tt-image);
}
.top-bgimg.tt-200 {
  background-image: var(--home-tt-200-image);
}
.top-bgimg.wellness {
  background-image: var(--home-wellness-image);
}
.top-bgimg.home {
  background-image: var(--home-top-bg-image);
}
.top-bgimg.retreats {
  background-image: var(--retreats-top-bg-image);
}
.retreat-detail-box {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 40px;
  display: grid;
  font-size: 24px;
  height: 50%;
  justify-content: space-between;
}
.retreat-detail-title {
  text-transform: uppercase;
  font-size: 34px;
}
.retreat-about-container {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}
.retreat-about-title {
  font-size: 30px;
  color: var(--lead-medium-color);
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
.retreat-about-image {
}
.home-paragraph {
  font-size: 18px;
  line-height: 1.5;
  padding: 20px 40px;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
}
.home-paragraph.pad-ver-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.home-paragraph.max-width-1000 {
  max-width: 1000px;  
}
.home-paragraph.txt-18px {
  font-size: 18px;
}
.home-paragraph.txt-16px {
  font-size: 16px;
}
.home-paragraph.pad-0 {
  padding: 0px;
}
.home-paragraph.pad-h-10 {
  padding-left: 10px; 
  padding-right: 10px;
}
.home-paragraph.pad-top-0 {
  padding-top: 0px;
}
.home-paragraph.pad-top-40 {
  padding-top: 40px;
}
.home-paragraph-image {
  padding-right: 20px;
  padding-bottom: 20px;
  float: left;
}
.home-paragraph-image.pad-right-40 {
  padding-right: 40px;
}
.home-paragraph-image.right {
  padding-bottom: 20px;
  padding-left: 20px;
  padding-top: 0px;
  float: right;
}
.home-paragraph-image.pad-left-40 {
  padding-left: 40px;
}
.home-paragraph-sub-title {
  
}
.home-paragraph > div {
  margin-bottom: 20px;
}
.home-paragraph > div.mar-bot-0 {
  margin-bottom: 0px;
}
.retreat-about-text {
  font-size: 18px;
  color: #333;
  line-height: 1.5;
}
.retreat-about-text > div {
  margin-bottom: 20px;
}
/* retreat daily schedule table */
.daily-schedule-parent {
  border-left: solid 1px #ccc;
  border-right: solid 1px #ccc;
  line-height: 1.2;
  box-shadow: 1px 1px 8px #dedede;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.daily-schedule-title {
  font-size: 20px;
  text-align: center;
  padding: 10px;
  color: #fff;
  background-color: var(--lead-medium-color);
}
.daily-schedule-row {
  display: flex;
  flex-wrap: nowrap;
  font-size: 16px;
  border-bottom: 1px solid #ccc;
}
.daily-schedule-left-cell {
  display: flex;
  padding: 10px;
  width: 200px;
  box-sizing: border-box;
  border-right: 1px solid #ccc;
}
.daily-schedule-left-cell > div {
  margin: auto;
}
.daily-schedule-right-cell {
  padding: 10px;
  flex: 1;
}

.teacher-bio-container {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
}
.teacher-bio-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.teacher-bio-text-title-container {
  max-width: 600px;
}
.teacher-bio-title {
  font-size: 30px;
  color: var(--lead-medium-color);
  margin-bottom: 20px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
.teacher-bio-text {
  font-size: 20px;
  color: #333;
  line-height: 1.5;
}
.teacher-bio-text > div {
  margin-bottom: 10px;
}
.teacher-bio-image {
  width: 300px;
  height: 300px;
}
.page-title-spacer {
  height: 80%;
}
.h-spacer-20pc {
  height: 20%;
}
.page-title-spacer.height-90pc {
  height: 90%;
}
.page-title-box {
  color: #fff;
  background-color: rgba(0,0,0,0.5);
  padding: 0px 10px;
  margin-left: 20px;
  min-width: 250px;
  max-width: 450px;
  text-transform: uppercase;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  height: 20%;
}
.page-title-box.height-10pc {
  height: 10%;
}
.page-title-box.mar-auto {
  margin: auto;
}
.grad-title-black {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), black);
  color: #fff;
  margin: 0px auto;
}
.home-header-section {
  background-color: var(--lead-light-color);
  color: var(--lead-medium-color);
  letter-spacing: 1px;
  display: flex;
  padding: 20px;
}
.home-round-button-1 {
  box-sizing: border-box;
  padding: 12px;
  font-size: 20px;
  border-radius: 25px;
  cursor: pointer;
  text-align: center;
  letter-spacing: 1px;
  border: 0px;
}
.home-round-button-1.pad-5 {
  padding: 5px;
}
.home-round-button-1.pad-8 {
  padding: 8px;
}
.home-round-button-1.txt-18px {
  font-size: 18px;
}
.home-round-button-1.txt-16px {
  font-size: 16px;
}
.home-round-button-1.txt-14px {
  font-size: 14px;
}
.right-arrow-green {
  background-size: 300px;
  background-image: url(https://samahita-media.ams3.cdn.digitaloceanspaces.com/media/svg/right-arrow-green.svg);
  background-repeat: no-repeat;
  background-size: cover;
}
.home-round-button-1.pad-14 {
  padding: 14px;
}
.home-round-button-1.w-150 {
  width: 150px;
}
.home-round-button-1.w-250 {
  width: 250px;
}
.home-round-button-1.w-500 {
  width: 500px;
  padding: 18px;
}
.home-round-button-1.trans-bord-med {
  background-color: rgba(0,0,0,0);
  color: var(--lead-dark-color);
  border: 1px solid var(--lead-medium-color)
}
.home-round-button-1.cool-dark {
    background-color: var(--lead-dark-color);
    color: var(--lead-light-color);
}
.home-round-button-1.cool-med {
    background-color: var(--lead-medium-color);
    color: var(--lead-light-color);
}
.four-item-two-row-flex-box {

}
.thirty-pc-col {    
  width: 30%;
}
.seventy-pc-col {
  width: 70%;
}
.fifty-fifty-round-box {
  box-sizing: border-box;
  margin: auto;
  box-shadow: 1px 2px 3px #dedede;
  border-radius: 40px;
}
.fifty-fifty-round-box-main-text {
  line-height: 1.5;
  overflow: auto;
  padding: 10px;
}
.fifty-fifty-round-box-title {
/*  color: var(--lead-medium-color); */
  color: #555;
  margin-bottom: 20px;
  margin-top: 20px;
  letter-spacing: 1.5px;
  text-align: center;
}
.fifty-fifty-round-box-title.mar-top-0 {
  margin-top: 0px;
}
.fifty-fifty-round-box-title.bg-logo {
  background-position: top 20px center;
  padding-top: 40px;
  background-repeat: no-repeat;
  background-size: 22px;
  background-image: var(--sr-icon-seafoam);
}
.fifty-fifty-round-box-main-text > div {
  margin-bottom: 10px;
}
.fifty-fifty-box {
  font-size: 20px;
}
.fifty-fifty-box.txt-18px {
  font-size: 18px;
}
.fifty-fifty-box.txt-16px {
  font-size: 16px;
}
.fifty-fifty-box > div {
  box-sizing: border-box;
}
.home-section {}
.bullet-list {
  list-style-type: disc;
  margin-left: 10px;
}
.bullet-list > li {
  padding-bottom: 2px;
}
.home-large-box {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.home-large-header {
  width: 100%;
  padding: 40px;
  text-align: center;
  line-height: 1.5;
  color: #333;
  box-sizing: border-box;
}
.home-large-header.txt-30px {
  font-size: 30px;
}
.home-large-header.txt-28px {
  font-size: 28px;
}
.home-large-header.txt-24px {
  font-size: 24px;
}
.home-large-header.bg-logo {
  background-position: top 20px center;
  padding-top: 50px;
  background-repeat: no-repeat;
  background-size: 30px;
  background-image: var(--sr-icon-seafoam);
}
.home-large-header.pad-bot-20 {
  padding-bottom: 20px;
}
.home-large-header.pad-top-0 {
  padding-top: 0px;
}
.home-large-header.pad-bot-0 {
  padding-bottom: 0px;
}
.home-sub-header {
  width: 100%;
  padding: 20px;
  text-align: center;
  line-height: 1.5;
  color: #555;
  box-sizing: border-box;
}
.home-sub-header.txt-22px {
  font-size: 22px;
}
.home-sub-header.txt-24px {
  font-size: 24px;
}
.home-sub-header.pad-ver-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.home-sub-header.pad-top-0 {
  padding-top: 0px;
}
.home-sub-header.pad-bot-0 {
  padding-bottom: 0px;
}
.home-sub-header.pad-bot-40 {
  padding-bottom: 40px;
}
.four-part-section {
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
}
.four-part-header {
  font-size: 40px;
  padding-bottom: 20px;
  color: var(--lead-medium-color);  
  text-align: center;
}
.four-part-lower {
  font-size: 20px;
  line-height: 1.5;
}
.flex-img-feature {
  display: flex;
  box-sizing: border-box;
  width: 100%;
}
.flex-img-sub-row {
  display: flex;
  box-sizing: border-box;
}
.flex-img-cell {
  box-sizing: border-box;
  padding: 20px;
}
.bg-img {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bg-img.bottom {
  background-position: bottom;
}
.bg-img.top {
  background-position: top;
}
.bg-img.left {
  background-position: left;
}
.bg-img.right {
  background-position: right;
}
.bg-img.absolute {
  position: absolute;
}
.bg-img.contain {
  background-size: contain;
}
.bg-img.bg-50px {
  background-size: 50px; 
}
.bg-img.bg-60px {
  background-size: 60px; 
}
.bg-img.bg-70px {
  background-size: 70px; 
}
.bg-img.bg-80px {
  background-size: 80px; 
}
.bg-img.bg-90px {
  background-size: 90px; 
}
.bg-img.bg-100px {
  background-size: 100px; 
}
.bg-img.bp-top {
  background-position: top;
}
.flex-img {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  box-shadow: 1px 1px 8px #989898;
}
.home-txt-overlay {
  font-size: 36px;
  text-shadow: 2px 1px 3px #333;
  color: #fff;  
}
.recommended-by-container {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px; 
}
.recommended-by-container > div {
  width: 150px;
  margin: 40px 40px 0px;
}
.recommended-by-container-cell {
  display: flex;
  flex-wrap: wrap;
  width: 310px;
  margin: 10px auto;
  padding: 5px;
  letter-spacing: 1px;
  font-size: 18px;
  color: #000;
  text-align: center;
}
.bg-sq-logo {
  margin: auto;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 70px;
  width: 70px;
}
.bg-sq-logo.height-110 {
  height: 110px;
}
.bg-sq-logo.height-100 {
  height: 100px;
}
.bg-sq-logo.height-80 {
  height: 80px;
}
.paraphrase {
  margin: 0px auto;
  text-align: center;
  letter-spacing: 1px;
  line-height: 1.5;
  font-size: 22px;
  padding: 40px;
  max-width: 900px; 
}
.paragraph {
  margin: 0px auto;
  text-align: center;
  letter-spacing: 1px;
  line-height: 1.8;
  font-size: 18px;
  padding: 40px;
}
.footer {
  display: flex;
  flex-wrap: wrap;
  background-color: slategray;
  color: var(--home-light-1);
  padding-top: 40px;
  padding-bottom: 20px;
  font-size: 16px;
  line-height: 2;
 
}
.footer > div {
  margin-left: auto;
  margin-right: auto;
  min-width: 300px;
}
.home-mini-box {
  padding: 30px;
  margin: 20px;
  border-radius: 20px;
/*  border: 1px solid #ccc; */
  box-shadow: 1px 1px 8px #dedede;
  min-height: 369px;
  max-width: 400px;
  box-sizing: border-box;
  background-color: #fff;
}
.home-mini-box.width-300 {
  width: 300px;
}
.home-mini-box.width-350 {
  width: 350px;
}
.home-mini-box.circle {
  border-radius: 50%;
}
.home-mini-box.min-height-300 {
  min-height: 300px;
}
.home-mini-box.pad-0 {
  padding: 0px;
}
.home-mini-box.pad-bot-20 {
  padding: 0 0 20px 0;
}
.home-mini-box-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 220px;
}
.home-mini-box-image.height-250 {
  height: 250px;
}
.home-mini-box-image.height-300 {
  height: 300px;
}
.home-mini-box-button-div {
  margin: auto auto 0px auto;
  width: 100%;
}
.round-bottom-20 {
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
.home-mini-box-image.round-top {
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}
.home-mini-box-image.ycc {
  background-image: var(--ycc-mini-box);
}
.home-mini-box-image.cycle {
  background-image: var(--cycle-mini-box);
}
.home-mini-box-image.breath-mind {
  background-image: var(--breath-mind-mini-box);
}
.home-mini-box-image.training {
  background-image: var(--training-mini-box);
}
.home-mini-box-title {
  font-size: 24px;
  padding: 20px 0px;
  text-align: center;
}
.home-mini-box-main-txt {
  font-size: 17px;
  line-height: 1.5;
  text-align: left;
  max-width: 300px;
}
.home-mini-box-main-txt > li {
  line-height: 1.2;
}
.home-mini-box-main-txt.ltxt {
  text-align: left;
}
/* Scroll feature */
.full-width-scroll-parent {
  width: 100%;
}
.scroll-container {
  x-overflow: hidden;
  touch-action: pan-y;  /* Allow vertical scrolling, prevent horizontal swiping */
  display: flex;
  flex-wrap: nowrap;
}
.scroll-section-cover {
  position: absolute;
  z-index: 10;
  width: 50px;
  height:500px;
  background-color: #000;
}
.full-width-scroll-section {
  min-width: 100%;
/*  min-height: 500px; */
/*  position: relative; */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  
}
.full-width-scroll-section.trans.active {
  opacity: 1;
  transition: opacity 1.5s ease-in-out;
}
.full-width-scroll-section.trans.inactive {
  opacity: 0.5; 
  transition: opacity 1.5s ease-in-out;
}
.full-width-scroll-title {
  font-size: 55px;
  letter-spacing: 10px;
  text-shadow: 2px 1px 3px #333;
  color: #fff;
}
.full-width-scroll-sub-header {
  font-size: 40px;
  letter-spacing: 5px;
  padding: 10px 0px;
  text-shadow: 2px 1px 3px #333;
  color: #fff;  
}
.full-width-scroll-subtitle {
  display: flex;
  justify-content: space-around;
  margin: auto;
  line-height: 1;
  max-width: 600px;
  font-size: 22px;
  color: #fff;
  text-shadow: 2px 1px 3px #333;
  letter-spacing: 1px;
  text-align: center;
}
.full-width-scroll-feature-text {

}
.full-width-scroll-extra-text {

}
.full-width-scroll-more-link {
   box-sizing: border-box;
   padding: 8px;
   font-size: 18px;
   border-radius: 25px;
   cursor: pointer;
   text-align: center;
   letter-spacing: 1px;
}
.full-width-scroll-more-link.pad-10 {
  padding: 10px;
}
.scroll-next-button {
  color: #fff;
  background-color: cadetblue;
  font-size: 18px;
  padding: 5px;
  border-radius: 25px;
  border: 1px solid #fff;
  width: 100px;
  text-align: center;
  cursor: pointer;
}
.circle-navigator-container {
  display: flex;
  flex-wrap: nowrap;
  background-color: none;
  position: relative;
  margin: auto;
  height: 40px;
  max-width: 300px;
  min-width: 100px;
}
.circle-navigator {
  margin: auto;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  cursor: pointer;
}
.circle-navigator.active {
  background-color: var(--lead-dark-color);
  border: 1px solid var(--lead-dark-color);  
}
.circle-navigator.inactive {
  background-color: #fff;
  border: 1px solid var(--lead-dark-color);
}
.blog-header {
  background-color: whitesmoke;
  padding: 40px 0px;
  width: 100%;
  text-align: center;
  color: #333;
}
.blog-header-title {
  font-size: 35px;
  letter-spacing: 2px;
}
.blog-header-subtitle {
  font-size: 20px;
  text-align: center;
  margin: auto;
  max-width: 800px;
}
.blog-icon-links {
  width: 500px;
  margin: auto;
  padding: 20px;
}
.icon-link-text {
  text-align: center;
  color: var(--lead-medium-color);
  padding-top: 10px;
  letter-spacing: 1px;
}
.blog-icon-links > div{
  width: 70px;
  max-width: 70px;
}
.blog-main {
  line-height: 1.5;
  padding: 20px 0px;
  margin: auto;
  max-width: 800px;
  font-size: 17px;
  overflow-wrap: break-word;
}
.blog-main > div {
  margin-bottom: 10px;
}
.blog-main > div.mar-bot-5 {
  margin-bottom: 5px;
}
.blog-main > h2 {
  font-size: 24px;
  font-weight: normal;
  color: #000;
}
.blog-main > h3 {
  font-size: 18px;
  margin-bottom: 5px;
  font-weight: normal;
  color: #000;
}
.blog-title {
  font-size: 24px;
  text-align: center;
  margin: 40px auto 10px;
  color: #333;
}
.blog-author {
  font-size: 20px;
  text-align: center;
  margin: 0px auto 10px;
}
.blog-feature-image {
  width: 800px;
  height: 400px;
  margin: 40px auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.activities-container {
  padding: 40px 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.activities-sq {
  width: 180px;
  height: 180px;
  margin: 0px 10px 40px;
  text-align: center;
}
.activities-sq > div > div {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background-color: var(--lead-medium-color);
  margin: auto;
}
.activities-sq > div > div > svg {
  margin: auto;
  padding: 20px;
  width: 50px;
  height: 50px;
}
.activities-sq > div > div > svg > path {
  stroke: #fff;
  fill: #fff;
  stroke-width: 0.4px;  
}
.activities-title {
  font-size: 22px;
  text-align: center;
  color: var(--lead-medium-color);
  padding-bottom: 5px;
}
.activities-text {
  text-align: center;
  line-height: 1.5;
  font-size: 14px;
}
.hourly-table {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #ccc; 
}
.hourly-table-row {
  display: flex;
}
.hourly-table-row.border-bottom {
  border-bottom: 1px solid #ccc;
}
.hourly-table-time-cell {
  min-width: 150px;
  max-width: 200px;
  padding: 15px 10px;
}
.hourly-table-time-cell.border-right {
  border-right: 1px solid #ccc;
}
.hourly-table-cell {
  padding: 15px 10px;
}
.portrait-video-box {
  border-radius: 20px;
  margin: 20px;
}
.portrait-video-box.mar-auto {
  margin: auto
}
.portrait-video-box > iframe.portrait {
  border-radius: 20px;
  margin: auto;
  width: 280px;
  height: 500px;
}
.portrait-video-box > iframe.portrait svg {
  fill: var(--lead-warm-color);
}
.mini-review-box {
  max-width: 500px;
  padding: 30px;
  background-color: #fff;
  border-radius: 50px;
  margin: 20px;
}
.mini-review-box > div > div > div {
  margin-bottom: 10px;
}
/* 851 - 1160 */
@media only screen and (min-width: 851px) and (max-width: 1160px) {

  .blog-feature-image {
    width: 600px;
    height: 300px;     
  }
  .flex-img-feature {
    flex-wrap: wrap;
  }
  .flex-img-sub-row {
    width: 50%;
    display: inline;
  }
  .flex-img-cell {
    width: 100%;
  }
  .flex-img {
    height: 40vw;
  }
  .open-button-home {
   /* position: var(--open-button-home-position);*/
/*    right: 35px; 
    left: auto;
    z-index: 101;
*/
  }
}
@media only screen and (min-width: 601px) and (max-width: 1000px) {
  .teacher-bio-image {
    width: 400px;
    height: 400px;
    margin-left: auto;
    margin-right: auto;
  }
  .teacher-bio-text-title-container {
    margin-left: auto;
    margin-right: auto;
  }
  .teacher-bio-title {
    text-align: center;
  }
  .hide-below-600 {
    display: none;
  }
}
@media only screen and (max-width: 1000px) {
  .hide-below-1000 {
    display: none;
  }
}

@media only screen and (min-width: 1001px) {
  .hide-above-1000 {
    display: none;
  }
}

/* tablet */
@media only screen and (min-width: 601px) and (max-width: 850px) {
  .mob-center-desk-right {
    margin-left: auto;
    margin-right: auto;
  }
  .open-button-home {
    position: var(--open-button-home-position); 
    right: 35px; 
    left: auto;
    z-index: 101;
  }
  .retreat-about-image {
    width: 100%;
    height: 350px; 
 }
  .retreat-detail-box-mobile {
    display: none;
  }
  .home-mini-box {
    width: 350px;
/*    margin-left: auto;
    margin-right: auto;
*/
  }
  .home-mini-box.three-feature {
    width: 380px;
/*    margin-left: auto;
    margin-right: auto;
*/
  }
  .home-mini-box-image.three-feature {
    height: 250px;
  }
  .home-mini-box.three-row {
    width: 250px;
    margin-left: auto;
    margin-right: auto;
  }
  .blog-feature-image {
    width: 600px;
    height: 300px;     
  }
  .blog-main {
    width: 600px;
    padding: 20px;
  }
  .home-top-bgimg {
    height: 45vh;
  }
  .half-screen-video-image {
    height: 400px;
    margin-bottom: 20px;
    padding-left: 20px;
  }
  .video-div {
    width: 500px;
    height: 300px;
  }
  .home-header-section {
    flex-wrap: nowrap;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: left;
  }
  .home-header-section-title-1 {
    font-size: 20px;
  }
  .home-header-section-title-2 {
    font-size: 36px; 
  }
  .fifty-fifty-round-box {
    display: flex;
    width: 90%;
    margin: 20px auto 60px;
  }
  .fifty-fifty-round-box-title {
    font-size: 24px;
  }
  .fifty-fifty-round-box-main-text {
    font-size: 18px;
    line-height: 1.5;
    overflow: auto;
/*    max-height: 400px; */
/*    min-height: 400px; */
  }
/*
  .fifty-fifty-round-box > div {
    width: 50%;
    height: auto;
    box-sizing: border-box;
    padding: 10px;
  }
  .fifty-fifty-round-box  > div.left-box {
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
  }
  .fifty-fifty-round-box > div.right-box {
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
  }
*/
/* same fifty fifty round as mobile below 600*/
 .fifty-fifty-round-box {
    display: block;
    width: 90%;
    margin: 40px auto;
    border-radius: 20px;
  }
  .fifty-fifty-round-box-title {
    font-size: 24px;
  }
  .fifty-fifty-round-box-main-text {
    font-size: 18px;
    line-height: 1.5;
    overflow: auto;
  }
  .fifty-fifty-round-box > div {
    width: 100%;
    margin: auto;
    height: auto;
    box-sizing: border-box;
    padding: 10px;
  }
  .fifty-fifty-round-box  > div.top-box {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    height: 350px;
  }
  .fifty-fifty-round-box > div.bottom-box {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
  }

  .sixty-fourty-box.sixty {
    width: 60%;
    box-sizing: border-box;
  }
  .sixty-fourty-box.fourty {
    width: 40%;
    box-sizing: border-box;
  }
  .fifty-fifty-box {
    display: grid;
  }
  .fifty-fifty-box.flex {
    display: flex;
  }
  .fifty-fifty-box.tab-flex {
    display: flex;
  }
  .fifty-fifty-box > div {
    width: 100%;
    box-sizing: border-box;
    padding: 40px;
  }
  .fifty-fifty-box > div.pad-0 {
    padding: 0px;
  }
  .fifty-fifty-box > div.order-m-1 {
    order: -1;
    margin: auto;
    width: 100%;
    padding: 20px 0px 0px;
  }
  .fifty-fifty-box > div.white-bord {
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
  }
  .fifty-fifty-box > div.pad-top-10  {
    padding-top: 10px;
  }
  .fifty-fifty-box > div.pad-top-0  {
    padding-top: 0px;
  }
  .fifty-fifty-box > div.pad-h-20  {
    padding-left: 20px;
    padding-right: 20px;
  }
  .fifty-fifty-box > div.m-pad-bot-0 {
    padding: 20px 20px 0px;
  }
  .fifty-fifty-box > div.m-pad-top-0 {
    padding: 0px 20px 20px;
  }
  .home-large-header {
    font-size: 30px;
  }
  .home-sub-header {
    font-size: 24px;
  }
  .four-part-section {
    display: flex;
    flex-wrap: nowrap;
  }
  .four-part-outer-cell {
    width: 25%;
    margin: 0px auto;
    padding-bottom: 20px;
    text-align: center;
  }
  .four-part-outer-cell.border-cell {
    border-right: 1px solid #ccc;    
  }
  .four-part-inner-cell {
    width: 80%;
    margin: auto;
  }
  .four-part-inner-cell.tab-width-100pc {
    width: 100%;
    margin: auto;
  }
  .four-part-lower {
  }
  .flex-img-feature {
    flex-wrap: wrap;
  }
  .flex-img-sub-row {
    width: 50%;
    display: inline;
  }
  .flex-img-cell {
    width: 100%;
  }
  .flex-img {
    height: 40vw;
  }
  .flex-img.tall {
    height: 45vw;
  }
}
.testimonial-video-image {
  background-image: var(--home-testimonial-video-image);
}
/* pc */
@media only screen and (min-width: 851px) {
  .mob-center-desk-right {
    margin-right: 0px;
    margin-left: auto;
  }
  .retreat-about-image {
    width: 100%;
    height: 400px; 
  }
  .retreat-detail-box-mobile {
    display: none;
  }
  .home-mini-box {
    width: 30%;
    min-width: 330px;
  }
  .home-mini-box.width-300 {
    width: 300px;
  }
  .home-mini-box.width-350 {
    width: 350px;
  }
  .blog-title {
    font-size: 28px;
  }
  .open-button-home {
    position: var(--open-button-home-position); 
    right: 35px; 
    left: auto;
  }
  .home-sub-header.desk-pad-40 {
    padding: 40px;
  }
  .home-log-bar-space-holder {
    height: 120px;
  }
  .home-top-bgimg {
    height: 45vh;
  }
  .testimonial-video-image {
    height: 500px;
  }
  .half-screen-video-image {
    min-height: 400px;
    max-height: 400px;
    margin: 20px;
  }
  .half-screen-video-image.h300 {
    min-height: 300px;
    max-height: 300px;
    max-width: 500px;
  }
  .video-div {
    width: 700px;
    height: 402px;
  }
  .home-header-section {
    flex-wrap: nowrap;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: left;
  }
  .home-header-section-title-1 {
    font-size: 20px;
  }
  .home-header-section-title-2 {
    font-size: 36px; 
  }
  .fifty-fifty-round-box {
    display: flex;
    width: 80%;
    margin: 20px auto 60px;
  }
  .fifty-fifty-round-box-title {
    font-size: 26px;
  }
  .fifty-fifty-round-box-main-text {
    font-size: 18px;
    line-height: 1.5;
    overflow: auto;
/*    max-height: 400px; */
/*    min-height: 400px; */
  }
  .fifty-fifty-round-box-main-text.auto-height {
    max-height: auto;
    min-height: auto;
  }
  .fifty-fifty-round-box > div {
    width: 50%;
    height: auto;
    box-sizing: border-box;
    padding: 30px;
  }
  .fifty-fifty-round-box  > div.left-box {
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
  }
  .fifty-fifty-round-box > div.right-box {
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
  }
  .sixty-fourty-box.sixty {
    width: 60%;
    box-sizing: border-box;
  }
  .sixty-fourty-box.fourty {
    width: 40%;
    box-sizing: border-box;
  }
  .fifty-fifty-box {
    display: flex;
  }
  .fifty-fifty-box > div {
    width: 50%;
    box-sizing: border-box;
    padding: 40px;
  }
  .fifty-fifty-box > div.pad-0 {
    padding: 0px;
  }
  .fifty-fifty-box > div.pad-pc-20 {
    padding: 20px;
  }
  .fifty-fifty-box > div.white-bord {
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
  }
  .fifty-fifty-box > div.pad-top-10  {
    padding-top: 10px;
  }
  .fifty-fifty-box > div.pad-h-20  {
    padding-left: 20px;
    padding-right: 20px;
  }
  .fifty-fifty-box > div.pad-top-0  {
    padding-top: 0px;
  }
  .home-large-header {
    font-size: 30px;
  }
  .home-sub-header {
    font-size: 24px;
  }
  .four-part-section {
    display: flex;
    flex-wrap: nowrap;
  }
  .four-part-outer-cell {
    width: 25%;
    margin: 0px auto;
    padding-bottom: 20px;
    text-align: center;
  }
  .four-part-outer-cell.border-cell {
    border-right: 1px solid #ccc;    
  }
  .four-part-inner-cell {
    width: 80%;
    margin: auto;
  }
  .four-part-lower {
  }
  .flex-img-feature {
    flex-wrap: nowrap;
  }
  .flex-img-sub-row {
    width: 100%;
  }
  .flex-img-cell {
    width: 100%;
  }
  .flex-img {
    height: 30vw;
  }
  .flex-img.tall {
    height: 35vw;
  }
}

/* phone screen landscape */
@media only screen and (max-height: 540px) {
  .blog-feature-image {
    width: 500px;
    height: 250px;
  }
  .top-bgimg {
      height: 400px;
  }
  .home-logo-bar-space-holder {
    height: 120px;
  }
  .home-logo-bar {
    height: 120px;
  }
  .home-logo-bar-overlay-layer-1 {
    height: 120px;
  }
  .home-logo-bar-overlay {
    height: 100px;
  }
}
/* min 601px */
@media only screen and (min-width: 601px) {
  .home-logo-bar-space-holder {
    height: 120px;
  }
  .home-logo-bar {
    background-size: 190px;
    background-position: center;
    height: 100px;
  }
  .home-logo-bar-overlay-layer-1 {
    height: 100px;
  }
  .home-logo-bar-overlay {
    height: 100px;
    background-size: 190px;
    background-position: center;
  }
  .open-button-home {
/*    top: 40px; */
    /* grad top bar  */
    top: 25px;
  }

}

/* mobile */
@media only screen and (max-width: 600px) {
  .mob-mar-20 {
    margin: 20px; 
  }
  .mob-center-desk-right {
    margin-left: auto;
    margin-right: auto;
  }
  .thirty-pc-col {    
    width: 100%;
  }
  .seventy-pc-col {
    width: 100%;
  }
  .home-large-box {
    border-radius: 0px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
 }
  .home-paragraph {
    padding: 20px;
  }
  .home-paragraph-image {
    padding-right: 0px;
  }
  .home-paragraph-image.pad-right-40 {
    padding-right: 0px;
  }
  .teacher-bio-image {
    width: 100%;
    height: 350px;
  }
  .retreat-about-image {
    width: 100%;
    height: 400px; 
  }
  .retreat-about-title {
    text-align: center;
    font-size: 26px;
  }
  .teacher-bio-title {
    text-align: center;
    font-size: 26px;
  }
  .retreat-detail-box {
    display: none;
/*    height: 70%;
    font-size: 20px;
    margin-left: 20px; */
  }
  .top-bgimg {
    43vh;
  }
  .top-bgimg.home {
    height: 43vh;
  }
  .home-logo-bar-space-holder {
    display: none;
  }
  .home-logo-bar {
    position: var(--home-logo-bar-position);
  }
  .open-button-home {
    position: var(--home-logo-bar-position); 
    right: 20px; 
    left: auto;
    z-index: 101;
  }
  .home-logo-bar-overlay {
    position: var(--home-logo-bar-position);
  }
  .top-bgimg.mob-no-margin {
    margin: 0px;
  }
  .mob-no-margin {
    margin: 0px;
  }
  .retreat-detail-box-mobile {
    margin: auto;
    padding: 20px 20px;
    background-color: var(--lead-light-color);
    color: #333; 
    font-size: 22px;
    display: grid;
    line-height: 1.5;
    justify-content: space-between;
  }
  .retreat-detail-box-mobile > div {
    line-height: 1.5;
  }
  .retreat-detail-title {
    font-size: 30px;
    color: var(--lead-medium-color);
  }
  .page-title-box {
    margin: 0px auto;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
  .paragraph {
    font-size: 18px;
  }
  .home-mini-box {
    width: 90vw;
    padding: 20px;
    margin: 20px auto;
  }
  .home-mini-box-image {

  }
  .home-mini-box-title {

  }
  .home-mini-box-main-txt {

  }

  .blog-icon-links {
    width: 90%;
  }	
  .blog-feature-image {
    width: 80%;
    height: 250px;
  }
  .blog-header-title {
    font-size: 30px;
  }
  .blog-title {
    width: 80%;
    font-size: 24px;
  }
  .blog-main {
    padding: 20px 20px 40px;
  }
  .play-button-overlay {
    background-size: 60px;
    width: 60px;
    height: 60px;
  }
  .home-logo-bar-space-holder {
    height: 100px;
  }
  .home-logo-bar {
    background-size: 190px;
    background-position: left 30px center;
    height: 100px;
  }
  .home-logo-bar-overlay-layer-1 {
    height: 120px;
  }
  .home-logo-bar-overlay {
    height: 100px;
    background-position: left 30px center;
    background-size: 170px;
  }
  .open-button-home {
    top: 30px;
  }
  .full-width-scroll-title {
    font-size: 40px;
    letter-spacing: 1px;
  }
  .full-width-scroll-subtitle {
    font-size: 18px;
  }
  .full-width-scroll-sub-header {
    font-size: 30px;
    padding: 5px 0px;
    letter-spacing: 1px;
  }
  .home-round-button-1.m-max-width-350 {
    max-width: 350px;
  }
  .full-width-scroll-more-link {
    font-size: 16px;
  }
  .top-bgimg {
/*    height: 40vh; */
    /* higher if transparent gradient */
    height: 60vh;
  }
  .home-top-bgimg {
/*    height: 40vh; */
    height: 60vh;
  }
  .half-screen-video-image {
    margin-bottom: 20px;
  }
  .half-screen-video-image.mar-bot-0 {
    margin-bottom: 0px;
  }
  .video-image.m-height-200 {
    height: 200px;
  }
  .video-div {
    width: 340px;
    height: 200px;
  }
  .home-header-section {
    flex-wrap: wrap;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .home-header-section-title-1 {
    font-size: 18px;
  }
  .home-header-section-title-2 {
    font-size: 28px; 
  }
  .home-header-section > div{
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
  }
  .home-round-button-1.m-cen {
    margin-left: auto;
    margin-right: auto;
  }
  .fifty-fifty-round-box {
    display: block;
    width: 90%;
    margin: 40px auto;
    border-radius: 20px;
  }
  .fifty-fifty-round-box-title {
    font-size: 24px;
  }
  .fifty-fifty-round-box-main-text {
    font-size: 18px;
    line-height: 1.5;
    overflow: auto;
 /*   min-height: 350px;
    max-height: 350px;
 */
  }
  .fifty-fifty-round-box > div {
    width: 100%;
    margin: auto;
    height: auto;
    box-sizing: border-box;
    padding: 10px;
  }
  .fifty-fifty-round-box  > div.top-box {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    height: 350px;
  }
  .fifty-fifty-round-box > div.bottom-box {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
  }
  .sixty-fourty-box.sixty {
    width: 100%;
    box-sizing: border-box;
  }
  .sixty-fourty-box.fourty {
    width: 100%;
    box-sizing: border-box;
  }
  .fifty-fifty-box {
    display: flex;
    flex-wrap: wrap;
  }
  .fifty-fifty-box.flex {
    display: flex;
  }
  .fifty-fifty-box > div {
    padding: 20px;
    box-sizing: border-box;
  }
  .fifty-fifty-box > div.pad-0 {
    padding: 0px;
  }
  .fifty-fifty-box > div.white-bord {
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
  }
  .fifty-fifty-box > div.order-m-1 {
    order: -1;
    margin: auto;
    width: 100%;
    padding: 20px 0px 0px;
  }
  .fifty-fifty-box > div.order-m-1.pad-0 {
    padding: 0px;
  }
  .fifty-fifty-box > div.m-pad-0 {
    padding: 0px;
    box-sizing: border-box;
  }
  .fifty-fifty-box > div.m-pad-bot-0 {
    padding: 20px 20px 0px;
  }
  .fifty-fifty-box > div.m-pad-top-0 {
    padding: 0px 20px 20px;
  }
  .fifty-fifty-box > div.video-image {
    min-height: 200px;
    height: 200px;
  }
  .fifty-fifty-box.pad-ver-0 > div {
    padding: 0px 20px;
    box-sizing: border-box;
  }
  .home-large-header {
    font-size: 30px;
    padding: 20px;
  }
  .home-sub-header {
    font-size: 24px;
  }
  .four-part-outer-cell {
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
  .four-part-inner-cell {
    text-align: center;    
    width: 80%;
    margin: auto;
  }
  .four-part-outer-cell.border-cell {
    border-bottom: 1px solid #ccc;    
  }
  .flex-img-feature {
    display: inline;
  }
  .flex-img-sub-row {
    width: 100%;
    display: inline;
  }
  .flex-img-cell {
    width: 100%;
  }
  .flex-img {
    height: 300px;
  }
}
/* sidebar menu */
.home-sidebar {
  margin-top: 150px;
  margin-bottom: 20px;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0);
}
.home-sidebar > ul {
  list-style: none;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 18px;
  margin: 10px 0px;
}
.home-sidebar > ul > li > a {
  text-decoration: none;
  color: var(--home-light-1);
  cursor: pointer;
  letter-spacing: 1px;
  padding-left: 40px;
}
.home-sidebar > div {
  list-style: none;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 18px;
  margin: 10px 0px;
}
.home-sidebar > div > button {
  background-color: rgba(0,0,0,0);
  border: none;
  font-family: "open sans", sans-serif;
  font-size: 18px;
  width: 100%;
  text-align: left;
  padding: 0px;
}
.home-sidebar > div > button > a {
  text-decoration: none;
  color: var(--home-light-1);
  cursor: pointer;
  letter-spacing: 1px;
  padding-left: 40px; 
}
@media only screen and (max-width: 370px) {
  .home-sidebar > div > button > a {
    padding-left: 55px;
  }
}
.home-sub-menu {
  padding: 5px 0px 5px 40px;
/*  background-color: rgba(255, 255, 255, 0.1) */
  background-color: whitesmoke;
}
.home-sub-menu-link > a {
  letter-spacing: 1px;
  color: #333;
}
.home-sub-menu-link {
  padding: 7px 0px 7px 20px;
  font-size: 15px; 
}
.open-button-home {
  position: var(--open-button-home-position); 
  z-index: 101; /* one above home-logo-bar */
  cursor: pointer;
  border: none;
  background-color: rgba(0,0,0,0);
 }
.sidebar-home-large-closed {
  height: 100%; 
  width: 0%; 
  max-width: 0px;
  position: fixed;
  z-index: 102;
  top: 0;
  right: 0;
  opacity: 0.1;
  transition: 1s;
  background-color: var(--lead-dark-gray);
}
.sidebar-home-large-open {
  height: 100%;
  min-width: 0px;
  max-width: 650px;
  position: fixed;
  z-index: 102;
  top: 0;
  right: 0;
  opactity: 1;
  box-shadow: 10px 10px 10px 10px #666;
  transition: 1s;
  background-color: var(--lead-dark-gray);
}
.sidebar-home-close-button-open {
  box-sizing: border-box;
  cursor: pointer;
  box-sizing: border-box;
  min-width: 0px;
  max-width: 650px;
  position: fixed;
  z-index: 102;
  top: 0;
  right: 0;
  opacity: 1;
  transition: 1s;
}
.sidebar-home-close-button-closed {
  box-sizing: border-box;
  font-size: 30px;
  max-width: 0px;
  width: 0%;
  position: fixed;
  z-index: 102;
  top: 0;
  right: 0;
  opacity: 0.1;
  transition: 1s;
}
.sidebar-home-large-content-closed {
  opacity: 0.1; 
  overflow: auto;
  transition: 1s;
  height: 100%;
}
.sidebar-home-large-content-open {
  opacity: 1;
  transition: 2s;
  overflow: auto;
  height: 100%;
}
.cross-container-home {
  position: relative;
  width: 30px;
  height: 30px; 
/*  margin: 45px 40px 0 auto; */
  /* bg top grad  */
 margin: 35px 30px 0 auto; 
}
.two-column-grid-title-box.txt-22px {
  font-size: 22px;
  padding-left: 10px;
  padding-right: 10px;
}
.two-column-grid-parent {
  font-size: 18px;
}
.two-column-grid-parent.txt-16px {
  font-size: 16px;
}
@media only screen and (min-width: 851px) {
  .two-column-grid-parent {
    padding-top: 40px;
    padding-bottom: 40px;
    color: var(--main-font-color);
    line-height: 1.5;
  }
  .two-column-grid-parent.pad-top-0 {
    padding-top: 0px;
  }
  .two-column-grid-main {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
  .two-column-grid-main.max-width-1200 {
    max-width: 1200px;
  }
  .two-column-grid-row {
    display: flex;
    flex-wrap: nowrap;
    background-color: #fff;
  }
  .two-column-grid-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 50%;
    min-height: 400px;
  }
  .two-column-grid-box.min-height-300 {
    min-height: 300px;
  }
  .two-column-grid-title-box {
    padding-top: 40px;
    padding-bottom: 20px;
    font-size: 26px;
    text-align: center;
    width: 100%;
    color: var(--main-title-color);
  }
  .two-column-grid-text-box {
    padding-left: 40px;
    padding-right: 40px;
  }
  .two-column-grid-button-box {
    padding-top: 20px;
    padding-bottom: 40px;
    width: 100%;
  }
}

@media only screen and (min-width: 700px) and (max-width: 850px) {

  .two-column-grid-main {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
  .two-column-grid-row {
    margin-bottom: 40px;
  }
  .two-column-grid-title-box {
    padding-top: 40px;
    padding-bottom: 20px;
  }
  .two-column-grid-text-box {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media only screen and (max-width: 699px) {

  .two-column-grid-main {
    width: 100%;
  }
  .two-column-grid-title-box {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .two-column-grid-text-box {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen  and (min-width: 851px) {

  .scroll-data-box-parent {
  /*  background-color: rgba(0,0,0,0.5); */
  }
  .scroll-data-info-box {
    border-radius:10px;
    border: 4px solid #fff;
    color: #333;
    margin: auto;
    box-shadow: 1px 2px 10px #444;
    background-color: var(--lead-light-color);
    padding: 20px;
  }
  .scroll-data-box-title {
    font-size: 24px;
    text-align: center;
  }
  .scroll-data-box-1 {
    margin: auto;
    border-radius: 10px;
  /*  background-color: rgba(0,0,0,0.5); */
    color: #fff;
    line-height: 2;
    width: 400px;
    font-size: 22px;
    padding: 20px;
    box-sizing: border-box;
  }

}

@media only screen and (min-width: 850px) {

  .sq-circle-200-250 {
    width: 250px;
    height: 250px;
    border-radius: 50%;
  }

}

@media only screen and (max-width: 850px) {

  .sq-circle-200-250 {
    width: 200px;
    height: 200px;
    border-radius: 50%;
  }

  .scroll-data-box-parent {
  /*  background-color: rgba(0,0,0,0.5) */
  }
  .scroll-data-info-box {
    border-radius: 10px;
    border: 4px solid #fff;
    color: #333;
    margin: auto;
    box-shadow: 1px 2px 10px #444;
    background-color: var(--lead-light-color);
    padding: 20px;
  }
  .scroll-data-box-title {
    font-size: 22px;
    text-align: center;
  }
  .scroll-data-box-1 {
    margin: auto auto auto 20px;
    border-radius: 10px;
  /*  background-color: rgba(0,0,0,0.6); */
    color: #fff;
    font-size: 22px;
    box-sizing: border-box;
  }
  .two-column-grid-parent {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .two-column-grid-parent.pad-top-0 {
    padding-top: 0px; 
  }
  .two-column-grid-row {
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
  }
  .two-column-grid-box {
    display: flex;
    flex-wrap: wrap;
    width: 100%;  
    justify-content: space-between;
    min-height: 200px;
  }
  .two-column-grid-box.image {
    order: -1;
    width: 100%;
    height: 300px;
  }
  .two-column-grid-title-box {
    font-size: 24px;
    text-align: center;
    width: 100%;
    color: var(--main-title-color);
  }
  .two-column-grid-text-box {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
  .two-column-grid-button-box {
    padding-top: 40px;
    padding-bottom: 40px;
    width: 100%;
  }
}


/* 2 section flex box for text video */
@media only screen  and (min-width: 1000px) {

  .video-text-box-parent {
    display: flex;
    width: 100%;
    box-sizing: border-box;
  }
  .video-text-box-text {
    width: 50%;
  }
  .video-text-box-text > div {
    margin: 40px;
  }
  .video-text-box-video {
    width: 50%;
    display: flex;
  }
  .video-text-box-video > iframe {
    margin: auto;
    width: 450px;
    height: 253px;
  }
  .video-text-box-video > div.w600 {
    margin: auto;
    width: 600px;
    height: 337px;
  }
  .youtube-video-container > iframe.w600 {
    margin: auto;
    width: 600px;
    height: 337px;
  }
  .youtube-video-container > div.w600 {
    margin: auto;
    width: 600px;
    height: 337px;
  }
}

@media only screen and (min-width: 1200px) {

  .video-text-box-video > iframe {
    margin: auto;
    width: 498px;
    height: 280px;
  }
  .video-text-box-video > iframe.w600 {
    margin: auto;
    width: 600px;
    height: 337px;
  }
  .video-text-box-video > div.w600 {
    margin: auto;
    width: 600px;
    height: 337px;
  }
  .youtube-video-container > iframe.w600 {
    margin: auto;
    width: 600px;
    height: 337px;
  }
  youtube-video-container > div.w600 {
    margin: auto;
    width: 600px;
    height: 337px;
  }
  .video-text-box-video > iframe.portrait {
    margin: auto;
    width: 280px;
    height: 497px;
  }
}

@media only screen and (min-width: 700px) and (max-width: 1000px) {

  .video-text-box-video > iframe {
    margin: auto;
    width: 450px;
    height: 253px;
  }
  .video-text-box-video > iframe.w600 {
    margin: auto;
    width: 600px;
    height: 337px;
  }
  .youtube-video-container > iframe.w600 {
    margin: auto;
    width: 600px;
    height: 337px;
  }
  .video-text-box-video > div.w600 {
    margin: auto;
    width: 600px;
    height: 337px;
  }
  .youtube-video-container > div.w600 {
    margin: auto;
    width: 600px;
    height: 337px;
  }
  .video-text-box-video > iframe.portrait {
    margin: auto;
    width: 280px;
    height: 497px;
  }
}

@media only screen and (max-width: 1000px) {

  .video-text-box-parent {
    display: block;
  }
  .video-text-box-text {
    margin: 40px;
   /* display: flex; */
  }
  .video-text-box-text.mar-0 {
    margin: 10px 0px 0px;
  }
  .video-text-box-text > div {
    margin: auto;
  }
  .video-text-box-video {
    display: flex;
    margin: 20px;
    box-sizing: border-box;
  }
  .video-text-box-video.mar-0 {
    margin: 0px;
  }
}

@media only screen and (min-width: 350px) and (max-width: 699px) {
 
  .video-text-box-text {
    margin: 30px;
   /* display: flex; */
  }
  .video-text-box-text.m-mar-20 {
    margin: 20px;
  }
  .video-text-box-video > iframe {
    margin: auto;
    width: 340px;
    height: 189px;
  }
  .video-text-box-video > div.w600 {
    margin: auto;
    width: 340px;
    height: 189px;
  }
  .youtube-video-container > iframe.w600 {
    margin: auto;
    width: 340px;
    height: 189px;
  }
  .youtube-video-container > div.w600 {
    margin: auto;
    width: 340px;
    height: 189px;
  }
}