/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.map-overlay {
    position: absolute;
    width: 25%;
    top: 0;
    bottom: 0;
    left: 0;
    font: 12px/20px "Helvetica Neue", Arial, Helvetica, sans-serif;
    background-color: #fff;
    max-height: 100%;
    overflow: hidden;
}

.northRealty-button {
    background-color: #4caf50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin-top: 5px;
}

.northRealty-button2 {
    background-color: #4caf50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin-top: 5px;
}

.listing-group {
    font: 5px/5px "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 50;
    position: absolute;
    top: 75px;
    /*right: 420px;*/
    z-index: 1;
    border-radius: 3px;
    /*max-width: 20%;*/
    color: #fff;
}
.mapboxgl-popup-anchor-top{
    margin-top:45px;
}

.mapboxgl-popup-content {
    min-width: 200px;
    min-height: 200px;
    font-size: 14px;
}
.mapboxgl-popup-content .location-name {
    font-weight:700;
}
#northRealtySection {
    position: relative;
    display: flex;
    flex-direction: row;
    /* border:1px solid orange; */
}
#northRealtyFiltersAndListings {
    flex: 1;
    /* border:1px solid pink; */
}
#northRealtyResultsContainer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    max-height: 830px;
    overflow: scroll;
    background:#FAFAFA;
    padding-left:12px;
    padding-top: 12px;
}
.mapboxgl-popup-close-button {
    font-size: 35px;
}

#northRealtyMapContainer {
    flex: 3;
    position: relative;
}
@media screen and (max-width:999px){
    #northRealtyResultsContainer {
        display:none;
    }
    #northRealtySection { 
        display:block
    }
    #northRealtyMapContainer {
        width:100%;
    }
}
#northRealtyMap {
    top: 0;
    left: 0;
    height: 830px;
    overflow: hidden;
}
#northRealtyMap .mapboxgl-map {
    /* overflow:show; */
}
.northRealtyListing {
    /* margin: 5px; */
    padding:15px;
    /* height: 200px; */
    border: none;
    /* margin-bottom: 15px; */
    border-bottom: 2px solid #ccc;
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
    flex: 100%;
    padding-top: 10px;
    overflow: hidden;
    background:#fff;
}
.northRealtyListing .name{
    font-weight:700;
}
.northRealtyListing.isOpen {
    background-color: beige;
}
.northRealtyListing:hover {
    box-shadow: 1px 1px 10px #aaa;
    cursor: pointer;
}
.northRealtyListingData {
    float: left;
    overflow: hidden;
    max-width: 70%;
}

.page-template-northRealty-full-width .content-area {
    width: 100%;
    margin: 0px;
    border: 0px;
    padding: 0px;
}

.page-template-northRealty-full-width .site {
    margin: 0px;
}
.page-template-northRealty-full-width .site-inner {
    max-width: 100%;
}