@charset "utf-8";
/*************************************************
  ABOVE THE REST LUXURY CABINS
  Custom CSS for Design System | Michael Crowe
 *************************************************/

/*  TOKENS
    ==============================================
    Color  */
:root {
 /* Base scale */
  --storm-90: #0B0B4E;
  --storm-80: #131E70;
  --storm-70: #223B91;
  --storm-60: #345DA9;  /* brand-blue-dark */
  --storm-50: #5B91C9;  /* brand-blue-medium */
  --storm-40: #86B9DE;  /* brand-blue-light */
  --storm-30: #A7D8EC;
  --storm-20: #B8E4F0;
  --dusk-90: #23064A;
  --dusk-80: #35166C;
  --dusk-70: #4C318D;
  --dusk-60: #5F50A8;
  --dusk-50: #7E81CD;
  --dusk-40: #9CA8E7;
  --dusk-30: #AFC8FA;
  --dusk-20: #C4E1FF;
  --wine-90: #330340;
  --wine-80: #4C0F5E;
  --wine-70: #68277C;
  --wine-60: #7F4497;
  --wine-50: #A070BE;
  --wine-40: #BC95DA;
  --wine-30: #CDB1F3;
  --wine-20: #DCCAFF;
  --rose-90: #400031;
  --rose-80: #5E0949;
  --rose-70: #7D2062;
  --rose-60: #963979;
  --rose-50: #BA609B;
  --rose-40: #D782B4;
  --rose-30: #EC9BCC;
  --rose-20: #FFBAE7;
  --peach-90: #49011F;
  --peach-80: #6A082F;
  --peach-70: #8C1C40;
  --peach-60: #A53351;
  --peach-50: #C95669;
  --peach-40: #E5777B;
  --peach-35: #FA8D8A;  /* INFILL for Error */
  --peach-30: #FF9790;
  --peach-20: #FFA99C;
  --fire-90: #4E0707;
  --fire-80: #70130B;
  --fire-70: #912411;
  --fire-60: #A93717;
  --fire-50: #C95821;
  --fire-40: #DE792B;
  --fire-30: #F09B35;
  --fire-20: #F9AF3B;  /* brand-gold */
  --fire-10: #FFD048;  /* button-hover */
  --sun-90: #4E1500;
  --sun-80: #6E2400;
  --sun-70: #8D3500;
  --sun-60: #A04700;
  --sun-50: #B66700;
  --sun-40: #C78729;  /* button-normal */
  --sun-35: #CD9B42;  /* INFILL for Warning */
  --sun-30: #D0A549;
  --sun-20: #D9B960;
  --earth-90: #452000;
  --earth-80: #603300;
  --earth-70: #794700;
  --earth-60: #895908;
  --earth-50: #A07423;
  --earth-40: #B1924E;
  --earth-30: #BDA668;
  --earth-20: #D1C38F;
  --moss-90: #312500;
  --moss-80: #453908;
  --moss-70: #594E1B;
  --moss-60: #6C622E;
  --moss-50: #89824A;
  --moss-40: #A7A36C;
  --moss-30: #BBBA82;
  --moss-20: #CFD199;
  --moss-10: #D9DCA5;
  --bass-90: #1D260B;
  --bass-80: #2E3918;
  --bass-70: #404E25;
  --bass-60: #536433;
  --bass-50: #768956;
  --bass-40: #9EB081;
  --bass-30: #BACC9E;
  --bass-20: #C6DAAA;
  --bass-10: #D4E8B4;
  --pine-90: #0F2218;
  --pine-80: #163824;
  --pine-70: #1E4E30;
  --pine-60: #29663A;
  --pine-50: #5A8F5F;
  --pine-40: #96BD95;
  --pine-30: #BEDCBB;
  --pine-20: #CBEDC8;
  --pine-10: #D9FFD3;
  --pine-05: #E8FFDF;  /* INFILL for Success */
  --spring-90: #002421;
  --spring-80: #003B33;
  --spring-70: #005247;
  --spring-60: #006C5A;
  --spring-50: #3B967D;
  --spring-40: #79C3A6;
  --spring-30: #ACDEC5;
  --spring-20: #BFEDD4;
  --spring-10: #CDFDE1;
  --lake-90: #002331;
  --lake-80: #00394A;
  --lake-70: #005164;
  --lake-60: #006C7A;
  --lake-50: #1D999E;
  --lake-40: #5EC5C0;
  --lake-30: #96E0D4;
  --lake-20: #AFEDDF;
  --lake-10: #C8FAEC;
  --lake-05: #DEFEF1;  /* INFILL for Info */
  --sky-90: #001B42;
  --sky-80: #003061;
  --sky-70: #004A7F;
  --sky-60: #006797;
  --sky-50: #3597B8;
  --sky-40: #6DC1D3;
  --sky-30: #9ADBE1;
  --sky-20: #B1E8EA;
  --sky-10: #C8F5F3;  
}

/*  INITIAL VARIABLES
    ==============================================  */
:root {
 /* Brand colors */
  --brand-blue-dark: var(--storm-60);
  --brand-blue-medium: var(--storm-50);
  --brand-blue-light: var(--storm-40);
  --brand-gold: var(--fire-20);
 /* Semantic colors */
  --button-normal: var(--sun-40);
  --button-hover: var(--fire-10);
 /* Utility colors >> */
   /* Alarm text------*/
    --alarm-text-darker: var(--fire-90);
    --alarm-text-dark: var(--fire-80);
    --alarm-text-medium: var(--fire-70);
    --alarm-text-light: var(--fire-60);
   /* Info------------*/
    --info-lighter: var(--lake-05);
    --info-light: var(--lake-30);
    --info-medium: var(--lake-50);
    --info-dark: var(--lake-60);
    --info-darker: var(--lake-70);
    --info-ink: var(--lake-90);
   /* Success---------*/
    --success-lighter: var(--pine-05);
    --success-light: var(--pine-30);
    --success-medium: var(--pine-50);
    --success-dark: var(--pine-60);
    --success-darker: var(--pine-70);
    --success-ink: var(--pine-90);
   /* Warning---------*/
    --warning-lighter: var(--sun-20);
    --warning-light: var(--sun-35);
    --warning-medium: var(--sun-50);
    --warning-dark: var(--sun-60);
    --warning-darker: var(--sun-70);
    --warning-ink: var(--sun-90);
   /* Error-----------*/
    --error-lighter: var(--peach-20);
    --error-light: var(--peach-35);
    --error-medium: var(--peach-50);
    --error-dark: var(--peach-60);
    --error-darker: var(--peach-70);
    --error-ink: var(--peach-90);
 /* Color-alpha for gradients and shadows */
  --sheen-coolgray-dark: rgb(22 54 70 / 39%);
  --sheen-coolgray-light: rgb(77 110 128 / 12%);
  --sheen-coolgray-medium: rgb(22 54 70 / 14%);
 /* Shadows >> */
   /* Elements over light bg--------*/
    --shadow-onlight-near: 1.5px 1px 2px 1px var(--sheen-coolgray-dark);
    --shadow-onlight-far: -0.5px 0 11px 8px var(--sheen-coolgray-medium);
    --shadows-onlight:
      var(--shadow-onlight-near),
      var(--shadow-onlight-far);
   /* Large text over messy bg------*/
    --shadow-ondark-large-near: 5px 2px 6px rgb(0 0 0 / 88%);
    --shadow-ondark-large-far: -3px -2px 14px rgb(0 0 0 / 48%);
    --shadows-ondark-large:
      var(--shadow-ondark-large-far),
      var(--shadow-ondark-large-near);
   /* Medium text over messy bg-----*/
    --shadow-ondark-medium-near: 2px 2px 3px rgb(0 0 0 / 93%);
    --shadow-ondark-medium-far: -1px 0 11px rgb(0 0 0 / 68%);
    --shadows-ondark-medium:
      var(--shadow-ondark-medium-far),
      var(--shadow-ondark-medium-near);
}

/*  COLOR THEME SELECTOR CLASSES
    ============================================== */
[data-hue="storm"] {
  --c-90: var(--storm-90);
  --c-80: var(--storm-80);
  --c-70: var(--storm-70);
  --c-60: var(--storm-60);
  --c-50: var(--storm-50);
  --c-40: var(--storm-40);
  --c-30: var(--storm-30);
  --c-20: var(--storm-20);}
[data-hue="dusk"] {
  --c-90: var(--dusk-90);
  --c-80: var(--dusk-80);
  --c-70: var(--dusk-70);
  --c-60: var(--dusk-60);
  --c-50: var(--dusk-50);
  --c-40: var(--dusk-40);
  --c-30: var(--dusk-30);
  --c-20: var(--dusk-20);}
[data-hue="wine"] {
  --c-90: var(--wine-90);
  --c-80: var(--wine-80);
  --c-70: var(--wine-70);
  --c-60: var(--wine-60);
  --c-50: var(--wine-50);
  --c-40: var(--wine-40);
  --c-30: var(--wine-30);
  --c-20: var(--wine-20);}
[data-hue="rose"] {
  --c-90: var(--rose-90);
  --c-80: var(--rose-80);
  --c-70: var(--rose-70);
  --c-60: var(--rose-60);
  --c-50: var(--rose-50);
  --c-40: var(--rose-40);
  --c-30: var(--rose-30);
  --c-20: var(--rose-20);}
[data-hue="peach"] {
  --c-90: var(--peach-90);
  --c-80: var(--peach-80);
  --c-70: var(--peach-70);
  --c-60: var(--peach-60);
  --c-50: var(--peach-50);
  --c-40: var(--peach-40);
  --c-30: var(--peach-30);
  --c-20: var(--peach-20);}
[data-hue="fire"] {
  --c-90: var(--fire-90);
  --c-80: var(--fire-80);
  --c-70: var(--fire-70);
  --c-60: var(--fire-60);
  --c-50: var(--fire-50);
  --c-40: var(--fire-40);
  --c-30: var(--fire-30);
  --c-20: var(--fire-20);}
[data-hue="sun"] {
  --c-90: var(--sun-90);
  --c-80: var(--sun-80);
  --c-70: var(--sun-70);
  --c-60: var(--sun-60);
  --c-50: var(--sun-50);
  --c-40: var(--sun-40);
  --c-30: var(--sun-30);
  --c-20: var(--sun-20);}
[data-hue="earth"] {
  --c-90: var(--earth-90);
  --c-80: var(--earth-80);
  --c-70: var(--earth-70);
  --c-60: var(--earth-60);
  --c-50: var(--earth-50);
  --c-40: var(--earth-40);
  --c-30: var(--earth-30);
  --c-20: var(--earth-20);}
[data-hue="moss"] {
  --c-90: var(--moss-90);
  --c-80: var(--moss-80);
  --c-70: var(--moss-70);
  --c-60: var(--moss-60);
  --c-50: var(--moss-50);
  --c-40: var(--moss-40);
  --c-30: var(--moss-30);
  --c-20: var(--moss-20);}
[data-hue="bass"] {
  --c-90: var(--bass-90);
  --c-80: var(--bass-80);
  --c-70: var(--bass-70);
  --c-60: var(--bass-60);
  --c-50: var(--bass-50);
  --c-40: var(--bass-40);
  --c-30: var(--bass-30);
  --c-20: var(--bass-20);}
[data-hue="pine"] {
  --c-90: var(--pine-90);
  --c-80: var(--pine-80);
  --c-70: var(--pine-70);
  --c-60: var(--pine-60);
  --c-50: var(--pine-50);
  --c-40: var(--pine-40);
  --c-30: var(--pine-30);
  --c-20: var(--pine-20);}
[data-hue="spring"] {
  --c-90: var(--spring-90);
  --c-80: var(--spring-80);
  --c-70: var(--spring-70);
  --c-60: var(--spring-60);
  --c-50: var(--spring-50);
  --c-40: var(--spring-40);
  --c-30: var(--spring-30);
  --c-20: var(--spring-20);}
[data-hue="lake"] {
  --c-90: var(--lake-90);
  --c-80: var(--lake-80);
  --c-70: var(--lake-70);
  --c-60: var(--lake-60);
  --c-50: var(--lake-50);
  --c-40: var(--lake-40);
  --c-30: var(--lake-30);
  --c-20: var(--lake-20);}
[data-hue="sky"] {
  --c-90: var(--sky-90);
  --c-80: var(--sky-80);
  --c-70: var(--sky-70);
  --c-60: var(--sky-60);
  --c-50: var(--sky-50);
  --c-40: var(--sky-40);
  --c-30: var(--sky-30);
  --c-20: var(--sky-20);}

/*  GENERAL
    ==============================================
    Disable horizontal scrollbar when screen overflows;
    it displaces the sticky footer on mobile  */
body {
  overflow-x: hidden;
}

/*  HOVER STATES
    ==============================================
    Normalize transition in/out timing  */
a,
button,
.btn {
  transition-property:
    color,
    background-color,
    filter;
  transition-duration: 180ms;
  transition-timing-function: linear;
}
a:hover,
button:hover,
.btn:hover {
  transition-duration: 60ms;
  transition-timing-function: ease-out;
}
/*  Button styling  */
.btn.btn-primary {
  font-weight: 700;
  font-size: 1.25em;
  letter-spacing: -0.01em;
  border-width: 0.5px 2px 1px 1px;
  background: var(--button-normal);
}
.btn-primary:active,
.btn-primary:active:focus,
.btn-primary:focus,
.btn-primary:hover {
  border-style: solid;
  border-color:
    var(--fire-20)
    var(--fire-20)
    var(--fire-30);
  color: #222;
  background: var(--button-hover);
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
  outline-color: var(--fire-60);
}
/*  Glow and zoom on hover  */
.glow-zoom,
.index-features-img,
.property-list-img,
.sidebar-feature img,
.alternative-properties-item .row > div,
.alternative-properties-img,
.navbar-brand > img {
  transition-property:
    color,
    background-color,
    filter,
    transform;
  transition-duration: 180ms;
  transition-timing-function: linear;
  filter: initial;
}
.glow-zoom:hover,
.alternative-properties-item .row > div:hover {
  transition-duration: 60ms;
  transition-timing-function: ease-out;
  transform: scale(1.1);
}
.glow-zoom:hover,
.index-features-img:hover,
.property-list-img:hover,
.sidebar-feature:hover img,
.alternative-properties-img:hover {
  transition-duration: 60ms;
  transition-timing-function: ease-out;
  filter:
    saturate(188%)
    contrast(91%)
    brightness(118%);
}
.navbar-brand > img:hover {
  transition-duration: 60ms;
  transition-timing-function: ease-out;
  filter:
    saturate(182%)
    contrast(115%)
    brightness(150%);
}

/*  HEADER
    ==============================================
    Subtle shadow  */
.masthead > div {
  border-bottom: 1px solid var(--sheen-coolgray-medium);
  box-shadow: 0 -4px 32px var(--sheen-coolgray-dark);
}
/*  Make phone number bolder  
    NOTE: LiveRez class starts with number, can't use  */
.phone-link > span:first-child {
  font-weight: 700;
  letter-spacing: 0.0125em;
}
/*  Correct logo size @768  */
@media (min-width: 768px) and (max-width: 991.9999px) {
  body .masthead .navbar-brand img {
    left: -5em;
    width: 18em;
    top: 1px;
  }
}
/*  Restore Home logo to full size @1200px  */
@media (min-width: 1200px) {
  body.Index .navbar-brand img {
    left: -3.5em;
    width: 23.5em;
    top: -5px;
  }
}

/*  NAV - DESKTOP MASTHEAD
    ==============================================  */
@media (min-width: 768px) {
  /* Style the dropdown  */
  .navbar li.dropdown > ul.dropdown-menu {
    background-color: #f9f9f9;
    border-color: var(--sheen-coolgray-medium);
    border-radius: 10px;
    box-shadow: var(--shadow-onlight-far);
    overflow-x: hidden;
  }
  .navbar li.dropdown > ul.dropdown-menu a {
    font-family: "Lato", Arial, Verdana, sans-serif;
    font-size: 1.3em;
    font-weight: 700;
    line-height: 1.5;
    color: #2a2a2a;
  }
  .navbar li.dropdown > ul.dropdown-menu a:hover {
    color: #f5f5f5;
    background-color: var(--brand-blue-medium);
  }
  /*  Dropdown transitions  */
  .navbar li.dropdown > ul.dropdown-menu {
    display: unset;
    opacity: 0%;
    transition: opacity 150ms ease-in-out 20ms;
    pointer-events: none;
  }
  .navbar li.dropdown:hover > ul.dropdown-menu {
    display: unset;
    opacity: 100%;
    transition: opacity 10ms ease-in-out 0;
    display: block;
    pointer-events: auto;
  }
}

/*  NAV - MOBILE SIDEBAR
    ==============================================
    Correcting menu items being flush right  */
.nav li.dropdown {
  text-align: left;
}

/*  FOOTER
    ==============================================
    Subtle shadow  */
.footer-wrapper {
  border-top: 1px solid var(--sheen-coolgray-medium);
  border-radius: 20px 28px 0 0;
  box-shadow: 0 4px 40px var(--sheen-coolgray-dark);
}    

/*  ALERT BANNER
    ==============================================
    Turn off  */
.alert.alert-warning.alert-dismissible {
  display: none;
}
/*  Alert wrapper styling  *  commented out while off
body.Index div.alert.alert-warning.alert-dismissible,
body:not(.Index) div.alert.alert-warning.alert-dismissible {
  background-image: linear-gradient(75deg,
    var(--c-90, var(--wine-90)) 0%,
    var(--c-80, var(--wine-80)) 7%,
    var(--c-70, var(--wine-70)) 41%,
    var(--c-80, var(--wine-80)) 76%,
    var(--c-90, var(--wine-90)) 100%);
  display: block;
  font-size: 1.15em;
  line-height: 1.25;
  min-height: 4em;
  left: 1.5vw;
  right: 1.5vw;
  margin: 1em auto;
  padding-left: 4px;
  padding-right: 20px;
  padding-bottom: 4px;
  width: 90%;
  max-width: 1150px;
  place-self: center;
  border-radius: 1em;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  -ms-border-radius: 1em;
  -o-border-radius: 1em;
  box-shadow: var(--shadows-ondark-large); 
} */
/*  Flex container row  */
.mc-alert {
  margin: 0.25em 0;
  display: flex;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
}
/*  Container columns  */
.mc-alert__icon-column {
  display: inline-block;
  margin-right: 1.25em;
  padding-top: 0.125em;
}
.mc-alert-message {
  width: 90%;
  padding-top: 0.25em;
  display: inline-block;
}
/*  Text formatting  */
.mc-alert-message > p {
  font-size: 1.25em;
  line-height: 1.15;
}
  /* div.alert.alert-warning.alert-dismissible strong, */
.alertdismissible .mc-alert-message > p strong {
  font-weight: 700;
  letter-spacing: -0.025em;
  word-spacing: 0.01em;
  padding-right: 2px;
}
  /* div.alert.alert-warning.alert-dismissible a, */
.alertdismissible .mc-alert-message > p a { 
  font-weight: 700;
  text-decoration: underline;
  letter-spacing: -0.01em;
}

/*  HOME > HERO
    ==============================================
    Styling the Hed  */
#heroHed {
  font-weight: 700;
  text-shadow: var(--shadows-ondark-large);
}
#heroHed:after {
  content: "\2122";
  font-size: 2.5rem;
  font-weight: 400;
  opacity: 85%;
}
/*  Styling the Dek  */
#heroDek {
  font-size: 1.81em;
  line-height: 1.35;
  text-align: left;
  letter-spacing: 0.006em;
  margin: 1.1em 0 0 !important;
  text-shadow: var(--shadows-ondark-medium);
}
/*  Hero was colliding with elements  */
@media(min-width:768px) {
  #halfPage .caption-title-container {
    top: 27vh;
    left: 2em;
  }
}
@media(min-width:992px) {
  #halfPage .caption-title-container {
    left: 3em;
  }
}
/*  Use CSS variables for background gradient  */
#halfPage .fill:before {
  content: '';
  background-image: linear-gradient(90deg,
    var(--sheen-coolgray-dark) 17%,
    var(--sheen-coolgray-light) 83%,
    var(--sheen-coolgray-medium) 100%);
  mix-blend-mode: multiply;
}
/*  Big shift @768  */
@media (max-width: 767.9999px) {
 /* Scale down and center text for tablet/mobile */
  .caption-title-container {
    display: grid;
    place-items: center;
    margin-top: 5vh;
    font-size: 1em;
  }
  .caption-title-container .col-xs-offset-1 {
    margin-left: unset;
  }
  .caption-title-container .col-xs-10 {
    width: 90%;
    padding-left: 8px;
    padding-right: 8px;
  }
  #heroHed,
  #heroDek {
    text-align: center !important;
  }
 /* Expand image slideshow vertically */
  #halfPage .carousel-inner,
  #halfPage .carousel-inner .active,
  #halfPage .carousel-inner .item {
    height: 71vh;
    max-height: 71vh;
  }
}

/*  HOME > AVAILABILITY SEARCH ON MOBILE
    ==============================================
    Shrink container on small screens */
@media(max-width:767.9999px) {
  body.Index section.grand-opening {
    width: 94vw;
  }
}
/* Style controls container and fix to bottom */
@media(max-width: 767.9999px) and (orientation: portrait) {
  body.Index .search-bar-wrap {
    position: fixed !important;
    width: 100%;
    background-color: hsl(235 40% 6% / 0.75);
    left: 0;
    bottom: 0;
    z-index: 198;
    border-top: 1px solid #d7d7d7;
    box-shadow: 0 -3px 20px var(--sheen-coolgray-dark);
  }
}  

/*  HOME > FEATURED CABINS SLIDESHOW
    ==============================================
    Background color  */
.index-features-section {
  background-color: var(--brand-blue-light);
}
/*  Restyle cabin label cell  */
.index-features-title {
  font-size: 1.15em;
  font-weight: 400;
  text-align: left;
  text-transform: unset;
  background-color: rgb(0 0 0 / 52%);
}
/*  Restyle cabin label text  */
.index-features-title > a,
.index-features-title > a:focus,
.index-features-title > a:hover {
  color: #f8f8f8;
  letter-spacing: -0.01em;
  word-spacing: 0.1em;
}

/*  Format for desktop  */
@media(min-width:768px) {
  /* Make Boostrap columns more flexible */
  .index-features-wrapper > .col-sm-1 {
    width: 3%;
  }
  .index-features-wrapper > .col-sm-10 {
    width: 94%;
  }
  #indexFeatures .row {
    display: flex;
    margin: 0;
    justify-content: space-between;
    align-items: center;
    align-content: center;
  }
  /* Stop clipping cards when they grow on hover */
  #indexFeatures .carousel-inner {
    overflow: unset;
  }
  /* Decorate card */
  #indexFeatures .row > div {
    padding: 0;
    margin: 0 0.75em;
    border-radius: 12px;
    overflow: hidden;
    transition-property: filter, transform;
    transition-duration: 180ms;
    transition-timing-function: ease-in-out;
    box-shadow: var(--shadows-onlight);
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
  }
  #indexFeatures .row > div:hover {
    transform: scale(1.1);
  }
}

/*  CABIN SEARCH RESULT CARD
    ==============================================
    Cabin name bigger size and all caps  */
.alternative-properties-title a,
.property-list-code strong {
  text-transform: uppercase;
  font-size: 1.15em;
  letter-spacing: -0.02em;
  line-height: 2;
  text-decoration: none !important;
}
body.Property .breadcrumb li:last-child {
  text-transform: uppercase;
}
/*  Hides label "CODE:"  */
.pid-text {
  display: none;
}

/*  ADVANCED SEARCH
    ==============================================
    Overrides conflict that hides custom amenities  */
.secondary-advanced-checkbox {
  display: block !important;
}

/*  PROPERTY PAGES
    ==============================================
    Style tabs  */
body.Property .property-page-details-menu-item a {
  background-color: var(--brand-blue-dark);
  border-radius: 12px 3px 0 0;
}
body.Property .property-page-details-menu-item a:hover {
  background-color: var(--storm-20);
}

/*  SIMILAR / ALTERNATIVE PROPERTIES CARDS
    ==============================================
    Reformats price badge  */
.alternative-properties-price-container {
  margin: 0.5em;
  line-height: 0.7;
  border-radius: 2em;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  -ms-border-radius: 2em;
  -o-border-radius: 2em;
}
/*  Make row flexible and distribute cards  */
.alternative-properties-item .row {
  display: flex;
  justify-content: flex-start;
}
.alternative-properties-item .row > div:not(:first-child) {
  margin-left: 0.625em;
}
.alternative-properties-item .row > div:not(:last-child) {
  margin-right: 0.625em;
}
/*  Decorate card  */
.alternative-properties-item .row > div {
  padding: 0;
  overflow: hidden;
  border-radius: 12px;
  mix-blend-mode: color-burn;
  box-shadow: var(--shadows-onlight);
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
}
/*  Let card grow beyond container on hover  */
.carousel-inner.alternative-properties-carousel-inner {
  overflow: unset;
}
/*  Siblings obstructing the anchor  */
.alternative-properties-price-wrapper,
.alternative-properties-title {
  backdrop-filter: blur(0.5px);
  pointer-events: none;
  z-index: 100;
}
/*  Formats price text  */
.alternative-properties-per-night {
  text-align: center;
}
.alternative-properties-per-night small {
  font-size: 0.875em;
}
/*  Hides "(USD)"  */
.alternative-properties-per-night small strong {
  display: none;
}

/*  PROPERTY > INDIVIDUAL CABIN SELECTORS
    ==============================================
    Determine attributes from cabin name  */
body.Property :is(
  .mc-datahook[data-cabin="Deer Crossing"],
  .mc-datahook[data-cabin="Dream Catcher"],
  .mc-datahook[data-cabin="Whispering Winds"]) {
  --cabin-property-type: "Cozy Cottages";
}
body.Property :is(
  .mc-datahook[data-cabin="Misty Pines"],
  .mc-datahook[data-cabin="Plane View"],
  .mc-datahook[data-cabin="Sunshine In The Pines"],
  .mc-datahook[data-cabin="Waterside Retreat"]) {
  --cabin-property-type: "Serene Retreats";
}
body.Property :is(
  .mc-datahook[data-cabin="Big Bear"],
  .mc-datahook[data-cabin="Blue Ridge Bliss"],
  .mc-datahook[data-cabin="Smore Sunsets"],
  .mc-datahook[data-cabin="Tranquility"],
  .mc-datahook[data-cabin="Wilderness Lodge"],
  .mc-datahook[data-cabin="Wooden Indian"]) {
  --cabin-property-type: "Elegant Lodges";
}
body.Property :is(
  .mc-datahook[data-cabin="Among The Pines"],
  .mc-datahook[data-cabin="Antler Lodge"],
  .mc-datahook[data-cabin="Blessings"],
  .mc-datahook[data-cabin="Happy Trails"]) {
  --cabin-property-type: "Ultimate Getaways";
}