/* Bootstrap 5 component states with the existing Mobirise/Bootstrap-alpha layout.
   Keep the layout CSS stable; use the current JS class names for interactions. */
.collapse.show { display: block; }
.collapse:not(.show):not(.in) { display: none; }
@media (min-width: 768px) {
  #exCollapsingNavbar.navbar-toggleable-sm { display: block !important; }
}
.carousel-inner::after { display: block; clear: both; content: ""; }
.carousel .carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform .6s ease-in-out;
}
.carousel .carousel-item.active,
.carousel .carousel-item-next,
.carousel .carousel-item-prev { display: block; }
.carousel .carousel-item > .mbr-table-cell {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
.carousel .carousel-item-next:not(.carousel-item-start),
.carousel .active.carousel-item-end { transform: translateX(100%); }
.carousel .carousel-item-prev:not(.carousel-item-end),
.carousel .active.carousel-item-start { transform: translateX(-100%); }
@media (prefers-reduced-motion: reduce) {
  .carousel .carousel-item { transition: none; }
}