@charset "UTF-8";
/*
Theme Name: Projeto Onças do Amapá
Description: Tema customizado pela NaçãoDesign
Theme URI:   https://oncasamapa.com
Author: Ricardo Campos / NaçãoDesign
Author URI:  https://nacaodesign.com.br
Template: salient
Version: 1.0
*/

/* Menu principal */
#header-outer {
  border-bottom: 4px solid #f1af00;
}

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

.titulo-marrom h2,  
.titulo-marrom h3,
.titulo-marrom h4,  
.titulo-marrom h5,
.titulo-marrom h6 {
  color: #9C451E;
}

.titulo-amarelo h2,  
.titulo-amarelo h3,
.titulo-amarelo h4,  
.titulo-amarelo h5,
.titulo-amarelo h6 {
  color: #F1AF00;
}
.titulo-branco h2,  
.titulo-branco h3,
.titulo-branco h4,  
.titulo-branco h5,
.titulo-branco h6 {
  color: #FFFFFF;
}
.titulo-verde h2,  
.titulo-verde h3,
.titulo-verde h4,  
.titulo-verde h5,
.titulo-verde h6 {
  color: #355A60;
}
.titulo-azul h2,  
.titulo-azul h3,
.titulo-azul h4,  
.titulo-azul h5,
.titulo-azul h6 {
  color: #5FA6B2;
}


.credito {
    font-family: 'Montserrat', sans-serif; 
    font-size: 10px; 
    line-height: 14px; 
    font-weight: 700; /* Ou 'bold' */
	color: #FFFFFF;
    text-transform: uppercase; 
}
.credito-marrom {
    font-family: 'Montserrat', sans-serif; 
    font-size: 10px; 
    line-height: 14px; 
    font-weight: 700; /* Ou 'bold' */
	color: #A66918;
    text-transform: uppercase; 
}

/* Estilo de texto e cor para o ID #rodape (aplicado na WPBakery Text Block) */

/* Estilo para o texto principal (dentro do h6) */
#rodape h6 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important;
    line-height: 16px !important;
    font-weight: 400 !important; /* Regular */
    color: #181E19 !important;
}

/* Aplica a cor nos links (tag 'a') dentro do #rodape */
#rodape a {
    color: #181E19 !important;
    /* (Opcional) Tira o sublinhado, se não for desejado */
    text-decoration: none !important;
}

/* Mantém a cor dos links ao passar o mouse */
#rodape a:hover {
    color: #181E19 !important;
    /* (Opcional) Adiciona o sublinhado ao passar o mouse para feedback */
    text-decoration: underline !important;
}

/* Borda Branca de 5px aplicada diretamente à tag <img> com a classe .borda-redonda */
img.borda-redonda {
    border: 5px solid #ffffff !important;
    border-radius: 50% !important; 
    position: relative !important;
    z-index: 10 !important;
}


/* Correção do espaçamento vertical entre as LINHAS de categorias no grid de posts -- Reduz a margem inferior de CADA link de categoria (o que causa o espaço entre as linhas) */
.post-area .masonry-blog-item .meta-category {
    line-height: 1.2 !important; 
    /* ESTE É O AJUSTE PARA SEPARAR DO TÍTULO */
    padding-bottom: 10px !important; 
}

.post-area .masonry-blog-item .meta-category a {
    margin-bottom: -7px !important; /* Reduz a margem para 3px. Se quiser mais junto, use 0px. */
}

/* 1. Mude a cor do fundo do corpo da página (BODY) */
body.archive.category {
    background-color: #FDD66E !important;
}

/* 2. Garante que o container principal (onde o Salient aplica o branco) seja transparente */
body.archive.category #ajax-content-wrap {
    background-color: transparent !important;
}

/* 3. Garante que o wrapper interno (se ele for o culpado) também seja transparente */
body.archive.category .container-wrap {
    background-color: transparent !important;
}



/* === Galeria arredondada: imagem com legenda abaixo === */

/* Garante o arredondamento das imagens */
.galeria-arredondada .flickity-slider .cell {
  border-radius: 10px !important;
  overflow: visible !important; /* permite mostrar legenda fora da borda */
  text-align: center;
}

/* Mantém o arredondamento apenas na imagem */
.galeria-arredondada .flickity-slider .cell img {
  border-radius: 10px !important;
  display: block;
  margin: 0 auto;
  overflow: hidden !important;
}

/* Remove o título */
.galeria-arredondada .item-meta .title {
  display: none !important;
}

/* Estilo da legenda */
.galeria-arredondada .item-meta p {
  text-align: center;
  font-size: 0.9em;
  color: #555;
  margin-top: 8px;
  margin-bottom: 0;
  line-height: 1.4em;
}

/* Garante que a legenda não fique sobre a imagem */
.galeria-arredondada .item-meta {
  position: static !important;
}