/* MOBILE FIRST */
@media (max-width: 768px) {
    .redes-sociais-right {
        margin-top: 67px;
    }
    #sp-top2 .sp-column.pb-2 {
        padding-bottom: 0 !important;
    }
}



/* Oculta os elementos em dispositivos móveis e menores */
#cabecalho-contato, .cabecalho-contato, #sp-contato-cabecalho {
    display: none !important;
}

/* Exibe os elementos em tablets e desktops (a partir de 768px) */
@media (min-width: 768px) {
    #cabecalho-contato, .cabecalho-contato, #sp-contato-cabecalho {
        display: block !important;
    }
}


/* Redefine a variável de cor do cabeçalho apenas para o H1 */
h1 {
    color: #ab8800; /* Substitua '#cor_para_h1' pelo valor hexadecimal desejado */
}
.entry-header {
    border-bottom: 1px solid #ccc;
}
.entry-header h1 {
    font-size: 250%;
}
.h2, h2 {
    font-size: 1.7rem;
}

/* Exibe os elementos em tablets e desktops (a partir de 768px) */
@media (min-width: 768px) {
    .entry-header h1 {
        font-size: 150% !important;
    }
    .h2, h2 {
        font-size: 1.1rem !important;
    }
}


.article-info,
.sppb_article_edit,
hr {
    display: none; /* Esconde completamente os elementos do layout */
}


#sp-top-bar {
    background-color: #FFF !important;
    color: #444 !important;
}
#sp-top2 {
    text-align: right;
    border-bottom: 1px solid #ab8800;
    margin-bottom: 0;
    line-height: normal;
    padding-top: 4px;
}
#sp-top2 p {
    margin: 0; /* Remover margens padrão do parágrafo se necessário */
}

#sp-contato-cabecalho {
  display: flex !important; 
  justify-content: flex-end !important; 
}

#sp-addspace-logo {
    background-color: #FFF !important;
}

#sp-addspace-logo a {
 color: #444 !important;
  font-size:15px!important;
}

.sp-column.pb-0, .sp-default-logo {
    min-width: 228px !important; /* Define a largura mínima para o elemento */
}

/* Remove a borda inferior do <li> que está dentro de <ul> com a classe 'contact-headerbar' */
.contact-headerbar li {
    border-bottom: none !important;
}

/* Define o line-height do <a> para 'auto' que está dentro de <li> que está dentro de <ul> com a classe 'contact-headerbar' */
.contact-headerbar ul >li >a {
    line-height: auto !important;
}

#mod-custom186 {
    min-width: 270px !important;
}

/* Estilo base para o item do menu */
.sp-menu-item.current-item.active {
    background-color: #AB8800; /* Cor de fundo padrão */
    color: #FFFFFF; /* Cor do texto, branca para melhor contraste */
    transition: background-color 0.3s; /* Transição suave para o hover */
}

/* Estilo para quando o mouse passar sobre o item */
.sp-menu-item:hover {
    background-color: #927700; /* Uma cor de fundo mais escura no hover */
}

/* geral */

.dourado {
  color:#ab8800 !important;
}


/* home */

.sppb-carousel-inner>.sppb-item {
    padding: 0 20px 20px 20px !important;
}

#btn-54c9809e-e889-4b56-9768-7caa047a27f80.sppb-btn-custom, #btn-54c9809e-e889-4b56-9768-7caa047a27f81.sppb-btn-custom, #btn-54c9809e-e889-4b56-9768-7caa047a27f82.sppb-btn-custom {
    background-color: #b5b5b5 !important;
    color: #FFFFFF;
}


/* home slideshow mobile */

.slideshow-mobile .sppb-sp-slider-text {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

/* rodape */
.titulo-rodape h4 {
border-bottom: solid 1px #505050;
  padding-bottom:10px;
  font-size:18px;
}

.mapa-site ul > li {
    list-style: none;
    padding-left: 1rem;
    border-bottom: 1px solid #666;
    position: relative;
    line-height: 39px;
}

.mapa-site ul > li::before {
    content: "\f105"; /* Código Unicode do ícone 'fa-chevron-right' da Font Awesome */
    font-family: 'Font Awesome 5 Free'; /* A família de fontes para o ícone */
    font-weight: 900; /* Necessário para ícones sólidos */
    position: absolute; /* Posiciona o ícone no início do item */
    left: 0; /* Alinha o ícone à esquerda */
    top: 0; /* Alinha o ícone ao topo */
    color: currentColor; /* Herda a cor do texto */
}

.mapa-site ul > li a {
    color: black; /* Cor inicial dos links */
    display: block; /* Faz o link preencher todo o <li> */
    text-decoration: none; /* Remove o sublinhado dos links */
    transition: color 0.3s; /* Suaviza a transição da cor */
    padding-left: 2px; /* Espaço entre o ícone e o texto */
    text-align: left; /* Alinha o texto à esquerda */
}

.mapa-site ul > li a:hover {
    color: white !important; /* Cor do link ao passar o mouse */
    background-color: transparent; /* Remove a alteração de cor de fundo ao passar o mouse */
}

.contato-rodape ul.contact-icons > li, .contato-rodape .social-icons > li {
    list-style: none; /* Remove o estilo de lista padrão */
    border-bottom: none; /* Remove a borda inferior */
}

.contato-rodape .contact-icons > li, .contato-rodape .social-icons > li {
    display: flex; /* Alinha os itens em linha */
    align-items: center; /* Centraliza os itens verticalmente */
    margin-left: 0; /* Remove margem esquerda */
}

.contato-rodape .contact-icons > li a, .contato-rodape .social-icons > li a {
    display: flex; /* Flex container para alinhar ícone e texto */
    align-items: center; /* Centraliza os itens verticalmente */
    width: 100%; /* Expande o link para ocupar toda a largura disponível */
    text-decoration: none; /* Remove o sublinhado do link */
    color: black; /* Cor padrão do texto para contact-icons */
}

.contato-rodape .contact-icons > li a:hover, .contato-rodape .social-icons > li a:hover {
  color: white !important; /* Cor do link ao passar o mouse */
}

.contato-rodape .contact-icons > li a i, .contato-rodape .social-icons > li img {
    margin-right: 10px; /* Espaço entre o ícone/imagem e o texto */
}

/* curriculo */

#lista-curriculo li::marker {
    color: #212529; /* Define a cor dos marcadores */
}

/* album */

.slideplus-navigation.slideplus-bottom {
    display: none;
  }
  
/* como chegar */

#como-chegar {
    list-style-type: none; /* Remove os marcadores */
    padding-left: 0; /* Remove o padding padrão da lista para alinhar corretamente o texto */
}