.bg-principal {
    /* background-color:#272421; */
    background-color:#3d7336;
}

#conteudo_principal{
  margin-bottom:5em;
}

.color-principal {
    /* color:#272421; */
    color:#3d7336;
}
.active-principal {
  color:  #58AA63 !important;
  border-bottom: 3px solid #58AA63;
  font-weight: bold;
}
.color-black{
    color:black;
}
.color-white{
    color:#ffffff;
}

.color-marrom{
    color:#855334;
}
.color-orange{
  color:#d66722
}
.bold{
    font-weight: bold;
}

.border-principal {
    border-color: #272421 !important;
}

.btn-principal{
 color:white;
 border:1px solid #58AA63;
 background-color: #58AA63;
}
.btn-principal:hover{
 color:white;
 border:1px solid #3d7336;
 background-color: #3d7336;
}
.btn-outline-principal{
 color:#58AA63;
 border:1px solid #58AA63;
 background-color: transparent;
}
.btn-outline-principal:hover{
 color:white;
 border:1px solid #3d7336;
 background-color: #3d7336;
}

.btn-search{
    background-color: #272421;
    color: white !important;
}
.btn-search:hover{
    color: #272421 !important;
    background-color: transparent;
}
.aligncenter {

    width:100%;
      display: flex !important;
    flex-wrap: wrap  !important;
    justify-content: center !important;
    align-items: center !important;
    display: -webkit-flex !important;
    -webkit-flex-wrap: wrap !important;
    -webkit-justify-content:center !important; 
    -webkit-align-items: center !important;   
  }


  body {
    /* font-family: 'Inknut Antiqua', serif; */
    font-family: 'Quicksand', serif;
    background-color: white !important;
  }
  .event-card h4 {
    font-family: 'Crimson Pro', serif;
  }
  .post-title {
    font-family: 'Raleway', sans-serif;
  }
  .post-header .post-user, .post-header .post-date {
    font-family: 'Quicksand', sans-serif;
  }
  .event-details p {
    font-family: 'Quicksand', sans-serif;
  }


  /* dropdown */
  .dropdown-item:hover,.dropdown-item.active, .dropdown-item:active {
    background: #C5FFBE;
    color: #272421;
}

.nav-link {
  font-size: 13px !important;
}

.nav-link:hover {
  color: #58AA63;
}


  /* dropdown */

  
@media (max-width: 380px) {

  .search-form {
      max-width: 200px !important;
  }
  #conteudo_principal {
      margin-top: 3.5rem!important;
  }

}

    .post {
      margin-bottom: 30px;
      padding: 15px;
      border: 1px solid #ddd;
      border-radius: 5px;
      background-color: #E6FFE3;
    }

    .post-header {
      display: flex;
      align-items: center;
    }

    .post-header img {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      margin-right: 10px;
    }

    .post-header .post-user {
      font-weight: bold;
    }

    .post-header .post-date {
      font-size: 0.875rem;
      color: #555;
    }

    .post img {
      width: 100%;
      height: auto;
      border-radius: 5px;
      margin-top: 10px;
    }

    .post-title {
      font-size: 1.25rem;
      font-weight: bold;
      margin-top: 10px;
      color: #855334;
    }

    .post-text {
      margin-top: 10px;
    }

    .read-more {
      cursor: pointer;
      color: #555;
      font-weight: bold;
    }

    .post-footer {
      margin-top: 10px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .post-footer .post-actions {
      display: flex;
      gap: 15px;
    }

    .post-footer .post-actions button {
      background: none;
      border: none;
      color: #855334;
      cursor: pointer;
    }

    .post-img {
      width: 100% !important;          /* A imagem ocupará toda a largura do contêiner */
      height: 300px !important;        /* Altura fixa para todas as imagens */
      /* object-fit: cover !important;    Garante que a imagem preencha o espaço sem distorção */
      border-radius: 10px;  /* Bordas arredondadas opcionais */
    }

    .event-card {
      width: 100%;
      max-width: 320px;
      margin: 10px;
      border-radius: 8px;
      overflow: hidden;
      background-color: #fff;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
      transition: transform 0.3s, box-shadow 0.3s;
    }

    .event-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
    }

    .event-card img {
      width: 100%;
      height: auto;
      display: block;
    }

    .event-card .event-info {
      padding: 10px 15px;
    }

    .event-card h4 {
      margin: 0 0 5px;
      font-size: 1rem;
      color: #855334;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .event-card .event-details {
      font-size: 0.875rem;
      color: #757575;
    }

    .event-card .event-details p {
      margin: 0;
      display: flex;
      align-items: center;
    }

    .event-card .event-details p svg {
      margin-right: 5px;
    }


    .post {
      margin-bottom: 30px;
      padding: 15px;
      border: 1px solid #ddd;
      border-radius: 5px;
    }

    .post-header {
      display: flex;
      align-items: center;
    }

    .post-header img {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      margin-right: 10px;
    }

    .post-header .post-user {
      font-weight: bold;
    }

    .post-header .post-date {
      font-size: 0.875rem;
      color: #555;
    }

    .post img {
      width: 100%;
      height: auto;
      border-radius: 5px;
      margin-top: 10px;
    }

    .post-title {
      font-size: 1.25rem;
      font-weight: bold;
      margin-top: 10px;
      color: #855334;
    }

    .post-text {
      margin-top: 10px;
    }

    .read-more {
      cursor: pointer;
      color: #555;
      font-weight: bold;
    }

    .post-footer {
      margin-top: 10px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .post-footer .post-actions {
      display: flex;
      gap: 15px;
    }

    .post-footer .post-actions button svg {
      background: none;
      border: none;
   
      cursor: pointer;
    }
    .icones{
      color: #90847c;
      fill: #90847c;
    }

    

    /* Font */
    #conteudo_principal .bi {
      /* color: #272421; */
      margin-right: 10px;
    }

    /* Navbar */
    .navbar-nav .nav-item .nav-link {
      padding-right: 1rem;
    }

    .offcanvas-body {
      padding: 1rem;
    }

    .fixed-bottom {
      padding: 10px;
    }

    .offcanvas .nav-link {
      font-size: 1.125rem;
      font-weight: bold;
      color: #fff;
      padding: 0.75rem 0;
    }

    .nav-menu {
      color: white;
    }

    /* New styles for header and footer */
    .user-info {
      display: flex;
      align-items: center;
      padding: 5px;
      border: 2px solid #3d7336;
      border-radius: 8px;
    }

    .user-info img {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      margin-right: 10px;
    }

    .user-info .user-text {
      display: flex;
      flex-direction: column;
    }

    .user-info .user-text span {
      font-size: 0.875rem;
    }


    
        #map {
            height: 100vh;
            width: 100%;
            display: none;
            /*position: fixed;*/
            top: 5;
            left: 0;
            z-index: 1000;
        }

        body {
          /* Cor de fundo base para manter a suavidade */
          background-color: #f0f2f5;
          /* Imagem de fundo personalizada */
          background-image: url('../img/floresta6.png');
          background-size: cover; /* Ajusta o tamanho para que o fundo não ocupe muito espaço */
          background-position:  center; /* Posiciona a imagem no topo central */
          background-repeat: no-repeat; /* Repete a imagem para criar um padrão contínuo */
          background-attachment: fixed; /* Mantém a imagem fixa ao rolar a página */
      
   
        }