/* Quick Search Wrap */
.hero-quick-search-wrap { width: calc(100% - 2rem); position: relative; z-index: 2; margin: auto; padding: 1rem 0.75rem; background: hsla(var(--white), 50%); border-radius: 16px; font-family: var(--bodyFont); text-transform: capitalize; }
.hero-quick-search-wrap.hero-tabs { margin: 3.5rem auto 0; }
/* Quick Search Tabs */
.hero-quick-search-wrap .nav { justify-content: center; position: absolute; bottom: calc(100% + 0.5rem); right: 0; left: 0; margin: auto; }
.hero-quick-search-wrap .nav .nav-item { flex-grow: 1; margin: 0 0.25rem 0.5rem; }
.hero-quick-search-wrap .nav .nav-link { padding: 0.5rem 1rem; background: hsla(var(--white), 50%); color: hsla(var(--black), 95%); text-align: center; }
.hero-quick-search-wrap .nav .nav-link.active { background: hsla(var(--siteColor1), 95%); color: hsla(var(--white), 95%); }
.hero-quick-search-wrap .tab-content { background: transparent; }
.hero-quick-search-wrap .tab-content .tab-pane { background: transparent; }
/* Quick Search */
.hero-quick-search { width: 100%; position: relative; }
.hero-quick-search .row { justify-content: center; padding: 0 0.9375rem; }
.hero-quick-search [class^=col] { flex-basis: 100%; max-width: 100%; padding: 0.5rem; position: relative; }
.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 .input-wrap input[type=text], .hero-quick-search .bootstrap-select .dropdown-toggle { background: transparent; }
.hero-quick-search .input-wrap input[type=text], .hero-quick-search .bootstrap-select .dropdown-toggle, .hero-quick-search button[type=submit] { width: 100%; height: 100%; padding: 0.625rem; position: relative; z-index: 2; border: none; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.hero-quick-search .input-wrap, .hero-quick-search .select-wrap, .hero-quick-search button[type=submit] { height: 2.875rem; }
.hero-quick-search .input-wrap input[type=text] { display: inline-flex; min-width: 10rem; height: 100%; padding: 1rem 1rem 1rem 3rem; border: none; border-radius: 0; text-align: left !important; }
.hero-quick-search .qs-dates-wrap:before, .hero-quick-search .col-mlsNumber .input-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: 100%; background-image: url('/images/icons/Outpost-Whistler-Icon-QS-Calendar.png'); background-size: contain; background-repeat: no-repeat; }
.hero-quick-search .col-bedrooms .dropdown-toggle:before { width: 1.5rem; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="hsl(0, 0%, 0%)" d="M176 256c44.11 0 80-35.89 80-80s-35.89-80-80-80-80 35.89-80 80 35.89 80 80 80zm352-128H304c-8.84 0-16 7.16-16 16v144H64V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v352c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16v-48h512v48c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16V240c0-61.86-50.14-112-112-112z"></path></svg>'); }
.hero-quick-search .col-bathrooms .dropdown-toggle:before { width: 1.25rem; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="hsl(0, 0%, 0%)" d="M32 384a95.4 95.4 0 0032 71.09V496a16 16 0 0016 16h32a16 16 0 0016-16v-16h256v16a16 16 0 0016 16h32a16 16 0 0016-16v-40.91A95.4 95.4 0 00480 384v-48H32zm464-128H80V69.25a21.26 21.26 0 0136.28-15l19.27 19.26c-13.13 29.88-7.61 59.11 8.62 79.73l-.17.17a16 16 0 000 22.59l11.31 11.31a16 16 0 0022.63 0L283.31 81.94a16 16 0 000-22.63L272 48a16 16 0 00-22.62 0l-.17.17c-20.62-16.23-49.83-21.75-79.73-8.62l-19.26-19.27A69.25 69.25 0 0032 69.25V256H16a16 16 0 00-16 16v16a16 16 0 0016 16h480a16 16 0 0016-16v-16a16 16 0 00-16-16z"></path></svg>'); }
.hero-quick-search .col-sleeps .dropdown-toggle:before { width: 100%; background-image: url('/images/icons/Outpost-Whistler-Icon-QS-Guests.png'); background-size: contain; background-repeat: no-repeat; }
.hero-quick-search .col-view .dropdown-toggle:before { width: 1.35rem; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="hsl(0, 0%, 0%)" d="M572.52 241.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 000 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 000-29.19zM288 400a144 144 0 11144-144 143.93 143.93 0 01-144 144zm0-240a95.31 95.31 0 00-25.31 3.79 47.85 47.85 0 01-66.9 66.9A95.78 95.78 0 10288 160z"></path></svg>'); }
.hero-quick-search .col-location .dropdown-toggle:before { width: 0.95rem; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="hsl(0, 0%, 0%)" d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z"></path></svg>'); }
.hero-quick-search .col-must-haves .dropdown-toggle:before { width: 1.25rem; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="hsl(0, 0%, 0%)" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg>'); }
.hero-quick-search .col-price .dropdown-toggle:before { width: 0.6875rem; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 288 512"><path fill="hsl(0, 0%, 0%)" d="M211.9 242.1L95.6 208.9c-15.8-4.5-28.6-17.2-31.1-33.5C60.6 150 80.3 128 105 128h73.8c15.9 0 31.5 5 44.4 14.1 6.4 4.5 15 3.8 20.5-1.7l22.9-22.9c6.8-6.8 6.1-18.2-1.5-24.1C240.4 74.3 210.4 64 178.8 64H176V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48h-2.5C60.3 64 14.9 95.8 3.1 143.6c-13.9 56.2 20.2 111.2 73 126.3l116.3 33.2c15.8 4.5 28.6 17.2 31.1 33.5C227.4 362 207.7 384 183 384h-73.8c-15.9 0-31.5-5-44.4-14.1-6.4-4.5-15-3.8-20.5 1.7l-22.9 22.9c-6.8 6.8-6.1 18.2 1.5 24.1 24.6 19.1 54.6 29.4 86.3 29.4h2.8v48c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16v-48h2.5c49.2 0 94.6-31.8 106.4-79.6 13.9-56.2-20.2-111.2-73-126.3z"></path></svg>'); }
.hero-quick-search .col-city .dropdown-toggle:before { width: 1.5625rem; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="hsl(0, 0%, 0%)" d="M244 384h-40c-6.63 0-12 5.37-12 12v40c0 6.63 5.37 12 12 12h40c6.63 0 12-5.37 12-12v-40c0-6.63-5.37-12-12-12zm0-192h-40c-6.63 0-12 5.37-12 12v40c0 6.63 5.37 12 12 12h40c6.63 0 12-5.37 12-12v-40c0-6.63-5.37-12-12-12zm-96 0h-40c-6.63 0-12 5.37-12 12v40c0 6.63 5.37 12 12 12h40c6.63 0 12-5.37 12-12v-40c0-6.63-5.37-12-12-12zm0 192h-40c-6.63 0-12 5.37-12 12v40c0 6.63 5.37 12 12 12h40c6.63 0 12-5.37 12-12v-40c0-6.63-5.37-12-12-12zm0-96h-40c-6.63 0-12 5.37-12 12v40c0 6.63 5.37 12 12 12h40c6.63 0 12-5.37 12-12v-40c0-6.63-5.37-12-12-12zm96 0h-40c-6.63 0-12 5.37-12 12v40c0 6.63 5.37 12 12 12h40c6.63 0 12-5.37 12-12v-40c0-6.63-5.37-12-12-12zm288 96h-40c-6.63 0-12 5.37-12 12v40c0 6.63 5.37 12 12 12h40c6.63 0 12-5.37 12-12v-40c0-6.63-5.37-12-12-12zm0-96h-40c-6.63 0-12 5.37-12 12v40c0 6.63 5.37 12 12 12h40c6.63 0 12-5.37 12-12v-40c0-6.63-5.37-12-12-12zm84-96H512V24c0-13.26-10.74-24-24-24H280c-13.26 0-24 10.74-24 24v72h-32V16c0-8.84-7.16-16-16-16h-16c-8.84 0-16 7.16-16 16v80h-64V16c0-8.84-7.16-16-16-16H80c-8.84 0-16 7.16-16 16v80H24c-13.26 0-24 10.74-24 24v376c0 8.84 7.16 16 16 16h16c8.84 0 16-7.16 16-16V144h256V48h160v192h128v256c0 8.84 7.16 16 16 16h16c8.84 0 16-7.16 16-16V216c0-13.26-10.75-24-24-24zM404 96h-40c-6.63 0-12 5.37-12 12v40c0 6.63 5.37 12 12 12h40c6.63 0 12-5.37 12-12v-40c0-6.63-5.37-12-12-12zm0 192h-40c-6.63 0-12 5.37-12 12v40c0 6.63 5.37 12 12 12h40c6.63 0 12-5.37 12-12v-40c0-6.63-5.37-12-12-12zm0-96h-40c-6.63 0-12 5.37-12 12v40c0 6.63 5.37 12 12 12h40c6.63 0 12-5.37 12-12v-40c0-6.63-5.37-12-12-12z"></path></svg>'); }
.hero-quick-search .col-type .dropdown-toggle:before { width: 1.125rem; 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%, 0%)" d="M128 148v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12zm140 12h40c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12zm-128 96h40c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12zm128 0h40c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12zm-76 84v-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-12zm76 12h40c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12zm180 124v36H0v-36c0-6.6 5.4-12 12-12h19.5V24c0-13.3 10.7-24 24-24h337c13.3 0 24 10.7 24 24v440H436c6.6 0 12 5.4 12 12zM79.5 463H192v-67c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v67h112.5V49L80 48l-.5 415z"></path></svg>'); }
.hero-quick-search .col-csrp .dropdown-toggle:before { width: 1.25rem; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="hsl(0, 0%, 0%)" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path></svg>'); }
.hero-quick-search .col-boat-type .dropdown-toggle:before { width: 1.375rem; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="hsl(0, 0%, 0%)" d="M256 16c0-7 4.5-13.2 11.2-15.3s13.9 .4 17.9 6.1l224 320c3.4 4.9 3.8 11.3 1.1 16.6s-8.2 8.6-14.2 8.6H272c-8.8 0-16-7.2-16-16V16zM212.1 96.5c7 1.9 11.9 8.2 11.9 15.5V336c0 8.8-7.2 16-16 16H80c-5.7 0-11-3-13.8-8s-2.9-11-.1-16l128-224c3.6-6.3 11-9.4 18-7.5zM5.7 404.3C2.8 394.1 10.5 384 21.1 384H554.9c10.6 0 18.3 10.1 15.4 20.3l-4 14.3C550.7 473.9 500.4 512 443 512H133C75.6 512 25.3 473.9 9.7 418.7l-4-14.3z"></path></svg>'); }
.hero-quick-search .col-mlsNumber .input-wrap:before { width: 1.125rem; 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%, 0%)" d="M443.524 190.109l4.286-24c1.313-7.355-4.342-14.109-11.813-14.109h-89.045l18.909-105.89c1.313-7.355-4.342-14.11-11.813-14.11h-24.38a12 12 0 00-11.813 9.89L298.192 152h-111.24l18.909-105.89c1.313-7.355-4.342-14.11-11.813-14.11h-24.38a12 12 0 00-11.813 9.89L138.192 152H44.86a12 12 0 00-11.813 9.891l-4.286 24C27.448 193.246 33.103 200 40.575 200h89.045l-20 112H16.289a12 12 0 00-11.813 9.891l-4.286 24C-1.123 353.246 4.532 360 12.003 360h89.045L82.139 465.891C80.826 473.246 86.481 480 93.953 480h24.38a12 12 0 0011.813-9.891L149.808 360h111.24l-18.909 105.891c-1.313 7.355 4.342 14.109 11.813 14.109h24.38a12 12 0 0011.813-9.891L309.808 360h93.331a12 12 0 0011.813-9.891l4.286-24c1.313-7.355-4.342-14.109-11.813-14.109H318.38l20-112h93.331a12 12 0 0011.813-9.891zM269.62 312H158.38l20-112h111.24l-20 112z"></path></svg>'); }
.hero-quick-search .col-mlsNumber .input-wrap input[type=text] { min-width: 12rem; }
.hero-quick-search [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 .bootstrap-select { width: 100% !important; height: 100%; }
.hero-quick-search .bootstrap-select .dropdown-toggle { touch-action: auto; display: flex; padding: 1rem 1rem 1rem 3rem; border-radius: var(--borderRadiusPill) !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 { display: flex; justify-content: start; align-items: center; text-indent: 1.25rem; 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 .dropdown-toggle:active { background: none; box-shadow: var(--focusShadow); }
.hero-quick-search .bootstrap-select:focus, .hero-quick-search .bootstrap-select .dropdown-toggle:focus, .hero-quick-search .bootstrap-select .dropdown-toggle:hover { outline: none !important; box-shadow: none !important; color: hsl(var(--bodyFontColor)); }
.hero-quick-search button[type=submit] { color: hsl(var(--white)); text-transform: capitalize; font-family: var(--siteFont2); font-size: 0.875rem; font-style: normal; font-weight: 500; line-height: 1.25rem; }
.hero-quick-search button[type=submit]:hover { outline: none !important; box-shadow: none !important; color: hsl(var(--white)); }
body .hero-quick-search .bootstrap-select .dropdown-menu { width: 100%; max-width: none; }
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: 0; text-wrap: wrap; }
/* BE QS Specific */
/* Quick Search Datepicker & Modal */
.qs-modal .i-modal-main { padding-top: 2.5rem; padding-bottom: 5rem; }
.qs-datepicker-wrap { width: 20rem; max-width: 100%; overflow: hidden; display: none; margin: auto; border-radius: 0; box-shadow: var(--dropShadow); }
.qs-datepicker-wrap .ui-datepicker.ui-widget-content { width: 100%; 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 { display: none; background: none; border: none; color: hsl(var(--lightGray)); }
.datepicker-reset.active { display: flex; }
.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; color: hsl(var(--siteColor1)); }
.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 { opacity: 0.75; font-size: 0.75rem; transform: translateY(-15%); }
.qs-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: 0; background-color: hsla(var(--siteColor1), 10%); transition: all 0.4s ease-in-out; }
.qs-modal-datepicker-body .datepicker-reset { width: 6.25rem; position: relative; margin: 1rem auto; background: hsl(var(--white)); border: 1px hsla(var(--siteColor1), 25%) solid; border-radius: var(--borderRadiusPill); box-shadow: 0 0 0 0.125rem hsla(var(--white), 50%); font-size: 0.875rem; color: hsl(var(--siteColor1)); text-transform: capitalize; transition: all ease-in-out 0.4s; }
.qs-modal-datepicker-body .datepicker-reset:hover { border: 1px hsla(var(--siteColor1), 25%) solid; }
.qs-modal-datepicker-body .datepicker-reset .icon { margin-right: 0.25rem; }
@media (min-width: 480px) {
.qs-datepicker-wrap { max-width: 100%; border-radius: var(--borderRadius); }
.qs-modal-datepicker-body { padding: 1.5rem; }
}
/* BE QS Modal - Figma match */
.be-qs-modal { align-items: center; }
.be-qs-modal .i-modal-body { width: min(44.6918rem, calc(100vw - 2rem)); min-width: 0; max-width: 44.6918rem; min-height: 0; margin-top: 0; background: var(--creamBG); border: 1px solid #A7A7A7; box-shadow: 0 0 1rem rgba(0, 0, 0, 0.10); overflow: hidden; }
.be-qs-modal .i-modal-header-bar { display: none; }
.be-qs-modal .i-modal-main { padding: 0; background: var(--creamBG); overflow: hidden; }
.be-qs-modal .qs-modal-datepicker-body { display: flex; flex-direction: column; padding: 1rem 1rem 0; background: var(--creamBG); }
.be-qs-modal .qs-datepicker-wrap { display: block; width: 100%; max-width: none; margin: 0; overflow: visible; border-radius: 0; box-shadow: none; }
.be-qs-modal .qs-datepicker-wrap .ui-datepicker.ui-widget-content { width: 100% !important; min-width: 0; margin: 0; padding: 0 !important; border: 0; border-radius: 0; box-shadow: none; background: var(--creamBG); font-family: var(--siteFont2), sans-serif; }
.be-qs-modal .qs-datepicker-wrap .ui-datepicker-multi { width: 100% !important; }
.be-qs-modal .qs-datepicker-wrap .ui-datepicker-group { width: 50% !important; padding: 1.7877rem 1.7877rem 0; background: var(--creamBG); }
.be-qs-modal .qs-datepicker-wrap .ui-datepicker-header { padding: 0 0 0.4469rem; min-height: 1.5094rem; }
.be-qs-modal .qs-datepicker-wrap .ui-datepicker-title { color: hsl(var(--siteColor2)); font-family: var(--siteFont2), sans-serif; font-size: 0.8938rem; font-weight: 700; line-height: 1.0279rem; }
.be-qs-modal .qs-datepicker-wrap .ui-datepicker-title span { font-family: var(--siteFont2), sans-serif; font-weight: 700; }
.be-qs-modal .qs-datepicker-wrap .ui-datepicker-prev, .be-qs-modal .qs-datepicker-wrap .ui-datepicker-next { top: 1.5625rem; width: 1.5rem; height: 1.5rem; margin: 0; opacity: 1; background-color: transparent; background-position: center; background-repeat: no-repeat; background-size: 0.2698rem 0.5228rem; border: 0; border-radius: 0; transform: none; }
.be-qs-modal .qs-datepicker-wrap .ui-datepicker-prev { left: 1rem; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='9' viewBox='0 0 5 9' fill='none'%3E%3Cpath d='M4 1L1 4.5L4 8' stroke='%23233D3D' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.be-qs-modal .qs-datepicker-wrap .ui-datepicker-next { right: 1rem; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='9' viewBox='0 0 5 9' fill='none'%3E%3Cpath d='M1 1L4 4.5L1 8' stroke='%23233D3D' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.be-qs-modal .qs-datepicker-wrap .ui-datepicker-prev:hover, .be-qs-modal .qs-datepicker-wrap .ui-datepicker-next:hover { background-color: transparent; }
.be-qs-modal .qs-datepicker-wrap .ui-datepicker-calendar { width: 18.7706rem; margin: 0; table-layout: fixed; border-collapse: collapse; }
.be-qs-modal .qs-datepicker-wrap .ui-datepicker-calendar th, .be-qs-modal .qs-datepicker-wrap .ui-datepicker-calendar td { width: 2.6815rem; height: 2.6815rem; padding: 0; border: 0; background: transparent; }
.be-qs-modal .qs-datepicker-wrap .ui-datepicker-calendar th { color: var(--textPrimary); background: transparent; }
.be-qs-modal .qs-datepicker-wrap .ui-datepicker-calendar th:after { display: none; }
.be-qs-modal .qs-datepicker-wrap .ui-datepicker-calendar th span, .be-qs-modal .qs-datepicker-wrap .ui-datepicker-calendar td a, .be-qs-modal .qs-datepicker-wrap .ui-datepicker-calendar td span.ui-state-default { display: flex; align-items: center; justify-content: center; width: 2.6815rem; height: 2.6815rem; padding: 0; font-family: var(--siteFont2), sans-serif; font-size: 0.8938rem; font-weight: 400; line-height: 1.0279rem; color: var(--textPrimary); text-align: center; border: 0; border-radius: 0; background: transparent; position: static; transform: none; }
.be-qs-modal .qs-datepicker-wrap .ui-datepicker-calendar td.ui-state-disabled span.ui-state-default { color: rgba(45, 45, 45, 0.3); cursor: default; }
.be-qs-modal .qs-datepicker-wrap .ui-datepicker-calendar td.dp-highlight, .be-qs-modal .qs-datepicker-wrap .ui-datepicker-calendar td.dp-start-date, .be-qs-modal .qs-datepicker-wrap .ui-datepicker-calendar td.dp-end-date { background: hsl(var(--siteColor3)); }
.be-qs-modal .qs-datepicker-wrap .ui-datepicker-calendar td.dp-start-date a, .be-qs-modal .qs-datepicker-wrap .ui-datepicker-calendar td.dp-end-date a, .be-qs-modal .qs-datepicker-wrap .ui-datepicker-calendar td a:hover { background: hsl(var(--siteColor2)) !important; color: var(--creamBG) !important; font-weight: 400; border-radius: 0; }
.be-qs-modal .qs-datepicker-wrap .ui-datepicker-calendar td.dp-highlight a { color: var(--textPrimary); font-weight: 400; }
.be-qs-modal .qs-datepicker-wrap .ui-datepicker-calendar td.dp-start-date, .be-qs-modal .qs-datepicker-wrap .ui-datepicker-calendar td.dp-end-date, .be-qs-modal .qs-datepicker-wrap .ui-datepicker-calendar td.dp-highlight:first-child, .be-qs-modal .qs-datepicker-wrap .ui-datepicker-calendar td.dp-highlight:last-child, .be-qs-modal .qs-datepicker-wrap .ui-datepicker-calendar td + .dp-highlight.hover, .be-qs-modal .qs-datepicker-wrap .ui-datepicker-calendar td.dp-highlight + .dp-highlight.hover { border-radius: 0; }
.be-qs-modal .be-qs-modal-footer { display: flex; align-items: flex-start; justify-content: space-between; min-height: 4.0377rem; padding: 0.5625rem 0.7877rem 1.7877rem; background: var(--creamBG); }
.be-qs-modal .be-qs-selection-count { margin: 0; opacity: 0; color: var(--textPrimary); font-family: var(--siteFont2), sans-serif; font-size: 0.75rem; font-weight: 700; line-height: 1.125rem; transition: opacity 0.2s ease-in-out; }
.be-qs-modal .be-qs-selection-count.active { opacity: 1; }
.be-qs-modal .qs-modal-datepicker-body .datepicker-reset { display: none; align-items: center; justify-content: center; width: auto; min-width: 6.1875rem; margin: 0; padding: 0.5rem 2rem; background: var(--creamBG); border: 1px solid hsl(var(--siteColor2)); border-radius: 3000px; box-shadow: none; color: var(--textPrimary); font-family: var(--siteFont2), sans-serif; font-size: 0.875rem; font-weight: 700; line-height: 1.25rem; text-decoration: underline; text-decoration-skip-ink: none; text-transform: none; align-self: flex-start; }
.be-qs-modal .qs-modal-datepicker-body .datepicker-reset.active { display: inline-flex; }
.be-qs-modal .qs-modal-datepicker-body .datepicker-reset .icon { display: none; }
.be-qs-modal .qs-modal-datepicker-body .datepicker-reset:hover, .be-qs-modal .qs-modal-datepicker-body .datepicker-reset:focus { border-color: hsl(var(--siteColor2)); color: var(--textPrimary); box-shadow: none; }
@media (max-width: 767.98px) {
  .be-qs-modal { align-items: flex-start; }
  .be-qs-modal .i-modal-body { width: calc(100vw - 1.5rem); max-width: calc(100vw - 1.5rem); margin-top: 0.75rem; }
  .be-qs-modal .qs-datepicker-wrap .ui-datepicker.ui-widget-content { display: flex; flex-direction: column; }
  .be-qs-modal .qs-datepicker-wrap .ui-datepicker-group { width: 100% !important; padding: 1.5rem 1.5rem 0; }
  .be-qs-modal .qs-datepicker-wrap .ui-datepicker-calendar { width: 100%; }
  .be-qs-modal .qs-datepicker-wrap .ui-datepicker-calendar th, .be-qs-modal .qs-datepicker-wrap .ui-datepicker-calendar td, .be-qs-modal .qs-datepicker-wrap .ui-datepicker-calendar th span, .be-qs-modal .qs-datepicker-wrap .ui-datepicker-calendar td a, .be-qs-modal .qs-datepicker-wrap .ui-datepicker-calendar td span.ui-state-default { width: calc((100vw - 4.5rem) / 7); max-width: 2.6815rem; min-width: 2.25rem; }
  .be-qs-modal .be-qs-modal-footer { flex-direction: column; align-items: flex-start; gap: 1rem; padding: 1.25rem 0.5rem 1.5rem; }
}
/* MLS QS Specific */
.qs-price-wrap { cursor: pointer; display: flex; justify-content: space-between; align-items: center; width: 100%; height: 2.875rem; padding: 1.25rem 0; position: relative; background: hsl(var(--white)); border-radius: var(--borderRadiusPill); }
.qs-price-min, .qs-price-max { width: 50%; }
.qs-price-group { position: relative; display: flex; flex-direction: column; text-align: left; }
.qs-price-group .select-wrap:after { display: none; }
@media (min-width: 1025px) and (max-width: 1260px) {
/* Only Shows when there are 5 or more quick search filters 'displayed' */
.hero-quick-search .row.grid-wrap { grid-template-columns: repeat(auto-fill, minmax(25%, 1fr)); }
}
@media (min-width: 480px) {
.hero-quick-search-wrap .nav .nav-item { flex-grow: 0; }
.hero-quick-search-wrap .nav .nav-link { padding: 0.5rem 2.5rem; }
}
@media (min-width: 1025px) {
.hero-quick-search-wrap { max-width: 75rem; position: absolute; top: auto; right: 0; bottom: 30%; left: 0; padding: 0; background: transparent; }
.hero-quick-search-wrap.int { bottom: 3rem; }
.hero-quick-search-wrap.hero-tabs { margin: 0 auto; }
.hero-quick-search-wrap .nav { position: relative; bottom: auto; }
.hero-quick-search .row { margin: 0; padding: 0; display: grid; }
.hero-quick-search .row-be { margin: 0; padding: 0.375rem; border-radius: 35px; background: #fff; grid-template-columns: repeat(calc(var(--quickSearchFiltersCount) + 2), minmax(auto, 1fr)); width: 42.875rem !important; }
.hero-quick-search .row-mls { margin: 0; padding: 0; grid-template-columns: repeat(calc(var(--quickSearchFiltersCount) - 1), minmax(auto, 1fr)); }
.hero-quick-search .row-ye { margin: 0; padding: 0; grid-template-columns: repeat(calc(var(--quickSearchFiltersCount) + 2), minmax(auto, 1fr)); }
.hero-quick-search [class^=col] { margin: 0; padding: 0; }
.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 .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; }
body .hero-quick-search .bootstrap-select .dropdown-menu { width: auto; }
.hero-quick-search .bootstrap-select .dropdown-menu .inner { border-radius: 0 !important; }
.hero-quick-search .input-wrap:after, .hero-quick-search .select-wrap:after { content: ''; height: 60%; position: absolute; top: 50%; left: 0; transform: translate(0,-50%); border-left: 1px solid #d7d7d7; }
.hero-quick-search .input-wrap, .hero-quick-search .select-wrap { border-radius: 0; }
.hero-quick-search button[type=submit] { border-radius: var(--borderRadiusPill); }
.hero-quick-search [class^=col], .hero-quick-search [class^=col] > div { border-radius: 0 !important; }
.hero-quick-search [class^=col]:first-child > div, .hero-quick-search [class^=col]:first-child > div .input-wrap, .hero-quick-search [class^=col]:first-child > div .select-wrap { border-radius: var(--borderRadiusPill) 0 0 var(--borderRadiusPill) !important; }
.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.mls-quick-search > form { display: flex; flex-direction: column-reverse; }
.hero-quick-search .row-mls-search { display: flex; width: 100%; margin-top: 0.5rem; }
.hero-quick-search .row-mls-search [class^=col] { max-width: 30rem; }
.hero-quick-search .row-mls-search [class^=col] > div, .hero-quick-search .row-mls-search [class^=col] > div .input-wrap, .hero-quick-search .row-mls-search [class^=col] > div .select-wrap { border-radius: var(--borderRadiusPill) !important; }
.hero-quick-search .row-mls-search .input-wrap { border-radius: var(--borderRadiusPill) !important; }
.hero-quick-search .row-mls-search .input-wrap:after { display: none; }
.qs-price-wrap { height: 100%; padding: 0; }
.qs-price-wrap .bootstrap-select .dropdown-toggle { padding: 1rem 1rem 1rem 2.25rem; }
.hero-quick-search .col-city .dropdown-toggle { padding: 1rem 1rem 1rem 3r