/*
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
-------------------------------------- */

/* 确保 item-footer 布局正常 */
.item-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
	padding:10px 0 0 !important;
}

/* property-info 样式，垂直排列 */
.property-info {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    gap: 5px; /* 控制 Property Type 和 City 之间的间距 */
}

/* agency-info 样式 */
.agency-info {
    text-align: center;
}

.agency-info img {
    max-width: 50px;
    border-radius: 50%; /* 圆形图片 */
    margin: 0 auto; /* 图片居中 */
}

.agency-info img {
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* 平滑过渡 */
}

.agency-info a:hover img {
    transform: scale(1.1); /* 放大 */
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2); /* 阴影 */
}

.item-footer .property-type { font-weight:bold;}

.item-footer .property-city a { font-weight:bold; color:#21366f;}

.item-footer .property-city a:hover { text-decoration: underline; }

.item-body {
    position: relative;
}

.custom-content {
    font-size: 14px;
    font-weight: bold;
    color: #444;
    background: #f9f9f9;
    padding: 8px 12px;
    border-radius: 5px;
    margin-bottom: 10px; /* 确保与 property-info / agency-info 之间有间距 */
    width: 100%; /* 让它铺满整个 item-footer */
    text-align: left; /* 文字居中 */
}

.item-overlay-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5; /* 确保链接位于所有内容之上 */
}

.footer-content {
    display: flex;
    width: 100%; /* 让 property-info 和 agency-info 在同一行 */
    justify-content: space-between;
}

/* loan-calculator-popup.css */
#loan-calculator-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            z-index: 9999;
            overflow: hidden;
        }

        #loan-calculator-modal > div {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: #f4f6f9;
            padding:20px;
            border-radius: 10px;
            max-width: 800px;
            width: 90%;
            box-sizing: border-box;
        }

        #loan-calculator-modal button {
            position: absolute;
            top: 10px;
            right: 10px;
            background: red;
            color: white;
            border: none;
            padding: 5px 10px;
            cursor: pointer;
            border-radius: 5px;
        }

        #loan-calculator-modal button:hover {
            background: darkred;
        }

        /* Desktop version */
        @media (min-width: 768px) {
            #loan-calculator-modal > div {
                width: 800px; /* Set width for desktop */
                height: auto; /* Set height for desktop */
            }
        }

        /* Mobile version */
        @media (max-width: 767px) {
            #loan-calculator-modal > div {
                width: 80%; /* Set width for mobile */
                height: 80%; /* Set height for mobile */
                max-height: 80%;
                overflow-y: auto; /* Enable scrollbar on mobile */
            }
        }

.stbutton { width:100% !important;}

/* property-slide 样式，垂直排列 */
.slider-city { font-weight:bold; margin-bottom:20px; color:#21366F;}
.property-slider-item h2.item-title { font-size:18px;}
.property-info .slider-city { margin-bottom:0px;}

.property-slider-item-wrap {
    position: relative;
    overflow: hidden;
}

.property-slider-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5; /* 确保在其他内容上方 */
    display: block;
}

.cal-button {
    position: relative; /* 让 tooltip 依附于按钮 */
    display: inline-block;
    cursor: pointer;
}

.cal-button::after {
    content: "Home Loan Calculator"; /* Tooltip 文本 */
    position: absolute;
    top: 25%; /* 调整 tooltip 显示位置 */
    left: -53%;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 0px 5px;
    font-size: 12px;
    white-space: nowrap;
    border-radius: 5px;
    opacity: 0; /* 默认隐藏 */
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    pointer-events: none; /* 防止 tooltip 影响鼠标交互 */
}

.cal-button:hover::after {
    opacity: 1; /* 悬停时显示 */
    visibility: visible;
}



/* Half Map info box 样式，垂直排列 */
.map-info-window .item-title {
  font-size: 13px;
  white-space: normal;
  -o-text-overflow: unset;
  text-overflow: unset;
  line-height: 16px;
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  visibility: visible;
}

.map-info-window .item-info .item-price-text {
  font-size: 12px;
  font-weight: 500;
	line-height:14px;
	color:#CC171E;
}

.map-info-window .item-info .item-city {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
	line-height:14px;
}

.map-info-window .item-info .item-type {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
	line-height:14px;
}

.map-info-window .item-info .item-area {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
	line-height:14px;
}


.slick-slide .hz-image-caption, .lslide .hz-image-caption {
  background: rgba(255, 255, 255, 0.65);
  color: #000;
  padding: 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  text-align: center;
 width: 100%;
}

/* floot plan 样式，垂直排列 */
.expand-text {
    font-size: 12px;
	font-weight:500;
    color:#CC171E;
    transition: color 0.3s ease;
    white-space: nowrap; /* 防止换行 */
}

.expand-text:hover {
    color: #000;
}

.toptitle-city a {
  font-size: 18px;
  font-weight: bold;
  color: #000;
  text-transform: uppercase;
}

/* Property Detail Agent type */
.agency-bottom-profile {
    background: #ffffff;
    padding: 30px;
    margin-top: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
	text-align:left;
}

.agency-bottom-profile .agency-info {
    display: flex;
    align-items: flex-start;
}

.agency-bottom-profile .agency-logo {
    width: 100px;
	max-width:100px;
    height: auto;
    border-radius: 5px;
    margin-right: 15px;
}

.agency-bottom-profile .agency-details {
    flex: 1;
	text-align:left;
}

.agency-bottom-profile .agency-type {
    font-size: 14px;
    color: #777;
}

.agency-bottom-profile .agency-name {
    font-size: 18px;
    font-weight: bold;
    margin: 5px 0;
}

.agency-bottom-profile .agency-description {
    font-size: 14px;
    color: #444;
	line-height: 18px;
}

.agency-bottom-profile .read-more {
    color: #cd1922;
    text-decoration: none;
    font-weight: bold;
}

.agency-bottom-profile .read-more:hover {
    text-decoration: underline;
}