/* -------------------- */
/* Property Detail Page */
/* -------------------- */
.property-wrap { width: 100%; max-width: 100rem; margin: 0 auto; position: relative; }
.property-wrap:after { content: ""; display: block; clear: both; }
.mobile-dates-toggle-wrap { display: none; width: 100%; height: 3.75rem; position: fixed; right: 0; bottom: 0; left: 0; z-index: 99; background: rgba(255,255,255,0.95); border-top: 0.0625rem solid hsl(0, 0%, 87%); }
.mobile-dates-toggle-wrap #mobileDatesToggle { display: block; width: 18.75rem; max-width: 100%; margin: 0.5625rem auto; }
.mobile-dates-toggle-wrap small { display: none; text-align: center; text-transform: uppercase; }
#returnToTop { display: none; width: 3.375rem; height: 2.5rem; position: fixed; bottom: 0.625rem; right: 0.625rem; z-index: 999; -webkit-transition: none; -moz-transition: none; transition: none; }
#returnToTop:hover, #returnToTop:focus { outline: none; text-decoration: none; }

/* Property Banner */
#propertyDetails { width: 75%; height: auto; position: relative; z-index: 1; float: left; font-size: 1rem; line-height: 1.5; }
.property-banner { width: 100%; padding-bottom: 60%; position: relative; z-index: 1; overflow: hidden; background: hsl(0, 0%, 60%); }
.property-banner .hidden-gallery, .property-banner .hidden-gallery .fancybox img { display: none; }
.property-image { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: opacity 500ms; }
.property-image:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 45%; font-size: 2.1875rem; text-align: center; }
.property-image > img { cursor: pointer; display: none; width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; }
.property-map { visibility: hidden; opacity: 0; z-index: 1; transition: visibility 500ms, opacity 500ms; }
.property-map.active { visibility: visible; opacity: 1; }
.property-tour { position: relative; z-index: 1; visibility: hidden; opacity: 0; transition: visibility 500ms, opacity 500ms; }
.property-tour:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; }
.property-tour.active { visibility: visible; opacity: 1; z-index: 3; }
.property-iframe { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.property-iframe iframe { width: 100%; height: 100%; position: relative; z-index: 5; }
.property-iframe #map { width: 100%; height: 100%; position: absolute; inset: 0; z-index: 5; }
.banner-btn-wrap { display: block; width: calc(100% - 5rem); max-width: calc(100% - 5rem); position: absolute; right: 0; bottom: 0; left: 0; z-index: 10; margin: auto; text-align: center; }
.property-banner .collapse-btn { display: inline-block; min-width: 10rem; margin: 0 0 0.3125rem; padding: 0.625rem 0.75rem; text-align: center; }
.property-banner .collapse-btn:hover { background: hsla(0, 0%, 100%, 1); }
.property-banner .property-map-btn, .property-banner .property-tour-btn { background: hsla(0, 0%, 100%, 0.75); }
.property-banner .property-gallery-btn { background: hsla(0, 0%, 100%, 0.75); }

.property-list-property-favorite { position: absolute; top: 0.9375rem; right: 0.9375rem; z-index: 15; font-size: 2.8175rem; line-height: normal; }
.property-list-property-favorite .fa-heart-o { color: hsl(var(--white)); }
.property-list-property-favorite .overlay { position: absolute; top: 0; right: 0; z-index: 2; }
.property-list-property-favorite .under { position: absolute; top: 0; right: 0; z-index: 1; color: rgba(0,0,0,0.35); }
.property-list-property-favorite .under.favorited { color: red; }

/* Property Overview */
.property-overview { position: relative; padding: 2.5rem 2.5rem 1.25rem; }
.property-overview:after { content: ""; display: table; clear: both; }
.property-overview .property-name { float: left; margin: 0 0.9375rem 0.4375rem 0; font-size: 2rem; line-height: 1.15; text-transform: uppercase; }
.property-overview .property-headline { float: left; margin: 0 0.9375rem 0.4375rem 0; }
.property-overview .price-range { float: right; position: relative; top: 0.1875rem; margin-bottom: 0.4375rem; font-size: 1.375rem; line-height: 1; }
.property-overview .price-range sup, .property-overview .price-range small { position: relative; top: -0.3125rem; opacity: 0.75; font-size: 0.875rem; color: hsl(0, 0%, 20%); }
.property-overview .star-rating { display: table; clear: left; }
.property-overview .star-rating .fa { color: hsl(40, 84%, 56%); }
.property-overview hr { clear: both; }
.property-overview .property-info { margin-bottom: 0.9375rem; }
.property-overview .property-info.property-info-icons { margin-bottom: 0; }
.property-info:after { content: ""; display: table; clear: both; }
.property-info-item { display: block; float: left; position: relative; margin: 0 0.75rem 0.1875rem 0; padding-right: 0.75rem; }
.property-info-item:after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; border-right: 0.0625rem solid hsl(0, 0%, 60%); }
.property-info-item:last-child:after { display: none; }
.property-info-item.info-icon:after { display: none; }
.property-info-item.info-icon .fa { vertical-align: middle; margin-right: 0.1875rem; position: relative; font-size: 1.625rem; }

/* Property Tabs  */
.property-tabs-wrap { position: relative; margin-bottom: 0.125rem; }
#propertyTabs { position: relative; margin: 0; padding: 0; border-top: 0.0625rem solid hsl(0, 0%, 89%); border-bottom: 0.0625rem solid hsl(0, 0%, 89%); display: flex; justify-content: space-between; }
#propertyTabs.fixed { width: 75rem; max-width: calc(100% / 4 * 3); position: fixed; top: 0; z-index: 800; background: hsl(0, 0%, 80%); border-bottom: none; box-shadow: rgba(0,0,0,1) 0 0 0.625rem -0.1875rem; }
#propertyTabs:after { content: ""; display: table; clear: both; }
.property-tabs li { list-style: none; /* display: table-cell; width: 1%; */ flex-grow: 1; border-left: 0.0625rem solid hsl(0, 0%, 89%); }
.property-tabs li:first-child { border-left: none; }
.property-tabs li a { display: block; position: relative; padding: 0.75rem 0.3125rem; background: hsl(0, 0%, 98%); font-size: 0.875rem; color: hsl(0, 0%, 28%); font-weight: 500; text-align: center; -webkit-transition: padding 0.35s, background 0.35s, color 0.35s; -moz-transition: padding 0.35s, background 0.35s, color 0.35s; -ms-transition: padding 0.35s, background 0.35s, color 0.35s; transition: padding 0.35s, background 0.35s, color 0.35s }
.property-tabs li a:hover, .property-tabs li a:focus { background: hsl(0, 0%, 93%); text-decoration: none; }
.property-tabs li a.active { background: hsl(var(--siteColor1)); color: hsl(var(--white)); }
.property-details-wrap .info-wrap { padding: 1.25rem; }
.property-details-wrap .info-wrap p:last-child { margin: 0; }

/* Property Info Wrap Sections */
.info-wrap .info-wrap-heading { position: relative; padding: 0.625rem 1.5625rem; background: hsl(0, 0%, 98%); border-bottom: 0.0625rem solid hsl(0, 0%, 87%); font-size: 1.25rem; font-weight: 500; }
.info-wrap .info-wrap-body { padding: 1.5625rem; }
.info-wrap em { display: block; margin-bottom: 0.9375rem; }
.info-wrap.active .info-wrap-heading { background: hsl(var(--siteColor1)); color: hsl(var(--white)); }
.info-wrap table, .info-wrap .table { width: 100%; }
.info-wrap .btn-group { display: table; margin: 0 auto; }
.info-wrap .btn-group .btn { min-width: 10rem; border: 0.0625rem solid hsl(0, 0%, 87%); }
.info-wrap .btn-group .refine-item { display: inline-block; position: relative; overflow: visible; }
.info-wrap .btn-group .refine-item > li { display: block; height: auto; padding: 0; }
.info-wrap .btn-group .refine-item .refine-dropdown { width: 100%; height: 12.5rem; padding: 0; overflow: auto; text-align: left; }
.info-wrap .btn-group .refine-item a { display: block; padding: 0.625rem 0.9375rem; border-bottom: 0.0625rem solid hsl(0, 0%, 87%); }
.info-wrap .signature { margin: 0.25rem 0.625rem 0.75rem; font-size: 75%; font-style: italic; }
.info-wrap .owl-carousel { cursor: move; }
.info-wrap .scroll-indicator { display: block; margin-bottom: 0.9375rem; text-align: center; }
.info-wrap .scroll-indicator.hide-mobile { display: none; }
.info-wrap .scroll-indicator strong { display: inline-block; margin-left: 0.625rem; }
.info-wrap .scroll-indicator .drag { display: inline-block; }
.info-wrap .scroll-indicator .swipe { display: none; }

/* Description Section */
.desc-block { max-height: 40vh; position: relative; overflow: auto; }

/* Calendar Section */
.calendar-legend { margin-bottom: 1.25rem; }
.calendar-legend:after { content: ""; display: table; clear: both; }
.calendar-legend span { float: left; margin-right: 0.625rem; font-size: 0.875rem; font-weight: 500; }
.calendar-legend span > div { display: inline-block; vertical-align: middle; width: 1.875rem; height: 1.875rem; border-radius: 0.125rem; box-shadow: 0.0625rem 0.0625rem 0.25rem hsla(var(--siteColor1), 0.25); }
.calendar-table { border: 0.0625rem solid hsl(0, 0%, 87%); font-size: 0.875rem; }
.calendar-table tr { display: flex; }
.calendar-table th { width: calc(100% / 7); padding: 0.3125rem !important; border: none !important; font-size: 0.9375rem; }
.calendar-table th.month { width: 100%; padding: 1rem !important; background: hsl(var(--white)); font-size: 1.125rem; line-height: 1.25; color: hsl(var(--black)); text-align: center; text-transform: uppercase; }
.calendar-table td { width: calc(100% / 7); height: 3.125rem; display: flex !important; flex-direction: column; justify-content: center; align-items: center; padding: 0.3125rem !important; position: relative; border: none !important; text-align: center; }
.calendar-table td.hdnvcgray { background: hsl(var(--white)); }
.calendar-table td:first-child { border-left: none; }
.calendar-table td span.property-rate { display: block; padding: 0.125rem; background: hsl(var(--siteColor2)); border-radius: 0.125rem; box-shadow: 0 0.125rem 0.375rem -0.125rem hsl(0, 0%, 20%); line-height: 1; text-align: center; font-weight: 500; margin-bottom: 0.3125rem; }


.calendar-legend .available, .calendar-table td { background-color: hsl(var(--white)); }
.calendar-legend .unavailable, .calendar-table .booked { background-color: hsl(var(--lightGray)); }
.calendar-legend .check-in, .calendar-table .splitViewCheckin { background: var(--dpDayCheckOutBGColor) !important; }
.calendar-legend .check-out, .calendar-table .splitViewCheckout { background: var(--dpDayCheckInBGColor) !important; }
/* End Calendar Styles */

/* Amenities Section */
.amenities-wrap .amenities-list { max-height: 50vh; overflow-y: auto; padding: 0; }
.amenities-wrap .amenities-list li { list-style: none; display: inline-block; vertical-align: top; width: 32%; padding: 0.5rem; border-bottom: 0.0625rem solid hsl(0, 0%, 89%); }

/* Rates Section */
.rates-wrap .table-wrap { max-height: 50vh; overflow-y: auto; }

.inquire-wrap { margin-bottom: 1.25rem; } /* THIS IS NEEDED FOR WHEN THERE ARE NO REVIEWS, THE scrollto WILL NOT REACH THE PANEL HEAD AND HIGHLIGHT WITHOUT IT */

/* Property Contact Form */
.contact-form input[type=text], .contact-form input[type=email], .contact-form textarea { width: 100%; padding: 0.625rem; border: 0.0625rem solid hsl(0, 0%, 87%); line-height: 1.25; }
.contact-form textarea { height: 6.25rem; }

/* Property Travel Dates */
.property-dates-wrap { width: 25%; float: left; position: absolute; top: 0; right: 0; z-index: 2; }
.property-dates-wrap:before { content: ""; display: block; width: 25rem; max-width: calc(100% / 4); position: fixed; top: 0; bottom: 0; background: hsl(0, 0%, 98%); box-shadow: rgba(0,0,0,1) 0 0 0.9375rem -0.4375rem;  }
#travelDates { display: block; padding: 1.5625rem 1.25rem 6.25rem; position: relative; overflow-y: auto; font-size: 1rem; }
#travelDates.fixed { display: block; width: 25rem; max-width: calc(100% / 4); position: fixed; top: 0; bottom: 0; z-index: 800; }
#travelDates.active,
#travelDates.fixed.active { display: block; }
.property-dates .alert-views { display: block; margin-bottom: 1.5625rem; padding-left: 3.4375rem; position: relative; border-radius: 0; border-top: none; color: hsl(0, 0%, 28%); }
.property-dates .alert-views .fa { height: 2.25rem; position: absolute; top: 0; bottom: 0; left: 0.625rem; margin: auto; font-size: 2.25rem; color: hsl(360, 99%, 50%); }
.property-dates .refine-dates { margin-bottom: 1.25rem; position: relative; }
.property-dates .refine-dates:after { content: ""; display: table; clear: both; }
.property-dates .datepicker-wrap { display: block; width: 100%; position: relative; }
.property-dates input[type=text] { display: block; width: 50%; margin: 0; padding: 0.625rem; float: left; background: hsl(var(--white)) url('../../images/icon-calendar.png') no-repeat right 0.625rem center; border: 0.0625rem solid hsl(0, 0%, 87%); -webkit-border-radius: 0; }
.property-dates .datepicker-container { position: absolute; top: 2.8175rem; }
.property-dates .detail-datepicker-checkin { left: 0; }
.property-dates .detail-datepicker-checkout { right: 0; }
.property-dates .datepicker-container #ui-datepicker-div { width: 16.5625rem; position: absolute !important; top: 100% !important; right: auto !important; left: 0 !important; }
.property-dates .detail-datepicker-checkin #ui-datepicker-div { right: auto !important; left: 0 !important; }
.property-dates .detail-datepicker-checkout #ui-datepicker-div { right: 0 !important; left: auto !important; }
.property-dates .datepicker-container #ui-datepicker-div .ui-datepicker-calendar td span, .property-dates .datepicker-container #ui-datepicker-div .ui-datepicker-calendar td a { width: 2.1875rem;}

/* PDP Datepicker Styling */
body .ui-datepicker.ui-widget-content td.unavailable.ui-datepicker-today,
body .ui-datepicker.ui-widget-content td.available.ui-datepicker-today { background-color: var(--dpDayToday); }
body .ui-datepicker.ui-widget-content td a,
body .ui-datepicker.ui-widget-content td a:active,
body .ui-datepicker.ui-widget-content td a:hover,
body .ui-datepicker.ui-widget-content td a:focus { outline: none; box-shadow: none; }
.calendar-table td.available,
body .ui-datepicker.ui-widget-content td.available { background-color: var(--dpDayAvailableBGColor); }
body .ui-datepicker.ui-widget-content td.available { border-radius: 0; }
.calendar-table td.dp-highlight,
body .ui-datepicker.ui-widget-content td.available.dp-highlight { background-color: var(--dpDayHighlightBGColor); color: hsl(var(--white)); }
body .ui-datepicker.ui-widget-content .ui-state-disabled.available { background-color: var(--dpDayUnavailableBGColor); /* background-color: transparent; */ }
body .ui-datepicker.ui-widget-content .ui-state-disabled.available .ui-state-default { color: var(--dpDayUnavailableTextColor); }
.calendar-table td.booked,
body .ui-datepicker.ui-widget-content td.unavailable { background-color: var(--dpDayUnavailableBGColor); }
body .ui-datepicker.ui-widget-content td.unavailable { border-radius: 0; }
.calendar-table td.booked:after,
body .ui-datepicker.ui-widget-content .ui-state-disabled.available:after,
body .ui-datepicker.ui-widget-content .ui-state-disabled.unavailable:after { content: ""; opacity: 0.5; display: block; position: absolute; top: 50%; right: 0; left: 0; transform: translateY(-50%); border-bottom: 0.0625rem solid hsl(var(--bodyFontColor)); }
.calendar-table td.booked .calendar-number,
body .ui-datepicker.ui-widget-content td.unavailable .ui-state-default { color: var(--dpDayUnavailableTextColor); }
.calendar-table td.availableCheckout,
body .ui-datepicker.ui-widget-content td.availableCheckout { background: var(--dpDayCheckInBGColor); border-radius: 0 0 0 var(--dpDayRadius); color: hsl(var(--bodyFontColor)); }
.calendar-table td.unavailableCheckin,
body .ui-datepicker.ui-widget-content td.unavailableCheckin { background: var(--dpDayCheckOutBGColor); border-radius: 0 var(--dpDayRadius) 0 0; color: hsl(var(--bodyFontColor)); }
body .ui-datepicker.ui-widget-content td.availableCheckout.dp-highlight { background: linear-gradient(to left top, var(--dpDayHighlightBGColor) 49%, var(--dpDayUnavailableBGColor) 50%) !important; }
body .ui-datepicker.ui-widget-content td.unavailableCheckin.dp-highlight { background: linear-gradient(to left top, var(--dpDayUnavailableBGColor) 49%, var(--dpDayHighlightBGColor) 50%) !important; }
body .ui-datepicker.ui-widget-content td.ui-state-disabled.dp-highlight { background: var(--dpDayUnavailableBGColor) !important; }
body .ui-datepicker.ui-widget-content td.availableCheckout:hover a,
body .ui-datepicker.ui-widget-content td.availableCheckout.dp-start-date a,
body .ui-datepicker.ui-widget-content td.dp-start-date.check-in a,
body .ui-datepicker.ui-widget-content td.dp-end-date.check-in a { background: linear-gradient(to left top, var(--dpDaySelectedBGColor) 49%, transparent 50%) !important; color: hsl(var(--white)); font-weight: var(--wBold); }
body .ui-datepicker.ui-widget-content td.unavailableCheckin:hover a,
body .ui-datepicker.ui-widget-content td.unavailableCheckin.dp-end-date a,
body .ui-datepicker.ui-widget-content td.dp-start-date.check-out a,
body .ui-datepicker.ui-widget-content td.dp-end-date.check-out a { background: linear-gradient(to left top, transparent 49%, var(--dpDaySelectedBGColor) 50%) !important; color: hsl(var(--white)); font-weight: var(--wBold); }

.property-dates .promo-code-wrap { display: block; margin: 1.5625rem 0; }
.property-dates .promo-code-wrap label { display: block; font-size: 0.75rem; font-weight: 600; }
.property-dates .promo-code-wrap input[type=text] { display: block; width: 100%; margin: 0 0 0.625rem; padding: 0.625rem; background: hsl(var(--white)); border: 0.0625rem solid hsl(0, 0%, 87%); -webkit-border-radius: 0; }
.property-dates .btn { display: table; width: 100%; margin: 0 auto 0.9375rem; }
.property-dates #detailBookBtn { width: 100%; max-width: 100%; font-size: 1.5rem; }
.property-dates .hr { margin: 0.625rem 0 0.9375rem; position: relative; font-size: 1.25rem; color: hsl(0, 0%, 80%); font-weight: 700; text-align: center; }
.property-dates .hr:before, .property-dates .hr:after { content: ""; width: 42%; height: 0.0625rem; position: absolute; top: 0; bottom: 0; margin: auto; background: hsl(0, 0%, 87%); }
.property-dates .hr:before { left: 0; }
.property-dates .hr:after { right: 0; }

/* Close Travel Dates on Mobile */
#mobileClose { display: none; width: 3.375rem; height: 2.5rem; margin: 0; position: fixed; right: 0.625rem; bottom: 0.625rem; color: hsl(var(--white)); line-height: 1; }
#travelDates.active #mobileClose { display: block; }

/* Property Property Cost Breakdown */
.property-cost { margin-bottom: 1.875rem; }
.property-cost .loading { display: block; margin: 0 auto; }
.property-cost-list { padding: 0; }
.property-cost-list li { list-style-type: none; padding: 0.625rem 0.3125rem; border-top: 0.0625rem solid hsl(0, 0%, 87%); }
.property-cost-list li:after { content: ""; display: block; clear: both; }
.property-cost-list li .text-right { float: right; margin-right: 0.3125rem; }
.property-cost-list li.min-nights { border-top: none; }

/* Split Cost Modal */
.split-cost-modal .nav-tabs > li a { color: hsl(0, 0%, 28%); font-weight: 500; }
.split-cost-modal .nav-tabs > li.active a { background: hsl(0, 0%, 89%); }
.split-cost-modal .tab-content { padding-top: 1.25rem; }
.split-cost-icon { width: 100%; margin-top: 4.0625rem; font-size: 7rem !important; text-align: center; }
.split-cost-modal input[disabled] { cursor: auto; }
.split-cost-modal .family-form > fieldset { padding-top: 0.625rem; }
.split-cost-modal .family-form > fieldset:nth-child(odd) { background: hsl(0, 0%, 97%); border: 0.0625rem solid hsl(0, 0%, 87%); margin-bottom: 0.3125rem; }

/* Share Modal */
#sharePropertyModal .modal-body { min-height: 4.6875rem; }

/* Share Widget */
.social-sharing-wrap { margin-top: 3.125rem; }
.social-sharing-wrap .addthis_inline_share_toolbox { display: table; margin: 0 auto; }

/* Property Footer */
.property-footer-wrap { position: relative; z-index: 900; }
.property-footer-wrap .booking-footer-copyright { padding-right: 4.6875rem; }

/* Modal Datepicker CSS */
.datepicker-wrap-modal { display: block; width: 100%; position: relative; }
.datepicker-wrap-modal .datepicker-container { position: absolute; top: 2.0625rem; left: 0; }
.datepicker-wrap-modal .datepicker-container #ui-datepicker-div { position: absolute !important; top: 100% !important; right: auto !important; left: 0 !important; }

/* Property Responsive */
@media (max-width: 1200px) {
  #propertyDetails { width: 70%; -webkit-transition: width 0.25s; -moz-transition: width 0.25s; -ms-transition: width 0.25s; transition: width 0.25s; }
  .property-overview .price-range { float: none; clear: both; }
  .property-dates-wrap { width: 30%; }
  #propertyTabs.fixed { max-width: calc(100% / 10 * 7); }
  #travelDates { -webkit-transition: width 0.25s; -moz-transition: width 0.25s; -ms-transition: width 0.25s; transition: width 0.25s; }
  .property-dates-wrap:before, #travelDates.fixed { max-width: calc(100% / 10 * 3); }
  .property-dates .alert { font-size: 0.9375rem; }
}
@media (min-width: 1025px) {
  #travelDates, #travelDates.fixed { display: block !important; }
  #travelDates.active #mobileClose { display: none !important; }
}
@media (max-width: 1024px) {
  #propertyDetails, #propertyTabs.fixed { width: 100%; max-width: 100%; padding-right: 0; }
  .property-dates-wrap { width: 100%; z-index: 999; }
  .property-dates-wrap:before { display: none; }
  #travelDates, #travelDates.fixed { display: none; width: 100%; max-width: 100%; padding: 3.75rem 1.5625rem; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999; background: hsl(0, 0%, 98%); }
  .property-dates .datepicker-container { right: auto; }
  .property-dates .datepicker-container #ui-datepicker-div { right: auto !important; }
  .property-dates .detail-datepicker-checkin { left: 0; }
  .property-dates .detail-datepicker-checkout { left: 50%; }
  .mobile-dates-toggle-wrap { display: block; }
  .property-footer-wrap { margin-bottom: 3.75rem; z-index: 1; }
  .property-footer-wrap .booking-footer-copyright { padding-right: 0.75rem; }
  #returnToTop { z-index: 99; }
}
@media (max-width: 768px) {
 .split-cost-icon { margin-top: 0; }
}
@media (max-width: 736px) {
  .property-banner .collapse-btn { min-width: 2.5rem; width: 2.5rem; }
  .property-banner .collapse-btn span { display: none; }
  .property-overview { padding: 1.5625rem 0.9375rem 1.25rem; }
  .property-info-item:first-child { float: none; }
  .property-info-item:first-child:after { display: none; }
  .property-info-item.info-icon { float: left; }
  .property-tabs li a { font-size: 0.875rem; }
  .property-tabs li a span { display: none; }
  .property-details-wrap .info-wrap { padding: 1.25rem 0.9375rem; }
  .info-wrap .scroll-indicator { display: block; }
  .info-wrap .scroll-indicator .drag { display: none; }
  .info-wrap .scroll-indicator .swipe { display: inline-block; }
  .amenities-wrap .amenities-list, .rates-wrap .table-wrap { max-height: 11.25rem; overflow-y: scroll; }
  .reviews-wrap .owl-item blockquote { padding-right: 0; }
  .calendar-legend span { margin: 0 0.9375rem 0.3125rem 0; max-width: 100%; font-size: 0.9375rem; }
}
@media (max-width: 667px) {
  .amenities-wrap .amenities-list li { width: 49%; }
}
@media (max-width: 568px) {
  .property-info-item { float: none; margin-right: 0; padding-right: 0; }
  .property-info-item:after { display: none; }
  .property-info-item.info-icon { margin-right: 0.625rem; }
  .property-info-item.info-icon:last-child { margin-right: 0; }
  .property-dates .detail-datepicker-checkout { right: 0; }
  .property-dates .detail-datepicker-checkout #ui-datepicker-div { right: 0 !important; left: auto !important; }
}
@media (max-width: 480px) {
  .info-wrap .info-wrap-body { padding: 0.625rem 0.3125rem; }
  .calendar-legend span { width: 7.1875rem; }
  .calendar-legend span:nth-child(3) { clear: left; }
  .mobile-dates-toggle-wrap #mobileDatesToggle { width: 11.875rem; }
  .info-wrap .info-wrap-body { padding: 0.9375rem; }
  .info-wrap .scroll-indicator.hide-mobile { display: block; }
  #sendToFriendForm [class*=col] { width: 100%; }
  div#reviewscaptcha, div#qandacaptcha, div#pdpmoreinfocaptcha { transform: scale(0.75); transform-origin: 0 0; }
}
@media (max-width: 414px) {
  .property-banner { padding-bottom: 60%; }
  .property-info-item.info-icon { float: none; margin-bottom: 0.4375rem; }
  .info-wrap .btn-group .btn { min-width: 0; padding: 0.625rem 0.9375rem; }
  .amenities-wrap .amenities-list, .rates-wrap .table-wrap { max-height: 18.75rem; }
  .property-dates .btn { width: 100%; max-width: 100%; padding: 0.625rem 0.3125rem; }
  .mobile-dates-toggle-wrap { height: 5.3125rem; }
  .mobile-dates-toggle-wrap #mobileDatesToggle { padding: 0.75rem 0; }
  .mobile-dates-toggle-wrap small { display: block; }
  #mobileClose, #returnToTop { height: 3.75rem; bottom: 1.875rem; }
  .property-footer-wrap { margin-bottom: 6.25rem; }
}
@media (max-width: 320px) {
  .amenities-wrap .amenities-list li { width: 100%; }
}

/* Property Print */
@media print and (color) {
  .booking-header-wrap { background: hsl(var(--white)) !important; }
  .header-logo { width: 2.1875rem; height: 2.1875rem; margin: 0.625rem 0 0; padding: 0; overflow: hidden; }
  .header-nav, .header-actions { display: none; }
  .banner-btn-wrap { display: none; }
  .property-overview { padding: 0.9375rem; }
  .property-overview .property-name { float: none; }
  .property-tabs-wrap { display: none; }
  .property-details-wrap .info-wrap { padding: 0.9375rem; }
  .property-details-wrap .calendar-wrap { display: none; }
  .property-details-wrap .info-wrap .owl-stage { width: 100% !important; transform: initial !important; }
  .property-details-wrap .info-wrap .owl-item { width: 100% !important; float: none !important; }
  .property-details-wrap .info-wrap .owl-item blockquote { margin: 0 !important; padding: 0.9375rem 0 !important; border: none !important; border-bottom: 0.0625rem solid hsl(0, 0%, 20%) !important; }
  .property-details-wrap .inquire-wrap { display: none; }
  .property-details-wrap .info-wrap .btn-group { display: none; }
  .property-dates-wrap { display: none; }
  .mobile-dates-toggle-wrap { display: none; }
  .booking-footer-wrap { display: none; }
}