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

.round_img img {
  border-radius: 5%;
}

.gradient_wrapper {
  background: #BDCACA;
background: linear-gradient(90deg, rgba(189, 202, 202, 1) 38%, rgba(255, 255, 255, 1) 38%);
}
.wpcf7-form-control-wrap {
  width: 100%;
}

.custom-contact-form {
  max-width: 700px;
  margin: 0 auto;
  font-family: Arial, sans-serif;
}
.custom-contact-form p label{
  gap:0;
  margin-left: 0;
}
.custom-contact-form span{
  margin-left: 0;
  line-height: 24px;
}

.custom-contact-form .form-row {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 20px;
}

.custom-contact-form .form-row.full {
  flex-direction: column;
}
.custom-contact-form .form-row.full:last-of-type p {
  flex-direction: column;
}
.custom-contact-form p {
  flex: 1;
  margin: 0;
  flex-direction: row;
  display: flex;
  column-gap: 10px;
  width: 100%;
}

.custom-contact-form input[type="text"],
.custom-contact-form input[type="email"],
.custom-contact-form input[type="tel"],
.custom-contact-form textarea {
  width: 100%;
  padding: 12px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-sizing: border-box;
  background: transparent!important;
}

.custom-contact-form textarea {
  resize: vertical;
  min-height: 100px;
  width: 100%;
  height: 200px;
}

.custom-contact-form .checkbox-row label {
  display: flex;
  align-items: center;
  font-size: 14px;
  gap: 8px;
}

.custom-contact-form .checkbox-row input[type="checkbox"] {
  width: 16px;
  height: 16px;
}

.custom-contact-form .wpcf7-list-item-label {
  font-size: 14px;
}

.custom-contact-form a {
  color: #007770;
  text-decoration: underline;
}

.custom-contact-form input[type="submit"] {
  background-color: #007770;
  color: #fff;
  border: none;
  padding: 14px 0;
  width: 100%!important;
  font-size: 16px;
  border-radius: 5px;
  cursor: pointer;
  text-transform: uppercase;
  transition: background 0.3s ease;
}

.custom-contact-form input[type="submit"]:hover {
  background-color: #005e5e;
}
.listing_view {
  display: block!important;
}
.listing_view img {
  width: 25px!important;
  height: 25px!important;
}
.item-wrap-v3 .item-price-wrap {
  bottom: 125px!important;
}
.item-wrap-v3 .item-title {
  bottom: 160px!important;
}
.item-wrap-v3 .item-title a:hover {
  color: #fff;
}
.item-wrap-v3 .labels-wrap {
    top: 10px;
    right: auto;
    left: 20px;
    bottom: 95px;
}
.grid-view .item-wrap {
  border-radius: 0!important;
}

.availability_table tr td a {
    background: #008080;
    border-radius: 2em;
    color: #fff;
    padding: 5px 15px !important;
    border: 1px solid #008080 !important;
    display: block;
    text-align: center;
}
.availability_table tr td a:hover {
  background: transparent;
  color: #008080!important;
}
.availability_table th {
  background-color: #008080!important;

}
.availability_table th span {
  color :#fff!important;
}

.availability_table .dt-column-order {
  color:#fff!important;
}
.availability_table .dt-column-order:before,
.availability_table .dt-column-order:after {
  opacity:1!important;
}



.residence_progressbar .elementor-progress-wrapper {
  overflow: visible !important; /* Allow label to escape bar bounds */
  position: relative;
  height: 16px;
}

.residence_progressbar .elementor-progress-bar {
  position: relative;
  z-index: 1;
  height: 8px!important;
  top: 4px;
  left: 4px;
  border-radius: 0;
}

.residence_progressbar .elementor-progress-bar .elementor-progress-text {
    position: absolute;
    bottom: 15px;
    right: -33px;
    
    transform: translate(-20%, -8px);
    background: #00aab3;
    color: white;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 12px;
    white-space: nowrap;
    z-index: 2;
    border-radius: 0;
    overflow: visible !important;
}
.residence_progressbar .elementor-progress-bar .elementor-progress-text::after {
  content: ""!important;
  position: absolute!important;
  top: 100%!important; /* Place just below the label */
  left: 50%!important;
  transform: translateX(-50%)!important;
  width: 0!important;
  height: 0!important;
  border-left: 6px solid transparent!important;
  border-right: 6px solid transparent!important;
  border-top: 6px solid #00aab3!important;
  z-index: 1!important;
}

.residence_tabs .e-n-tabs-heading {
  display: block;
}
.residence_tabs .e-n-tabs-heading button {
  display: inline-block;
  width:48%;
}
.residence_sidebar {

}

.blog-post-content-widget h4 {
  font-size: 1.4em!important;
}

#sidebar .widget-title {
  font-size: 2em!important;
}
.advanced-search .btn:hover .filter-option-inner-inner {
  color:#fff!important;
} 
footer h3 {
  font-size: 2em!important;
}
footer .widget-contact-us a {
  font-weight: 500;
}
footer .menu a {
  text-transform: uppercase;
}

.item-wrap-v3 .item-amenities li {
  display: block;
  margin-bottom: 10px!important;
}

.item-wrap-v3 .item-amenities {
  display: block;
}

.footer-top-wrap {
  padding-bottom: 0!important;
}
.footer-social {
  margin-bottom: 10px;
}

.item-listing-wrap-v3.coming_soon a{
  pointer-events: none;
}

.item-listing-wrap-v3.coming_soon .item-price {
  display: none;
}
.search_results_page .grid-view .item-listing-wrap,
.search_results_page .grid-view .item-listing-wrap .listing-thumb{
  height: 350px!important;
}


.newsletter_form {
  text-align: center;
}
.newsletter_form input[type="email"] {
      border-color: transparent;
    border-radius: 5px;

}
.newsletter_form input[type="submit"] {
  border-color: transparent;
    border-radius: 5px;
    text-transform: uppercase;
}
.newsletter_form p {
  display: inline-block;
}

.item-tools {
  display: none;
}

.property-banner .nav,
.property-image-count,
#pills-gallery-tab{
  display: none!important;
}
.testimonial-icon {
  display: none;
}

.testimonials-module .slick-prev {
  left: -55px!important;
}
.testimonials-module .slick-next {
  right: -55px!important;
}
.testimonials-module .slick-next:before,
.testimonials-module .slick-prev:before {
  color: #fff!important;
}

.sort-by {
  display: none;
}
@media (max-width: 767px) {
  .custom-contact-form .form-row {
    flex-direction: column;
  }
  .availability_table div div {
    overflow-x: scroll;
     -webkit-overflow-scrolling: touch; /* smooth scrolling on iOS */
  white-space: nowrap; /* prevent wrapping */
  }
  /* Make the table scroll horizontally */
#tablepress-4 {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* smooth scrolling on iOS */
  white-space: nowrap; /* prevent wrapping */
}

/* Optional: Prevent table cells from wrapping text */
#tablepress-4 th,
#tablepress-4 td {
  white-space: nowrap;
}
.newsletter_form input[type="email"] {
  width: 100%;
}
.mobile-property-contact {
  display: none;
}
.newsletter_form p {
  display: block;
}
.newsletter_form input[type="submit"] {
  width: 100%;
}
}