/**** css for land & packages ****/
#posts-container {
    display: grid;
    align-items: stretch;   
    gap: 24px;
    grid-template-columns: 1fr 1fr 1fr;
    width: calc(100%);
    overflow: hidden;
}
.post-link {
    display: flex;
    align-items: center;
    gap: 20px; 
    justify-content: space-between;
}
.post-link img {
    max-width: 100px; 
    height: auto;
}
.post-link p {
    margin: 0; 
}
.post-image img {
    width: 100%;
    height: 200px;
}
.post-item {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    border: 1px solid #ddd;
    box-sizing: border-box;
    width: 100%;
    background: #f0f6f5;
}
body .post-item .post-image {
    flex-grow: 0 !important;
}

.post-price,
.post-status,
.post-link {
    float: left;
    width: 100%;
    margin: 5px 0;
}
.post-link {
    margin: 10px 0px;
}
.post-item p img {
    float: left;
    width: 100%;
    height: 100%;
}
.post-item h2 {
    float: left;
    width: 100%;
    font-size: 20px;
    margin: 10px 0px;
    font-weight: bold;
}
h4.details-value {
    font-size: 20px;
}
.map-desc {
    float: left;
    width: 100%;
    color: #34343e;
    padding: 15px;
    background: #f0f6f5;
}
button#load-more {
    width: auto;
    margin-top: 20px;
    text-align: center;
    background: #03989e;
    border-color: #03989e;
    font-size: 18px;
}
.map-load-more-button {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0px auto;
    align-items: center;
}
.post-category {
    font-size: 13px;
    letter-spacing: 1px;
    color: #34343e;
}
.house-item:last-child
{
    border: none;
}
.house-info, .house-size {
    display: flex;
    gap: 20px;
    margin: 5px 0;
    float: left;
    width: 100%;
    font-size: 15px;
    color: #34343e !important;
}
.post-link a:hover,
.post-link a:focus,
button#load-more:focus,
button#load-more:hover {
    background: #03989e;
    color: #fff;
    outline: none;
}
.post-link a {
    background: #ffbd59;
    color: #34343e;
    font-weight: 400;
    padding: 5px 10px;
    font-size: 18px;
    border-radius: 5px;

}
#posts-container .map-desc i.fas {
    color: #03989e;
}
.wc-bedrooms, .wc-bathrooms, .wc-sofa,.wc-cars {
    float: left;
    width: 32%;
    margin-bottom: 10px;
}
form#filter-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.wc-button button {
    width: 100px;
}
.noUi-connect {
    background: #03989e;
}
.wc-submit-button {
    text-align: center;
    float: left;
    width: 100%;
}
/*** end ***/


/*** css for map ***/

.wc_map
{
    position: relative;
    margin: 20px 0;
}
#map {
     width: calc(100% - 0px);
    height: 800px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    float: none;
    margin: 0px auto;
    position: relative;
    z-index: 0;
    border: 10px solid #ffff;
}
#map .leaflet-control-zoom.leaflet-bar.leaflet-control a {
    color: #34343e;
}
body #map .leaflet-control-attribution.leaflet-control {
    display: none !important;
}
.wc_map .sidebar 
{
    width: 150px;
    background: #fff;
    padding: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 1;

}
#map .houses-packages h4 {
    font-size: 25px;
    font-weight: bold;
    background: #03989e;
    padding: 5px;
    color: #fff;
}
body #map .leaflet-popup-content p
{
    margin: 10px 0;
    font-size: 15px;
    color: #34343e;
	padding:2px;
}
body .wc_map .sidebar h6 {
    font-size: 19px;
    margin: 0px;
    color: #34343e;
	font-weight:bold;
}
body .wc_map .filter-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0px;
    background: #fff; 
    border-radius: 5px;
    cursor: pointer;
    transition: background 0.3s;
    font-size: 15px;
    font-weight: 400;
    color: #34343e !important;
}
.wc_map  .filter-icon {
    width: 20px;
    height: 20px;
}
.wc_map .filter-btn {
    width: 100%;
    padding: 8px;
    margin-bottom: 10px;
    background: #007bff;
    color: white;
    border: none;
    cursor: pointer;
    font-size: 12px;
    border-radius: 5px;
    transition: 0.3s;
}

body .wc_map .filter-btn:hover {
    background: #0056b3;
    border: none;
}
body .wc_map .leaflet-popup-content {
    text-align: center;
    padding: 10px;
    margin: 0;
    height: 400px;
    overflow-y: scroll;
}
.wc_map .leaflet-popup-content .AvailabilitySizePrice p {
    margin: 5px 0;
    float: left;
    width: 50%;
    font-size: 13px;
}
.wc_map .AvailabilitySizePrice {
     display: inline-block;
    text-align: left;
    margin: 10px 0;
}
.wc_map .plot_deatils {
    display: flex;
    align-items: center;
    justify-content: center;
}   
.wc_map .plot-image,
.wc_map .plot-info{
    width: 50%;
}
.wc_map .leaflet-container .plot-info a {
    color: #fff;
    background: #34343e;
    text-decoration: none;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 14px;
}
.wc_map .house-item {
    display: flex;
    flex-wrap: wrap;
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
    align-items: flex-start;
}

.wc_map .house-item-image {
    width: 45%;
    padding-right: 20px;
}

.wc_map .house-item-title {
    width: 30%;
    text-align: left;
}

.wc_map .house-item-price-pdf {
    width: 25%;
}

.wc_map .house-item-image img {
    width: 100% !important;
    height: 150px !important;
}

.wc_map .house-item-title h5 {
    font-weight: bold;
    font-size: 16px;
    margin-top: 0px;
    color: #34343e;
}
.wc_map .house-item-price-pdf p {
    margin-top: 0px !important;
}
.wc_map .house-item-title p {
    font-size: 15px;
}

.wc_map .house-item-price-pdf {
    font-size: 17px;
    text-align: left;
    padding-left: 20px;
}

.wc_map .houses-packages {
    padding: 0px;
}
.wc_map .title_image .wc_tooltip_image h3 {
    font-size: 20px;
    color: #34343e;
}

body .wc_map .leaflet-popup-content {
    width: 420px !important
}

body .wc_map .leaflet-popup-content:has(.houses-packages) {
    width: 700px !important;
}
.wc_map .house-item-title p {
    font-size: 15px;
    margin-top: 0;
}
body .fl-builder-content .fl-node-609cf6a4bd9ec .leaflet-container .leaflet-marker-pane img
{
    color: #000 !important;
    font-size: 13px !important;
	/*width: 30px !important;
    height: 30px !important;*/
}
.custom-tooltip {

    color: #000 !important; 
    font-size: 12px;
}
.filter-form .range-block label
{
    float: none;
}
.filter-form label,
.filter-form select {
    float: left;
    width: 100%;
}
form#filter-form .noUi-horizontal .noUi-handle {
font-size: 10px;
    color: #282829;
    bottom: 100%;
    font-weight: 500;
    border: 1px solid #65682f;
    outline: none;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    box-shadow: none;
    background-color: #fff;
    top: -4px;
    transition: all 300ms linear 0ms;
}
.range-block {
    width: 31%;
    float: left;
    margin-right: 1%;;
}
.noUi-handle:after, .noUi-handle:before
{
    display: none;
}
.noUi-tooltip {
    border: none;
    background: transparent;
}
form#filter-form .range-slider {
    margin: 25px auto;
    width: 95%;
}
form#filter-form select {
    display: block;
    width: 100%;
    background-color: #fff;
    line-height: 1.2;
    height: 34px;
    padding: 0px 30px 0 10px;
    cursor: pointer;
}
form#filter-form select:focus-visible {
    outline: none;
}

/**** End here *****/



/**** Responsvie css****/

@media (max-width: 1024px) {
    #posts-container 
    {
        grid-template-columns: 1fr 1fr;
     }
    .range-block 
    {
        width: 30%;
    }
}
@media (max-width: 768px) {
     #posts-container 
    {
        grid-template-columns: 1fr;
     }
    form#filter-form .range-slider
    {
        margin: 25px 0px;
    }
    form#filter-form {
        justify-content: space-around;
    }
    .range-block {
    width: 95%;
    float: left;
    margin: 0px ;
    }
    .wc_map .leaflet-popup-content {
        width: 90% !important;
    }
    .wc_map .house-item {
        flex-direction: column;
        text-align: center;
    }
    body .wc_map .house-item-image img
    {
        height: auto !important;
    }
    .post-image img {
        height: auto;
    }
    .wc_map .house-item-image, .wc_map .house-item-title, .wc_map .house-item-price-pdf {
        width: 100%;
        padding: 10px 0;
    }
    .wc_map .house-item {
        display: block;
    }
    .wc_map .house-item-image,
    .wc_map .house-item-title,
    .wc_map .house-item-price-pdf {
        width: 100% !important;
        padding: 0px;
    }
    body .leaflet-popup-content:has(.houses-packages) {
        width: 400px !important;
    }
    .wc_map .leaflet-popup-content p,
    .wc_map .house-item-price-pdf p,
    .wc_map .house-item-title h5
    {
       margin: 10px 0 !important;

    }
    body .leaflet-popup-content .house-info,
    body .leaflet-popup-content .house-size {
        gap: 10px;
    }
    .wc_map .sidebar {
        width: 100%;
        background: #fff;
        padding: 10px 5px;
        display: flex;
        flex-direction: row;
        gap: 5px;
        position: unset;
        align-content: center;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    body .wc_map .filter-item {
        display: flex;
        gap: 4px;
        padding: 4px;
        background: #fff;
        border-radius: 5px;
        cursor: pointer;
        transition: background 0.3s;
        font-size: 12px;
    
    }
    body .wc_map .sidebar h6  {
        font-size: 14px;
        margin: 0px;
    }
    body #map {
        height: 600px;
    }
}

@media (max-width: 480px) {
    body .wc_map .leaflet-popup-content {
        width: 100% !important;
    }
    body .wc_map .house-item {
        flex-direction: column;
        text-align: center;
    }
    body .wc_map .house-item-image img {
        width: 100%;
    }
    .wc-bedrooms, .wc-bathrooms, .wc-sofa,.wc-cars {
        width: 100%;
        margin-bottom: 10px;
    }
    body .wc_map .house-item-title h5, body .wc_map .house-item-title p, body .wc_map .house-item-price-pdf {
        font-size: 14px;
    }
    body .wc_map .leaflet-popup-content:has(.houses-packages),
    body .wc_map .leaflet-popup-content
    {
        width: 300px !important;
    }
    body .wc_map .leaflet-popup-content .AvailabilitySizePrice p {
        margin: 5px 0 !important;
        width: 100%;
    }
    .houses-packages h4 {
        font-size: 20px;
    }

}
@media (max-width: 400px) {
    body .wc_map .leaflet-popup-content:has(.houses-packages),
    body .wc_map .leaflet-popup-content
    {
        width: 250px !important;

    }
}