/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* logo e menu */

.custom-header {z-index: 9; display: contents;}
.custom-header .site-logo {
    transition: filter 0.3s;
}

.custom-header .menu-item {
    transition: color 0.3s;
}

.custom-header.default .site-logo {
    filter: brightness(0) invert(0); /* Cor padrão do logo */
}

.custom-header.default .menu-item > .elementor-item-anchor {
    color: #333; /* Cor padrão do texto */
}

.custom-header.quem-somos .site-logo {
    /*filter: brightness(0) invert(1);*/ /* Cor do logo para "quem somos" */
}

.custom-header.quem-somos .menu-item > .elementor-item-anchor {
    color: #ffffff; /* Cor das fontes para "quem somos" */
}

.custom-header.o-que-fazemos .site-logo {
    /*filter: brightness(1) invert(0.5);*/ /* Cor do logo para "o que fazemos" */
}

.custom-header.o-que-fazemos .menu-item > .elementor-item-anchor {
    color: #ff9900; /* Cor das fontes para "o que fazemos" */
}

.custom-header.clientes .site-logo {
    filter: brightness(0) invert(1); /* Cor do logo para "clientes" */
}

.custom-header.clientes .menu-item > .elementor-item-anchor {
    color: #fff !important; /* Cor das fontes para "clientes" */
}

.custom-header.contato .site-logo {
    /*filter: brightness(0) invert(0.3);*/ /* Cor do logo para "contato" */
}

.custom-header.contato .menu-item > .elementor-item-anchor {
    color: #00cc99; /* Cor das fontes para "contato" */
}


/* Estilo padrão dos itens de idioma */
.lang-item .elementor-icon-list-item {
    color: #151515; /* Cor padrão */
    transition: color 0.3s ease;
}

/* Cor ativa na seção "Clientes" */
.lang-item.clientes-active .elementor-icon-list-item {
    color: #FFFFFF; /* Branco */
}






/* Container dos bullets */
.section-bullets {
    display: flex;
    gap: 12px;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 50%;
    right: 20px;
    z-index: 10;
    transform: translateY(-50%);
}

/* Estilo padrão dos bullets */
.section-bullets span {
    width: 12px;
    height: 12px;
    border: 2px solid #151515; /* Cor padrão da borda */
    border-radius: 50%;
    background-color: transparent;
    transition: all 0.3s ease;
    cursor: pointer;
}

/* Bullet ativo */
.section-bullets span.active {
    background-color: #151515; /* Cor de fundo quando ativo */
    border-color: #151515;
}

/* Estilos específicos para cada seção */
.section-bullets.quem-somos span,
.section-bullets.o-que-fazemos span,
.section-bullets.contato span {
    border-color: #151515;
}

.section-bullets.quem-somos span.active,
.section-bullets.o-que-fazemos span.active,
.section-bullets.contato span.active {
    background-color: #151515;
}

/* Quando estamos na seção "Clientes" */
.section-bullets.clientes span {
    border-color: #FFFFFF;
}

/* Bullet ativo na seção "Clientes" */
.section-bullets.clientes span.active {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}