html, body {
  font-family: sans-serif;
}

p {
  color: #211814;
}

body {
  padding: 0px 55px;
}

.header-logo img {
  height: 50px; /* Adjust the logo height */
}

.navbar-nav {
  margin-left: auto;
  margin-right: auto;
}

.dropdown-toggle::after {
  margin-left: 5px;
}

/* .header { */
/*   display: flex; */
/*   justify-content: space-between; */
/* } */

ul {
  display: flex;
}

li {
  list-style-type: none;
  margin-right: 10px;
}

.banner {
  width: 100%;
}

.image-list {
  display: flex;
  padding: 0px;
}

.image-list img {
  width: 100%;
}

.image-list li {
  width: 23%;
}
.image-list h4 {
  margin: 10px 0;
}
.image-list img.arrow {
  width: 13px;
  margin-left: 4px;
}
.image-list a {
  color: #236DF6;
}
.image-list a:hover {
  cursor: pointer;
}
.date {
  color: grey;
}
.tag {
  width: 123px;
  border: 1px solid black;
  border-radius: 14px;
  padding: 0 8px;
  font-size: 9px;
}
.image-display {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.image-display .small {
  width: 32%;
}
.image-display .medium {
  width: 67%;
}

.image-link {
  display: block;  /* Make the <a> tag behave like a block element */
  width: 100%;    /* Set the width of the link */
  height: 250px;   /* Set the height of the link */
  background-image: url('/Banner Hero.png'); /* Replace with your image path */
  background-size: cover; /* Make the image cover the entire area of the link */
  background-position: center; /* Center the background image */
  text-decoration: none; /* Remove underline on the link */
}

.image-link:hover {
  opacity: 0.8;  /* Add a hover effect to dim the image slightly */
}

.card-body img {
  width: 100%;
  margin-bottom: 16px;
}

.card-title {
  font-weight: bold;
}
.card-text {
  color: #555;
}
.event-label {
  display: inline-block;
  padding: 0.2em 0.6em;
  border: 1px solid #000;
  border-radius: 1rem;
  font-size: 0.8rem;
  margin-bottom: 0.5em;
}
.saiba-mais {
  color: #007bff;
  font-weight: bold;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff0000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff0000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
  rotate: 180deg;
}


.carousel-control-next, .carousel-control-prev {
  padding: 0 32px;
}

.carousel-control-next {
  justify-content: right;
}

.carousel-control-prev {
  justify-content: left;
}