/*
	Arie Blok
	Rood		#c31200
	geel		#ffb840
	Lichter geel	#ffd88d

*/

:root {
    --main-color: #c31200;
    --main-text-color: #fff;
    --alt-color: #c31200;
    --alt-text-color: #fff;
    --alt-accent-color: #ffb840;
    --secondary-color: #ffd88d;
    --secondary-text-color: #ffb840;
}

/* NAV wit */
nav {
    background-color: #fff !important;
    border-bottom: solid 1px var(--secondary-text-color);
}

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

.nav .selected {
    background-color: var(--secondary-text-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-text-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);
}