/* Styles for posts and events */
    .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 {
        background: none;
        border: none;
        color: #855334;
        cursor: pointer;
      }
  
      .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;
      }

      /* Imagem do evento */
.event-image {
  width: 100%;
  height: 180px;
  object-fit: cover;
}

.event-details {
  display: flex;
  justify-content: space-between;
  color: #555;
}
.event-date, .event-time {
  display: flex;
  align-items: center;
  font-size: 0.9rem;
}

.icon-calendar, .icon-clock {
  margin-right: 5px;
}

.event-titulo {
  font-size: 1.3rem;
  font-weight: bold;
  color: #3d7336;
  margin-bottom: 10px;
}
  
      .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;
      }
  

      /* teste novo */
      
      /* teste novo */
      /* 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;
      }
  
   
      .teste img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        border: 1px solid grey;
        border-radius: 5px;
      }

      .teste .col {
        cursor: pointer;
        max-width: 130px;
        font-size: 12px;
      }

      .caixa_img {
        width: 100%;
        height: 85px;
        /* Ajuste o valor de altura aqui conforme necessário */
        overflow: hidden;
        padding: 5px;
      }
      /* .menu_footer {
        background: #f7f7f7;
        border: 1px solid #c9c9c9;
        margin-right: 1em;
        margin-left: 1em;
        border-radius: 50px;
      } */




.card {
  border: none;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}



img.rounded-circle {
  border: 3px solid #3d7336; /* Cor de destaque para combinar com o tema */
  width: 80px; /* Tamanho menor */
  height: 80px;
}

h2.fw-bold {
  font-size: 1.5rem; /* Tamanho ajustado */
  margin-bottom: 0.2rem; /* Reduz o espaço entre os textos */
}

h6.fw-bold {
  font-size: 1rem; /* Tamanho do subtítulo menor */
  color: #555; /* Cor mais suave */
}

p {
  margin: 0;
  color: #d15100; /* Cor mais suave para o texto de seguidores */
}

.btn-principal {
  background-color: #3d7336; /* Cor principal */
  color: #fff;
  border-radius: 20px; /* Borda arredondada */
  font-size: 0.85rem; /* Tamanho do texto */
  padding: 8px 16px; /* Espaçamento interno */
  transition: background-color 0.3s ease;
}

.btn-principal:hover {
  background-color: #2e5230; /* Cor mais escura no hover */
}

.ms-auto {
  display: flex;
  align-items: center;
  gap: 10px;
}

.text-principal{
  color:#3d7336;
}
.text-principal:hover{
  color:#244420;
}