/* google map styles */

.sh_map_pin_window {
    min-width: 300px;
    max-width: 300px;
}


/* override google pop-up css*/

.gm-style-iw {
    padding: 0 !important;
    min-width: 300px !important;
    /* firefox fix */
}

.gm-style-iw-d {
    margin-right: -20px;
}

.gm-style-iw button span {
    display: none !important;
}

.gm-style button.gm-ui-hover-effect {
    background: url("../images/close.png") left center no-repeat !important;
    background-size: contain !important;
    width: 16px !important;
    right: 7px !important;
    top: 0px !important;
}

.gm-style button.gm-ui-hover-effect img {
    display: none !important;
}


/* stayhere map listing styles */

#map-canvas {
    height: 500px;
}

#list {}

.data {
    display: none;
}

div.sticky {
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 0;
}

.rating {
    font-size: 12px;
}

.rating .fa-star {
    color: rgb(196, 200, 208) !important;
}

.rating .filled {
    color: rgb(255, 152, 0) !important;
}

.etoiles .filled {
    color: rgb(231, 54, 0) !important;
}

.listing-img {
    min-height: 200px;
    background-size: cover;
    cursor: pointer;
}

.listing-price {
    margin-left: auto;
    /*width:100px;*/
}

.listing-price .price {
    font-weight: bold;
}

.listing-price .def {
    font-size: small;
}

.listing-vacancy .rounded {
    padding: 4px;
}

.listing-btn {
    min-width: 270px;
}


/* Small devices (landscape phones, 576px and up) */

@media only screen and (max-width: 768px) {
    .listing-img {
        min-height: 400px !important;
    }
    .map-canvas-container {
        padding-left: 15px !important;
    }
}