.standout {
  width: 100vw;
  position: relative;
  left: calc(-50vw + 50%); }

.logo-img {
  object-fit: contain;
  max-width: 100%;
  max-height: 125px; }

.carousel-caption {
  position: relative;
  text-align: left;
  color: rgba(0, 0, 0, 0.5);
  left: 0; }

.carousel-caption.active {
  display: block; }

.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-color: rgba(0, 0, 0, 0.15);
  /* Semi-transparent black background */
  border-radius: 7%;
  /* Make the background circular */
  padding: 5px;
  /* Adjust padding as necessary */ }

.carousel-indicators [data-bs-target] {
  background-color: rgba(0, 0, 0, 0.15);
  /* Same background as the buttons */ }

.carousel-indicators .active {
  background-color: rgba(0, 0, 0, 0.5);
  /* More opaque for the active indicator */ }

.lightbox-caption {
  background-color: black; }

.card-img-top {
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); }

.consent-button {
  border-radius: 21px;
  background-color: #EDEDED;
  width: 100%;
  aspect-ratio: 16/9;
  display: flex;
  align-items: center;
  justify-content: center; }

.twitter-embed {
  justify-content: center;
  align-items: center;
  display: flex; }