@charset "UTF-8";
/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/


/* --- Estilização do bloco [text-with-icon] do Salient --- */

.iwithtext {
    margin-bottom: 15px !important;
    position: relative !important;
}

/* Ícone */
.iwithtext .iwt-icon {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 0 !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.iwithtext .iwt-icon i {
    font-size: 16px !important;
    color: #ffffff !important;
    transition: color 0.2s ease;
}

/* Recuo do Texto e Tipografia */
.iwithtext .iwt-text {
    padding-left: 40px !important; /* Espaço para o ícone não sobrepor */
    margin: 0 !important;
}

.iwithtext .iwt-text h4,
.iwithtext .iwt-text h4 a {
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    text-transform: uppercase;
    text-decoration: none !important;
    margin: 0 !important;
    padding: 0 !important;
    transition: color 0.2s ease;
}

/* Mouseover / Hover */
.iwithtext:hover .iwt-text h4,
.iwithtext:hover .iwt-text h4 a,
.iwithtext:hover .iwt-icon i {
    color: #CCCCCC !important;
}

/* --- Ajuste Responsivo para Mobile / Tablet (.iwithtext) --- */
@media only screen and (max-width: 999px) {
    
    /* Transforma o container em Flexbox centralizado */
    .force-tablet-text-align-center .iwithtext,
    .force-phone-text-align-center .iwithtext {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        position: static !important;
        margin-bottom: 12px !important;
    }

    /* Reseta a posição absoluta do ícone */
    .force-tablet-text-align-center .iwithtext .iwt-icon,
    .force-phone-text-align-center .iwithtext .iwt-icon {
        position: static !important;
        transform: none !important;
        margin-right: 10px !important; /* Espaçamento entre o ícone e o texto no mobile */
        display: flex !important;
        align-items: center !important;
    }

    /* Anula o padding-left do desktop para o texto ficar junto do ícone */
    .force-tablet-text-align-center .iwithtext .iwt-text,
    .force-phone-text-align-center .iwithtext .iwt-text {
        padding-left: 0 !important;
        text-align: left !important; /* Mantém a leitura do texto/número natural */
    }
}


/* ==========================================================================
   Galeria Produções - Grid Nativo de 5 Colunas (106db)
   ========================================================================== */

/* 1. Container Principal com CSS Grid */
.galeria-producoes .portfolio-items {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 4px !important;
    height: auto !important;
    position: static !important;
}

/* Anula pseudoelementos do Salient que forçam quebra de linha no Isotope */
.galeria-producoes .portfolio-items::before,
.galeria-producoes .portfolio-items::after {
    display: none !important;
}

/* 2. Anula posicionamento, floats e a classe 'clear-both' injetada pelo Salient */
.galeria-producoes .portfolio-items .col.element,
.galeria-producoes .portfolio-items .col.element.clear-both {
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: none !important; /* Anula o 'clear: both' das colunas 1, 5, 9 etc. */
    transform: none !important;
}

/* Anula o ::before das colunas de grid do WPBakery */
.galeria-producoes .portfolio-items .col.element::before,
.galeria-producoes .portfolio-items .col.element::after {
    display: none !important;
}

/* 3. Proporção das Imagens em Poster (2:3) */
.galeria-producoes .work-item {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 2 / 3 !important;
    overflow: hidden !important;
    background-color: #000000;
}

.galeria-producoes .work-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    transition: transform 0.3s ease !important;
}

.galeria-producoes .work-item:hover img {
    transform: scale(1.04) !important;
}

/* 4. Responsividade */
@media only screen and (max-width: 999px) {
    .galeria-producoes .portfolio-items {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media only screen and (max-width: 600px) {
    .galeria-producoes .portfolio-items {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* --- Toggles Salient Minimal: Ícone + / - sem Círculo (#707070) --- */

/* 1. Oculta o ícone de fonte nativo e o círculo */
.toggles[data-style="minimal"] .toggle-title a.toggle-heading i {
    display: none !important;
}

/* 2. Prepara o link do título para receber os traços */
.toggles[data-style="minimal"] .toggle-title a.toggle-heading {
    position: relative !important;
    display: block !important;
    padding-right: 25px !important; /* Respiro para o ícone na direita */
}

/* 3. Traço horizontal (Sempre visível - Forma a base do + e do -) */
.toggles[data-style="minimal"] .toggle-title a.toggle-heading::before {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    margin-top: -1px !important;
    width: 14px !important;
    height: 2px !important;
    background-color: #707070 !important;
    transition: background-color 0.2s ease, transform 0.2s ease !important;
}

/* 4. Traço vertical (Forma a haste do +) */
.toggles[data-style="minimal"] .toggle-title a.toggle-heading::after {
    content: "" !important;
    position: absolute !important;
    right: 6px !important;
    top: 50% !important;
    margin-top: -7px !important;
    width: 2px !important;
    height: 14px !important;
    background-color: #707070 !important;
    transition: background-color 0.2s ease, opacity 0.2s ease, transform 0.2s ease !important;
    opacity: 1 !important;
}

/* 5. Estado Ativo / ABERTO (Esconde a haste vertical e vira -) */
.toggles .toggle.active .toggle-title a.toggle-heading::after,
.toggles .toggle[data-open="true"] .toggle-title a.toggle-heading::after,
.toggles .toggle-title a.toggle-heading[aria-expanded="true"]::after {
    opacity: 0 !important;
    transform: rotate(90deg) !important;
}

/* 6. Hover: Mantém a cor no mouseover */
.toggles .toggle-title a.toggle-heading:hover::before,
.toggles .toggle-title a.toggle-heading:hover::after {
    background-color: var(--accent-color, #000000) !important;
}

/* ==========================================================================
   Estilização do Page Submenu (Navegação Interna)
   ========================================================================== */

/* Links do submenu (Desktop) */
.page-submenu ul li a {
    font-size: 13px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #ffffff !important;
    transition: color 0.2s ease, opacity 0.2s ease !important;
}

/* Hover e item Ativo na rolagem (Scrollspy) */
.page-submenu ul li a:hover,
.page-submenu ul li.current-menu-item a,
.page-submenu ul li.active a {
    color: #ffffff !important;
    opacity: 0.6 !important; /* Efeito discreto de hover */
}

/* Estilização do acionador do menu no Mobile */
.page-submenu a.mobile-menu-link {
    font-size: 13px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
}

/* ==========================================================================
   Inversão de cores dos links rápidos do rodapé
   ========================================================================== */

/* --- Forçar cor Normal e Hover nos links do Rodapé --- */

/* 1. Estado Normal: Branco puro */
body #contato .link-rodape h5 a,
body .nectar_hook_global_section_footer .link-rodape h5 a,
body .wpb_text_column.link-rodape h5 a {
    color: #ffffff !important;
    text-decoration: none !important;
    opacity: 1 !important;
    transition: color 0.2s ease-in-out !important;
}

/* 2. Estado Hover: Cinza (#CCCCCC) */
body #contato .link-rodape h5 a:hover,
body #contato .link-rodape h5:hover a,
body .nectar_hook_global_section_footer .link-rodape h5 a:hover,
body .wpb_text_column.link-rodape h5 a:hover {
    color: #CCCCCC !important;
    opacity: 1 !important;
}

/* ==========================================================================
   Menu principal
   ========================================================================== */

#header-outer #top > .container > .row ul > li.menu-item-gtranslate > a {
  font-size: 11px;
}

#header-outer #top > .container > .row ul > li.menu-item-gtranslate > a > img {
  display: none;
}

.gt_white_content .gt_languages img {
  display: none;
}

@media (max-width: 1278px) {
  #header-outer #top > .container > .row ul > li.menu-item-gtranslate {
    & > a {display: none;
      font-size: 0;
    }

    & > a::before {
      display: block;
      width: 22px;
      height: 22px;
      font-family: FontAwesome;
      font-size: 26px;
      font-weight: normal;
      font-style: normal;
      text-decoration: inherit;
      -webkit-font-smoothing: antialiased;
      line-height: 1;
      content: url("/wp-content/uploads/2026/09/globe-white.svg");
    }

    & > a > img,
    & > a > span {
      display: none;
    }

    & div.gtranslate_wrapper select {
      appearance: none;
      cursor: pointer;
      border: 0;
      width: 22px;
      height: 22px;
      background: url(/wp-content/uploads/2026/09/globe-white.svg) center / 22px no-repeat;
      color: transparent;
    }
  }
}

@media (min-width: 1279px) {
  body #header-outer:not([data-format=left-header]) #top > .container > .row nav > ul > li.gtranslate_wrapper:first-child {
    display: none;
  }
}



/* Grid */
#ajax-content-wrap .nectar-post-grid .flickity-page-dots {
  bottom: -34px;
}


/* Ajuste aparencia banner cookies */
.cmplz-cookiebanner ul li {
  list-style: none;
}

/* titulo com sombra */
.sombra-texto {
  text-shadow: 0 3px 6px rgba(0,0,0,.3);
}

/* ajuste de cores header */
.titulo-branco h1, 
.titulo-branco h2, 
.titulo-branco h3, 
.titulo-branco h4, 
.titulo-branco h5, 
.titulo-branco h6 {
  color: #ffffff !important;
}

.titulo-cinza h1, 
.titulo-cinza h2, 
.titulo-cinza h3, 
.titulo-cinza h4, 
.titulo-cinza h5, 
.titulo-cinza h6 {
  color: #707070 !important;
}


/* Alerta de cookies */
.cmplz-cookiebanner .cmplz-body {
  font-weight: 600;
}



.linha-radius {
    border-radius: 50px !important;
    overflow: hidden !important;
}

/* Copyright */
.creditos {
    font-size: 12px;
    line-height: 18px;
}

/* Menu transparente com gradiente APENAS no topo quando a página pedir header transparente */
#header-outer.transparent {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.25) 60%, rgba(0, 0, 0, 0)) !important;
}