/*
Theme Name: Houzez Child
Theme URI: http://www.favethemes.com/
Author: Favethemes
Author URI: http://www.favethemes.com/
Description: Houzez is a premium WordPress theme for real estate agents where modern aesthetics are combined with tasteful simplicity, and where the ease of use is achieved without compromise in your ability to customise the design. Whether you are a real estate agent looking to build a website for your company or a web developer seeking a perfect WordPress theme for your next project, you are certain to appreciate the numerous features and benefits that our theme provides.
Version: 1.0
Tags: white, right-sidebar, left-sidebar, custom-colors, custom-menu, featured-images, post-formats, theme-options, translation-ready
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: houzez
Template: houzez
*/


@import url("../houzez/style.css");

/* Your CSS code goes here
-------------------------------------- */
.property-overview-wrap ul li {
    white-space: break-spaces;
}

.rwmb-row {
    display: none;
}

.block-content-wrap .detail-wrap li span {
    max-width: none;
}

@media (min-width: 768px) {
    .list-2-cols {
        column-gap: 50px; /* Larger gap for desktop screens */
    }
}

.hover-effect:before {
    background-image: none;
}

.item-wrap.item-wrap-v1.item-wrap-no-frame.h-100 {
    border: 1px solid rgba(131, 131, 131, .2);
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1);
    border-radius: 8px;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.item-wrap.item-wrap-v1.item-wrap-no-frame.h-100:hover {
    -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .2); /* Increased shadow */
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .2);
    border: 1px solid rgba(131, 131, 131, .5); /* Slightly darker border */
}

.grid-view .item-listing-wrap {
    padding-left: 7px;
    padding-right: 7px;
}

.h-area {
    font-size:13px;
    font-weight: 400;
}

.item-price-wrap {
    color: #222222;
    bottom: 17px;
}

.item-body {
    padding: 20px 20px 10px 20px;
}

.item-footer {
    padding: 27px 24px;
}

.item-amenities {
    color: #505050;
}

.header-main-wrap {
    box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.1);
}

.advanced-search-filters {
    padding-top: 0px;
}

.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    font-weight: 400;
}

/* Set the height of the content to 600px initially */
.property-full-text-wrap {
    max-height: 600px;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
}

/* Styling for "Show More" button */
.show-more-less-btn {
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.23px;
    color: #1D70D3;
    padding: 12px 40px;
    background: #FFFFFF;
    border: 1px solid #1D70D3;
    box-sizing: border-box;
    border-radius: 4px;
    margin-top: 30px;
    display: inline-block;
    cursor: pointer;
}

.show-more-less-btn:hover {
    background-color: #1D70D3;
        color: #ffffff;
}

.h-area {
    font-size: unset;
    font-weight: 600;
}

  .info strong {
    font-size: 16px;
  }

  .info div {
    font-size: 15px;
  }

.block-wrap {
    padding: 30px;
}

@media (max-width: 768px) {
    .block-wrap {
        padding: 20px !important; 
    }
}


/* Apply 25px padding for desktop (min-width: 768px) */
@media (min-width: 768px) {
    .block-title-wrap {
        padding-bottom: 25px !important;
    }
}

@media (max-width: 768px) {
    /* Hide .item-tools on small screens */
    .mobile-property-tools .item-tools {
        display: none;
    }

    /* Adjust padding for .mobile-property-tools */
    .mobile-property-tools {
        padding: 0;
    }

    /* Adjust padding for .mobile-property-title */
    .mobile-property-title {
        padding: 25px 20px 20px 20px !important;
    }
}

.fa-caret-right:before {
    padding-bottom: 7px;
    padding-left: 30px;
    padding-right: 7px;
}

.widget-title {
  border-bottom: 1px solid #ccc; /* Adjust color and thickness as needed */
  font-weight: 500;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.main-nav:not(.houzez-nav-menu-main) .dropdown-item {
    padding: 12px 15px 12px 15px;
}

.btn-clear.clear-checkboxes,
.btn-apply {
    padding: 0;
}


.elementor-3139 .elementor-element.elementor-element-94c1ad5 #houzez-search-tabs-wrap .nav-link,
.elementor-402 .elementor-element.elementor-element-b49a6b6 #houzez-search-tabs-wrap .nav-link {
    border: 1px solid;
    border-color: #1E70D3; /* Apply blue color for the border */
}

.widget-wrap1 {
    padding: 30px 20px 10px 20px;
    background-color: #fff;
}

.widget-title1 {
    margin-bottom: 0px;
    border-bottom: 1px solid #ccc;
    font-weight: 500;
    padding-bottom: 15px;
    font-size: 18px;
    line-height: 24px;
}

.status-tab-js::before {
    content: none !important;
}

.houzez-layout-row {
    grid-column-gap: 20px;
}

@media (max-width: 768px) {
.hs-gallery-v5-grid-item .img-fluid {
    border-radius: 0px;
}

.breadcrumb-wrap {
    padding-bottom: 10px;
}
}

/* Default styles for all screen sizes */
.sub-menu-columns ul.dropdown-menu {
    width: 100%; /* Default width */
}

.sub-menu-columns ul.dropdown-menu li {
    display: block; /* Ensure each list item is displayed as a block */
    width: 100%; /* Ensure each list item takes the full width */
    float: none; /* Remove any floating */
    margin: 0; /* Reset any margins */
}

/* Apply two-column layout only on screens larger than 768px (desktop) */
@media (min-width: 768px) {
    .sub-menu-columns ul.dropdown-menu {
        column-count: 2; /* Split the list into two columns */
        column-gap: 20px; /* Adjust the gap between columns */
        width: 520px; /* Adjust the width as needed */
    }

    .sub-menu-columns ul.dropdown-menu li {
        display: block; /* Ensure each list item is displayed as a block */
        width: 100%; /* Ensure each list item takes the full width of the column */
        float: none; /* Remove any floating */
        margin: 0; /* Reset any margins */
    }
}

.btn-light-grey-outlined {
    color: #999;
}

.property-full-text-wrap {
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 0));
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 0));
    transition: max-height 0.5s ease-in-out, mask-image 0.3s ease-in-out;
}

.property-full-text-wrap.expanded {
    max-height: none ;
    mask-image: none;
    -webkit-mask-image: none;
}

.item-price-wrap .item-price {
    font-size: 16px;
}

.houzez-ele-button.btn-secondary:hover {
    background-color: #4288E9;
    border-color: #4288E9;
}

.mobile-property-title .label,
.property-labels-wrap .label {
    background-color: #f7941d37 !important;
    color: #F7941D;
}

.wp-block-image {
    padding-bottom: 10px;
}

#main-nav .wpml-ls-item {
    display: flex;
    justify-content: center;
    align-items: center;
}

#main-nav .wpml-ls-flag {
    margin: 0; /* Remove any margins */
    display: block; /* Make the image a block element */
}

@media only screen and (min-width: 991px) {
    /* Apply min-width: 30px to non-WPML dropdown menus */
    .wpml-ls-menu-item .on-hover-menu:not(.houzez-nav-menu-layout-dropdown) ul ul.dropdown-menu {
        min-width: 30px;
    }

    /* Apply min-width: 30px to WPML dropdown menu items */
    .wpml-ls-menu-item .dropdown-menu {
        min-width: 30px !important;
    }

    /* Remove the arrow for WPML dropdown toggle */
    .wpml-ls-menu-item .dropdown-toggle:after {
        content: none !important;
    }

    /* Apply min-width: 30px to dropdown items in main navigation except WPML */
    .main-nav:not(.houzez-nav-menu-main) .dropdown-item {
        min-width: 30px;
    }
}

.simil-prop,
.prop-head {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
}