:root {
    --rdmo-color: #101F70;
    --rdmo-color-bg: #ffffff;
    --rdmo-color-alt-bg: #f8f9fa;
    --rdmo-color-brand: #9d9d9d;
    --rdmo-color-primary: #101F70;
    --rdmo-color-link: #337ab7;
    --rdmo-color-link-hover: #2a5d90;
    --rdmo-color-light-gray: #f8f9fa;
    --rdmo-color-dark-gray: #999;
    --rdmo-color-header: #fff;
    --rdmo-color-header-bg: #000;
    --rdmo-color-header-height: 300px;
    --rdmo-color-footer: #999;
    --rdmo-color-footer-bg: #001;

    --rdmo-font: 'Open sans', sans-serif;
    --rdmo-font-headline: 'Roboto Slab', serif;

    --bs-font-sans-serif: var(--rdmo-font);
    --bs-body-font-size: 1rem;
}

nav.navbar {
    --bs-navbar-color: var(--rdmo-color-brand);
    --bs-navbar-hover-color: white;
    --bs-navbar-active-color: white;

    --bs-nav-link-color: var(--bs-navbar-color);
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);

    --bs-navbar-brand-color: var(--bs-navbar-color);
    --bs-navbar-brand-hover-color: var(--bs-navbar-hover-color);

    --bs-navbar-toggler-border-color: var(--rdmo-color-brand);

    background-color: var(--rdmo-color);
}

nav.navbar .filter-form {
    flex-grow: 1;

    @media only screen and (min-width: 992px) {
        max-width: 40%;
    }
}

.navbar-toggler-icon {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

main {
    margin-top: 6rem;
    margin-bottom: 6rem;
}