[data-theme="light"] {
    --lo-bg-color: white;
    --lo-body-color: #262f40;
}

[data-theme="dark"] {
    --lo-bg-color: #961925;
    --lo-body-color: white;
}

:root {
    --lo-bg-color: #961925;
    --lo-body-color: white;

    --bs-body-bg: var(--lo-bg-color);
    --bs-body-color: var(--lo-body-color);

}


:root {
    --light-color: #f2f1f7;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

    
#wrapper-navbar-hero {
    padding-bottom: 12px;

    /* background: linear-gradient(45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); */
    background: linear-gradient(45deg, #ad0f0f, #0d53ac);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;

    .nav-link, .nav-link:focus, .nav-link:hover {
        color: var(--light-color);
        font-weight: bold;
    }
}

.hero {
    h1, h2 {
        color: var(--light-color);
        font-weight: bold;
        * {
            text-transform: uppercase;
        }

    }

    div.image {
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    .row:first-child {
        height: max(500px, 70vh);
    }
}

section.fullwidth {
    background-size: cover;
    background-position: bottom;
}

.gallery-image {
    height: 420px;
    background-position: center;
    background-size: cover;
}