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


.double-storey .item-footer {
	display: none !important;
}
.double-storey .item-address {
	display: none !important;
}
.double-storey .item-short-description {
	display: none !important;
}





.double-storey :is(.h-range, .h-storey, .h-beds, .h-baths) {
  font-size: 0 !important; /* hides extra text */
  border-right: 0 !important;

  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;

  height: 24px !important;
  line-height: 24px !important;

  padding-right: 12px !important;
  margin-right: 12px !important;

  background-image: linear-gradient(#dce0e0, #dce0e0) !important;
  background-repeat: no-repeat !important;
  background-position: right 50% !important;
  background-size: 1px 12px !important;
}

.double-storey :is(.h-range, .h-storey, .h-beds, .h-baths) .align-items-center {
  font-family: "Montserrat", Sans-serif;
  font-size: 16px !important;
  font-weight: 500;
  line-height: 1 !important;
  color: #231F20;

  display: inline-flex !important;
  align-items: center !important;
  height: 24px !important;
}

/* Keep icons vertically centered */
.double-storey :is(.h-range, .h-storey, .h-beds, .h-baths) .align-items-center svg,
.double-storey :is(.h-range, .h-storey, .h-beds, .h-baths) .align-items-center img,
.double-storey :is(.h-range, .h-storey, .h-beds, .h-baths) .align-items-center i {
  display: block;
  line-height: 1 !important;
}

/* Hide type */
.double-storey .h-type {
  display: none !important;
}

/* Remove old pseudo borders */
.double-storey :is(.h-range, .h-storey, .h-beds, .h-baths)::before,
.double-storey :is(.h-range, .h-storey, .h-beds, .h-baths)::after {
  border: 0 !important;
}


.double-storey .item-title {
	font-size: 40px;
	color: #231F20 !important;
	font-family: "Very Vogue", Sans-serif;
	margin-bottom: 30px !important;
	margin-top: 10px !important;
}
.double-storey .btn-load-more {
	background: #231F20;
	font-size: 18px;
	font-family: "Montserrat", Sans-serif;
	color: #fff;
	border: 0;
}



.double-storey-carousel {
    padding: 40px 0 95px;
    overflow: hidden;
    position: relative;
}

.double-storey-carousel  .elementor-image-carousel-wrapper,
.double-storey-carousel  .swiper{
    overflow: visible !important;
}

.double-storey-carousel  .swiper-wrapper{
    align-items: center;
}

.double-storey-carousel  .swiper-slide{
    transition: transform .45s ease, opacity .45s ease, filter .45s ease;
    opacity: .45;
    filter: grayscale(100%);
    transform: scale(.78);
    z-index: 1;
}

.double-storey-carousel  .swiper-slide img{
    width: 100%;
    height: 500px;
    object-fit: cover;
    display: block;
}

.double-storey-carousel  .swiper-slide-active{
    opacity: 1;
    filter: none;
    transform: scale(1);
    z-index: 3;
}

.double-storey-carousel  .swiper-slide-prev{
    transform: translateX(32%) scale(.62);
    opacity: .65;
    z-index: 2;
}

.double-storey-carousel  .swiper-slide-next{
    transform: translateX(-32%) scale(.62);
    opacity: .65;
    z-index: 2;
}

.double-storey-carousel  .elementor-swiper-button,
.double-storey-carousel  .swiper-button-prev,
.double-storey-carousel  .swiper-button-next{
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    top: auto;
    bottom: 8px;
    transform: none;
    z-index: 20;
    color: #fff;
    background: transparent;
    margin: 0;
    padding: 0;
}

.double-storey-carousel  .elementor-swiper-button-prev,
.double-storey-carousel  .swiper-button-prev{
    left: calc(50% - 58px);
}

.double-storey-carousel  .elementor-swiper-button-next,
.double-storey-carousel  .swiper-button-next{
    right: calc(50% - 58px);
}

.double-storey-carousel  .elementor-swiper-button i{
    font-size: 24px;
    color: #fff;
}

.double-storey-carousel  .swiper-button-prev:after,
.double-storey-carousel  .swiper-button-next:after{
    font-size: 24px;
    color: #fff;
}


.double-storey-carousel  .swiper-horizontal{
    overflow: visible !important;
}



@media (max-width: 1024px){
    .double-storey-carousel {
        padding: 35px 0 85px;
    }

    .double-storey-carousel  .swiper-slide img{
        height: 420px;
    }

    .double-storey-carousel  .swiper-slide-prev{
        transform: translateX(24%) scale(.68);
    }

    .double-storey-carousel  .swiper-slide-next{
        transform: translateX(-24%) scale(.68);
    }

    .double-storey-carousel  .elementor-swiper-button,
    .double-storey-carousel  .swiper-button-prev,
    .double-storey-carousel  .swiper-button-next{
        bottom: 6px;
    }
}

 

@media (max-width: 767px){
    .double-storey-carousel {
        padding: 20px 0 75px;
    }

    .double-storey-carousel  .swiper-slide,
    .double-storey-carousel  .swiper-slide-active,
    .double-storey-carousel  .swiper-slide-prev,
    .double-storey-carousel  .swiper-slide-next{
        transform: none;
        opacity: 1;
        filter: none;
    }

    .double-storey-carousel  .swiper-slide img{
        height: 280px;
    }

    .double-storey-carousel  .elementor-swiper-button,
    .double-storey-carousel  .swiper-button-prev,
    .double-storey-carousel  .swiper-button-next{
        width: 44px;
        height: 44px;
        bottom: 6px;
    }

    .double-storey-carousel  .elementor-swiper-button-prev,
    .double-storey-carousel  .swiper-button-prev{
        left: calc(50% - 48px);
    }

    .double-storey-carousel  .elementor-swiper-button-next,
    .double-storey-carousel  .swiper-button-next{
        right: calc(50% - 48px);
    }

    .double-storey-carousel  .elementor-swiper-button i,
    .double-storey-carousel  .swiper-button-prev:after,
    .double-storey-carousel  .swiper-button-next:after{
        font-size: 20px;
    }
}







html,
body {
  overflow-x: hidden !important;
}

/* Main boxed container */
.pg-boxed3 {
  overflow: visible !important;
}

/* Elementor wrappers */
.pg-boxed3,
.pg-boxed3 > .e-con-inner,
.pg-boxed3 .e-con-inner,
.pg-boxed3 .e-con {
  overflow: visible !important;
}

/* Actual left container with Elementor background image */
.pg-boxed3 .pg-bleed-left {
  position: relative !important;
  overflow: visible !important;
  z-index: 1;

  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* Extend the existing background image to the left */
.pg-boxed3 .pg-bleed-left::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;

  left: calc((100vw - 1400px) / -2);
  right: 0;

  background: inherit !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;

  z-index: 0;
  pointer-events: none;
}

/* Keep content above the background extension */
.pg-boxed3 .pg-bleed-left > * {
  position: relative;
  z-index: 2;
}








/* Main boxed container: this is your 1400px container */
.pg-boxed2 {
  overflow: visible !important;
}

/* Elementor inner wrappers must allow overflow */
.pg-boxed2 > .e-con-inner,
.pg-boxed2 .e-con-inner,
.pg-boxed2 .e-con {
  overflow: visible !important;
}

/* Actual RIGHT container with background image */
.pg-boxed2 .pg-bleed-right {
  --boxed-width: 1400px;
  --bleed-space: max(0px, calc((100vw - var(--boxed-width)) / 2));

  max-width: none !important;
  width: calc(50% + var(--bleed-space)) !important;
  flex: 0 0 calc(50% + var(--bleed-space)) !important;

  margin-left: 0 !important;
  margin-right: calc(var(--bleed-space) * -1) !important;

  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;

  overflow: hidden !important;
}