/* Quick Search */
.mobile-qs-toggle { display:block; width:100%; border-radius:0; padding:0.75rem 1rem; }
.be-quicksearch-wrap { display:none; position:fixed; left:0; right:0; bottom:0; top:calc(var(--headerHeight) - 41px); align-items:flex-start; justify-content:center; width:100%; max-width:100vw; background-color:hsl(var(--siteColor2)); overflow:auto; flex-wrap:wrap; padding:3rem 1rem 5rem; }
.be-quicksearch-wrap.open { display:flex;  }
.qs-toggle-links { display:none; border:1px solid hsl(var(--white)); border-radius:var(--borderRadiusPill); margin-right:1.5rem; margin-top:0.65rem; overflow:hidden; }
.qs-toggle-link { padding:0.25rem 0.75rem; width:50%; text-align:center; color:hsl(var(--siteColor2)); background-color:hsl(var(--white)); font-size:0.9rem; }
.qs-toggle-link:hover { text-decoration:none; outline:none; box-shadow:none; color:hsl(var(--siteColor2)); }
.qs-toggle-link:first-child { border-right:1px solid hsl(var(--white)); }
.qs-toggle-link.active { color:hsl(var(--white)); background-color:hsl(var(--siteColor2)); pointer-events:none; }
.qs-toggle-link:hover.active { color:hsl(var(--white)); }
.hero-quick-search { position: relative;  z-index: 2; border-radius: 1rem; max-width:100%; font-family: var(--bodyFont); text-transform: capitalize;  }
#qsCloseBtn { display:block; position:absolute; top:-2.5rem; right:-1rem; color:hsl(var(--white)); opacity:0.75; transition:opacity 0.3s; }
#qsCloseBtn:hover { opacity:1; box-shadow:none; }
.hero-quick-search > form { position: relative; }
.hero-quick-search .qs-row { justify-content: center; margin: 0; padding: 0; position: relative; z-index: 5; border-radius: var(--borderRadius); background-color:hsl(var(--white)); }
.hero-quick-search .qs-row [class^=col] { flex-basis: 100%; max-width: 100%; padding: 0.5rem; position: relative; }
.hero-quick-search .qs-row [class^=col].col-bedrooms, .hero-quick-search .qs-row [class^=col].col-condos { flex-basis:50%; max-width:50%; }
.hero-quick-search .qs-row .col-submit[class^=col] { position:fixed; bottom:0; left:0; right:0; padding:1rem; background-color:hsl(var(--white)); z-index:9; }
.hero-quick-search .input-wrap,
.hero-quick-search .select-wrap { width: 100%; height: 2.875rem; position: relative; background: hsl(var(--white)); border-radius: var(--borderRadiusPill); }
.hero-quick-search .input-wrap .icon,
.hero-quick-search .select-wrap .icon { width: 1.5rem; height: 1.5rem; position: absolute; top: 50%; left: 1rem; z-index: 1; transform: translate(0, -50%); color: hsl(var(--siteColor1)); }
.hero-quick-search .select-wrap .bootstrap-select.dropdown { width:100%!important; }
.hero-quick-search .input-wrap input,
.hero-quick-search .bootstrap-select .dropdown-toggle { background: transparent; }
.hero-quick-search .input-wrap input,
.hero-quick-search .bootstrap-select .dropdown-toggle,
.hero-quick-search button[type=submit], .hero-quick-search .srp-filters-modal-footer-apply { width: 100%; height: 100%; padding: 0.625rem; position: relative; z-index: 2; border: none; text-align: center; text-overflow: ellipsis; }
.hero-quick-search .input-wrap,
.hero-quick-search .select-wrap,
.hero-quick-search button[type=submit], .hero-quick-search .srp-filters-modal-footer-apply { height: 2.875rem; }
.hero-quick-search .qs-dates-wrap:before,
.hero-quick-search .bootstrap-select .dropdown-toggle:before { content: ""; display: block; height: 1.25rem; position: absolute; top: 50%; left: 1rem; transform: translate(0, -50%); }
/* siteColor1 - HSL Value is inline, no variable support */
.hero-quick-search .qs-dates-wrap:before { width: 1.15rem; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="hsl(0, 0%, 50%)" d="M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z"></path></svg>'); }
.hero-quick-search .qs-row .bootstrap-select .dropdown-toggle { display: flex; padding: 1rem; border-radius: var(--borderRadiusPill) !important; text-transform:none; }
.hero-quick-search .filters-select-wrap .dropdown.bootstrap-select{ width:100%!important; margin:0; }
.hero-quick-search .bootstrap-select .dropdown-toggle,
.hero-quick-search .bootstrap-select .dropdown-toggle .filter-option,
.hero-quick-search .bootstrap-select .dropdown-toggle .filter-option-inner,
.hero-quick-search .bootstrap-select .dropdown-toggle .filter-option-inner-inner { display: flex; justify-content: start; align-items: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.hero-quick-search .bootstrap-select .dropdown-toggle .filter-option-inner-inner { display: block; }
.hero-quick-search .input-wrap input:focus,
.hero-quick-search .input-wrap input:hover { color: hsl(var(--bodyFontColor)); }
.hero-quick-search .bootstrap-select:focus,
.hero-quick-search .bootstrap-select .dropdown-toggle:focus,
.hero-quick-search .bootstrap-select .dropdown-toggle:hover,
.hero-quick-search button[type=submit]:hover, .hero-quick-search .srp-filters-modal-footer-apply:hover { outline: none !important; box-shadow: none !important; color: hsl(var(--white)); }
.hero-quick-search .qs-row [class^=col] label { display: none; text-align: left; }
.hero-quick-search [class^=col] select { opacity: 0; position: absolute; top: 0; left: 0; right: 0; width: 100%; }
.hero-quick-search button[type=submit], .hero-quick-search .srp-filters-modal-footer-apply { border-radius:var(--borderRadius); font-size: 1.25rem; font-weight: var(--wMedium); color: hsl(var(--black)); text-transform: uppercase; }
body .hero-quick-search .bootstrap-select .dropdown-menu { width: 100%; max-width: none; min-width:13rem; }
body .hero-quick-search .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark { top: 50%; transform: translateY(-50%); color: hsl(var(--siteColor1)); right: 1.5rem; }
body .hero-quick-search .bootstrap-select.show-tick .dropdown-menu li a span.text { margin-right: 2rem; }

/* Quick Search Datepicker & Modal */
.qs-datepicker-mobile { margin-bottom: 0.5rem; }
.qs-datepicker-mobile .qs-modal { display: block; position: relative; background: transparent; visibility: visible; opacity: 1; backdrop-filter:none; z-index:1; }
.qs-datepicker-mobile .be-modal-header-bar { border-bottom:none; height:1.25rem; position:relative; display:none; }
.qs-datepicker-mobile .be-modal-header-bar .be-modal-close {  top:0; right:0; position:absolute; box-shadow:none; }
.qs-datepicker-mobile .be-modal-header-bar .be-modal-close .icon { color:hsl(var(--siteColor1)); width:1.25rem; height:1.25rem; }

.qs-datepicker-mobile .be-modal-body,
.qs-datepicker-mobile .be-modal-main { display: block; width: 100%; visibility: visible; opacity: 1; transform: none; margin-top:0; padding:0; box-shadow:none; margin:0 auto; }
.qs-datepicker-mobile .be-modal-main .qs-modal-datepicker-body { padding: 0; background: transparent; }
.qs-datepicker-mobile .qs-datepicker-wrap { display: flex !important; background: transparent; box-shadow: none; }
.qs-datepicker-mobile .ui-datepicker-inline { display: block !important; }

.qs-datepicker-wrap { width: 20rem; max-width: 100%; overflow: hidden; display: none; margin: auto; border-radius: var(--borderRadius); box-shadow: var(--dropShadow); }
.qs-datepicker-wrap .ui-datepicker.ui-widget-content { min-width: auto; margin: 0; padding: 0 !important; }
.qs-datepicker-wrap .ui-datepicker.ui-widget-content .ui-datepicker-calendar { width: 100%; }
.qs-datepicker-wrap .ui-datepicker.ui-widget-content .ui-datepicker-group { width: 100% !important; }
.qs-datepicker-wrap .ui-datepicker.ui-widget-content .ui-datepicker-prev { left: 0; }
.qs-datepicker-wrap .ui-datepicker.ui-widget-content .ui-datepicker-next { right: 0; }
.datepicker-reset { background: none; border: none; font-size: 1.25rem; color: hsl(var(--lightGray)); }
.datepicker-reset-inline { width: 1.25rem; height: 1.25rem; position: absolute; top: 50%; right: 1.35rem; transform: translate(0, -50%); }
.datepicker-reset .icon { vertical-align: top; width: 1.25rem; height: 1.25rem; }
.datepicker-reset-inline .icon { color: hsl(var(--lightGray)); }
.datepicker-reset-inline.active .icon { color: hsl(var(--siteColor1)); cursor: pointer; }

.qs-dates-wrap { cursor: pointer; display: flex; justify-content: space-between; align-items: center; width: 100%; height: 2.875rem; padding: 1.25rem 0; padding-left: 3.75rem; position: relative; background: hsl(var(--white)); border-radius: var(--borderRadiusPill); }
.qs-dates-wrap .caret { display: none; }
.qs-dates-group { position: relative; display: flex; flex-direction: column; text-align: left; }
.qs-dates-group-label { margin: 0; padding: 0; transition: all ease-in-out 0.125s; }
.qs-dates-group-date { opacity: 0; visibility: hidden; transition: all ease-in-out 0.4s; position: absolute; }
.qs-dates-group.dates-entered .qs-dates-group-label, .srp-dates-group.dates-entered .qs-dates-group-label { opacity: 0.75; font-size: 0.75rem; transform: translateY(-15%); }
.qs-dates-group.dates-entered .qs-dates-group-date, .srp-dates-group.dates-entered .qs-dates-group-date { opacity: 1; visibility: visible; position: relative; }
.qs-dates-arrival,
.qs-dates-departure { display: flex; align-items: center; width: 50%; margin: 0 0.5rem; white-space: nowrap; letter-spacing: 0.025rem; line-height: 1; color: hsl(var(--bodyFontColor)); }
.qs-dates-arrival .icon,
.qs-dates-departure .icon { width: 1.25rem; height: 1.25rem; color: hsl(var(--siteColor1)); margin-right: 0.5rem; }
.qs-modal-datepicker-body { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; padding: 1rem; background-color: hsla(var(--siteColor1), 10%); transition: all 0.4s ease-in-out; }
.qs-buttons { display:flex; padding:0 1rem; }
.qs-modal-datepicker-body .datepicker-reset-btn { width: 6.25rem; position: relative; margin: 0.5rem 0 0.5rem auto; background: hsl(var(--white)); border: 0.0625rem hsla(var(--siteColor1), 25%) solid; border-radius: var(--borderRadiusPill); box-shadow: 0 0 0 0.125rem hsla(var(--white), 50%); font-size: 1rem; color: hsl(var(--siteColor1)); text-transform: capitalize; transition: all ease-in-out 0.4s; display:none; }
.qs-modal-datepicker-body .datepicker-reset-btn.active { display:inline-flex; }
.qs-modal-datepicker-body .datepicker-reset-btn:hover { border: 0.0625rem hsla(var(--siteColor1), 25%) solid; }
.qs-modal-datepicker-body .datepicker-reset-btn .icon { margin-right: 0.25rem; }

.qs-filters-toggle { color:hsl(var(--white)); background-color:hsl(var(--siteColor2)); text-transform:uppercase; border:1px solid hsl(var(--white)); margin:0 1rem 0 1.5rem; display:none; }
.qs-filters-toggle .icon { width: 1rem; height: 1rem; margin-left: 0.5rem; transform: rotate(90deg); }
.filters-dropdown-row { background-color:hsl(var(--siteColor2)); font-size:0.9rem; position:relative; top:0; left:0; right:0; bottom:0; z-index:4; padding:2rem 2rem 1rem; color:hsl(var(--white)); transition:all 0.3s;  }
.filters-dropdown-row.active { visibility:visible; opacity:1; display:block; height:auto;  padding:1rem 1rem 0.5rem; }
.filters-dropdown-areas { display:flex; flex-wrap:wrap;  margin-bottom:1rem; align-items:center; margin-left:-1rem; margin-right:-1rem; }
.filters-dropdown-areas .icon { display:none; }
.filters-select-wrap { width:100%; display:flex; flex-wrap:wrap; }
.filters-dropdown-areas .bootstrap-select {  margin-bottom:0.5rem; margin-right:0.5rem; width:auto!important;  }
.filters-dropdown-areas .bootstrap-select .dropdown-toggle { padding:0.5rem 1rem; border:1px solid hsl(var(--white)); text-transform:none; }
.filters-dropdown-areas .bootstrap-select .dropdown-toggle .filter-option-inner-inner { text-indent:0; }
.filters-dropdown-areas .bootstrap-select .dropdown-toggle .filter-option-inner-inner { color:hsl(var(--white)); }
.filters-dropdown-areas .bootstrap-select .dropdown-toggle:after { color:hsl(var(--white)); }
.filters-dropdown-row .form-group { margin-bottom:1rem; }
.filters-dropdown-row label.form-check-label { text-transform:uppercase; align-items:flex-start; }
.filters-dropdown-row .be-checkbox .form-check-label:before { padding:0.5rem; margin-top:2px; }
.qs-filters-close { margin-top:1rem; }

.filters-dropdown-areas .bootstrap-select .dropdown-toggle { padding:0.625rem 1.75rem 0.625rem 0.625rem; border:none; }
.filters-dropdown-areas .bootstrap-select .dropdown-toggle:after { position:absolute; right:0; top:50%; transform:translate(0,-50%); }
.prop-num { display:none; }

.be-quicksearch-wrap .be-header-actions-text { display:block; }
.be-quicksearch-wrap .be-header-actions-item .btn { padding:0; margin:0 0 1rem; }
.be-quicksearch-wrap .be-header-actions-item .btn:focus { box-shadow:none; }

@media (min-width: 1200px) {
  .mobile-qs-toggle { display:none; }
  .be-quicksearch-wrap { display:flex; position:relative; top:auto; bottom:auto; background-color:transparent; padding:0; overflow:visible; }
  .qs-toggle-links { display:flex; }
  #qsCloseBtn { display:none; }
  .qs-datepicker-mobile {position:absolute; top:100%; left:0; margin-bottom:0; display:none; }
  .qs-datepicker-mobile.open { display:block; }
  .qs-datepicker-mobile .be-modal-body { padding:1rem; border-radius: var(--borderRadius); box-shadow: var(--dropShadow), var(--dropShadow); }
  .qs-datepicker-mobile .be-modal-header-bar { display:block; }
  .qs-modal-datepicker-body .datepicker-reset-btn { display:inline-flex; }
  .hero-quick-search {  border-radius: 1.5rem; width:60rem; max-width:100%; padding:0; }
  .hero-quick-search .qs-row { margin: 0; margin: 0 -0.9375rem; padding: 0; background-color:transparent;
    display: grid;
    grid-template-columns: repeat(4, minmax(auto, 1fr));
  }
  .hero-quick-search .qs-row [class^=col] { margin: 0; padding: 0; height:3.25rem; }
  .hero-quick-search .qs-row [class^=col].col-bedrooms, .hero-quick-search .qs-row [class^=col].col-condos { flex-basis:100%; max-width:100%; }
  .hero-quick-search .qs-row .col-submit[class^=col] { position:relative; padding:0; background-color:transparent; }
  .hero-quick-search .col-dates { height: auto; }
  .hero-quick-search .col-dates { min-width: 18rem; }
  .hero-quick-search .col-must-haves,
  .hero-quick-search .col-location,
  .hero-quick-search .col-views { min-width: 7.5rem; }
  .hero-quick-search .col-submit { min-width: 10rem; }
  .hero-quick-search .qs-row .bootstrap-select .dropdown-toggle { height: 100%; padding: 1rem 1rem 1rem 2.75rem; border-radius: 0 !important; }
  .hero-quick-search .bootstrap-select .dropdown-toggle,
  .hero-quick-search .bootstrap-select .dropdown-toggle .filter-option,
  .hero-quick-search .bootstrap-select .dropdown-toggle .filter-option-inner,
  .hero-quick-search .bootstrap-select .dropdown-toggle .filter-option-inner-inner { text-indent: 0; }
  .hero-quick-search .filters-select-wrap .bootstrap-select .dropdown-toggle { max-width:13rem; }
  .hero-quick-search .filters-select-wrap .bootstrap-select:last-child .dropdown-toggle { max-width:19rem; }
  .hero-quick-search .bootstrap-select .dropdown-menu { width: auto; }
  .hero-quick-search .bootstrap-select .dropdown-menu .inner { border-radius: 0 !important; padding:0.5rem 0; }
  .hero-quick-search .bootstrap-select .dropdown-menu .inner li { margin:0 0.5rem; }
  .hero-quick-search .input-wrap:before,
  .hero-quick-search .select-wrap:before { content: ''; height: 60%; position: absolute; top: 50%; left: 0; transform: translate(0,-50%); border-left: 0.0625rem solid #d7d7d7; }
  .hero-quick-search .input-wrap,
  .hero-quick-search .select-wrap,
  .hero-quick-search button[type=submit], .hero-quick-search .srp-filters-modal-footer-apply { height: 3.25rem; border-radius: 0 1.5rem 1.5rem 0; }
  .hero-quick-search .select-wrap .bootstrap-select { height:100%; width:100%!important; }
  .hero-quick-search [class^=col] > div { border-radius: 0 !important; }
  .hero-quick-search [class^=col]:first-child div:nth-child(2) { border-radius: 1.5rem 0 0 1.5rem !important; }
  .datepicker-reset-inline { right: 0.5rem; }
  .filters-wrap { left:0; right:0; }
  .filters-dropdown-row { visibility:hidden; opacity:0; display:none; position:relative; }
  .filters-dropdown-row .row { margin-left:-5px; margin-right:-5px; }
  .filters-dropdown-row [class*='col-'] { padding:0 5px; }
  .filters-dropdown-row .form-group { margin-bottom:0.5rem; font-size:0.8rem; }
  .filters-dropdown-areas { margin-left:0; margin-right:0; }
  .filters-dropdown-areas .icon { display:block; }
  .filters-select-wrap { width:auto; margin-top:0; }
  .prop-num { display:block; margin-left:auto; }
  .qs-datepicker-wrap { width: auto; margin: 0; box-shadow: none; }
  .qs-datepicker-wrap .ui-datepicker.ui-widget-content { width: 100% !important; box-shadow: none; }
  .qs-datepicker-wrap .ui-datepicker.ui-widget-content .ui-datepicker-group { width: 50% !important; padding: 0 0.5rem; }
  .qs-dates-wrap { height: 100%; padding: 0 2.25rem 0 2.5rem; }
  .hero-quick-search .col-dates { height: 2.875rem; }
  .datepicker-reset-inline { right: 1rem; }
  .qs-modal-datepicker-body { padding: 0; background-color: hsl(var(--white)); }
  .filters-dropdown-areas .bootstrap-select { margin-left:1rem!important; margin-bottom:0; }
  .hero-quick-search .filters-select-wrap .dropdown.bootstrap-select { width:auto!important; }
  .qs-filters-toggle { display:inline-flex; margin-top:0.55rem; font-size:0.9rem; }
  .be-quicksearch-wrap .be-header-actions-item .btn { margin:0.85rem 0 0.25rem; }
  .be-quicksearch-wrap .be-header-actions-save .icon { width:1.5rem; height:1.5rem; }
  .be-quicksearch-wrap .be-header-actions-save .be-header-actions-text { display:none; }
}