/* SEARCH RESULTS CSS */
.propertyhive ul.properties{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.propertyhive ul.properties li{
    width: 100% !important;
    margin: 0 !important;
    border: none !important;
}

@media(min-width:991px){
    .propertyhive ul.properties li{
        width: calc(50% - 15px) !important;
    }
}


@media(min-width:1200px){
    .propertyhive ul.properties li{
        width: calc(33.33% - 20px) !important;
    }
}


.propertyhive ul.properties li h3{
    height: 48px;
    overflow: hidden;
}

/* CSS SPECIFIC TO CARD LAYOUT */
.propertyhive ul.properties .property .thumbnail { 
    float:none; 
    width:100%;
}

.propertyhive ul.properties .property .thumbnail img { 
    width:100%; 
    aspect-ratio: 16/9;
    object-fit: cover;
    height: unset !important;
}

.propertyhive ul.properties .property .thumbnail{
    position: relative;
    z-index: 1;
}

.propertyhive ul.properties .property .details{
    background: #fff;
    overflow: hidden;
    margin-top: -50px;
    z-index: 2;
    position: relative;
    width: calc(100% - 100px);
    margin-left: 50px;
    float: left;
    padding: 8px;
    text-align: center;
    border-radius: 3px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.property .details h3{
    font-weight: 500;    
    font-size: 1.25rem;
    text-transform: uppercase;
    letter-spacing: 4;
}

.property .details .price{
    margin-top: 1rem;
}

.property .details .price .price-qualifier{
    display: none;
}

.property .details-inner{
    background: none;
    overflow: hidden;
    padding: 30px;
    border: 1px solid var(--bs-primary);
}

.property .details a{
    color: var(--bs-primary);
    text-decoration: none;
}

.details .ry-property-rooms{
    overflow: hidden;
    display: flex;
    justify-content: space-evenly;
    margin-top: 1rem !important;
    align-items: end;
}

.details .ry-property-rooms li{
    font-size: .9rem;
    border: none !important;
    float: unset !important;
    padding: 0 .25rem;
    
}

.ry-carousel-properties li{
    width: 100% !important;
    margin: 0 !important;
}





/* Featured Property */

.featured-tag{
    font-family: 'Lora', serif;
    font-size: .8rem;
}

.ry-featured .ry-title h3{
    font-size: 1.1rem !important;
    margin: 3px 0 !important;
    font-weight: strong;
    text-transform: uppercase;
}