@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot');
    src: url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/fontawesome-webfont.woff2') format('woff2'),
        url('../fonts/fontawesome-webfont.woff') format('woff'),
        url('../fonts/fontawesome-webfont.ttf') format('truetype'),
        url('../fonts/fontawesome-webfont.svg#fontawesome-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

:root {
    --bs-body-font-family: "Inter", sans-serif;
    --bs-body-font-size: 16px;
    --bs-body-line-height: 1.5;
    --bs-body-color: #12003A;
    --bs-dark-rgb: 34, 0, 69;

    --bs-red: #e90000;
    --bs-green: #24A520;

    --heading-font-family: "Poppins", sans-serif;
    --heading-font-weight: 400;
    --heading-line-height: 1.2;

    --color-1: #12003A;
    --color-2: #F3904D;
    --light-background-color: #f5f5f5;
    --light-color: #fff;

    --btn-radius: 45px;
    --border-radius: 0;

    --container-width: 100%;

    font-size: var(--bs-body-font-size);
    --container-width: 100%;
}
@media (min-width: 768px) {
    :root {
        --container-width: 750px;
    }
}
@media (min-width: 992px) {
    :root {
        --container-width: 970px;
    }
}
@media (min-width: 1200px) {
    :root {
        --container-width: 1170px;
    }
}
@media (min-width: 1400px) {
    :root {
        --container-width: 1320px;
    }
}

body {
    font-size: 16px;
    color: var(--bs-body-color);
    font-family: var(--bs-body-font-family);
    font-weight: 400;
}

.wp-block-group.has-background {
    border-radius: 6px;
}

.has-color-1-background-color, 
.background-donker-blauw {
    background: var(--color-1);
}

.has-color-2-background-color,
.background-oranje {
    background: var(--color-2);
    color: var(--light-color);
}

.has-color-3-background-color,
.background-licht {
    background: var(--light-background-color);
}

.background-donker-blauw + .background-donker-blauw,
.has-color-1-background-color +  .has-color-1-background-color,
.background-oranje + .background-oranje,
.has-color-2-background-color + .has-color-2-background-color,
.background-licht + .background-licht,
.has-color-3-background-color + .has-color-3-background-color {
    padding-top: 0;
}

.has-white-background-color {
    background: transparent !important;
}

.has-color-1-color {
    color: var(--color-1);
}

.has-color-2-color {
    color: var(--color-2);
}

.has-white-color {
    color: var(--light-color);
}

.wp-block-columns{
    max-width: var(--container-width);
    margin-left: auto;
    margin-right: auto;
    padding-top: 100px;
    padding-bottom: 100px;
}
.wp-block-columns .wp-block-column{
    padding-left: 50px;
}

.wp-block-columns h2{
    color: var(--bs-body-color);
    font-size: 50px;
    margin-left: -50px;
    margin-bottom: 40px;
}
.wp-block-columns h3{
    color: var(--bs-body-color);
    font-size: 35px;
    font-weight: 900;
    margin-top: 40px;
}