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

/* Ajustes gerais */
.titulo-azul h2,  
.titulo-azul h3,
.titulo-azul h4,  
.titulo-azul h5 {
  color: #003865;
}

#ajax-content-wrap > p {
  display: none;
}

.single-progetti #ajax-content-wrap > .container-wrap {
  padding-top: 0;
}

@media (min-width: 1000px) {
  .single-post .ocm-effect-wrap::before,
  .single-producao .ocm-effect-wrap::before {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99998;
    content: url("/wp-content/uploads/2026/02/grafismo-publicacoes2.svg");
    /* background: url("/wp-content/uploads/2026/02/grafismo-publicacoes2.svg") no-repeat top right;
    transition: opacity 750ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 750ms cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 1;
    transform: translate(20%, 0); */
  }
}

@media (max-width: 999px) {
  .single-post #header-space,
  .single-producao #header-space {
    background-color: transparent;
  }

  .single-post .ocm-effect-wrap,
  .single-producao .ocm-effect-wrap {
    background: url("/wp-content/uploads/2026/02/grafismo-publicacoes2.svg") no-repeat top right;
  }

  .single-post .container-wrap,
  .single-producao .container-wrap {
    background-color: transparent;
  }
}

/* Menu principal */
body #header-space {
  display: none;
}

body.single-post #header-outer.at-top,
body.single-producao #header-outer.at-top {
  background: transparent;
}

body:not(.single-post):not(.single-producao) #header-outer.at-top {
  background: linear-gradient(to bottom, rgba(0,0,0,.4) 0%, rgba(0,0,0,0) 100%);
}

/* body.single-post #header-outer.at-top #logo {
  background: url("/wp-content/uploads/2026/03/logo-branco.svg") no-repeat center / contain;
}

body.single-post #header-outer.at-top #logo img {
  opacity: 0;
} */

#top .sf-menu .menu-title-text::before {
  border-radius: 0;
}

#top .sf-menu > li:not([class*="menu-item-btn"]) > a .menu-title-text::before {
  filter: opacity(1);
}

#top .sf-menu > li:not([class*="menu-item-btn"]):nth-child(5n+1) > a .menu-title-text::before {
  background-color: #ff8f1c;
}

#top .sf-menu > li:not([class*="menu-item-btn"]):nth-child(5n+2) > a .menu-title-text::before {
  background-color: #43b02a;
}

#top .sf-menu > li:not([class*="menu-item-btn"]):nth-child(5n+3) > a .menu-title-text::before {
  background-color: #00b5e2;
}

#top .sf-menu > li:not([class*="menu-item-btn"]):nth-child(5n+4) > a .menu-title-text::before {
  background-color: #003865;
}

#top .sf-menu > li:not([class*="menu-item-btn"]):nth-child(5n+5) > a .menu-title-text::before {
  background-color: #78d64b;
}

#top .sf-menu > li:not([class*="menu-item-btn"]) > a .menu-title-text:hover {
  color: #fff;
}

.archive #header-outer.at-top #logo .starting-logo {
  opacity: 1;
}

.archive #header-outer.at-top #logo .starting-logo.dark-version {
  opacity: 0;
}

.archive #header-outer.at-top #top nav > ul > li > a {
  color: #fff;
}

/* Formulário */
.span_12.dark .select2-container--default .select2-selection--single,
.span_12.dark input[type=date],
.span_12.dark input[type=email],
.span_12.dark input[type=password],
.span_12.dark input[type=search],
.span_12.dark input[type=tel],
.span_12.dark input[type=text],
.span_12.dark input[type=url],
.span_12.dark select,
.span_12.dark textarea,
body[data-fancy-form-rcs="1"] .span_12.light .select2-container--default .select2-selection--single {
  margin-top: 5px;
  border-color: #00b5e2;
  background-color: #e2f9ff;
  color: #003865;
}

.span_12.dark input[type=date]:focus,
.span_12.dark input[type=email]:focus,
.span_12.dark input[type=password]:focus,
.span_12.dark input[type=search]:focus,
.span_12.dark input[type=tel]:focus,
.span_12.dark input[type=text]:focus,
.span_12.dark input[type=url]:focus,
.span_12.dark select:focus,
.span_12.dark textarea:focus {
  border-color: #003865;
}

.row .col .wpcf7 .wpcf7-form .container-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px 60px;
}

.row .col .wpcf7 .wpcf7-form .container-form > div {
  grid-column: span 1;
}

.row .col .wpcf7 .wpcf7-form label,
.row .col .wpcf7 .wpcf7-form .wpcf7-not-valid-tip {
  color: #003865;
}

.row .col .wpcf7 .wpcf7-form .container-form .wpcf7-list-item {
  display: block;
  margin-left: 0;
}

.row .col .wpcf7 .wpcf7-form .container-form .wpcf7-list-item .wpcf7-list-item-label {
  color: #fff;
}

.row .col .wpcf7 .wpcf7-form .container-form .wpcf7-form-control.wpcf7-select option {
  color: #4b544a;
}

.row .col .wpcf7 .wpcf7-form .container-form .wpcf7-form-control.wpcf7-textarea {
  min-height: 48px;
  resize: vertical;
}

.row .col .wpcf7 .wpcf7-form .botao-submit,
.row .col .wpcf7 .wpcf7-form .botao-submit p {
  display: flex;
  align-items: center;
}

.row .col .wpcf7 .wpcf7-form .wpcf7-form-control.wpcf7-submit {
  border: 1px solid #fff;
  padding: 20px 40px;
  background-color: #ff8f1c;
}

@media (max-width: 999px) {
  .row .col .wpcf7 .wpcf7-form .container-form > div {
    grid-column: span 2;
  }
}

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

/* 1. Trava total da imagem e do texto (Sem movimento e sem zoom) */
.team-member[data-style="bio_fullscreen_alt"],
.team-member[data-style="bio_fullscreen_alt"] * {
    transform: none !important;
    -webkit-transform: none !important;
    transition: none !important;
    scale: 1 !important;
}

/* 2. Radius e Overlay #2A0000 (20% no hover) */
.team-member[data-style="bio_fullscreen_alt"] .team-member-image,
.team-member[data-style="bio_fullscreen_alt"] .team-member-image-inner {
    border-radius: 20px !important;
    overflow: hidden !important;
}

.team-member[data-style="bio_fullscreen_alt"] .team-member-image-inner:after {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: #2A0000;
    opacity: 0;
    transition: opacity 0.3s ease !important;
    z-index: 2;
    pointer-events: none;
}

.team-member[data-style="bio_fullscreen_alt"]:hover .team-member-image-inner:after {
    opacity: 0.2 !important;
}

/* 3. Centralização e Ajuste de Distância */
.team-member[data-style="bio_fullscreen_alt"] .team-meta {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important; 
    text-align: center !important;  
    margin-top: -20px !important;   
    position: relative !important;
    z-index: 10 !important;
}

/* 4. Nome com aparência de H5 */
.team-member[data-style="bio_fullscreen_alt"] .team-meta h3 { 
    order: 1 !important; 
    color: #2A0000; /* Cor padrão */
    font-size: 18px !important; /* Tamanho aproximado de H5 */
    font-weight: 600 !important; 
    line-height: 24px !important;
    margin-bottom: 2px !important;
    margin-top: 0 !important;
    text-transform: none !important;
}

/* 5. Cargo com aparência de H6 */
.team-member[data-style="bio_fullscreen_alt"] .team-meta h5 { 
    order: 2 !important; 
    color: #2A0000; /* Cor padrão */
    font-size: 14px !important; /* Tamanho aproximado de H6 */
    font-weight: 400 !important;
    text-transform: none !important; 
    letter-spacing: 0px !important;
    opacity: 0.8; /* Leve diferenciação para o cargo */
}

/* 6. Ajuste para Texto Branco em Linhas "Light" */
/* O Salient adiciona a classe .light ao container pai quando o texto é configurado para branco */
.light .team-member[data-style="bio_fullscreen_alt"] .team-meta h3,
.light .team-member[data-style="bio_fullscreen_alt"] .team-meta h5 {
    color: #ffffff !important;
}


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

/* BASE DE COR EM TITULOS */


/* Bloco de Título (Instituto Taquari Vivo) */
.base-titulo {
    display: table !important;
    width: auto !important;
}

.base-titulo h1 {
    margin: 0 !important;
    display: block;
    /* Sombra no texto: horizontal, vertical, desfoque e cor */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}

/* Bloco de Subtítulo (Unindo forças...) */
.base-subtitulo {
    display: table !important;
    width: auto !important;
    margin-top: 15px !important; /* Espaço entre o título e subtítulo */
}

.base-subtitulo h3 {
    margin: 0 !important;
    display: block;
    /* Sombra levemente mais suave para o subtítulo */
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

/* Garante que os blocos não tentem subir um ao lado do outro */
.base-titulo, .base-subtitulo {
    clear: both;
}


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

/* BORDA EM FOTOS COM RADIUS CUSTOMIZADO */

/* Alvo específico: o wrapper da imagem que contém a sua classe customizada */
.img-with-aniamtion-wrap:has(.borda-imagem) .inner {
    border: 7px solid #ffffff !important;
    
    /* Aplicando exatamente o radius do seu layout: */
    /* Top-Left: 40px | Top-Right: 0px | Bottom-Right: 40px | Bottom-Left: 40px */
    border-radius: 40px 0px 40px 40px !important;
    
    /* Garante que a imagem e a borda se fundam no arredondamento */
    overflow: hidden !important;
    display: block !important;
    line-height: 0 !important;
}

/* Garante que a imagem dentro desse container ocupe o espaço correto */
.img-with-aniamtion-wrap:has(.borda-imagem) .inner img {
    border-radius: 0 !important; /* Reseta o radius da img para não conflitar com o container */
    width: 100% !important;
    height: auto !important;
}

/* IMAGEM PADRAO PARA POST GRID */
/* 1. Alvo: o item do grid que não tem imagem */
.grid-publicacoes-otca .nectar-post-grid-item[data-has-img="false"] .nectar-post-grid-item-bg-wrap {
    position: relative;
    display: block;
    width: 100%;
    /* Força a proporção 4:5 (80% / 100% = 1.25 de altura) */
    padding-bottom: 125%; 
    background-color: #f0f0f0; /* Cor de fundo de segurança */
    overflow: hidden;
    border-radius: 5px; /* Mantém o arredondamento que você configurou */
}

/* 2. Injeta a imagem padrão no espaço reservado */
.grid-publicacoes-otca .nectar-post-grid-item[data-has-img="false"] .nectar-post-grid-item-bg-wrap::after {
    content: "";
    background-image: url('https://dev.taquarivivo.org/wp-content/uploads/2026/03/capa-publicacao.svg');
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform 0.8s cubic-bezier(0.15, 0.75, 0.5, 1);
}

/* 3. Garante que o container interno não quebre o layout */
.grid-publicacoes-otca .nectar-post-grid-item[data-has-img="false"] .nectar-post-grid-item-bg {
    display: none !important; /* Esconde o elemento vazio do Salient */
}

/* 4. Simula o efeito de hover (slow_zoom) que você definiu no WPBakery */
.grid-publicacoes-otca .nectar-post-grid-item[data-has-img="false"]:hover .nectar-post-grid-item-bg-wrap::after {
    transform: scale(1.1);
}

/* Arredonda as imagens de galeria (Flickity) com 10px de radius */
.galeria-arredondada .flickity-slider .cell,
.galeria-arredondada .flickity-slider .cell img {
    border-radius: 10px !important;
    /* Garante que o conteúdo que extrapola o radius do cell seja cortado */
    overflow: hidden !important; 
}


/* edição de lista de membros para deixar em 5 - 3 - 2 colunas sem uso de inner row (Alvo: Row com a classe .member) */
.member .row_col_wrap_12 > .vc_col-sm-12:last-child > .vc_column-inner > .wpb_wrapper {
    display: grid !important;
    grid-gap: 30px 20px;
    /* Mobile: 2 Colunas */
    grid-template-columns: repeat(2, 1fr);
}

/* Tablet: 3 Colunas (Breakpoint padrão do Salient) */
@media only screen and (min-width: 690px) and (max-width: 1000px) {
    .member .row_col_wrap_12 > .vc_col-sm-12:last-child > .vc_column-inner > .wpb_wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Desktop: 5 Colunas (Acima de 1000px) */
@media only screen and (min-width: 1001px) {
    .member .row_col_wrap_12 > .vc_col-sm-12:last-child > .vc_column-inner > .wpb_wrapper {
        grid-template-columns: repeat(5, 1fr);
    }
}

/* Reset de propriedades para garantir o comportamento do Grid */
.member .team-member {
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
}

/* Override do alinhamento flex horizontal nativo do Salient */
.member .vc_col-sm-12.column_element_direction_desktop_horizontal > .vc_column-inner > .wpb_wrapper {
    flex-direction: column !important;
}


RADIUS em IMAGEM DESTACADA DE POST

/* Arredondar a imagem de destaque principal */
.featured-media-under-header__featured-media .post-featured-img img {
    border-radius: 20px !important;
    overflow: hidden;
}

/* Opcional: Garante que o span pai não quebre o arredondamento */
.featured-media-under-header__featured-media .post-featured-img {
    border-radius: 20px;
    display: block;
    overflow: hidden;
}

/* Nectar Post Grid */
.nectar-post-grid.custom-aspect-ratio-4-5 {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.nectar-post-grid.custom-aspect-ratio-4-5 > .nectar-post-grid-item {
  flex: 0 0 calc((100% - (30px * 3)) / 4);
  box-sizing: border-box;
}

/* 1. Força o clipping e resolve bugs de anti-aliasing no Chrome/Safari */
.fix-col-radius .vc_column-inner {
    overflow: hidden !important;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    mask-image: radial-gradient(white, black);
}

/* 2. Garante que as camadas internas herdem o raio das bordas */
.fix-col-radius .column-image-bg-wrap,
.fix-col-radius .column-image-bg {
    border-radius: inherit !important;
}

/* 3. O ajuste fino: escala leve para cobrir a falha de renderização nos cantos */
.fix-col-radius .column-image-bg {
    transform: scale(1.02) !important;
    transform-origin: center center;
}
.fix-col-radius .vc_column-inner {
    background-color: #ffffff !important;
}

/* Define a imagem padrão para posts sem imagem destacada no Post Grid */
.nectar-post-grid-item[data-has-img="false"] .nectar-post-grid-item-bg {
    background-image: url('https://taquarivivo.org/wp-content/uploads/2026/03/imagem-nao-cadastrada.svg') !important;
    background-size: contain !important; /* Ou 'cover' se preferir que preencha tudo */
    background-repeat: no-repeat !important;
    background-position: center !important;
    opacity: 1 !important;
    background-color: #e6e6e6; /* Cor de fundo caso o SVG seja transparente */
}

/* Garante que o container da imagem seja visível mesmo sem imagem original */
.nectar-post-grid-item[data-has-img="false"] .nectar-post-grid-item-bg-wrap,
.nectar-post-grid-item[data-has-img="false"] .nectar-post-grid-item-bg-wrap-inner {
    height: 100%;
    width: 100%;
    display: block !important;
}