/*
Theme Name: Houzez Child
Theme URI: http://www.favethemes.com/
Template: houzez
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.
Tags: white,right-sidebar,left-sidebar,custom-colors,custom-menu,featured-images,post-formats,theme-options,translation-ready
Version: 1.0.0.19
Updated: 2019-09-13 21:16:34

*/
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.2/css/all.min.css');

/* Global CSS */
.hide-property-count #location-module .sub-heading,
body #section-body .prop-user-agent{
    display: none;
}

.grecaptcha-badge {
    visibility: hidden;
}

.text-justify{
	text-align: justify;
}

body #section-body .vc_custom_heading,
#section-body .banner-caption h1, 
#section-body .banner-caption h2,
#section-body .table-cell h1,
body #section-body .property-title{
    text-transform: inherit;
}

.text-white{
  color: #fff;
}

.media-tabs-list li > a {
    display: flex;
    justify-content: center;
    align-items: center;
}

#section-body .vc_custom_heading.title-underline:after {
    content: " ";
    display: block;
    height: 4px;
    width: 50%;
    background-color: #00b930;
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 15px;
}

body #section-body h1, body  #section-body h2, body #section-body h3, body #section-body h4, body #section-body h5, body #section-body h6,
.post-title .vce-post-description--title h3,
body #section-body a, #footer-section a, #footer-section .widget-title {
    font-family: 'Helvetica Neue', Lato, Helvetica, Arial, sans-serif !important;
    line-height: 1;
	font-weight: 400;
	text-transform: initial;
}

body #section-body h1, body  #section-body h2, body #section-body h3 {
	font-weight: 600 !important;
}

body #section-body p{
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	font-weight: 400;
}

body #section-body h1{
    font-size: 44px;
}

body #section-body h2{
    font-size: 38px;
}

body #section-body h3{
    font-size: 32px;
}

body #section-body h4{
    font-size: 26px;
}

body #section-body h5{
    font-size: 20px;
}

body #section-body h6{
    font-size: 18px;
}

body #section-body .custom-text-shadow h2, 
body #section-body .custom-text-shadow h3{
    text-shadow: 2px 2px 1px #000;
}

.item-foot.date.hide-on-list,
.not-more-btn #fave-pagination-loadmore,
.not-featured-tag .label-featured, 
.grid-view .property-item .item-body .amenities p:last-child {
    display: none;
}

#section-body .property-title {
    font-size: 28px;
}

#section-body {
	padding: 0;
}

.text-shadow-title {
	text-shadow: 1px 2px 0px #000;
}

.text-justify {
	text-align: justify;
}

.label-wrap .label-status {
    font-size: 14px;
    padding: 6px 12px;
    border-radius: 5px;
    background-color: #6db628;
}

.detail-top.detail-top-full #gallery {
    background-position: center bottom;
}

.just-price-grid .list-inline li:not(:first-child) {
    display: none;
}

@media screen and (max-width: 767px){
    body #section-body h1{
        font-size: 32px;
    }

    body #section-body h2{
        font-size: 28px;
    }

    body #section-body h3{
        font-size: 24px;
    }

    body #section-body h4{
        font-size: 20px;
    }

    body #section-body h5{
        font-size: 18px;
    }

    body #section-body h6{
        font-size: 16px;
    }
}


#section-body .property-item-grid .item-caption {
    bottom: 40px;
}
/* Global CSS End */

/* Header */

.header-section-4 {
    background-color: #ffffff;
    box-shadow: 0 0px 24px #DDD;
}

#header-section .logo img {
    width: 160px;
}
#header-section .header-left {
    padding: 15px !important;
}

#header-section #main-nav .menu-item a {
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    margin: 0 1px;
    padding: 10px 20px;
	text-transform: initial;
}

#header-section #main-nav .menu-item a:hover {
    color: #0367a6;
}

#header-section .header-left {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row wrap;
}

#header-section #main-nav .menu-item.current_page_item a, 
#header-section #main-nav .menu-item:hover a {
    color: #fff;
    background-color: #0083c4;
    border-radius: 5px;
}

#header-section .main-nav {
    margin-left: auto;
}

#translate-content #sortable {
    display: flex;
    float: none !important;
}

#translate-content #flags {
    width: 100%;
}

#translate-content #sortable li {
    height: 18px;
}

#header-section #translate-content .goog-te-combo {
    width: 100%;
    border: 1px solid #b7b7b7 !important;
    height: 30px !important;
    border-radius: 5px !important;
    font-family: 'Helvetica Neue', Lato, Helvetica, Arial, sans-serif;
    font-weight: 400;
}

@media screen and (max-width: 991px){
    .header-mobile {
        padding: 10px 0;
    }

    .header-mobile > .container {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .header-mobile > .container .mobile-nav,
    .header-mobile > .container .header-logo.logo-mobile {
        float: none;
        width: auto;
    }

    .header-mobile > .container .mobile-nav{
        order: 1;
    }

    .header-mobile > .container:before, 
    .header-mobile > .container:after {
        display: none;
    }

    .header-mobile > .container .mobile-nav .nav-trigger {
        padding: 0px 20px;
        background: #65b32e;
        color: #fff;
        border-radius: 5px;
        font-size: 24px;
        transition: all .4s ease-in-out;
    }

    .header-mobile > .container .mobile-nav .nav-trigger:hover {
        background-color: #589728;
    }

    .header-mobile > .container .logo-mobile img {
        max-height: max-content;
    }
}

/* Header End */

/* Footer */
#footer-section .wpml-ls-statics-footer {
    margin: 0;
}

#footer-section .footer {
    padding: 50px 16px;
}

.footer-widget .widget-title{
    font-size: 34px;
} 
#footer-section .footer-bottom {
    font-size: 16px;
}

#footer-section .footer-bottom p a {
    color: #eaeaea;
    font-weight: 700;
}

#footer-section .footer-bottom p a:hover {
    color: #f2b807;
}

#footer-section .footer {
    padding: 70px 0;
    margin-bottom: 0;
}

#footer-section .footer .footer-widget a {
    font-weight: 500;
    opacity: 1;
    font-size: 16px;
}

#footer-section .social-media-content .link-item {
	display: inline-block;
}

#footer-section .social-media-content .link-item a {
    display: inline-block;
    font-size: 34px;
    background-color: #fff;
    color: #222;
    width: 50px;
    height: 50px;
    text-align: center;
    padding: 8px;
    border-radius: 5px;
    margin-bottom: 10px;
    transition: all .4s ease-in-out;
}

#footer-section .social-media-content .link-item a i {
    color: #333;
	  transition: all .4s ease-in-out;
}

#footer-section .social-media-content .link-item a:hover {
    background-color: #f2b807;
	color: #FFF;
}

#footer-section .social-media-content .link-item a:hover i {
    color: #fff;
}

#footer-section .social-media-content .link-item a .fa-facebook-f:before {
    content: "\f39e";
}

/* Footer End*/

/* Home */

.custom-houzez-module #carousel-module-grid {
    padding: 15px 0;
}

.custom-houzez-module #carousel-module-grid .module-title-nav {
    margin-bottom: 10px;
}

.custom-houzez-module #carousel-module-grid .module-title-nav .btn-carousel {
    font-size: 16px;
    padding: 10px 30px;
}

.custom-grid-type .grid_v2 > .row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-flow: row wrap;
}

.custom-grid-type .grid_v2 > .row > .col-sm-4 {
    float: none;
    flex: 0 0 calc( 100% / 4);
    width: calc( 100% / 4);
}

.custom-grid-type .grid_v2 > .row > .col-sm-4 .location-block {
    border-radius: 50%;
    height: 250px;
    width: 250px;
    margin: 0 auto;
}

.custom-grid-type .grid_v2 > .row .location-fig-caption {
    text-shadow: 2px 3px 4px #000;
}

.card-content {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.card-content .card {
  border: 1px solid #6db628;
  border-radius: 4px;
  padding: 20px;
  position: relative;
  overflow: hidden;
  flex: 0 0 calc(20% - 30px);
  width: calc(20% - 30px);
  height: 12em;
  transition: all 0.4s ease-in;
  margin-bottom: 30px;
  color: #222;
	background-color: #fff;
}
.card-content .card .card-inner > * {
  transition: all 0.7s ease-in-out;
}
#cardProperty .card-content .card .card-title {
  font-size: 24px;
  margin-bottom: 10px;
  position: absolute;
  padding-top: 20px;
  top: 0%;
	color: #6db628;
}
.card-content .card .card-img {
  position: absolute;
  bottom: 0;
  padding-bottom: 20px;
}
.card-content .card .card-img img {
  width: 50%;
}
.card-content .card:hover {
  background-color: #6db628;
  box-shadow: 0 0 12px var(--card-shadow);
}
#cardProperty .card-content .card:hover .card-title {
  position: absolute;
  top: 60%;
  color: #FFF;
}
.card-content .card:hover .card-img {
  bottom: 25%;
  padding-top: 20px;
}
.card-content .card:hover .card-img img {
  filter: grayscale(100%) invert(100%) brightness(5);
}

@media only screen and (max-width: 989px) {
  .card-content .card {
    flex: 0 0 calc(33.33% - 15px);
    width: calc(33.33% - 15px);
    height: 10em;
    margin-bottom: 15px;
  }
  .card-content .card:last-child {
    display: none;
  }
}

@media screen and (max-width: 767px){
    .custom-grid-type .grid_v2 > .row > .col-sm-4 {
        flex: 0 0 calc( 100% / 2);
        width: calc( 100% / 2);
    }
    .custom-grid-type .grid_v2 > .row > .col-sm-4 .location-block {
        height: 180px;
        width: 180px;
    }
}

@media only screen and (max-width: 575px) {
  .card-content .card {
    flex: 0 0 calc(50% - 15px);
    width: calc(50% - 15px);
    height: 10em;
    margin-bottom: 15px;
  }
	.custom-grid-type .grid_v2 > .row > .col-sm-4 .location-block {
        height: 120px;
        width: 120px;
    }
	.custom-grid-type .grid_v2 > .row > .col-sm-4{
        margin-bottom: 15px;
        padding: 0;
    }
    .custom-grid-type .grid_v2 > .row > .col-sm-4 .location-block {
        width: 160px;
        height: 160px;
    }
}

/* Home End */

/* Properties */

#section-body .property-listing.grid-view {
    margin-top: 30px;
}

#section-body .property-listing.grid-view .row .item-wrap {
    padding: 0;
    margin: 0;
    width: 100%;
    clear: none;
}

#section-body .property-listing.grid-view > .row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
    margin: 0;
}

#section-body .property-listing.grid-view > .row::before {
    display: none;
}

@media screen and (max-width: 767px){
    #section-body .property-listing.grid-view > .row {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* Properties End*/

/* Contact Page */

.wpcf7-form .field > p {
    display: none;
}

.wpcf7-form .field {
    margin-bottom: 15px;
}

.wpcf7-form {
    box-shadow: 0 3px 16px #ECEDEF;
    padding: 30px;
    border-radius: 5px;
    background-color: #FFF;
}

.wpcf7-form .field .label {
    margin-bottom: 5px;
    display: inline-block;
    font-size: 16px;
    color: #222;
}

.wpcf7-form .field .control .input, 
.wpcf7-form .field .control .textarea {
    border: 1px solid #CCC;
    border-radius: 5px;
    box-shadow: 0 2px 6px #ECEDEF;
}

.wpcf7-form .field-btn {
    text-align: right;
}

.wpcf7-form .field-btn .ajax-loader {
    display: none;
}

.wpcf7-form .field-btn .wpcf7-submit {
    font-size: 16px;
    padding: 10px 36px;
    background-color: #6db628;
    border: 0;
}

.wpcf7-form .field-btn .wpcf7-submit:hover {
    background-color: #48791a;
}

.wpcf7-form .field .control .textarea {
    resize: vertical;
    min-height: 90px;
}

input.wpcf7-form-control.wpcf7-submit {}

/* Contact Page End */

/* About Page */

.info-blockquote{
	font-style:italic;
	color: #555555;
	border-left:8px solid #78C0A8;
	background:#EDEDED;
	border-radius: 10px;
	padding: 10px;
}

.info-blockquote p {
    font-size: 16px;
}

.info-blockquote span{
	display:block;
	color: #333;
	font-style: normal;
	font-weight: bold;
	margin-top:1em;
}

.info-blockquote span small{
	display: block;
	font-size: 14px;
	color: #777;
}

/* About Page End*/

/* Blog */

#section-body .blog-page .article-main {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
}

#section-body .blog-page .article-main > article {
    margin: 0;
    box-shadow: 0 3px 8px #ccc;
    background-color: #fff;
}

#section-body .blog-page .article-main > article .article-title {
    font-size: 30px;
}

#section-body .blog-page .article-main > article .article-detail {
    padding: 30px 16px;
}

@media screen and (max-width: 767px){
    .blog #section-body > .container {
        width: 95%;
    }
    #section-body .blog-page .article-main {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
    }
    #section-body .blog-page  .article-main .blog-article{
        flex: 0 0 calc(100% / 2 - 10px);
        width: calc(100% / 2 - 10px);
        margin: 10px 0;
    }
    #section-body .blog-page .article-main > article .article-detail{padding: 10px 15px;}
    #section-body .blog-page .article-main > article .article-title{
        font-size: 100%;
        margin: 0;
    }
    #section-body .blog-page .article-main hr,
    #section-body .blog-page .article-main .pagination-main {
        flex: 0 0 100%;
        line-height: 1;
    }

    #section-body .blog-page .article-main .blog-article .article-detail p, 
    #section-body .blog-page .article-main .blog-article .article-footer,
    #section-body .blog-page .container-sidebar {
        display: none;
    } 
}

@media screen and (max-width: 575px){
    #section-body .blog-page  .article-main .blog-article{
        flex: 0 0 100%;
        width: 100%;
    }
}
/* Blog End */