/* Estilos Customizados para WordPress - Compatível com Theme Builder */

/* Fundo branco para toda a página */
body, html {
  background-color: #ffffff !important;
}

/* Estilos específicos APENAS para o conteúdo do post - não afetar navbar */
article p,
article div:not(.navbar):not(.nav):not(.menu),
article span,
article li,
article td,
article th,
article a:not(.navbar a):not(.nav a):not(.menu a) {
  color: #5A5A5A;
  font-size: 20px;
  font-family: "Open Sans", sans-serif;
}

 h1 {
    margin-bottom: 0px !important;
}

.elementor-widget-share-buttons {
    margin: 0px 5px 0px 0px !important;
}

/* Estilos específicos para o conteúdo do post */
.node-content, .node-content p, .node-content div, .node-content span, .node-content li {
  color: #5A5A5A;
  font-size: 20px;
  font-family: "Open Sans", sans-serif;
}

.elementor-top-section{
  padding: 0px !important;
}

p:has(img)  {
    display: flex;
    justify-content: center;   
}

[data-elementor-type="single-post"] img {
    width: 80%;
    border-radius: 32px !important;
}

svg {
  fill: #888888 !important;
}

/* Estilos para títulos */
/*.elementor-heading-title,*/ h1.elementor-heading-title {
  font-size: 50px;
  color: #5A5A5A !important;
  font-family: "Open Sans", sans-serif;
  margin: 20px auto 60px auto;
}

h2, h3, h4, h5, h6, .subtitle {
  font-size: 38px;
  color: #5A5A5A;
  font-family: "Open Sans", sans-serif;
}

.node-content a {
    color: #337AB7;
}

/* Esconder autor do post */
.author.submitted {
  display: none;
}

/* Resetar/Remover todos os estilos do ast-container */
.ast-container {
  width: auto !important;
  max-width: none !important;
  min-width: auto;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  box-shadow: none;
  float: none;
  position: static;
  transform: none;
  display: block;
}

/* Remover media queries do ast-container */
@media (min-width: 1200px) {
  .ast-container {
    width: auto;
    max-width: none;
  }
}

@media (min-width: 992px) {
  .ast-container {
    width: auto;
    max-width: none;
  }
}

@media (min-width: 768px) {
  .ast-container {
    width: auto;
    max-width: none;
  }
}

.site-content {
    margin: 0 auto;
}

/* Estilos responsivos para múltiplos tipos de container */
@media (min-width: 1200px) {
  .site-content {
    width: 1170px;
    max-width: 1170px;
  }
}

@media (min-width: 992px) {
  .site-content {
    width: 970px;
    max-width: 970px;
  }
}

@media (min-width: 768px) {
  .site-content {
    width: 850px;
    max-width: 850px;
  }
}

.btn-donacion {
  background-color: #f4881f;
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-size: 15px;
  font-weight: 700;
  transition: .4s ease-in;
  border-radius: 15px;
  border-color: #00000059;
  border-width: 2px;
}

.btn-donacion:hover {
  transition: .4s ease-in;
  background-color: #fff;
  border-color: #f4881f;
  color: #f4881f;
}

@media screen and (min-width: 768px){
  .btn-donacion { 
    font-size: 22px; 
  }
}