/* ======= Site Style Overrides ======= */
/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
@font-face {
    font-family: 'Droid';
    src: url('/stylesheets/fonts/DroidSeriff.ttf.otf') format("truetype");
  }
:root {
  /* Site Fonts */
  --siteFont: Helvetica Neue, Helvetica, Arial, sans-serif;
  --siteFont1: 'Montserrat'; /* sans-serif */
  --siteFont2: 'Montserrat'; /* sans-serif */
  --siteFont3: 'Montserrat'; /* sans-serif */
  --siteFont4: 'Montserrat'; /* sans-serif */
  
    /* Colors */
	--siteColor1: 220, 92%, 30%; 	/* #063592 - Blue */
	--siteColor2: 358, 80%, 41%; 	/* #be151c - Red */
	--siteColor3: 48, 99%, 51%; 	/* #fecd08 - Yellow */
	--siteColor4: 6, 68%, 48%; 		/* #cd3727 - Red Orange */
	--siteColor5: 0, 0%, 27%; 	  /* #444444 - Gray */
	--siteColor6: 0, 0%, 80%; 	  /* #cccccc - Light Gray */
    --bodyFontColor: 0, 0%, 27%;
	/* Header Height - used by JS and CSS */
	--headerHeight: 9rem;

  /* Border Radius Defaults */
  --borderRadius: 0.25rem; /* Global Radius for most if not all things (25px) */
  --borderRadiusPill: 0.25rem;
  --borderRadiusCircle: 100rem;
  --borderRadiusCheckbox: 0.25rem;

      /* Datepicker Day Styles */
      --dpDayRadius: 0.25rem;
      --dpDayToday: hsl(57, 100%, 78%); /* Datepicker Default Yellow */
      --dpDayOfTheWeekBGColor: hsl(0, 0%, 95%); /* black, 5% */ /* Has to be specific value because of opacity flickering bug */
      --dpDayOfTheWeekTextColor: hsl(var(--bodyFontColor));
      --dpDayHoverBGColor: hsl(var(--siteColor2));
      --dpDayHoverTextColor: hsl(var(--white));
      --dpDaySelectedBGColor: hsl(var(--siteColor2));
      --dpDaySelectedTextColor: hsl(var(--white));
      --dpDayHighlightBGColor: hsla(358, 80%, 41%, 75%); /* siteColor2, 75% */ /* Has to be specific value because of opacity flickering bug */
      --dpDayHighlightTextColor: hsl(var(--white));
      --dpDayAvailableBGColor: hsla(220, 92%, 30%, 75%); /* siteColor1, 75% */ /* Has to be specific value because of opacity flickering bug */
      --dpDayUnavailableBGColor: hsl(0, 0%, 95%); /* Has to be specific value because of opacity flickering bug */
      --dpDayUnavailableTextColor: hsla(var(--bodyFontColor), 50%);
      --dpDayCheckInBGColor: linear-gradient(to left top, var(--dpDayAvailableBGColor) 49%, var(--dpDayUnavailableBGColor) 50%);
      --dpDayCheckOutBGColor: linear-gradient(to left top, var(--dpDayUnavailableBGColor) 49%, var(--dpDayAvailableBGColor) 50%);

	--bePropertyWidgetWidth: 18.75rem;

	--sliderPaddingBottom: 65%;
}

/* === Forms === */
/* Buttons */
.btn,
button { border: none; border-radius: var(--borderRadiusPill); font-family: var(--siteFont3); color: hsl(var(--bodyFontColor)); font-weight: var(--wMedium); text-transform: uppercase; }
.btn:hover,
button:hover { outline: none; box-shadow: var(--focusShadow); }

.btn,
button { padding: 0.9375rem 1.25rem; color: hsl(var(--bodyFontColor)); }
.btn-sm { padding: 0.25rem 0.75rem; }
.btn-sm .icon { width: 0.75rem; height: 0.75rem; }
.btn-md { padding: 0.75rem 1.5rem; }
.btn-lg { padding: 1.25rem 2rem; }
.btn-lg .icon { width: 1.5rem; height: 1.5rem; }

.btn-outline { color: hsl(var(--siteColor1)); background-color: hsl(var(--white)); border: 0.0625rem hsla(var(--siteColor1), 25%) solid; border-radius: var(--borderRadiusPill); transition: all ease-in-out 0.4s; }
.btn-outline:hover { color: hsl(var(--siteColor1)); }
.btn-outline .icon { width: 1rem; height: 1rem; color: hsl(var(--siteColor1)); }

.content-builder-wrap .is-btn.is-btn-ghost1 { background: hsl(var(--siteColor1)) !important; color: hsl(var(--white)) !important; }
.content-builder-wrap .is-btn.is-btn-ghost1:hover { background: hsl(var(--siteColor2)) !important; color: hsl(var(--white)) !important; }
.content-builder-wrap .is-btn.is-btn-ghost2 { background: hsl(var(--siteColor2)) !important; color: hsl(var(--white)) !important; }
.content-builder-wrap .is-btn.is-btn-ghost2:hover { background: hsl(var(--siteColor1)) !important; color: hsl(var(--white)) !important; }

/* Inputs */
input[type=text],
input[type=email],
input[type=search],
input[type=password],
input[type=number],
input[type=date],
input[type=tel] { padding: 0.625rem; font-size: 1rem; font-weight: var(--wNormal); color: var(--bodyFontColor); border: 0.0625rem solid #ced4da; border-radius: var(--borderRadiusCheckbox); }
textarea { min-height: 4rem; padding: 0.625rem; font-size: 1rem; font-weight: var(--wNormal); line-height: 1.5; color: var(--bodyFontColor); border: 0.0625rem solid #ced4da; border-radius: var(--borderRadiusCheckbox); }

.badge { background-color: hsl(var(--siteColor2)); color: hsl(var(--white)); }

/* === Datepicker === */
/* Calendar Legend */
.be-calendar-legend-key-preview { border-radius: var(--borderRadiusCheckbox); margin-right: 0.75rem; width: 1.25rem; height: 1.25rem; }
.be-calendar-legend-key-preview.available { background-color: var(--dpDayAvailableBGColor); }
.be-calendar-legend-key-preview.unavailable { background-color: var(--dpDayUnavailableBGColor); }
.be-calendar-legend-key-preview.check-in { background: var(--dpDayCheckInBGColor); }
.be-calendar-legend-key-preview.check-out { background: var(--dpDayCheckOutBGColor); }

/* ======= Layout ======= */
/* BASE */
html { font-size: var(--siteScale); position: relative; }
body { background: hsl(var(--white)); font-family: var(--siteFont); font-size: var(--bodyFontSize); color: hsl(var(--bodyFontColor)); font-weight: var(--wRegular); overflow-x: hidden; -webkit-font-smoothing: antialiased; }
body.admin-bar-active .i-wrapper { margin-top: 2.5rem; }

/* Links */
a, a:hover, .mce-content-body a { color: hsl(var(--siteColor1)); }

/* Default SVG icon sizing */
.icon { display: inline-block; width: 1.25rem; height: 1.25rem; }

.be-wrapper {  }

/* Title Tags */
h1, .h1, .mce-content-body h1, .mce-content-body .h1, .cell-block-options .h1 { font-size: 3rem; font-family: var(--siteFont1), sans-serif; line-height: 1; font-weight: var(--wBold); text-transform: uppercase; }
h2, .h2, .mce-content-body h2, .mce-content-body .h2, .cell-block-options .h2 { font-size: 2.5rem; font-family: var(--siteFont1), sans-serif; line-height: 1; font-weight: var(--wBold); text-transform: uppercase; }
h3, .h3, .mce-content-body h3, .mce-content-body .h3, .cell-block-options .h3 { font-size: 2.125rem; font-family: var(--siteFont1), sans-serif; line-height: 1; font-weight: var(--wBold); text-transform: uppercase; }
h4, .h4, .mce-content-body h4, .mce-content-body .h4, .cell-block-options .h4 { font-size: 1.75rem; font-family: var(--siteFont1), sans-serif; line-height: 1; font-weight: var(--wBold); text-transform: uppercase; }
h5, .h5, .mce-content-body h5, .mce-content-body .h5, .cell-block-options .h5 { font-size: 1.3125rem; font-family: var(--siteFont1), sans-serif; line-height: 1; font-weight: var(--wBold); text-transform: uppercase; }
h6, .h6, .mce-content-body h6, .mce-content-body .h6, .cell-block-options .h6 { font-size: 1.125rem; font-family: var(--siteFont1), sans-serif; line-height: 1; font-weight: var(--wBold); text-transform: uppercase; }
.tagline, .subtitle { font-size: 1.125rem; font-family: var(--siteFont2), serif; color: hsl(var(--bodyFontColor)); line-height: 1.15; text-transform: uppercase; }

/* Horizontal Rule */
hr.light { margin: 1.5rem 0; padding: 0; height: 0.0625rem; border: none; background-color: hsla(var(--black), 15%); }
hr.medium { margin: 1.5rem 0; padding: 0; height: 0.3125rem; border: none; border-radius: var(--borderRadiusPill); background-color: hsla(var(--siteColor1), 10%); }
hr.solid { margin: 1.5rem 0; padding: 0; height: 0.625rem; border: none; border-radius: var(--borderRadiusPill); background-color: hsla(var(--siteColor1), 10%); }

.divider { display: flex; justify-content: center; align-items: center; position: relative; }
.divider:before,
.divider:after { content: ""; display: block; min-width: 4rem; width: 100%; max-width: 12rem; border-bottom: 0.125rem solid hsl(var(--siteColor1)); }
.divider > img { width: 4rem; height: auto; margin: 0 1rem; }

/* Header */
.be-header { background-color: hsl(var(--white)); }
.be-header-bar { padding: 0.5rem 1.25rem; background: hsl(var(--siteColor1)); }
.be-header-bar-sub { background-color: hsla(var(--gray),15%); padding: 0.5rem 1rem; }
.be-header-bar-sub .send-to-friend-btn { background-color: hsla(var(--siteColor1)); color: hsla(var(--white)); }
.be-header-bar-sub .send-to-friend-btn:hover { background-color: hsla(var(--siteColor5)); color: hsla(var(--white)); }
.be-header-bar-sub .print-btn { background-color: hsla(var(--siteColor2)); color: hsla(var(--white)); }
.be-header-bar-sub .print-btn:hover { background-color: hsla(var(--siteColor5)); color: hsla(var(--white)); }

/* Header Logo */
.be-header-logo-link,
.be-header-logo-link:focus { box-shadow: none; }
.be-header-logo-img { max-width: 5.25rem; }
@media (min-width: 1025px) {
  .be-header-logo-img { max-width: 8.25rem; }
}

/* Header Phone Number */
.be-header-phone-number-link { padding: 1.175rem; border: 0.0625rem solid hsla(var(--siteColor1), 25%); border-radius: var(--borderRadiusCircle); background-color: hsl(var(--white)); }
.be-header-phone-number-link .icon { width: 1.0625rem; height: 1.0625rem; color: hsla(var(--siteColor1), 50%); }
@media (min-width: 1025px) {
	.be-header-phone-number .be-header-phone-number-link { padding: 0.625rem 1rem; border: none; background-color: transparent; color: hsl(var(--white)); font-weight: var(--wBold); }
	.be-header-phone-number .be-header-phone-number-link:hover {  }
	.be-header-phone-number .be-header-phone-number-link .icon { width: 1.75rem; height: 1.75rem; margin-right: 0.25rem; color: hsl(var(--white)); }
}

/* Header Login */
.be-header-login { margin-right: 0.5rem; }
.be-header-login-link { display: flex; padding: 1.175rem; line-height: 1; border: 0.0625rem solid hsla(var(--siteColor1), 25%); border-radius: var(--borderRadiusCircle); position: relative; background-color: hsl(var(--white)); }
.be-header-login-link .icon { width: 1.0625rem; height: 1.0625rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: hsl(var(--siteColor1)); }
.be-header-login-text { display: none; }
@media (min-width: 1025px) {
	.be-header-login-link { color: hsl(var(--bodyFontColor)); padding: 0.625rem 1rem; background-color: transparent; transition: all ease-in-out 0.4s; align-items: center; }
	.be-header-login-link:hover {  }
	.be-header-login-link .icon { margin-right: 0.5rem; }
}

/* Header Navigation */
.i-header-navigation-toggle { padding: 1.25rem; background-color: hsl(var(--white)); }
.i-header-navigation-toggle .icon { color: hsla(var(--siteColor1), 50%); width: 2rem;	height: 2rem; }
.i-header-navigation-container { background-color: hsl(var(--white)); }
.i-header-navigation-heading { background-color: hsla(var(--siteColor1), 5%); padding: 0.725rem 0.75rem 0.725rem 1.5rem; }
.i-header-navigation-link { font-size: var(--bodyFontSize); font-weight: var(--wRegular); color: hsl(var(--bodyFontColor)); padding: 0.75rem 1.5rem; }
.i-header-navigation-sub-list { display: block; background-color: hsl(var(--white)); border-top: 0.5rem solid hsla(var(--siteColor1), 30%); }
.i-header-navigation-sub-list .i-header-navigation-link { background: hsla(var(--siteColor1), 15%); color: hsl(var(--siteColor1)); }
.i-header-navigation-sub .i-header-navigation-link { padding-left: 2.5rem; color: hsl(var(--bodyFontColor)); font-weight: var(--wRegular); }
@media (min-width: 1025px) {
	.i-header-navigation { flex-grow: 1; display: flex; justify-content: flex-end; margin-top: 0.625rem; margin-right: 0; }
	.i-header-navigation-container { display: flex; transform: none; position: relative; background-color: transparent; height: auto; width: auto; transition: none; }
	.i-header-navigation-list-wrap { overflow: visible; }
	.i-header-navigation-list { display: flex; flex-wrap: wrap; justify-content: flex-end; }
	.i-header-navigation-link { padding: 0.5rem; color: hsl(var(--white)); font-weight: var(--wMedium); }
    .i-header-navigation-link:hover { color: hsl(var(--white), 75%); }
	.i-header-navigation-sub .i-header-navigation-list { background-color: hsl(var(--white)); flex-direction: column; max-height: none; overflow: visible; padding: 0.5rem; transition: none; border-radius: var(--borderRadius); box-shadow: var(--dropShadow); width: auto; }
	.i-header-navigation-sub .i-header-navigation-link,
	.i-header-navigation-sub .i-header-navigation-sub .i-header-navigation-link,
	.i-header-navigation-sub .i-header-navigation-sub .i-header-navigation-sub .i-header-navigation-link { padding: 0.5rem 1.5rem; background-color: transparent; color: hsl(var(--bodyFontColor)); }
	.i-header-navigation-sub .i-header-navigation-link:hover,
	.i-header-navigation-sub .i-header-navigation-link:active,
	.i-header-navigation-sub .i-header-navigation-link:focus,
	.i-header-navigation-sub .i-header-navigation-sub .i-header-navigation-link:hover,
	.i-header-navigation-sub .i-header-navigation-sub .i-header-navigation-link:active,
	.i-header-navigation-sub .i-header-navigation-sub .i-header-navigation-link:focus { background-color: hsla(var(--siteColor1), 15%); color: hsl(var(--bodyFontColor)); }
  .i-header-navigation-sub-list { display: none !important; }
}

/* Header Actions */
.i-header-actions { display: flex; align-items: center; }
.i-header-actions-toggle { padding: 1.225rem; background-color: hsl(var(--white)); position: relative; }
.i-header-actions-toggle:hover { box-shadow: none; }
.i-header-actions-item .badge { background-color: hsl(var(--siteColor1)); color: hsl(var(--white)); }
.i-header-actions-save { background-color: hsl(var(--siteColor2)); color: hsl(var(--white)); }
.i-header-actions-save:hover { background-color: hsl(var(--siteColor1)); color: hsl(var(--white)); }

/* Header Action - Map Toggle */
.be-header-map-toggle .icon { color: hsl(var(--googleBlue)); }

/* Header Action - Recently Viewed Toggle */
.be-header-recently-viewed-toggle .icon { color: hsl(var(--bodyFontColor)); }

/* Header Action - Favorites Toggle */
.i-header-favorites-toggle .icon { color: hsl(var(--trueRed)); }

/* Booking Cart */
.i-header-booking-cart { margin-right: 0.5rem; margin-left: 0; }

/* Header Dropdown List */
.i-header-dropdown-list-img-wrap .i-header-dropdown-list-link { display: block; padding-bottom: 85%; position: relative; border-radius: 0.75rem; overflow: hidden; transition: all ease-in-out 0.4s; background-color: var(--placeholderBG); }

/* Main */
.be-main { background-color: hsl(var(--white)); }
.i-content.int { padding: 2.5rem 0; }

/* Read More Wrap and Button Toggle */
.be-read-more-wrap { --defaultHeight: 10rem; }
.be-read-more-btn { padding: 0.75rem 1.5rem; }
@media (min-width: 1025px) {
	.be-read-more-wrap { --defaultHeight: 6rem; }
}

/* Landscape - Mobile */
@media screen and (min-width: 320px) and (max-width: 1024px) and (orientation: landscape) {
  .be-header { border-bottom: 0.0625rem hsla(var(--black), 10%) solid; }
  .be-header-bar-sub { background-color: hsl(var(--white)); }
  .srp-body .srp-header-filters-toggle,
  .i-header-actions-toggle,
  .i-header-actions-save { border: 0.0625rem hsla(var(--siteColor1), 25%) solid; }
}

/* RealVoice AI Chat - Override inline styles */
.rw-widget-container { bottom: 5%; }
@media (min-width: 1025px){
	.rw-widget-container { bottom: 25% !important; right: -10px !important; }
}


/* ======= BE Wide ======= */
/* ======================= */

/* Counter */
.be-counter-minus,
.be-counter-plus { background-color: hsl(var(--siteColor2)); border: 0.0625rem hsla(var(--siteColor2), 0.25) solid; }
.be-counter-minus .icon,
.be-counter-plus .icon { width: 0.75rem; height: 0.75rem; color: hsl(var(--white));  }

/* Property Widget */
.be-property-widget { border-radius: var(--borderRadius); }
.be-property-widget-img-area-banners { border-radius: var(--borderRadius) 0 0 0; color: hsl(var(--white)); }
.be-property-widget-img-area-banner { border-radius: 0 var(--borderRadius) var(--borderRadius) 0; }
.be-property-widget-img-area-banner.true-red-bg { background-color: hsl(var(--siteColor2)) !important; }
.be-property-widget-img-area-banner-number { background-color: hsla(var(--black), 25%); }
.be-property-widget-img-area-slider { padding-bottom: 62.5%; }
.be-property-widget-img-area-slider .swiper-container .swiper-button-next,
.be-property-widget-img-area-slider .swiper-container .swiper-button-prev { color: hsl(var(--white)); width: 2.5rem; height: 2.5rem; border-radius: var(--borderRadiusCircle); }
.be-property-widget-img-area-slider .swiper-container .swiper-button-next:focus,
.be-property-widget-img-area-slider .swiper-container .swiper-button-prev:focus,
.be-property-widget-img-area-slider .swiper-container .swiper-button-next:not(.swiper-button-disabled):hover,
.be-property-widget-img-area-slider .swiper-container .swiper-button-prev:not(.swiper-button-disabled):hover { background-color: hsla(var(--siteColor1), 50%); }
.be-property-widget-img { border-radius: var(--borderRadius) var(--borderRadius) 0 0; }
.be-property-widget-info { padding: 1rem 1.25rem; background-color: hsl(var(--white)); color: hsl(0, 0%, 27%); }
.be-property-widget-info-subheading-type + .icon { color: hsl(var(--siteColor1)); }
.be-property-widget-info-subheading-pets-allowed { color: hsl(var(--siteColor1)); }
.be-property-widget-info-label .icon { color: hsl(var(--siteColor1)); }

/* Favorites */
.i-header-action-dropdown-compare-btn { background-color: hsl(var(--siteColor2)); color: hsl(var(--white)); text-transform: capitalize; }
.i-header-action-dropdown-compare-btn:hover { background-color: hsl(var(--siteColor2)); color: hsl(var(--white)); }
.i-header-dropdown-list-remove-from-favs { background-color: hsl(var(--siteColor1)); color: hsl(var(--white)); text-transform: capitalize; }
.i-header-dropdown-list-remove-from-favs:hover { background-color: hsl(var(--siteColor1)); color: hsl(var(--white)); }
/* Favorites Modal */
.favorites-requires-login-btn { background-color: hsl(var(--siteColor1)); color: hsl(var(--white)); }
.favorites-requires-login-btn:hover { background-color: hsl(var(--siteColor2)); color: hsl(var(--white)); }
/* Compare Favorites Modal */
.compare-favorites-send-to-a-friend-submit-btn { background-color: hsl(var(--siteColor1)); color: hsl(var(--white)); }
.compare-favorites-send-to-a-friend-submit-btn:hover { background-color: hsl(var(--siteColor2)); color: hsl(var(--white)); }

/* ======= SRP ======= */
/* =================== */

/* Filters */
.srp-header-filters-pipe { display: none; }
.srp-header-sort-by-select-chosen { padding: 0.55rem 0.75rem; }
.srp-header-filters-toggle { background: hsl(var(--siteColor1)); color: hsl(var(--white)); }
.srp-header-filters-toggle-btn { background: hsl(var(--siteColor1)); text-transform: capitalize; font-weight: var(--wRegular); color: hsl(var(--white)); }
.srp-header-filters-toggle-btn .icon { color: hsl(var(--white)); }

/* Main */
.srp-main { padding: 2rem; }

/* Property Widget */
.srp-book-now-btn { background-color: hsl(var(--siteColor1)); color: hsl(var(--white)); }
.srp-book-now-btn:hover { background-color: hsl(var(--siteColor2)); color: hsl(var(--white)); }

/* Content */
.srp-content h1 { color: hsl(var(--siteColor1)); font-size: 2.25rem; font-weight: var(--wMedium); }
.srp-content .content-builder-wrap.be-read-more-wrap { --defaultHeight: 10rem; }
@media (min-width: 1025px) {
	.srp-content { padding: 0 1rem; }
}

/* Flex Days Tabs */
@media (max-width: 1024px) { /* Mobile only to change bootstrap behavoirs */
  .srp-flex-days-tabs .nav-link { color: hsl(var(--siteColor1)); border: 0.0625rem hsla(var(--siteColor1), 25%) solid; }
  .srp-flex-days-tabs .nav-link:hover { color: hsl(var(--siteColor1)); }
  .srp-flex-days-tabs .nav-link.active { color: hsl(var(--white)); background-color: hsl(var(--siteColor1)); }
  .srp-flex-days-tabs .nav-link.active:hover { color: hsl(var(--white)); }
}

/* Modal Checkboxes Styles */
.srp-filters-modal-options-checkboxes { --seeAllDefaultHeight: 9.25rem; }

/* Slider Styles */
.srp-filters-modal-options-slider-wrap .noUi-connect { background-color: hsl(var(--siteColor2)); }
.srp-filters-modal-options-slider-wrap .noUi-tooltip { color: hsl(var(--bodyFontColor)); }

/* Specials Modal */
.srp-specials-modal .i-modal-header-bar { background-color: hsl(var(--siteColor2)); }
.srp-specials-modal .i-modal-header-heading-text,
.srp-specials-modal .i-modal-header-heading .icon { color: hsl(var(--white)); }

/* Property Banner Modal */
.srp-property-banner-modal .i-modal-header-bar { background-color: hsl(var(--siteColor3)); }
.srp-property-banner-modal .i-modal-header-heading-text,
.srp-property-banner-modal .i-modal-header-heading .icon { color: hsl(var(--white)); }

/* Filters */
.srp-filters-modal-footer-apply,
.srp-dates-modal-footer-apply,
.srp-save-search-modal-btn { background-color: hsl(var(--siteColor1)); color: hsl(var(--white)); }
.srp-filters-modal-footer-apply:hover,
.srp-dates-modal-footer-apply:hover,
.srp-save-search-modal-btn:hover { background-color: hsl(var(--siteColor2)); color: hsl(var(--white)); }

/* No Results Form */
.no-results-contact-form-btn { background-color: hsl(var(--siteColor1)); color: hsl(var(--white)); }
.no-results-contact-form-btn:hover { background-color: hsl(var(--siteColor2)); color: hsl(var(--white)); }

/* Property Card Banners */
.be-property-widget-img-area-banner-special { background-color: hsl(var(--siteColor2)); color: hsl(var(--white)); }
.be-property-widget-img-area-banner-special:hover { background-color: hsl(var(--siteColor2)); color: hsl(var(--white)); }
.be-property-widget-img-area-banner-property-banner { background-color: hsl(var(--siteColor1)); color: hsl(var(--white)); }
.be-property-widget-img-area-banner-property-banner:hover { background-color: hsl(var(--siteColor1)); color: hsl(var(--white)); }

/* Landscape - Mobile */
@media screen and (min-width: 320px) and (max-width: 1024px) and (orientation: landscape) {
  .be-header { border-bottom: 0.0625rem hsla(var(--black), 10%) solid; }
  .be-header-bar-sub { background-color: hsla(var(--siteColor1), 10%); }
}


/* ======= PDP ======= */
/* =================== */

/* Body - Desktop */
@media (min-width: 1025px) {
	.pdp-body .be-wrapper { height: auto; }
}

/* Header Bar Sub */
.pdp-header-bar-sub-btn { padding: 0.75rem 2rem 0.75rem 1.25rem; color: hsl(var(--white)); background-color: hsl(var(--siteColor1)); }
.pdp-header-bar-sub-btn:hover { color: hsl(var(--white)); }
.pdp-header-bar-sub-navigation-btn { text-transform: capitalize; font-weight: var(--wRegular); }
@media (min-width: 1025px) {
	.pdp-body .be-header-bar-sub { background-color: hsla(var(--siteColor2), 100%); }
}


/* Main */
.pdp-main { --sidePadding: 1.5rem; padding: 0 var(--sidePadding); }
.pdp-main hr.light { margin: 2rem 0; }
.pdp-property-widget .be-property-widget-info { background: hsl(var(--white)); }

/* Send to Friend */
.pdp-send-to-a-friend-modal-submit-btn { background-color: hsl(var(--siteColor1)); color: hsl(var(--white)); }
.pdp-send-to-a-friend-modal-submit-btn:hover { background-color: hsl(var(--siteColor2)); color: hsl(var(--white)); }

/* Specials */
.pdp-property-widget-special .card-header { background-color: hsl(var(--siteColor2)); color: hsl(var(--white)); }
.pdp-property-widget-special .card-body { background-color: hsla(var(--siteColor2), 10%); }

/* Description */
.desc-learn-more-btn { background-color: hsl(var(--siteColor1)); color: hsl(var(--white)); }
.desc-learn-more-btn:hover { background-color: hsl(var(--siteColor2)); color: hsl(var(--white)); }

/* Rates */
.pdp-rates-container .be-read-more-wrap { --defaultHeight: 12rem; }

/* Amenities */
.pdp-amenities .be-read-more-wrap { --defaultHeight: 12rem; }

/* Reviews */
.pdp-reviews-btn-write-review { background-color: hsl(var(--siteColor1)); color: hsl(var(--white)); }
.pdp-reviews-btn-write-review:hover { background-color: hsl(var(--siteColor2)); color: hsl(var(--white)); }
.pdp-reviews-btn-see-all-reviews { background-color: hsl(var(--siteColor1)); color: hsl(var(--white)); }
.pdp-reviews-btn-see-all-reviews:hover { background-color: hsl(var(--siteColor2)); color: hsl(var(--white)); }
.pdp-write-review-modal-footer-submit { background-color: hsl(var(--siteColor1)); color: hsl(var(--white)); }
.pdp-write-review-modal-footer-submit:hover { background-color: hsl(var(--siteColor2)); color: hsl(var(--white)); }

/* Q&A Form */
.pdp-faqs-btn-ask-your-question { background-color: hsl(var(--siteColor1)); color: hsl(var(--white)); }
.pdp-faqs-btn-ask-your-question:hover { background-color: hsl(var(--siteColor2)); color: hsl(var(--white)); }
.pdp-ask-your-question-modal-footer-submit { background-color: hsl(var(--siteColor1)); color: hsl(var(--white)); }
.pdp-ask-your-question-modal-footer-submit:hover { background-color: hsl(var(--siteColor2)); color: hsl(var(--white)); }

/* Request Info */
.pdp-request-more-info-submit { background-color: hsl(var(--siteColor1)); color: hsl(var(--white)); }
.pdp-request-more-info-submit:hover { background-color: hsl(var(--siteColor2)); color: hsl(var(--white)); }

/* Sidebar */
.pdp-sidebar-btns .btn { text-transform: capitalize; font-weight: var(--wRegular); }
.promo-code-btn,
.promo-code-btn:hover { background-color: hsl(var(--siteColor1)); color: hsl(var(--white)); }
@media (min-width: 1025px) {
	.pdp-body .be-calendar-legend-key { margin: 0 1.5rem 0.5rem; }
}
.pdp-split-cost-modal-how-many-families .card-header { background-color: hsl(var(--siteColor2)); color: hsl(var(--white)); }
.pdp-split-cost-modal-family .card-header { background-color: hsl(var(--siteColor3)); color: hsl(var(--white)); }

/* Sidebar Book Button */
.pdp-sidebar-book-now-btn { background-color: hsl(var(--siteColor1)); color: hsl(var(--white)); }
.pdp-sidebar-book-now-btn:hover { background-color: hsl(var(--siteColor2)); color: hsl(var(--white)); }

/* Custom Quote */
.card-custom-quote-details .card-header,
.property-book-card .card-header { background-color: hsl(var(--siteColor3)); color: hsl(var(--white)); }
.property-book-card-btn { background-color: hsl(var(--siteColor1)); color: hsl(var(--white)); }
.property-book-card-btn:hover { background-color: hsl(var(--siteColor2)); color: hsl(var(--white)); }

/* Template - One */
@media (min-width: 1200px) {
	.pdp-template-one .pdp-main { --sidePadding: 0; }
}
@media (min-width: 1025px) {
	.pdp-template-one .pdp-main .pdp-property-widget .pdp-property-widget-img-area { border-radius: var(--borderRadiusCheckbox); }
}

/* Template - Two */

/* Template - Three */
@media (min-width: 1200px) {
	.pdp-template-three .pdp-main { --sidePadding: 0; }
}

/* Template - Four */
@media (min-width: 1200px) {
	.pdp-template-four .pdp-main { --sidePadding: 0; }
}
@media (min-width: 1025px) {
	.pdp-template-four .pdp-property-widget-img-area-grid-item { border-radius: 0.5rem; }
}

/* BE - Landscape - Mobile */
@media screen and (min-width: 320px) and (max-width: 1024px) and (orientation: landscape) {
  .be-header { border-bottom: 0.0625rem hsla(var(--black), 10%) solid; }
  .be-header-bar-sub { background-color: hsla(var(--siteColor1), 10%); }
}


/* ======= Book ======= */
/* ==================== */

/* Property Info */
.book-sidebar-img-wrap { padding-bottom: 65%; border-radius: 1rem; }

/* Section Defaults */
.book-section-heading { font-size: 1.5rem; font-weight: var(--wRegular); color: hsl(var(--siteColor1)); background-color: hsl(var(--white)); }
.book-section-step-heading { color: hsl(var(--bodyFontColor)); font-size: 1.75rem; }

/* Sidebar */
.book-promo-code-btn,
.book-promo-code-btn:hover { background-color: hsl(var(--siteColor1)); color: hsl(var(--white)); }

/* Sidebar Footer */
.book-sidebar-footer .book-sidebar-footer-confirm-booking-btn { color: hsl(var(--white)); background-color: hsl(var(--siteColor2)); font-weight: var(--wMedium); }

/* Swipe Button */
.book-sidebar-footer-swipe-confirm-booking-btn { color: hsl(var(--white)); background-color: hsl(var(--siteColor2)); font-weight: var(--wMedium); font-size: 1.125rem; text-transform: uppercase; }
.book-sidebar-footer-swipe-confirm-booking-btn.swipe-btn { color: hsl(var(--white)); }


/* ======= Book Confirm ======= */
/* ============================ */
.booking-confirm .card-header { background-color: hsl(var(--siteColor1)); color: hsl(var(--white)); }


/* ======= Modules ======= */
/* ======================= */

/* Availability Calendar */
.availability-calendar-modal .avaibility-btn-wrap .btn { background: hsl(var(--siteColor2)); color: hsl(var(--white)); }
.availability-calendar-modal .avaibility-btn-wrap .btn:hover { background: hsl(var(--siteColor1)); color: hsl(var(--white)); }
.availability-calendar-modal .avaibility-btn-wrap .btn.btn-available { background: hsl(var(--siteColor1)); color: hsl(var(--white)); }
.availability-calendar-modal .avaibility-btn-wrap .btn.btn-available:hover { background: hsl(var(--siteColor2)); color: hsl(var(--white)); }

/* Bedding */
.pdp-bedding .be-read-more-wrap { --defaultHeight: 12rem; }

