/*
	Theme Name: RealHomes
	Theme URI: http://themeforest.net/item/real-homes-wordpress-real-estate-theme/5373914
	Author: InspiryThemes
	Author URI: https://www.inspirythemes.com/
	Description: RealHomes is a handcrafted WordPress theme for real estate websites. It offers purpose-oriented design with all the essential features that a real estate website needs. RealHomes theme facilitates its users on both the front-end and admin-side, making property management a breeze.
    Requires at least: 6.0
    Tested up to: 6.7
    Requires PHP: 7.4
	Version: 4.3.5
	Text Domain: framework
    Domain Path: /languages
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Tags: custom-background, light, one-column, two-columns, three-columns, four-columns, right-sidebar, flexible-header, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready

	----------------------------------------------------------------------------------------------------------------*/
	
	
	


.property-type-icon {
    display: inline-flex; 
    align-items: center;
    margin-right: 10px; 
    font-size: 14px; 
}



.property-types {
    font-size: 14px; /* Adjusts overall font size */
    color: #333; /* Default text color */
    margin-top: 10px; /* Adds spacing above the property types */
}

.property-types span {
    margin-right: 15px; /* Adds spacing between property type items */
    white-space: nowrap; /* Prevents text wrapping */
}

.property-types span:last-child {
    margin-right: 0; /* Removes margin from the last item */
}



.rh-ultra-media-count{
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1000;
}

.nav-links {
    display: flex;
    gap: 10px;
}

.pagination .current, .pagination a:not(.current):hover, .rh_pagination .current, .rh_pagination a:not(.current):hover, .rh_filter_pagination .current, .rh_filter_pagination a:not(.current):hover{
    padding: 5px 17px;
    border-radius: 50%;
}

.compound-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
    margin-top: 20px;
}

.rh-properties-card-meta-ultra{
    justify-content: space-between;
}

p.property-types{
    margin-top: 0px;
}

.rh-contact-icons {
    display: flex;
    align-items: center;
    gap: 15px;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.rh-contact-icon {
    color: #1c81c4; /* Primary color for icons */
    font-size: 20px; /* Icon size */
    text-decoration: none; /* Remove underline */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px; /* Icon container size */
    height: 40px; /* Icon container size */
    background-color: #fff; /* Light background for icons */
    border-radius: 50%; /* Circular icons */
    transition: all 0.3s ease; /* Smooth hover effect */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow */
}

.rh-contact-icon:hover {
    color: #fff; /* Change icon color on hover */
    background-color: #1c81c4; /* Darker background on hover */
    transform: translateY(-3px); /* Lift effect on hover */
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15); /* Enhanced shadow */
}

/* Additional responsiveness for smaller screens */
@media (max-width: 768px) {
    .rh-contact-icon {
        font-size: 18px; /* Slightly smaller icons */
        width: 36px;
        height: 36px;
    }
    .rh-contact-icons {
        gap: 10px; /* Reduce spacing between icons */
    }
}


.compound-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

.compound-card-image img {
    width: 100%;
    height: auto;
    display: block;
}

.compound-card-details {
    padding: 15px;
}

.compound-title {
    font-size: 18px;
    margin: 0 0 10px;
}

.compound-price {
    font-weight: bold;
    color: #007bff;
}

.property-types {
    font-size: 13px;
    color: rgb(100, 100, 100);
    margin-inline-end: 5px;
    font-weight: bold;
}


.rh-page-container, .rh-ultra-page-content-full{
    margin-top: 10.5rem;
}