/*
 * Bootstrap 5 runtime compatibility for Worship Together's legacy markup.
 *
 * Some site-specific styles and CMS-authored markup still use historical state
 * class names. These focused mappings let Bootstrap 5.3.8 drive those widgets
 * without loading any Bootstrap 3 CSS.
 */

.collapse.show {
    display: block;
}

tr.collapse.show {
    display: table-row;
}

tbody.collapse.show {
    display: table-row-group;
}

.dropdown-menu.show {
    display: block;
}

.fade.show {
    opacity: 1;
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-backdrop.show {
    opacity: 0.5;
}

.tooltip.show {
    opacity: 0.9;
}

.popover.show {
    display: block;
}

.c-navigation .navbar-collapse.collapse.show {
    display: block !important;
}

/* Bootstrap 5 carousel state names mapped onto the Bootstrap 3 visual rules. */
.carousel-inner > .item.carousel-item.active {
    display: block;
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.carousel-inner > .item.carousel-item-next,
.carousel-inner > .item.carousel-item-prev {
    position: absolute;
    top: 0;
    width: 100%;
    display: block;
}

.carousel-inner > .item.carousel-item-next:not(.carousel-item-start),
.carousel-inner > .item.active.carousel-item-end {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.carousel-inner > .item.carousel-item-prev:not(.carousel-item-end),
.carousel-inner > .item.active.carousel-item-start {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.carousel-inner > .item.carousel-item-next.carousel-item-start,
.carousel-inner > .item.carousel-item-prev.carousel-item-end {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}