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

@font-face {
  font-family: "Roihu";
  src: url("fonts/Roihu-Bold.eot");
  src: url("fonts/Roihu-Bold.eot?#iefix") format("embedded-opentype"),
    url("fonts/Roihu-Bold.woff2") format("woff2"),
    url("fonts/Roihu-Bold.woff") format("woff"),
    url("fonts/Roihu-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Roihu";
  src: url("fonts/Roihu-Light.eot");
  src: url("fonts/Roihu-Light.eot?#iefix") format("embedded-opentype"),
    url("fonts/Roihu-Light.woff2") format("woff2"),
    url("fonts/Roihu-Light.woff") format("woff"),
    url("fonts/Roihu-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Roihu";
  src: url("fonts/Roihu-BoldItalic.eot");
  src: url("fonts/Roihu-BoldItalic.eot?#iefix") format("embedded-opentype"),
    url("fonts/Roihu-BoldItalic.woff2") format("woff2"),
    url("fonts/Roihu-BoldItalic.woff") format("woff"),
    url("fonts/Roihu-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "Roihu";
  src: url("fonts/Roihu-LightItalic.eot");
  src: url("fonts/Roihu-LightItalic.eot?#iefix") format("embedded-opentype"),
    url("fonts/Roihu-LightItalic.woff2") format("woff2"),
    url("fonts/Roihu-LightItalic.woff") format("woff"),
    url("fonts/Roihu-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}

h1,
h2,
h3,
h4,
h5,
h6,
.grid-item-title {
  font-family: "Roihu", "Outfit", sans-serif !important;
  font-weight: 700;
}

body,
p,
span,
li,
.btn,
.ele-btn,
.houzez-search-button,
.houzez-submit-button,
.form-control,
.bootstrap-select .text,
.sort-by-title,
.woocommerce ul.products li.product .button,
.grid-item-subtitle,
.footer-wrap {
  font-family: "Roihu", "Outfit", sans-serif !important;
  font-weight: 300;
}

/* Ocultar buscador pequeño solo en páginas específicas */

.formulario-original {
  display: none !important;
}

body.page-id-17337 #houzez-search-tabs-wrap {
  margin-top: 75px;
}

body.page-id-17337 .btn-primary {
  border-color: white !important;
}

/* buscador mv propio 
    #mi-buscador-movil {
        display: none !important;
    }*/

#mi-buscador-movil {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 9999;
  background-color: white;
  transform: translateY(100%);
  transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

#mi-buscador-movil.abierto {
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

#mi-buscador-movil.cerrando {
  transform: translateY(100%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/* CSS para inmuebles filtrados (search-results)
-------------------------------------------------- */

/* Ocultar Elemento Posts Derecho en filtrados */
body.page-id-36654 .bt-sidebar-wrap.houzez_sticky {
  display: none !important;
}

/* Agrandar col para ocupar todo el ancho en filtrados */
body.page-id-36654 .col-lg-8.bt-content-wrap {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

body.page-id-36654 .page-content-wrap {
  padding: 0px;
  background-color: #fff;
}

body.page-id-36654 .page-wrap {
  background: #fff !important;
}

/* Elemento para mostrar los divs */
.listing-switch-view {
  display: none !important;
}

/** CSS Ficha Inmueble
---------------------------------- */

/* CSS descripcion */
.description-content strong {
  font-weight: 100 !important;
}

/* CSS Carrousel  */
.custom-carousel-wrapper {
  max-width: 100%;
  margin: auto;
  text-align: center;
  position: relative;
}

.main-carousel {
  position: relative;
}

.main-carousel img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  transition: transform 0.9s ease;
}

.carousel-arrow {
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0);
  border: none;
  padding: 12px 18px;
  cursor: pointer;
  font-size: 48px; /* AUMENTADO */
  border-radius: 4px;
  z-index: 2;
  color: white;
}

.arrow-left {
  left: 15px;
  font-weight: 800;
}

.arrow-right {
  right: 15px;
  font-weight: 800;
}

.thumbs-carousel {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
  position: relative;
}

.thumbs-carousel .carousel-arrow {
  color: #c2d505;
  font-size: 46px !important;
  padding: 10px 16px !important;
}

.thumbs-scroll-wrapper {
  overflow-x: hidden;
  white-space: nowrap;
  width: 100%;
  max-width: 100%; /* espacio para flechas */
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge */
}

.thumbs-scroll-wrapper::-webkit-scrollbar {
  display: none;
  /* Chrome/Safari */
}

.thumbs-inner {
  display: flex;
  transition: transform 0.3s ease;
}

.thumbs-inner img {
  width: 125px;
  height: 100px;
  object-fit: cover;
  margin: 0 5px;
  cursor: pointer;
  border: 2px solid transparent;
  border-radius: 4px;
  flex-shrink: 0;
}

.thumbs-carousel .carousel-arrow {
  top: 50%;
  z-index: 3;
}

.thumbs-carousel .arrow-left {
  left: 0;
}

.thumbs-carousel .arrow-right {
  right: 0;
}

@media (max-width: 768px) {
  .thumbs-inner img {
    width: 80px;
    height: 60px;
  }
}

/* Formulario Ficha Version Mv 
----------------------------------------- */

@media (max-width: 991px) {
  .theiaStickySidebar {
    margin-top: 1rem;
  }
  .content-wrap {
    background-color: #fff;
  }
  .elementor-36740 {
    background-color: #fff;
  }
}

/* CSS texto de tipo de operacion en destacados
--------------------------------------------------- */

.grid-item-subtitle {
  display: none;
}

.grid-item-subtitle-destacados {
  font-family: "Roboto", Sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: #fff;
  font-weight: 400;
}

/* Arreglo de Precio.Min y Precio.Max
   en buscador > 991px
------------------------------------- */
#precio-wrap.g-2,
#precio-wrap.gy-2 {
  margin: 0;
}

/* Nuestro Equipo
----------------------------- */

/* Tarjetas (nombre, direccion, etc) */
.team-content-wrap .team-content,
.team-name,
.team-title {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: inherit !important;
  z-index: 9999 !important;
}

/* Inmuebles filtrados (arreglo)
------------------------------------ */

/* Margen Resultados Version < 992px */
@media (max-width: 991px) {
  .page-title {
    margin: 1rem 0;
  }
}

/* Imagenes de ficha inmueble (arreglo)
-----------------------------------------*/

@media (min-width: 992px) {
  .main-carousel {
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    text-align: center;
  }

  #mainImage {
    width: 100%;
    height: 500px;
    object-fit: cover;
    display: block;
  }
}

@media (max-width: 991px) {
  .main-carousel {
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    text-align: center;
  }

  #mainImage {
    width: 100%;
    height: 250px;
    object-fit: cover;
    display: block;
  }
}

/* Imagenes de Carrousel en Alquilar, Comprar y Filtrados (arreglo) 
------------------------------------------------------------------------ */
@media (min-width: 992px) {
  .slide-img img {
    width: 100%;
    height: 378px !important;
    object-fit: cover;
    display: block;
  }
}

/* Arreglo Valora Tu Casa 
------------------------------------------------- */

@media (min-width: 992px) {
  .explicacion {
    margin-top: 20px;
    margin-left: 35px !important;
  }
}

/* Arreglo Precios en Ficha Inmueble
--------------------------------------------- */

#precioFichaNew {
    text-align:left !important;
}

#precioFichaNew .item-price .price {
    font-size: 2rem;
}

#precioFichaNewMv {
    text-align:left !important;
  margin-left:-1px;
}

#precioFichaNewMv .item-price .price {
    font-size: 2rem;
}