/*
Theme Name:   Charifund Child
Theme URL:    https://wowtheme7.com/charifund-child/
Description:  Charity WordPress Theme
Author:       wowtheme7
Author URL:   https://wowtheme7.com/
Template:     charifund
Version:      1.0.5
License:      GNU General Public License v2 or later
License URL:  http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  charifundchildtheme
*/

/*
    Please Add your custom styles here
*/


/* ==========================================================================
   Personalizações ORCCA
   ========================================================================== */

/* ============================================= */
/* 1. ESTILOS PADRÃO (PARA DESKTOP E TELAS MAIORES) */
/* ============================================= */

/* Aumentar o tamanho da logo no cabeçalho */
.header-tertiary .navbar-logo img {
    max-width: 250px; /* Tamanho perfeito para desktop */
    height: auto;     /* Mantém a proporção da imagem */
}

/* Adicionar mais espaço abaixo do cabeçalho */
header.header-tertiary {
    margin-bottom: 10px; /* Espaçamento para desktop */
    margin-top: 10px;
}

/* ========================================================= */
/* 2. AJUSTES PARA MOBILE (TELAS COM LARGURA ATÉ 768px) */
/* ========================================================= */
@media (max-width: 768px) {

    /* Ajuste no tamanho do logo para mobile */
    .header-tertiary .navbar-logo img {
        /* Para telas menores, usamos porcentagem para o logo se adaptar melhor */
        max-width: 190px; /* << AJUSTE AQUI para o tamanho ideal no mobile */
    }

    /* Ajuste no espaçamento do cabeçalho para mobile */
    header.header-tertiary {
        /* Podemos aumentar um pouco o espaço para dar mais respiro no mobile */
        margin-bottom: 12px; /* << AJUSTE AQUI para o espaço no mobile */
        margin-top: 12px;
    }

}

.mobile-menu .logo img {
    max-width: 200px;
}

/* Corrigir a transformação de texto nos links do rodapé */
.footer .footer__list-group a {
    text-transform: none; /* Remove a regra que força o texto para minúsculas */
}

/* FORÇA a capitalização apenas na primeira letra do título animado */
.title-animation {
    text-transform: none !important; /* Garante o estado inicial */
}

.title-animation > div:first-child > div:first-child {
    text-transform: none !important; /* Capitaliza apenas a primeiríssima letra */
}

/* Remove a capitalização forçada da primeira letra nos títulos animados */
.title-animation > div > div:nth-child(1),
.title-animation > span > div > div:nth-child(1) {
    text-transform: none !important;
}

.title-animation {
    text-transform: none !important;
}

.topbar .topbar__list a {
   
    text-transform: none !important;
}

.header .navbar__item a {
    text-transform: none !important;
}

/* ---- CSS para Rodapé com Fundo de Cor e Imagem Sobreposta (COM CORREÇÃO) ---- */

/* 1. Define a cor de fundo sólida e prepara o posicionamento */
footer.footer {
    position: relative; 
    
    /* A tag !important força esta cor a ser aplicada */
    background-color: #1F787F !important; 
    
    z-index: 0;
}

/* 2. Cria a camada com a imagem semi-transparente */
footer.footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-image: url('https://orcca.pebdesign.com.br/wp-content/uploads/2025/07/Ativo-6@3x-scaled.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    
    opacity: 0.2; 
    z-index: 0;
}

/* 3. Garante que o conteúdo (texto, links) fique por cima de tudo */
footer.footer .footer__inner {
    position: relative;
    z-index: 1; 
}


.footer .footer__newsletter-check label {
    color: #fff;
	font-weight: 500;
}


element.style {
}
.footer .footer__newsletter-info p {
    color: #fff;
}

.footer .footer__list-items a {
    color: #fff;
   
}

.footer .footer__list-group a {
    color:#fff;
}

.footer .footer__newsletter-check label:before {
   
    border: 1px solid #fff;
}

.input-icon i {
   
    color: #fff;
}

.header-tertiary .navbar__options, .header-tertiary .navbar__mobile-options {
    gap: 0px;
}

/* Esconde o ícone SVG do botão do menu lateral */
.header-tertiary .sidenav-box .open-sidenav svg {
    display: none !important;
}

.poor-boy {
   
    width: 0% !importan;
  
}


.container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 100%;
}


.vertical-text {
    padding: 50px 30px;
    background-color: transparent !important; /* Fundo transparente */
    display: inline-block;
    position: absolute;
    bottom: 0px;
    inset-inline-start: 0px;
    border-top: 0px solid transparent!important; /* Borda superior transparente */
    border-bottom: 0px solid transparent!important; /* Borda inferior transparente */
    border-radius: 20px;
    z-index: 3;
}


.faq .shape {
    position: absolute;
    z-index: -2;
    inset-inline-end: 0px;
    top: 0px;
    bottom: 0px;
    width: 47vw; /* Esta largura é o que define o tamanho do seu contêiner da imagem */

    /* PROPRIEDADES PARA A IMAGEM PREENCHER TODO O ESPAÇO */
    background-image: url('https://orcca.pebdesign.com.br/wp-content/uploads/2025/08/Home_Imagem_8.jpg')!important;
    background-size: cover;          /* Faz a imagem cobrir todo o contêiner */
    background-position: center top; /* Centraliza a imagem */
    background-repeat: no-repeat;    /* Garante que a imagem não se repita */

    /* Cor de fallback caso a imagem não carregue (opcional, mas boa prática) */
    background-color: #cccccc;
}



.faq .faq__thumb-inner .thumb-sm {
    position: absolute;
    top: 80px;
    inset-inline-start: 40%;
    border: 0px solid var(--white);
    border-radius: 0px; */
}

.faq .faq__thumb-inner .thumb-lg {
    position: static;
    display: inline-block;
    border: 0 solid var(--white);
    border-radius: 0;
}


.header .navbar {
   
    display: -webkit-box !important;
}


.header .navbar__item a {
    
    text-align: center !important;
}


.header .navbar__item a:hover {
    color: var(--secondary-color); !important;
}
.footer .footer__support a {
        
        padding: 30px 50px 30px 50px!important;
    }


.footer .footer__list-group .footer__list-intro {
    margin-bottom: 5px !important;
}

.btn--secondary:hover {
    color: var(--black) !important;
}

.header .navbar__item--has-children:hover>.navbar__dropdown-label {
    color:  var(--secondary-color) !important;
}

.header .navbar__item .dropdown-label-alter::before {
    
    border-bottom-color: var(--secondary-color) !important;
}