@media (max-width: 1023px) {
            /* #map {
                height: 120vw !important;
            } */
        }

        body{
            touch-action: pan-y, pan-x;
        }


.leaflet-marker-icon {
        color: #fff;
        font-size: 20px;
        line-height: 25px;
        text-align: center;
        vertical-align: bottom;
        box-shadow: 2px 1px 4px rgba(0,0,0,0.2);
        border-radius: 30px;
        border-width: 3px;
        border: 2px solid #fff;
        justify-content:center;        
        opacity: .9;
        transition: background-color 0.25;
  }


/* .properties-filter-div .props-filter-apply-button{
    background: #033dfc;
    background:linear-gradient(130deg, #667eea 0%, #764ba2 100%)

} */

.map-collection-icon.leaflet-marker-icon {
    background: #033dfc;
    /* background:linear-gradient(130deg, #033dfc 0%, #764ba2 100%) */
}


.map-collection-icon.leaflet-marker-icon:hover {
    /* background: #033dfc; */
    /* background:linear-gradient(130deg, #764ba2 0%, #033dfc 100%) */
}


  .map-home-icon.leaflet-marker-icon {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="white" class="bi bi-house-fill" viewBox="0 0 16 16"> <path d="M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L8 2.207l6.646 6.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293z"/> <path d="m8 3.293 6 6V13.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 13.5V9.293z"/></svg>');
    background-color: #03a1fc;
    background-repeat: no-repeat;
    background-position-x: 5px;
    background-position-y: 4px;
  }

  .mouseentered.leaflet-marker-icon{
    background-color:#05ad19; 
/*    background-color:#e68a00; */
  }


  .props_icon{
    width:24px;
    height:24px;
    display:inline-block;
  }

  .props_icon_bedrooms{
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%239BA2AB"><g></g><g><path d="M21 10.78V8c0-1.65-1.35-3-3-3h-4c-.77 0-1.47.3-2 .78-.53-.48-1.23-.78-2-.78H6C4.35 5 3 6.35 3 8v2.78c-.61.55-1 1.34-1 2.22v6h2v-2h16v2h2v-6c0-.88-.39-1.67-1-2.22zM14 7h4c.55 0 1 .45 1 1v2h-6V8c0-.55.45-1 1-1zM5 8c0-.55.45-1 1-1h4c.55 0 1 .45 1 1v2H5V8z"></path></g></svg>');  
    }

  .props_icon_bathrooms{
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%239BA2AB"><g></g><g><g><g><circle cx="7" cy="7" r="2"></circle></g><g><path d="M20,13V4.83C20,3.27,18.73,2,17.17,2c-0.75,0-1.47,0.3-2,0.83l-1.25,1.25C13.76,4.03,13.59,4,13.41,4 c-0.4,0-0.77,0.12-1.08,0.32l2.76,2.76c0.2-0.31,0.32-0.68,0.32-1.08c0-0.18-0.03-0.34-0.07-0.51l1.25-1.25 C16.74,4.09,16.95,4,17.17,4C17.63,4,18,4.37,18,4.83V13h-6.85c-0.3-0.21-0.57-0.45-0.82-0.72l-1.4-1.55 c-0.19-0.21-0.43-0.38-0.69-0.5C7.93,10.08,7.59,10,7.24,10C6,10.01,5,11.01,5,12.25V13H2v6c0,1.1,0.9,2,2,2c0,0.55,0.45,1,1,1 h14c0.55,0,1-0.45,1-1c1.1,0,2-0.9,2-2v-6H20z"></path></g></g></g></svg>');        
    }

 .props_icon_feet{
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"  fill="%239BA2AB"><g></g><g><g><path d="M17.66,17.66l-1.06,1.06l-0.71-0.71l1.06-1.06l-1.94-1.94l-1.06,1.06l-0.71-0.71l1.06-1.06l-1.94-1.94l-1.06,1.06 l-0.71-0.71l1.06-1.06L9.7,9.7l-1.06,1.06l-0.71-0.71l1.06-1.06L7.05,7.05L5.99,8.11L5.28,7.4l1.06-1.06L4,4v14c0,1.1,0.9,2,2,2 h14L17.66,17.66z M7,17v-5.76L12.76,17H7z"></path></g></g></svg>');
    }

 .props_icon_loc{
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"  fill="%239BA2AB"><path d="M0 0h24v24H0z" fill="none"></path><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"></path></svg>');
  }

 .props_icon_time{
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"  fill="%239BA2AB"><g><rect fill="none"  ></rect></g><g><g><rect height="2" width="6" x="9" y="1"></rect><path d="M19.03,7.39l1.42-1.42c-0.43-0.51-0.9-0.99-1.41-1.41l-1.42,1.42C16.07,4.74,14.12,4,12,4c-4.97,0-9,4.03-9,9 c0,4.97,4.02,9,9,9s9-4.03,9-9C21,10.88,20.26,8.93,19.03,7.39z M13,14h-2V8h2V14z"></path></g></g></svg>');
    }

 .props_icon_building{
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"  fill="%239BA2AB"><g><rect fill="none" height="24" width="24"></rect></g><g><path d="M17,11V3H7v4H3v14h8v-4h2v4h8V11H17z M7,19H5v-2h2V19z M7,15H5v-2h2V15z M7,11H5V9h2V11z M11,15H9v-2h2V15z M11,11H9V9h2 V11z M11,7H9V5h2V7z M15,15h-2v-2h2V15z M15,11h-2V9h2V11z M15,7h-2V5h2V7z M19,19h-2v-2h2V19z M19,15h-2v-2h2V15z"></path></g></svg>');

    }


    .properties_markdown{
        color:rgb(53, 62, 77);
        line-height: 1.625;
    }

    .properties_markdown h2{
        color:rgb(17, 24, 38);
        font-weight: 600;
        font-size: 1.125rem;
        line-height: 1.75rem;
        padding-top:10px;
        padding-bottom:10px;
        text-align: center;
    }

    .properties_markdown ul{
        list-style: inside;
    }

    .properties_markdown strong{
        color:rgb(31, 48, 83);

    }


    .properties_markdown li::marker{
        color: rgb(40, 102, 238);
    }


    .properties_markdown li{
        gap: 0.5rem;
        padding-left:15px;
        margin-top:5px;
    }


    .properties_markdown table{
        border-collapse: collapse;
        margin: 25px 0;
        font-size: 0.9em;
        font-family: sans-serif;
        width:100%;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    }

    .properties_markdown thead tr {
        background-color: #104e9e;
        color: #ffffff;
        text-align: center;
    }

    .properties_markdown th,
    .properties_markdown td {
        padding: 12px 15px;
    }

    .properties_markdown tbody tr {
        border-bottom: 1px solid #dddddd;
    }

    .properties_markdown tbody tr:nth-of-type(even) {
        background-color: #f3f3f3;
    }

    .properties_markdown tbody tr:last-of-type {
        border-bottom: 2px solid #336ff1;
    }

    .props_filter_city_invisible{
        display:none;
    }

    .likes_button.liked{
        --tw-text-opacity: 1;
        color: rgb(240, 70, 70);
    }


    .props_photo_bg{
        background-image:url('img/props-no-photo.svg');
        background-size: contain;
        background-position: center;
        background-color:silver;
        background-repeat:no-repeat;
        color:gray;
    
    }

    /* .properties-filter-1stcolumn{
    }

    .properties-filter-1stcolumn button{
    } */


        #navbar-default li a{
            transform: translateY(0);
            transition: all 0.3s ease;        
        }

        #navbar-default li a:hover{
                transform: translateY(-2px);
        }

        #header-nav-sign-in-button{
            background: linear-gradient(130deg, #667eea 0%, #764ba2 100%); 
            transform: translateY(0);
            transition: all 0.3s ease;
        }

        #header-nav-sign-in-button:hover{
             background: linear-gradient(135deg, #7288ec 0%, #7f70c5 100%); 
             cursor: pointer;
            transform: translateY(-2px);
            box-shadow: 0 7px 14px rgba(102, 126, 234, 0.4);
        }


        .translate-shadow-effect{
            transform: translateY(0);
            transition: all 0.3s ease;
        }

        .translate-shadow-effect:hover{
             cursor: pointer;
            transform: translateY(-2px);
            box-shadow: 0 7px 14px rgba(102, 126, 234, 0.4);
        }

        .unrealium-header-logo:hover{
            border-radius: 10px;
        }