/* --- Fonts --- */
@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');

body {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: var(--body-color);
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Muli", sans-serif;
}
/* --- Colors --- */
:root {
    --main: #8897aa;
    --main-light: #d8e2eb;
    --main-dark: #8897aa;
    --main-third: #d8e2eb;
    --body-color: #212529;
    --cta-green: #000000;
    --cta-green-dark: #06AA98;
    --grey: #ced4da;
    --grey-dark: #000000;
    --grey-light: #f8f9fa;
    --white: #fff;
    --footer-bg-color: #101010;
}

.bg-grey {
    background-color: #fff;
}

.navbar-toggler-icon {
    filter: invert(0) !important;
}

.navbar {
    position: sticky !important;
}

.image {
    background-size: contain !important;
    background-repeat: no-repeat;
}
.equal {
    background: #fff !important;
}
.image-scroll {
    background-size: cover !important;
}

.bc-section {
    margin: 0 !important;
}

.nav-link {
    color: #0a0a0a;
}
@media screen and (min-width: 992px) {
    .navbar-light .navbar-nav .nav-item .nav-link:hover, .navitem-active, .nav-item > a:hover {
        color: var(--main-dark)  !important;
    }
    /*  li.nav-item.dropdown.open.show {
        background: black !important;
    } */
}

#cookie-bar {
    background-color: #111;
}