header > nav > .container-fluid {
    flex-direction: var(--navbar-layout, row);
}

main > .container > .row:not(:empty) {
    padding-top: 3rem;
}

main > .container > .row:not(:empty) ~ .row {
    padding-top: 0;
}

main > .container > .row:not(:empty) {
    margin-bottom: 1.5rem;
}

p {
    margin-bottom: 0;
}

figure {
    margin: 0 0 0;
}

.figure-img {
    margin-bottom: 0;
}

.figure-caption {
    margin-top: 0.5rem
}

/*
main > .content-block:nth-of-type(even) {
    background-color: var(--bs-secondary-bg);
}
*/

main .container .container {
    padding: 0;
}

.carousel-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.carousel-item {
    height: 32rem;
}

#cookie-alert {
    top: auto;
}

@keyframes fade-in {
    from {scale: .8; opacity: 0}
    to {scale: 1; opacity: 1}
}

.animate-fade-in {
    animation: fade-in linear;
    animation-timeline: view(75% 0);
}

@keyframes slide-left {
    from {translate: 50% 0%; opacity: 0}
    to {translate: 0% 0%; opacity: 1}
}

.animate-slide-left {
    animation: slide-left ease-out;
    animation-timeline: view(75% 0);
}

@keyframes slide-right {
    from {translate: -50% 0%; opacity: 0}
    to {translate: 0% 0%; opacity: 1}
}

.animate-slide-right {
    animation: slide-right ease-out;
    animation-timeline: view(75% 0);
}

@keyframes slide-up {
    from {translate: 0% 150%; opacity: 0}
    to {translate: 0% 0%; opacity: 1}
}

.animate-slide-up {
    animation: slide-up ease-out;
    animation-timeline: view(75% 0);
}

@keyframes rotate-left {
    from {transform: perspective(1500px) rotateY(45deg); opacity: 0.5}
    to {transform: perspective(1500px) rotateY(0deg); opacity: 1}
}

.animate-rotate-left {
    animation: rotate-left ease-in;
    animation-timeline: view(75% 0);
}

@keyframes rotate-right {
    from {transform: perspective(1500px) rotateY(-45deg); opacity: 0.5}
    to {transform: perspective(1500px) rotateY(0deg); opacity: 1}
}

.animate-rotate-right {
    animation: rotate-right ease-in;
    animation-timeline: view(75% 0);
}
