/**
    * Search Page Styles
    * Author: Bradford Knowlton
    * Date: 2025.11.17
    */


#price_slider .slider-track-high,
#acreage_slider .slider-track-high,
#cap_rate_slider .slider-track-high,
#square_footage_slider .slider-track-high,
#lease_rate_slider .slider-track-high {
    background: var(--bs-secondary);
    opacity: 0.6;
}

#price_slider .slider-track-low,
#acreage_slider .slider-track-low,
#cap_rate_slider .slider-track-low,
#square_footage_slider .slider-track-low,
#lease_rate_slider .slider-track-low {
    background: var(--bs-secondary);
    opacity: 0.6;

}

#price_slider .slider-selection,
#acreage_slider .slider-selection,
#cap_rate_slider .slider-selection,
#square_footage_slider .slider-selection,
#lease_rate_slider .slider-selection {
    background: var(--bs-secondary);
}

.slider-track .slider-handle,
.slider.slider-horizontal .slider-tick,
.slider.slider-horizontal .slider-handle {
    background: var(--bs-primary) !important;
}


#propertiesData {
    display: flex;
}

.d-keyword-none.d-block {
    display: none !important;
}

/* #propertiesData .propertyItem {
    order: var(--order);
} */

#map-area,
#map {
    height: 800px;

    @media (max-width: 575.98px) {
        max-height: 80vh;
    }
}

#map-area {
/*    height: 800px;*/
    position: relative;
    width: 100%;
}

#map {
    position: absolute;
    width: 100%;
/*    height: 800px;*/
    margin-top: 0px;
    /* border: 2px solid #ccc; */
    /* border-radius: 0px; */
}

#map .mapboxgl-popup-content {
    padding: 0;
    pointer-events: auto;
    background: transparent;
    /*
    background: #fff;
    border-radius: 0px;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.35);
    position: relative;
*/
}

@media (max-width: 575.98px) {
    #map .mapboxgl-popup-content {
        max-width: 85%;
    }
    #map .mapboxgl-popup-content .card {
        max-height: 60vh;
        overflow: scroll;
    }
    #map .mapboxgl-popup-content .card .card-img-container {
        overflow: unset;
    }
}

#map .mapboxgl-popup-close-button {
    padding: 0.5rem;
    color: #FFF;
    font-size: 32px;
    text-shadow: 0 0 1px #000;
    cursor: pointer;
}

#map .mapboxgl-popup-close-button:hover {
    background-color: unset;
}

.mapboxgl-map {
    font-size: 16px !important;
    font-family: inter, arial, sans-serif !important;
}

#map-menu {
    position: absolute;
    background: rgb(248, 245, 241);
    padding: 10px;
    font-family: 'Open Sans', sans-serif;
}