/*
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
-------------------------------------- */
.main-wrap {
  background-color: white !important;
}

.property-detail-title li {
  list-style-type: none !important;
  font-weight: 700;
  display: inline;
}

.property-detail-title li.item-sub-price {
  font-size: 15px;
  margin-left: 8px;
}

.custom-5-col.list-3-cols {
  columns: 6;
}

.block-wrap {
  background-color: transparent !important;
  padding: 0px !important;
  margin-bottom: 20px !important;
  border-bottom: 1px solid #dedede;
  border-radius: 0px;
  padding-bottom: 20px !important;
}

.property-floor-plans-wrap .block-wrap {
  border-bottom: none !important;
}

.property-video-wrap .block-wrap {
  border-bottom: none !important;
}

.property-virtual-tour-wrap .block-wrap {
  border-bottom: none !important;
}

.block-content-wrap .list-2-cols li {
  border-bottom: none !important;
  padding: 3px 0px !important;
}

.hz-fte-img {
  width: 20px;
  height: 20px;
}

.bg-features-li {
  width: 100px !important;
  height: 100px !important;
  background-color: #f5f5f5;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

.bg-features-li a {
  font-weight: 400;
  line-height: 1;
  margin-top: 5px;
}

.property-overview-wrap .houzez-desktop-layout-3cols {
  grid-template-columns: repeat(8, 1fr);
}

.block-title-wrap {
  border-bottom: none;
  padding-bottom: 0px !important;
  margin-bottom: 10px !important;
  margin-bottom: 20px !important;
}

.block-content-wrap .block-title-wrap {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.detail-wrap {
  background-color: transparent !important;
  border: none !important;
  padding: 0px !important;
}

.page-title-wrap {
  padding-bottom: 0px !important;
}

.post-content .more-content {
  display: none;
}

.post-content .show-more-link,
.post-content .show-less-link {
  display: block;
  margin-top: 10px;
  cursor: pointer;
}

#malls #mallsIcon .icon img {
    width: 20px;
}
#transportation, #supermarkets, #schools, #libraries, #pharmacies, #hospitals, #malls {
    clear: left;
    height: 40px;
    width: 40px;
    margin-bottom: 1px;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    background-color: #fff;
}
#transportation .icon, #supermarkets .icon, #schools .icon, #libraries .icon, #pharmacies .icon, #hospitals .icon, #mallsIcon .icon {
    width: 40px;
    height: 40px;
    padding: 10px 4px 4px 4px;
}

#transportation span, #supermarkets span, #schools span, #libraries span, #pharmacies span, #hospitals span, #malls span {
    line-height: 40px;
    z-index: -1;
    visibility: hidden;
    height: 40px;
    padding-right: 12px;
    padding-left: 16px;
    opacity: 0;
    background-color: #fff;
    transform: translate3d(48%, 0, 0);
    position: absolute;
    right: 0;
}
#transportation span {
  top: 0;
}
#supermarkets span {
  top: 41px;
}
#schools span {
  top: 82px;
}
#libraries span {
  top: 123px;
}
#pharmacies span {
  top: 164px;
}
#hospitals span {
  top: 205px;
}
#malls span {
  top: 246px;
}
#transportation:hover span, #supermarkets:hover span, #schools:hover span, #libraries:hover span, #pharmacies:hover span, #hospitals:hover span, #malls:hover span {
    z-index: 1;
    visibility: visible;
    opacity: 1;
    transform: translate3d(100%, 0, 0);
}
.map-info-window-poi {
    max-width: 300px;
    padding: 0px 20px 8px 16px;
}
.property-address-wrap .gm-style-iw-a {
  display: block;
}

/* New work */
.sidebar-wrap .property-form-wrap {
  padding: 30px;
  background-color: #fff;
  border: 1px solid #dce0e0;
}

.page-title-wrap .label {
  background-color: #A08746;
}

.flex-items-document {
  width: calc(33.34% - 20px);
}

.footer-top-wrap {
  display: none !important;
}

.header-v4 {
  border-bottom: 1px solid #dce0e0 !important;
}

.block-title-wrap h2,
.block-title-wrap h3 {
  font-size: 22px;
  font-weight: 600;
  color: #A08746 !important;
}

/* End of New Work */
@media screen and (max-width: 767px) {
  .custom-5-col.list-3-cols {
    columns: 3;
  }

  .property-overview-wrap .houzez-desktop-layout-3cols {
    grid-template-columns: repeat(3, 1fr);
  }

  .mobile-property-title {
    padding: 0 20px 20px;
  }

  .mobile-property-tools {
    padding: 30px 20px 28px;
  }

  .block-wrap {
    margin: 0px 20px !important;
    margin-bottom: 0px;
    border-bottom: none;
    padding-top: 20px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  #property-review-form {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  #property-review-form .block-title-wrap {
    margin-left: 20px !important;
  }

  .property-features-wrap .features_group_name+ul {
    padding-left: 0px;
  }

  .property-floor-plans-wrap .block-wrap {
    padding-bottom: 0px !important;
  }

  .property-schedule-tour-wrap .block-wrap {
    border-top: none !important;
  }

  .property-review-wrap {
    padding: 0 20px;
  }
  
  .flex-items-document {
    width: calc(50.34% - 20px);
  }
}