/* Estilo do Header */
header {
  background-color:#4CAF50; ; /* Cor de fundo do cabeçalho */
  color: white; /* Cor do texto */
}

/* Estilo da Navbar */
.navbar {
  padding: 10px 20px; /* Espaçamento interno da navbar */
  background-color: #444;
}

/* Estilo da Marca */
.navbar-brand img {
  width: 200px; /* Largura do logotipo */
  height: 50px; /* Altura do logotipo */
}

/* Estilo dos Links da Navbar */
.nav-link {
  color: white !important; /* Garante que o texto do link seja branco */
  padding: 10px 15px; /* Espaçamento interno dos links */
  transition: background-color 0.3s; /* Transição suave para a cor de fundo */
}

/* Efeito ao passar o mouse sobre os links */
.nav-link:hover {
  background-color: #555; /* Cor de fundo ao passar o mouse */
}

/* Estilo do Item Ativo */
.nav-link.active {
  background-color: #444; /* Cor de fundo para o item ativo */
}

/* Estilo do Botão de Toggler */
.navbar-toggler {
  border-color:blue; /* Cor da borda do botão de toggler */
}

/* Estilo do Ícone do Toggler */
.navbar-toggler-icon {
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"%3E%3Cpath stroke="white" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"/%3E%3C/svg%3E'); /* Ícone do toggler em branco */
}

/* Estilo para a lista de navegação */
.navbar-nav {
  margin-left: auto; /* Alinha a lista à direita */
}

/* Estilo do Banner */
.banner {
  background-color: #f7f7f7; /* Cor de fundo do banner */
  padding: 50px; /* Espaçamento interno do banner */
  text-align: center; /* Alinha o texto ao centro */
}

/* Estilo do Botão Começar */
#getStartedBtn {
  background-color: #337ab7; /* Cor de fundo do botão */
  color: white; /* Cor do texto do botão */
  padding: 10px 20px; /* Espaçamento interno do botão */
  border: none; /* Remove a borda do botão */
  border-radius: 5px; /* Arredonda as bordas do botão */
  cursor: pointer; /* Muda o cursor para uma mão */
}

/* Estilo das Seções de Conteúdo */
.features {
  background-color: #f9f9f9; /* Cor de fundo das seções de conteúdo */
  padding: 20px; /* Espaçamento interno das seções de conteúdo */
}

/* Estilo das Cartões */
.card {
  margin-bottom: 20px; /* Espaçamento entre os cartões */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Sombra nos cartões */
  transition: background-color 0.3s ease; /* Transição suave para a cor de fundo */
}
.card:hover {
  background-color: #a09d9d; /* Cor de fundo ao passar o mouse */
}

.card:hover + .card {
  background-color: #e2e6ea; /* Cor do card seguinte ao passar o mouse */
}

.card-body {
  padding: 20px; /* Espaçamento interno do cartão */
}

.card-title {
  font-weight: bold; /* Negrito no título do cartão */
}

.card-text {
  font-size: 16px; /* Tamanho do texto do cartão */
  transition: color 0.3s ease; /* Transição suave para a cor do texto */

}
.card:hover .card-text {
  color: white; /* Muda a cor do texto para branco ao passar o mouse */
}
.no-underline {
  text-decoration: none; /* Remove o sublinhado */
  color: #333;
}

.no-underline:hover {
  text-decoration: none; /* Remove o sublinhado ao passar o mouse */
  color:white;
}
footer{
  background-color: #333;
  color: #f9f9f9;
}

/*agenda*/

.agenda {
  background-color: #f8f9fa;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

#eventForm {
  display: flex;
  flex-direction: column;
  
}

#eventList {
  list-style: none;
  padding: 0;
  margin: 0;
}

#eventList li {
  padding: 10px;
  border-bottom: 1px solid #ccc;
}

#eventList li:last-child {
  border-bottom: none;
}