/* FL Realty search.css - version 1.9.22 */
.quicksearch #search-pane{background:var(--flr-search-pane-bg, #fafafa); border-bottom: var(--flr-search-pane-border-bottom, 1px solid #eee);}
.quicksearch #search-pane .search-cover{display:none;cursor:pointer}
.quicksearch #search-pane.disabled .search-cover{display:block;position:absolute;z-index:4999;width:100%;background:rgba(0,0,0,.4);text-align:center}
.quicksearch #search-pane .slider-title{text-align:center;padding-top:10px;color:#999;position:absolute;width:100%}
.quicksearch #search-pane .slider-title .price{font-weight:700;color:#000}
.quicksearch #search-pane .slider-title .btn-link{margin-top:-10px;padding:0}
.quicksearch #search-pane .search-title{text-align:right}
.quicksearch #search-pane .search-dropdown{display:none;position:absolute;min-height:100px;background:#fff;min-width:230px;z-index:1005;padding:0 10px;box-shadow:0 1px 4px 0 rgba(0,0,0,.5)}
.quicksearch #search-pane .search-dropdown.open{display:block}
.quicksearch #search-pane .search-subdropdown{display:none;position:absolute;min-height:100px;background:#fff;width:200px;z-index:1005;padding:0 10px;box-shadow:0 1px 4px 0 rgba(0,0,0,.5)}
.quicksearch #search-pane .search-subdropdown.open{display:block}
.quicksearch #search-pane .more-dropdown{padding:10px}
.quicksearch #search-pane>div[class^=col-],.remap #search-pane>div[class*=" col-"]{padding:0 5px!important}
.quicksearch #search-pane .noUi-pips .noUi-value:nth-of-type(5){background:red}
.quicksearch #search-pane .more-filters{width:100%;padding:15px;background:#000 none repeat scroll 0 0;position:absolute;left:0;top:55px;z-index:10000}
.quicksearch #search-pane .more-filters.open{display:block}
.quicksearch #search-pane #search-button .fas{margin-right:0}
.quicksearch #search-pane #search-button{border:none}
.quicksearch #search-pane .price-dropdown{min-width:250px;padding:0!important}
.quicksearch #search-pane .price-dropdown .dropdown-header{background-color:#eee;border-bottom:1px solid #000;padding:10px}
.quicksearch #search-pane .price-dropdown .dropdown-content{padding:10px}
.quicksearch #search-pane .price-dropdown #price-max{text-align:right}
.quicksearch #search-pane .search-filter{position:relative}
@media (min-width:576px){.quicksearch #search-pane .slider-wrapper{min-width:0}}
.quicksearch #search-pane #pricetoggle .price-toggle-label{min-width:0;white-space:nowrap;overflow:clip;text-overflow:ellipsis}
.quicksearch #search-pane #pricetoggle .fa-chevron-down{flex-shrink:0}
.quicksearch #search-pane .more-dropdown{right:.25rem}
.quicksearch .price-change-min,.remap .price-change-max{cursor:pointer;font-size:18px;line-height:25px}
.quicksearch .price-change-max{text-align:right}
.quicksearch .price-change-min:hover,.remap .price-change-max:hover{background:#e4f5fc}
.auto-fill-dropdown{position:absolute; background:#fff; z-index:9999; padding:5px; overflow-y:auto; width:calc(100% - 30px); box-shadow:0 0 3px #000; color:#000; top: 56px; left:20px;}
.auto-fill-dropdown .bg-primary{color:var(--site-text-color-on-primary, #fff)}
.auto-fill-dropdown .dropdown-option{padding:5px;border-top:1px solid #eee;cursor:pointer}
.quick-search .auto-fill-dropdown .dropdown-option strong{font-size:inherit}
.auto-fill-dropdown .dropdown-option:nth-child(2n){background:#f9f9f9}
.auto-fill-dropdown .dropdown-option:hover{background:#ddd}
#so {font-size: .85rem;}
#pagesort .pagination {margin: 0;}

@media (max-width:545px){
.quicksearch #search-pane .search-filter .more-dropdown{right:-90px;width:calc(100vw - 30px)}
.quicksearch #search-pane .price-dropdown{right:0}
}

/*** Home page search (homepage_search_template.html) ***/
/* Defaults only. Selectors use :where() where they can, and every value reads a custom property,
   so a site's template.css can restyle the bar without !important, for example:
   .quicksearch-home { --flr-qs-width: 48rem; --flr-qs-radius: 50rem; --flr-qs-shadow: none; } */
:where(.quicksearch-home) {
    --flr-search-pane-bg: var(--flr-qs-bg, var(--bs-body-bg, #fff));
    --flr-search-pane-border-bottom: var(--flr-qs-border, 1px solid var(--bs-border-color, #dee2e6));
    width: var(--flr-qs-width, 40rem);
    max-width: 100%;
    margin-inline: auto;
    text-align: start;
}
:where(.quicksearch-home #search-pane) {
    position: relative;
    padding: var(--flr-qs-padding, .375rem);
    border: var(--flr-qs-border, 1px solid var(--bs-border-color, #dee2e6));
    border-radius: var(--flr-qs-radius, var(--bs-border-radius-lg, .5rem));
    box-shadow: var(--flr-qs-shadow, 0 .25rem 1rem rgba(0, 0, 0, .15));
}
/* The input blends into the bar; Bootstrap's .form-control reads these variables. */
:where(.quicksearch-home .input-group) {
    --bs-border-color: var(--flr-qs-input-border-color, transparent);
    --bs-body-bg: var(--flr-qs-input-bg, transparent);
    height: 100%;
}
:where(.quicksearch-home #autoSearch) {
    min-height: var(--flr-qs-height, 2.75rem);
    text-overflow: ellipsis;
}
/* These beat Bootstrap, Fluid6's hero caption button margin and the shared rules above,
   so their values come from custom properties. */
.quicksearch-home #search-pane #search-button {
    margin: var(--flr-qs-button-margin, 0);
    min-width: var(--flr-qs-button-width, 3rem);
}
/* Suggestions line up with the whole bar, not just the input. */
.quicksearch-home .input-group {
    position: var(--flr-qs-input-group-position, static);
}
.quicksearch-home .auto-fill-dropdown {
    top: var(--flr-qs-dropdown-top, calc(100% + .25rem));
    left: var(--flr-qs-dropdown-left, -1px);
    right: var(--flr-qs-dropdown-right, -1px);
    width: var(--flr-qs-dropdown-width, auto);
    max-height: var(--flr-qs-dropdown-max-height, 60vh);
    border-radius: var(--flr-qs-dropdown-radius, var(--bs-border-radius, .375rem));
}