/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
/* .carousel {
    margin-bottom: 1rem;
} */

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
    bottom: .5rem;
    z-index: 10;
    color: black;
    padding-bottom: 0em !important; 
}

/* Declare heights because of positioning of img element */
.carousel-item {
    height: 16rem;
}

.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: top;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    height: 225px;
  }

  .announce-button {
    border-radius: 24px;
    background-color:#00D639 !important;
    color: black !important; 
    
  }
  .announce-button:hover {
    color: black; 
    background-color: #00D639 !important;
  }

  .carousel-item g {
    stroke: rgba(0,0,0,0.5);
  }
  .carousel-item rect {
    fill: white;
    color: black;
  }
  .carousel-item-next, .carousel-item-prev, .carousel-item.active {
    height: 225px !important;
   
  }

  .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
  }
  .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") !important;

  }