/*
Theme Name: Fontelo
Theme URI: https://www.residencialfontelo.com.br
Description: Tema child do Hello Elementor para o projeto Fontelo.
Author: Flavio Rodrigues
Author URI: https://www.residencialfontelo.com.br
Template: hello-elementor
Version: 1.0.0
Text Domain: fontelo
*/

:root {
    --fontelo-brand: #a2613e;
    --fontelo-brand-dark: #8b4b2a;
    --fontelo-sand: #f4ebe2;
    --fontelo-ink: #2f241d;
    --fontelo-anchor-offset: 43px;
    --predio-bg-shift: 0px;
    --predio-tower-shift: 0px;
}

html {
    scroll-padding-top: var(--fontelo-anchor-offset);
}

[id] {
    scroll-margin-top: var(--fontelo-anchor-offset);
}

/* Header */
body #header .e-con-inner {
    transition: padding 0.35s ease, background-color 0.35s ease, box-shadow 0.35s ease;
}

body.is-scrolled #header {
    background-color: rgb(0 0 0 / 65%);
}

body.is-scrolled #header .elementor-widget-theme-site-logo img {
    max-width: 165px;
}

body.is-scrolled #header .e-con-inner {
    padding: 15px 0 !important;
}

body.is-scrolled #header .e-con-inner .elementor-widget-nav-menu {
    padding: 5px 50px !important;
}

body.is-scrolled #header .e-con-inner #fale-com {
    top: auto;
}

body.is-scrolled #header .e-con-inner #fale-com img {
    max-width: 200px;
}

/* UI */
.top-bar span.elementor-button-icon {
    font-size: 20px;
    position: relative;
    margin-top: -5px;
}

.elementor-counter {
    gap: 10px;
}

/* Editor responsive visibility */
@media (min-width: 1025px) {
    .elementor-hidden-desktop {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-hidden-tablet {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .elementor-hidden-mobile {
        display: none !important;
    }

    #header .e-con-inner .elementor-widget-nav-menu,
    body.is-scrolled #header .e-con-inner .elementor-widget-nav-menu {
        padding: 0 15px !important;
    }

}

@media (max-width: 1180px) {
    .elementor-nav-menu--dropdown {
        background-color: #fff;
        font-size: 13px;
        position: absolute;
        right: 4px;
        top: 40px;
    }

    #header .e-con-inner .elementor-widget-nav-menu,
    body.is-scrolled #header .e-con-inner .elementor-widget-nav-menu {
        padding: 0 30px !important;
    }
}

/* Predio scene */
#predio {
    position: relative;
    overflow: visible;
}

/* Galeria */
#galeria .elementor-image-gallery .gallery {
    margin-bottom: 0;
}

#galeria .elementor-image-gallery .gallery .gallery-item:nth-child(n + 2) {
    display: none;
}

#predio .predio-scene > .elementor-widget-image:first-child,
#predio .predio-scene > .elementor-widget-image:last-child {
    position: absolute;
    bottom: 0;
}

#predio .predio-scene > .elementor-widget-image:first-child {
    z-index: 1;
}

#predio .predio-scene > .elementor-widget-image:first-child img {
    transform: translate3d(0, var(--predio-bg-shift), 0);
    will-change: transform;
}

#predio .predio-scene > .elementor-widget-image:last-child {
    z-index: 2;
}

#predio .predio-scene > .elementor-widget-image:last-child img {
    transform: translate3d(0, var(--predio-tower-shift), 0);
    will-change: transform;
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    #predio .predio-scene > .elementor-widget-image img {
        transform: none !important;
    }
}