/*
    Eendracht
    Donkergroen #1c451a
    Lichter groen #286625
*/

:root {
    --main-color: #1c451a;
    --main-text-color: #fff;
    --alt-color: #32802E;
    --alt-text-color: #fff;
    --alt-accent-color: #1c451a;
    --secondary-color: #286625;
    --secondary-text-color: #fff;
}

/* NAV wit */
nav {
    background: linear-gradient(0deg, rgba(240,240,240,1) 0%, rgba(255,255,255,1) 100%);
    border-bottom: solid 1px var(--main-color);
}

.nav-link {
    color: var(--secondary-color) !important;
}

.nav .selected {
    background-color: var(--main-color);
    border-radius: 10px 10px 0 0;
    color: var(--main-text-color);
}

.nav .selected img {
    filter: brightness(0) invert(1);
}

/* Bottom bar */
div.bottombar {
    background-color: var(--secondary-color);
}

/* Modal */
.modal .btn.btn-primary {
    background-color: var(--secondary-color);
    border-color: var(--alt-color);
}

.modal .btn.btn-primary:active {
    background-color: var(--alt-color);
    border-color: var(--alt-accent-color);
}