/*
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: 3bimoveis
*/


@import url("../3bimoveis/style.css");

/* Your CSS code goes here
-------------------------------------- */
.elementor-element-2c4e22b {
    background-image: url("https://3bimoveis.com/wp-content/uploads/2026/08/img-hero-otimizado.jpg") !important;
}

@supports (background-image: image-set(url("x") type("image/webp"))) {
    .elementor-element-2c4e22b {
        background-image: image-set(
            url("https://3bimoveis.com/wp-content/uploads/2026/08/img-hero-otimizado.jpg.webp") type("image/webp"),
            url("https://3bimoveis.com/wp-content/uploads/2026/08/img-hero-otimizado.jpg") type("image/jpeg")
        ) !important;
    }
}

/* Telemovel: mesma foto, versao de 900px (48 KB contra 198 KB).
   A foto do topo e' imagem de FUNDO, e fundo nao aceita srcset - sem esta
   regra o telemovel baixa o arquivo inteiro de 1672x941 para exibir num
   espaco de ~400px. Medido com Lighthouse em 25/08/2026; ver o docblock de
   inc/hero-home-lcp.php, que faz o preload correspondente.
   Fica aqui, e nao em assets/css/ajustes-2026-08.css, porque a regra logo
   acima usa !important: qualquer regra em outro arquivo perderia para ela.
   Se um dia a foto do topo mudar, os tres blocos deste arquivo e o
   inc/hero-home-lcp.php mudam juntos. */
@media (max-width: 767.98px) {
    .elementor-element-2c4e22b {
        background-image: url("https://3bimoveis.com/wp-content/uploads/2026/08/img-hero-otimizado.jpg") !important;
    }
}

@supports (background-image: image-set(url("x") type("image/webp"))) {
    @media (max-width: 767.98px) {
        .elementor-element-2c4e22b {
            background-image: image-set(
                url("https://3bimoveis.com/wp-content/uploads/2026/08/img-hero-otimizado-mobile.webp") type("image/webp"),
                url("https://3bimoveis.com/wp-content/uploads/2026/08/img-hero-otimizado.jpg") type("image/jpeg")
            ) !important;
        }
    }
}
.offcanvas{ background-color:#1e3c2b; }
img[src*="/wp-content/themes/3bimoveis/img/profile-avatar.png"] {
    content: url("../3bimoveis-child/img/profile-avatar.png");
}
.logo img {
    top: 0;
}
.header-mobile{ height:80px; }
.advanced-search-nav{
background-color:#C69A5A !important; 	
}
.sidebar-logo img { height: 70px; margin: 0 auto; }
section.listing-wrap.listing-v6 {
    margin-bottom: 50px;
}
.control {
    color: #333 !important;
}
body.page-id-1626 .control {
    color: #FFF;
}
a.label:hover {
    color: #FFF;
}
.header-v2 .header-contact-left, .header-v2 .header-contact-wrap .header-contact-right, .header-v2 .header-social-icons a, .header-v3 .header-social-icons a, .header-v4 a, .header-v5 .header-social-icons a { color: #c69755 }
h2.houzez_section_title i, div#property-detail-wrap .block-title-wrap, ul.item-amenities .houzez-icon, .item-price-wrap .item-price{ color:#C69A5A; }
/* Preco (Venda/Locacao) removido do topo da pagina do imovel - fica so na
   tabela de Detalhes. property-details/partials/item-price.php ja foi
   sobrescrito (vazio) no tema filho; esta regra e' so uma trava extra para
   qualquer OUTRO layout de imovel (gallery-v2.php, luxury-homes) que use a
   mesma classe sem passar por aquele partial. */
.property-price-wrap{ display:none; }
.houzez-ele-search-form-wrapper {
    background: #FFF;
    padding: 3% 2%;
    border-radius: 15px;
}

body.home div#header-section:not(.sticky-nav-area) .logo img {
    height: 140px !important;
	width:auto;
}

body .list-lined .list-lined-item strong {
    font-weight: bold !important;
}
body .detail-wrap {
    background-color: #FFF;
    padding: 0;
    border: none;
}

.block-title-wrap h2 {
    font-size: 18px;
    color: #c69a5a;
}
.widget-title {
    color: #c69a5a;
    margin-bottom: 10px !important;
}
h2.wp-block-heading {
    color: #c69a5a;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 10px !important;
}
footer img{
	max-height: 90px;
    width: auto;
}
.contact-whatsapp a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
}

.contact-whatsapp .whatsapp-icon {
    width: 18px;
    height: 18px;
    fill: currentColor;
    flex-shrink: 0;
}

.contact-whatsapp a:hover {
    text-decoration: none;
}
.contact-list .fa {
    color: #c69a5a;
}
body h1 .label {
    font-family: Manrope;
    font-size: 10px !important;
    background-color: #c69a5a !important;
    position: relative;
    top: -5px;
    margin-left: 10px;
}
body .page-title-mobile .label {
    font-family: Manrope;
    font-size: 10px !important;
    background-color: #c69a5a !important;
    position: relative;
    top: -3px;
    margin-left: 10px;
}
.navbar-logged-in-wrap.navbar.h-100 {
    margin-left: 10px;
}
.listing-tabs .nav-tabs .nav-link{
	background-color:#1e3c2b;
	color:#FFF !important;
}
.listing-tabs .nav-tabs .nav-link.active, .listing-tabs .nav-tabs .nav-link:hover{
	background-color:#c69a5a;
	color:#FFF;
}
.listing-tabs .nav-tabs {
    gap: 5px;
}
/* Verde-escuro sobre o dourado (4,84:1). Branco dava 2,57:1 - e a regra de
   link do artigo ainda pintava a letra de dourado por cima do fundo dourado
   (1,03:1). Ver assets/css/blog-redesign.css, secao do link do artigo. */
body.single-post .wp-block-buttons .wp-block-button__link {
    background: #c59654;
    color: #1e3c2b;
    font-weight: 800;
}
body.single-post .wp-block-buttons .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

body.single-post .wp-block-buttons .wp-block-button__link::before {
    content: "\f095";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 2.05em;
    line-height: 1;
    padding: 10px;
}
    .single-property .sidebar-wrap .widget-property-form,
    .property-detail-v1 .sidebar-wrap .widget-property-form,
    .property-detail-v2 .sidebar-wrap .widget-property-form,
    .property-detail-v3 .sidebar-wrap .widget-property-form,
    .property-detail-v4 .sidebar-wrap .widget-property-form,
    .property-detail-v5 .sidebar-wrap .widget-property-form,
    .property-detail-v6 .sidebar-wrap .widget-property-form,
    .property-detail-v7 .sidebar-wrap .widget-property-form {
        display: block !important;
    }
.bootstrap-select>.dropdown-toggle {
    background: transparent !important;
    border: 1px;
    color: #000 !important;
}
button.houzez-ele-button.schedule_contact_form.btn.btn-secondary.btn-sm-full-width {
    background: #173222;
    color: #FFF;
}
.footer-logo {
    display: none !important;
}
.footer-top-wrap {
    padding-bottom: 0;
}

/* Pagina de imovel (mobile): a barra fixa "mobile-property-contact"
   (bottom:0, ~71px de altura) ficava por baixo do botao "voltar ao topo"
   e do balao flutuante do WhatsApp (plugin wp-whatsapp-chat), que os
   dois usam "bottom:0/15px" sem saber que essa barra existe. Resultado:
   os dois ficavam sobrepostos a ela. Aqui so subimos os dois o
   suficiente para abrirem espaco pra barra, sem mexer no plugin nem no
   tema pai. */
@media (max-width: 767.98px) {
    body.single-property .back-to-top-wrap {
        bottom: 86px;
    }
    body.single-property .qlwapp__container.qlwapp__container--bottom-right,
    body.single-property .qlwapp__container.qlwapp__container--bottom-left {
        bottom: 80px;
    }
}