/* =========================================================
   PARADISE ESCAPE
   DEFAULT PROPERTY TEMPLATE
   CLEAN FINAL MAIN CSS

   Scope:
   - Property title / gallery
   - Property tabs
   - Summary + description
   - Booking widget OUTER card only
   - Rates & Availability outer layout
   - Location
   - Amenities
   - Footer breathing
   - Responsive

   Excluded:
   - Booking widget internal fields/buttons
   - Calendar state/property colors
   - Reviews iframe internals
========================================================= */

:root {
  --pe-black: #111210;
  --pe-charcoal: #191A17;
  --pe-charcoal-2: #20211D;
  --pe-gold: #B79A62;
  --pe-gold-dark: #9E8352;
  --pe-gold-soft: #CDB886;
  --pe-ivory: #F4F0E7;
  --pe-muted: #B9B4AA;
  --pe-line: rgba(183,154,98,.18);
}



/* =========================================================
   COTTAGES OVERVIEW /properties
   OWNERREZ multipropertyindex ONLY
========================================================= */

html.multipropertyindex,
html.multipropertyindex body{
  background:#111210 !important;
  color:#F4F0E7 !important;
}

html.multipropertyindex #content.container{
  width:100% !important;
  max-width:1280px !important;
  margin:0 auto !important;
  padding:96px 28px 72px !important;
  background:#111210 !important;
  background-color:#111210 !important;
  color:#F4F0E7 !important;
}

html.multipropertyindex #content .body-content{
  width:100% !important;
  background:transparent !important;
  color:#F4F0E7 !important;
}

html.multipropertyindex #content h1.page-header{
  margin:0 0 7px !important;
  padding:0 !important;
  border:0 !important;
  color:#F4F0E7 !important;
  font-family:"Marcellus",Georgia,serif !important;
  font-size:48px !important;
  line-height:1.05 !important;
  font-weight:400 !important;
  letter-spacing:-.02em !important;
}

html.multipropertyindex #content h1.page-header + p,
html.multipropertyindex #content h1.page-header + .lead{
  margin:0 0 28px !important;
  padding:0 !important;
  color:rgba(244,240,231,.65) !important;
  font-family:"Alone Kaium","Open Sans",sans-serif !important;
  font-size:17px !important;
  line-height:1.55 !important;
}


/* ---------------------------------------------------------
   OWNERREZ PROPERTY SEARCH
   Keep structure native, only premium visual styling
--------------------------------------------------------- */

html.multipropertyindex .inicarousel-search-bar.container{
  width:100% !important;
  max-width:none !important;
  margin:0 0 56px !important;
  padding:0 !important;
  background:transparent !important;
}

html.multipropertyindex #search-bar-widget.row.search-bar,
html.multipropertyindex #search-bar-widget.row.search-bar form{
  margin:0 !important;
  padding:18px !important;
  background:#171815 !important;
  border:1px solid rgba(183,154,98,.24) !important;
  border-radius:14px !important;
  box-shadow:none !important;
}

html.multipropertyindex #search-bar-widget .search-bar-field{
  min-height:46px !important;
  background:#20211D !important;
  border-color:rgba(183,154,98,.24) !important;
  border-radius:8px !important;
  color:#F4F0E7 !important;
}

html.multipropertyindex #search-bar-widget input,
html.multipropertyindex #search-bar-widget select{
  min-height:46px !important;
  background:#20211D !important;
  background-color:#20211D !important;
  color:#F4F0E7 !important;
  -webkit-text-fill-color:#F4F0E7 !important;
  border-color:rgba(183,154,98,.24) !important;
  font-family:"Alone Kaium","Open Sans",sans-serif !important;
  box-shadow:none !important;
}

html.multipropertyindex #search-bar-widget input::placeholder{
  color:rgba(244,240,231,.62) !important;
  -webkit-text-fill-color:rgba(244,240,231,.62) !important;
  opacity:1 !important;
}

html.multipropertyindex #search-bar-widget select option{
  background:#191A17 !important;
  color:#F4F0E7 !important;
}

html.multipropertyindex #search-bar-widget .input-group-addon,
html.multipropertyindex #search-bar-widget .input-group-btn .btn{
  min-height:46px !important;
  background:#20211D !important;
  background-color:#20211D !important;
  color:#CDB886 !important;
  border-color:rgba(183,154,98,.24) !important;
  box-shadow:none !important;
}

html.multipropertyindex #search-bar-widget .search-bar-button button.btn.btn-default{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:46px !important;
  padding:0 26px !important;
  background:#B79A62 !important;
  background-color:#B79A62 !important;
  border:1px solid #B79A62 !important;
  border-radius:8px !important;
  color:#111210 !important;
  -webkit-text-fill-color:#111210 !important;
  font-family:"Alone Kaium","Open Sans",sans-serif !important;
  font-size:14px !important;
  font-weight:600 !important;
  letter-spacing:.06em !important;
  box-shadow:none !important;
}

html.multipropertyindex #search-bar-widget .search-bar-button button.btn.btn-default:hover,
html.multipropertyindex #search-bar-widget .search-bar-button button.btn.btn-default:focus{
  background:#9E8352 !important;
  background-color:#9E8352 !important;
  border-color:#9E8352 !important;
  color:#111210 !important;
}





/* =========================================================
   COTTAGES SEARCH — ICON / FIELD ALIGNMENT
   Keeps OwnerRez search structure intact
========================================================= */

html.multipropertyindex #search-bar-widget .search-bar-field{
  position:relative !important;
  overflow:hidden !important;
}

html.multipropertyindex #search-bar-widget .input-group{
  display:flex !important;
  align-items:stretch !important;
  width:100% !important;
  max-width:100% !important;
  min-height:46px !important;
  margin:0 !important;
}

html.multipropertyindex #search-bar-widget .input-group .form-control{
  flex:1 1 auto !important;
  width:1% !important;
  min-width:0 !important;
  min-height:46px !important;
  margin:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  line-height:46px !important;
  border-radius:8px 0 0 8px !important;
}

html.multipropertyindex #search-bar-widget .input-group-addon,
html.multipropertyindex #search-bar-widget .input-group-btn{
  display:flex !important;
  flex:0 0 46px !important;
  width:46px !important;
  min-width:46px !important;
  height:46px !important;
  min-height:46px !important;
  margin:0 !important;
  padding:0 !important;
  align-items:center !important;
  justify-content:center !important;
}

html.multipropertyindex #search-bar-widget .input-group-addon,
html.multipropertyindex #search-bar-widget .input-group-btn .btn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:46px !important;
  min-width:46px !important;
  height:46px !important;
  min-height:46px !important;
  margin:0 !important;
  padding:0 !important;
  line-height:1 !important;
  background:#20211D !important;
  background-color:#20211D !important;
  color:#CDB886 !important;
  border:1px solid rgba(183,154,98,.24) !important;
  border-left:0 !important;
  border-radius:0 8px 8px 0 !important;
  box-shadow:none !important;
  vertical-align:middle !important;
}

html.multipropertyindex #search-bar-widget .input-group-addon i,
html.multipropertyindex #search-bar-widget .input-group-addon span,
html.multipropertyindex #search-bar-widget .input-group-btn .btn i,
html.multipropertyindex #search-bar-widget .input-group-btn .btn span,
html.multipropertyindex #search-bar-widget .glyphicon,
html.multipropertyindex #search-bar-widget .fa{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  padding:0 !important;
  line-height:1 !important;
  position:static !important;
  transform:none !important;
}

html.multipropertyindex #search-bar-widget select.form-control,
html.multipropertyindex #search-bar-widget select{
  height:46px !important;
  min-height:46px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  line-height:46px !important;
  background-position:right 14px center !important;
}

@media(max-width:767px){
  html.multipropertyindex #search-bar-widget .input-group,
  html.multipropertyindex #search-bar-widget .input-group .form-control,
  html.multipropertyindex #search-bar-widget .input-group-addon,
  html.multipropertyindex #search-bar-widget .input-group-btn,
  html.multipropertyindex #search-bar-widget .input-group-btn .btn,
  html.multipropertyindex #search-bar-widget select.form-control,
  html.multipropertyindex #search-bar-widget select{
    min-height:48px !important;
    height:48px !important;
  }

  html.multipropertyindex #search-bar-widget .input-group-addon,
  html.multipropertyindex #search-bar-widget .input-group-btn,
  html.multipropertyindex #search-bar-widget .input-group-btn .btn{
    flex-basis:48px !important;
    width:48px !important;
    min-width:48px !important;
  }

  html.multipropertyindex #search-bar-widget .input-group .form-control,
  html.multipropertyindex #search-bar-widget select.form-control,
  html.multipropertyindex #search-bar-widget select{
    line-height:48px !important;
  }
}


/* ---------------------------------------------------------
   SORT CONTROL
   Actual OwnerRez markup:
   .btn-group.sort-selector > button.btn.btn-default.dropdown-toggle
--------------------------------------------------------- */

html.multipropertyindex #content .sort-selector{
  display:inline-block !important;
  margin-left:10px !important;
  vertical-align:middle !important;
}

html.multipropertyindex #content .sort-selector .dropdown-toggle,
html.multipropertyindex #content .sort-selector button.btn.btn-default{
  min-height:30px !important;
  padding:5px 12px !important;

  background:#20211D !important;
  background-color:#20211D !important;

  border:1px solid rgba(183,154,98,.28) !important;
  border-radius:7px !important;

  color:#CDB886 !important;
  -webkit-text-fill-color:#CDB886 !important;

  font-family:"Alone Kaium","Open Sans",sans-serif !important;
  font-size:11px !important;
  line-height:1.2 !important;
  font-weight:500 !important;
  letter-spacing:.055em !important;
  text-transform:uppercase !important;

  box-shadow:none !important;
  text-shadow:none !important;
}

html.multipropertyindex #content .sort-selector .dropdown-toggle:hover,
html.multipropertyindex #content .sort-selector .dropdown-toggle:focus,
html.multipropertyindex #content .sort-selector.open .dropdown-toggle{
  background:#272821 !important;
  background-color:#272821 !important;
  border-color:rgba(183,154,98,.48) !important;
  color:#F4F0E7 !important;
  -webkit-text-fill-color:#F4F0E7 !important;
  outline:none !important;
}

html.multipropertyindex #content .sort-selector .caret{
  border-top-color:#CDB886 !important;
  border-bottom-color:#CDB886 !important;
}

html.multipropertyindex #content .sort-selector .dropdown-menu{
  min-width:170px !important;
  margin-top:6px !important;
  padding:6px !important;

  background:#191A17 !important;
  background-color:#191A17 !important;

  border:1px solid rgba(183,154,98,.24) !important;
  border-radius:8px !important;

  box-shadow:none !important;
}

html.multipropertyindex #content .sort-selector .dropdown-menu li a{
  padding:8px 10px !important;

  background:transparent !important;
  color:#F4F0E7 !important;

  font-family:"Alone Kaium","Open Sans",sans-serif !important;
  font-size:12px !important;
  font-weight:400 !important;

  border-radius:6px !important;
}

html.multipropertyindex #content .sort-selector .dropdown-menu li a:hover,
html.multipropertyindex #content .sort-selector .dropdown-menu li a:focus,
html.multipropertyindex #content .sort-selector .dropdown-menu li.active a{
  background:rgba(183,154,98,.10) !important;
  color:#CDB886 !important;
}


/* ---------------------------------------------------------
   PROPERTY RESULT SPACING
   Tightens the large native gaps without changing structure
--------------------------------------------------------- */

html.multipropertyindex #content .property-result-list{
  width:100% !important;
  margin-top:10px !important;
}

html.multipropertyindex #content .property-result-list > .row{
  margin-top:0 !important;
  margin-bottom:0 !important;
  padding-top:22px !important;
  padding-bottom:22px !important;
}

html.multipropertyindex #content .property-result-list hr{
  height:1px !important;
  margin:18px 0 !important;

  background:rgba(244,240,231,.16) !important;
  border:0 !important;
}

html.multipropertyindex #content .property-result-list img{
  display:block !important;
  width:100% !important;
  max-width:100% !important;

  border:0 !important;
  border-radius:12px !important;
}




/* =========================================================
   CLIENT REQUEST — HIDE NIGHTLY PRICE ON MAIN COTTAGES LIST
   Scope: /properties only
   Individual property pages remain unchanged
========================================================= */

html.multipropertyindex #content .property-result-list h3.pull-right.media-heading,
html.multipropertyindex #content .property-result-list h3.float-end.media-heading,
html.multipropertyindex #content .property-result-list h3.pull-right,
html.multipropertyindex #content .property-result-list h3.float-end{
  display:none !important;
}


/* ---------------------------------------------------------
   PROPERTY ACTION TABS
   PHOTOS / RATES / AVAILABILITY / DETAILS / INQUIRE
--------------------------------------------------------- */

html.multipropertyindex #content .property-result-list .btn-group{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:7px !important;

  margin-top:12px !important;
}

html.multipropertyindex #content .property-result-list .btn-group .btn,
html.multipropertyindex #content .property-result-list a.btn{
  float:none !important;

  min-height:34px !important;
  margin:0 !important;
  padding:7px 13px !important;

  background:#171815 !important;
  background-color:#171815 !important;

  border:1px solid rgba(183,154,98,.34) !important;
  border-radius:7px !important;

  color:#CDB886 !important;
  -webkit-text-fill-color:#CDB886 !important;

  font-family:"Alone Kaium","Open Sans",sans-serif !important;
  font-size:11px !important;
  line-height:1.2 !important;
  font-weight:500 !important;
  letter-spacing:.07em !important;
  text-transform:uppercase !important;

  box-shadow:none !important;
  text-shadow:none !important;

  transition:
    background-color .18s ease,
    border-color .18s ease,
    color .18s ease !important;
}

html.multipropertyindex #content .property-result-list .btn-group .btn:first-child,
html.multipropertyindex #content .property-result-list .btn-group .btn:last-child,
html.multipropertyindex #content .property-result-list .btn-group .btn + .btn{
  margin-left:0 !important;
  border-radius:7px !important;
}

html.multipropertyindex #content .property-result-list .btn-group .btn:hover,
html.multipropertyindex #content .property-result-list .btn-group .btn:focus,
html.multipropertyindex #content .property-result-list a.btn:hover,
html.multipropertyindex #content .property-result-list a.btn:focus{
  background:rgba(183,154,98,.12) !important;
  background-color:rgba(183,154,98,.12) !important;

  border-color:rgba(205,184,134,.62) !important;

  color:#F4F0E7 !important;
  -webkit-text-fill-color:#F4F0E7 !important;

  outline:none !important;
}




/* =========================================================
   COTTAGES OVERVIEW THUMBNAIL WHITE-CORNER FIX
   OwnerRez uses: <a class="thumbnail"><img ...></a>
========================================================= */

html.multipropertyindex #content a.thumbnail,
html.multipropertyindex #content .thumbnail{
  display:block !important;
  width:100% !important;
  max-width:100% !important;

  margin:0 !important;
  padding:0 !important;

  background:transparent !important;
  background-color:transparent !important;

  border:0 !important;
  border-radius:12px !important;

  box-shadow:none !important;
  outline:none !important;

  overflow:hidden !important;
}

html.multipropertyindex #content a.thumbnail:hover,
html.multipropertyindex #content a.thumbnail:focus,
html.multipropertyindex #content .thumbnail:hover,
html.multipropertyindex #content .thumbnail:focus{
  background:transparent !important;
  background-color:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  outline:none !important;
}

html.multipropertyindex #content a.thumbnail img,
html.multipropertyindex #content .thumbnail img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;

  background:transparent !important;
  border:0 !important;
  border-radius:12px !important;

  box-shadow:none !important;
}


/* ---------------------------------------------------------
   MOBILE OVERVIEW POLISH
--------------------------------------------------------- */

@media(max-width:767px){

  html.multipropertyindex #content .sort-selector{
    margin-left:8px !important;
  }

  html.multipropertyindex #content .sort-selector .dropdown-toggle,
  html.multipropertyindex #content .sort-selector button.btn.btn-default{
    min-height:28px !important;
    padding:4px 10px !important;
    font-size:10px !important;
  }

  html.multipropertyindex #content .property-result-list > .row{
    padding-top:18px !important;
    padding-bottom:18px !important;
  }

  html.multipropertyindex #content .property-result-list hr{
    margin:14px 0 !important;
  }

  html.multipropertyindex #content .property-result-list .btn-group{
    gap:6px !important;
    margin-top:11px !important;
  }

  html.multipropertyindex #content .property-result-list .btn-group .btn,
  html.multipropertyindex #content .property-result-list a.btn{
    min-height:32px !important;
    padding:7px 11px !important;
    font-size:10px !important;
  }
}


/* ---------------------------------------------------------
   INDEX PROPERTY LIST
--------------------------------------------------------- */

html.multipropertyindex #content h2,
html.multipropertyindex #content h3{
  color:#F4F0E7 !important;
  font-family:"Marcellus",Georgia,serif !important;
  font-weight:400 !important;
}

html.multipropertyindex #content a{
  color:#CDB886;
}

html.multipropertyindex #content .property-list-item,
html.multipropertyindex #content [class*="property-list"]{
  color:#F4F0E7 !important;
}

html.multipropertyindex #content img{
  max-width:100% !important;
  border-radius:12px !important;
}

@media(max-width:991px){
  html.multipropertyindex #content.container{
    padding:88px 22px 64px !important;
  }

  html.multipropertyindex .inicarousel-search-bar.container{
    margin-bottom:46px !important;
  }
}

@media(max-width:767px){
  html.multipropertyindex #content.container{
    padding:86px 16px 50px !important;
  }

  html.multipropertyindex #content h1.page-header{
    font-size:36px !important;
  }

  html.multipropertyindex #content h1.page-header + p,
  html.multipropertyindex #content h1.page-header + .lead{
    margin-bottom:20px !important;
    font-size:15px !important;
  }

  html.multipropertyindex #search-bar-widget.row.search-bar,
  html.multipropertyindex #search-bar-widget.row.search-bar form{
    padding:12px !important;
  }

  html.multipropertyindex #search-bar-widget .search-bar-button{
    width:100% !important;
    margin-top:8px !important;
  }

  html.multipropertyindex #search-bar-widget .search-bar-button button.btn.btn-default{
    width:100% !important;
  }
}


/* =========================================================
   PAGE
========================================================= */

html.multiproperty body {
  background: var(--pe-black) !important;
  color: var(--pe-ivory) !important;
}

html.multiproperty #content.container {
  width: 100% !important;
  max-width: 1280px !important;

  margin: 0 auto !important;

  padding:
    96px
    28px
    72px !important;

  background: var(--pe-black) !important;
}

html.multiproperty #content .body-content {
  padding-bottom: 64px !important;

  background: transparent !important;
}


/* =========================================================
   TITLE + LEAD
========================================================= */

html.multiproperty #content h1.page-header {
  margin: 0 0 6px !important;
  padding: 0 !important;

  border: 0 !important;

  color: var(--pe-ivory) !important;

  font-family: "Marcellus", Georgia, serif !important;

  font-size: clamp(40px, 4vw, 56px) !important;
  line-height: 1.04 !important;
  font-weight: 400 !important;

  letter-spacing: -.02em !important;
}

html.multiproperty #content h1.page-header + p,
html.multiproperty #content h1.page-header + .lead {
  margin: 0 0 22px !important;

  color: rgba(244,240,231,.66) !important;

  font-size: 16px !important;
  line-height: 1.55 !important;
}


/* =========================================================
   GALLERY
========================================================= */

html.multiproperty #content .carousel,
html.multiproperty #content [class*="gallery"],
html.multiproperty #content [class*="photo"] {
  overflow: hidden !important;

  border-radius: 16px !important;
}

html.multiproperty #content img {
  max-width: 100% !important;
}


/* =========================================================
   PROPERTY NAV
========================================================= */

html.multiproperty #content .navbar.navbar-default.navbar-cabin {
  min-height: 0 !important;

  margin:
    22px
    0
    26px !important;

  padding: 6px !important;

  background: #171815 !important;

  border:
    1px solid rgba(183,154,98,.20) !important;

  border-radius: 11px !important;

  box-shadow: none !important;
}

html.multiproperty #content .navbar-cabin .navbar-nav {
  display: flex !important;

  flex-wrap: wrap !important;

  gap: 4px !important;

  margin: 0 !important;
}

html.multiproperty #content .navbar-cabin .navbar-nav li {
  float: none !important;

  margin: 0 !important;
}

html.multiproperty #content .navbar-cabin .navbar-nav li a {
  margin: 0 !important;

  padding:
    9px
    13px !important;

  background: transparent !important;

  border: 0 !important;
  border-radius: 7px !important;

  color: rgba(244,240,231,.67) !important;

  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
}

html.multiproperty #content .navbar-cabin .navbar-nav li a:hover,
html.multiproperty #content .navbar-cabin .navbar-nav li a:focus {
  background: rgba(183,154,98,.09) !important;

  color: var(--pe-gold-soft) !important;
}


/* =========================================================
   TOP CONTENT GRID
========================================================= */

html.multiproperty #content .amenity-summary-size,
html.multiproperty #content .amenity-summary-amenities {
  margin-bottom: 9px !important;

  color: rgba(244,240,231,.67) !important;

  line-height: 1.55 !important;

  opacity: 1 !important;
}

html.multiproperty #content .amenity-summary-size *,
html.multiproperty #content .amenity-summary-amenities * {
  color: inherit !important;
  opacity: 1 !important;
}

html.multiproperty #content .col-md-8 p,
html.multiproperty #content .col-sm-8 p {
  max-width: 760px !important;

  margin-bottom: 13px !important;

  color: rgba(244,240,231,.76) !important;

  font-size: 15px !important;
  line-height: 1.72 !important;
}


/* =========================================================
   BOOKING WIDGET OUTER CARD ONLY
========================================================= */

html.multiproperty #content .col-md-4.pull-right-md {
  padding: 10px !important;

  background: #171815 !important;

  border:
    1px solid rgba(183,154,98,.20) !important;

  border-radius: 13px !important;
}

html.multiproperty #content .col-md-4.pull-right-md .ownerrez-widget,
html.multiproperty #content .col-md-4.pull-right-md iframe.ownerrez-widget-iframe {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;

  background: transparent !important;

  border: 0 !important;
  border-radius: 9px !important;

  overflow: hidden !important;
}


/* =========================================================
   SECTION HEADINGS
========================================================= */

html.multiproperty #content h2 {
  margin:
    44px
    0
    18px !important;

  padding:
    0
    0
    11px !important;

  border-bottom:
    1px solid rgba(183,154,98,.18) !important;

  color: var(--pe-ivory) !important;

  font-family: "Marcellus", Georgia, serif !important;

  font-size: 32px !important;
  line-height: 1.12 !important;
  font-weight: 400 !important;
}


/* =========================================================
   RATES & AVAILABILITY
   NO CALENDAR COLOR OVERRIDES
========================================================= */

html.multiproperty #content h2 + .ownerrez-widget,
html.multiproperty #content h2 + iframe.ownerrez-widget-iframe {
  margin-top: 4px !important;
}

html.multiproperty #content .ownerrez-widget {
  max-width: 100% !important;
}

html.multiproperty #content iframe.ownerrez-widget-iframe {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;

  border: 0 !important;

  background: transparent !important;
}


/* Calendar nav only */

html.multiproperty #content .pagination {
  margin:
    2px
    0
    16px !important;
}

html.multiproperty #content .pagination > li > a,
html.multiproperty #content .pagination > li > span {
  background: #191A17 !important;

  border-color:
    rgba(183,154,98,.24) !important;

  color: var(--pe-gold-soft) !important;
}

html.multiproperty #content .pagination > .active > a,
html.multiproperty #content .pagination > .active > span {
  background: var(--pe-gold) !important;

  border-color: var(--pe-gold) !important;

  color: var(--pe-black) !important;
}


/* Cancellation policy */

html.multiproperty #content .ownerrez-widget + p,
html.multiproperty #content iframe.ownerrez-widget-iframe + p {
  margin:
    22px
    0
    0 !important;

  padding:
    15px
    17px !important;

  background: #171815 !important;

  border:
    1px solid rgba(183,154,98,.14) !important;

  border-radius: 9px !important;

  color: rgba(244,240,231,.65) !important;

  font-size: 13px !important;
  line-height: 1.6 !important;
}


/* =========================================================
   LOCATION
========================================================= */

html.multiproperty #content iframe[src*="google"],
html.multiproperty #content iframe[src*="maps"] {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;

  min-height: 300px !important;

  margin: 0 !important;

  overflow: hidden !important;

  border:
    1px solid rgba(183,154,98,.18) !important;

  border-radius: 13px !important;
}

html.multiproperty #content iframe[src*="google"] + p,
html.multiproperty #content iframe[src*="maps"] + p {
  margin-top: 10px !important;

  color: rgba(244,240,231,.58) !important;

  font-size: 13px !important;
}


/* =========================================================
   AMENITIES
========================================================= */

html.multiproperty #content table,
html.multiproperty #content .table {
  width: 100% !important;

  margin:
    0
    0
    0 !important;

  overflow: hidden !important;

  background: #171815 !important;

  border:
    1px solid rgba(183,154,98,.15) !important;

  border-radius: 11px !important;

  border-collapse: separate !important;
  border-spacing: 0 !important;

  color: rgba(244,240,231,.78) !important;
}

html.multiproperty #content table th,
html.multiproperty #content .table th {
  width: 18% !important;

  padding:
    14px
    15px !important;

  background: #181915 !important;

  border-color:
    rgba(183,154,98,.08) !important;

  color: var(--pe-gold-soft) !important;

  font-size: 12px !important;
  line-height: 1.5 !important;
  font-weight: 600 !important;

  vertical-align: top !important;
}

html.multiproperty #content table td,
html.multiproperty #content .table td {
  padding:
    14px
    15px !important;

  background: #191A17 !important;

  border-color:
    rgba(183,154,98,.07) !important;

  color: rgba(244,240,231,.72) !important;

  font-size: 13px !important;
  line-height: 1.6 !important;

  vertical-align: top !important;
}

html.multiproperty #content table tbody tr:nth-child(even) td,
html.multiproperty #content .table tbody tr:nth-child(even) td {
  background: #1C1D19 !important;
}

html.multiproperty #content table tbody tr:hover td,
html.multiproperty #content .table tbody tr:hover td {
  background: #20211D !important;
}


/* =========================================================
   REVIEWS OUTER SPACING
========================================================= */

html.multiproperty #content h2:last-of-type {
  margin-top: 46px !important;
}

html.multiproperty #content .ownerrez-widget:last-of-type {
  margin-bottom: 18px !important;
}


/* =========================================================
   FOOTER BREATHING
========================================================= */

html.multiproperty #content .body-content {
  margin-bottom: 0 !important;
}

html.multiproperty #content.container {
  padding-bottom: 84px !important;
}

html.multiproperty footer {
  margin-top: 0 !important;
}


/* =========================================================
   PHOTO MODAL
========================================================= */

html.multiproperty #photos-modal,
html.multiproperty #photos-modal .modal-content,
html.multiproperty #photos-modal .modal-header,
html.multiproperty #photos-modal .modal-body {
  background: var(--pe-black) !important;

  color: var(--pe-ivory) !important;
}

html.multiproperty #photos-modal .modal-content {
  border: 0 !important;

  box-shadow: none !important;
}

html.multiproperty #photos-modal .modal-header {
  border-bottom:
    1px solid rgba(183,154,98,.18) !important;
}

html.multiproperty #photos-modal .close {
  color: var(--pe-ivory) !important;

  opacity: .75 !important;

  text-shadow: none !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

  html.multiproperty #content.container {
    padding:
      88px
      22px
      70px !important;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

  html.multiproperty #content.container {
    padding:
      84px
      16px
      58px !important;
  }


  /* title */

  html.multiproperty #content h1.page-header {
    font-size: 36px !important;
    line-height: 1.07 !important;
  }

  html.multiproperty #content h1.page-header + p,
  html.multiproperty #content h1.page-header + .lead {
    margin-bottom: 17px !important;

    font-size: 15px !important;
  }


  /* tabs */

  html.multiproperty #content .navbar-cabin.hidden-xs.hidden-sm {
    display: block !important;
  }

  html.multiproperty #content .navbar-cabin .navbar-nav {
    display: flex !important;

    flex-wrap: nowrap !important;

    width: 100% !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    -webkit-overflow-scrolling: touch !important;
  }

  html.multiproperty #content .navbar-cabin .navbar-nav li {
    flex: 0 0 auto !important;
  }

  html.multiproperty #content .navbar-cabin .navbar-nav li a {
    display: block !important;

    white-space: nowrap !important;

    padding:
      9px
      11px !important;
  }


  /* description */

  html.multiproperty #content .col-md-8 p,
  html.multiproperty #content .col-sm-8 p {
    font-size: 15px !important;
    line-height: 1.66 !important;
  }


  /* booking outer card */

  html.multiproperty #content .pull-right-md,
  html.multiproperty #content .col-md-4 {
    margin-top: 22px !important;
  }


  /* headings */

  html.multiproperty #content h2 {
    margin-top: 34px !important;

    font-size: 29px !important;
  }


  /* map */

  html.multiproperty #content iframe[src*="google"],
  html.multiproperty #content iframe[src*="maps"] {
    min-height: 240px !important;

    border-radius: 11px !important;
  }


  /* amenities */

  html.multiproperty #content table,
  html.multiproperty #content .table {
    display: block !important;

    overflow-x: auto !important;

    -webkit-overflow-scrolling: touch !important;
  }

  html.multiproperty #content table th,
  html.multiproperty #content table td,
  html.multiproperty #content .table th,
  html.multiproperty #content .table td {
    min-width: 150px !important;

    padding:
      12px
      13px !important;
  }


  /* footer breathing */

  html.multiproperty #content .body-content {
    padding-bottom: 50px !important;
  }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

  html.multiproperty #content h1.page-header {
    font-size: 33px !important;
  }

  html.multiproperty #content h2 {
    font-size: 27px !important;
  }

}