:root {
    --primary: #359967;
    --primary-dark: #297851;
    --primary-light: #f2f7f3;

    --grey: #efefef;

    --si-btn-hover-bg: var(--primary-dark);
    --si-primary-text-emphasis: var(--primary);
    --si-primary-bg-subtle: var(--primary-light);
    --si-primary-border-subtle: var(--primary);
}

header {
    border-bottom: 1px solid var(--grey);
}

body {
    overflow-x: hidden;
}

.top-nav {
    padding: 5px;
    background-color: var(--primary);
    color: white !important;
}

.dropdown-toggle::after {
    content: none !important;
}

.fas {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.text-white {
    color: white !important;
}

.btn-rounded {
    border-radius: 50px !important;
}

.w-90 {
    width: 90% !important;
}

.svg-inline--fa {
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.hero-text {
    background-color: #e9e9e9;
    padding: 110px
}

@media only screen and (max-width: 600px) {
    .hero-text {
        padding: 50px !important;
    }
}


/* Backgrounds*/
.bg-primary-light {
    background-color: var(--primary-light) !important;
    color: black !important
}

.footer {
    border-top: 1px solid #e9e9e9 !important;
}

.bg-grey {
    background-color: var(--grey) !important;
    color: black !important
}

.bg-dark {
    background-color: rgba(11, 15, 25, 0.62) !important;
}


/* Breadcrumbs */
.breadcrumb-item::before {
    content: none !important;
}

.breadcrumb-item {
    padding-left: 0 !important;
}


.link {
    color: inherit; /* behoud de originele tekstkleur */
    text-decoration: none; /* verwijder onderlijning indien nodig */
}

.link:hover {
    color: inherit; /* voorkomt kleurverandering bij hover */
    text-decoration: underline; /* optioneel: geen onderlijning bij hover */
}

h1, .h1 {
    font-size: 2.5rem !important;
}

h2, .h2 {
    font-size: 2rem !important;
}

h3, .h3 {
    font-size: 1.5rem !important;
}

h4, .h4 {
    font-size: 1.4rem !important;
}

h5, .h5 {
    font-size: 1.3rem !important;
}

h6 .h6 {
    font-size: 1.1rem !important;
}

p {
    font-size: 1rem !important;
    line-height: 1.6 !important;
}