.cursor-pointer:hover {
    cursor: pointer;
}

.text-justify {
    text-align: justify;
}

.whitespace-preline {
    white-space: pre-line;
    margin-top: -22px;
}

.card-thumbnail {
    height: 100%;
    width: 100%;
    object-fit: contain;
    margin: auto;
}

.bg-gray {
    background-color: var(--bs-gray-100);
}

.flip-horizontal {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

:root {
    --fc-button-bg-color: var(--bs-blue);
    --fc-button-border-color: var(--bs-blue);
    --fc-button-hover-bg-color: var(--bs-blue-600);
    --fc-button-hover-border-color: var(--bs-blue-600);
    --fc-button-active-bg-color: var(--bs-blue-600);
    --fc-button-active-border-color: var(--bs-blue-700);

    --fc-event-bg-color: var(--bs-blue);
    --fc-event-border-color: var(--bs-blue);
}

@media (max-width: 767px) {
    .carousel-inner .carousel-item>div {
        display: none;
    }

    .carousel-inner .carousel-item>div:first-child {
        display: block;
    }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {

    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
        transform: translateX(25%);
    }

    .carousel-inner .carousel-item-start.active,
    .carousel-inner .carousel-item-prev {
        transform: translateX(-25%);
    }
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start {
    transform: translateX(0);
}