* {
    --required-fields-message: 'Velden gemarkeerd met een * zijn verplicht.';
        --bs-primary: #762020;
        --bs-primary-rgb: 118, 32, 32;
        --bs-primary-hover: #A92E2E;
        --bs-heading-color: var(--bs-primary);
        --bs-form-check-bg: var(--bs-primary);
        --bs-secondary: #d6b675;
        --bs-secondary-rgb: 214, 182, 117;
        --bs-secondary-hover: #FFD98B;
        --bs-form-check-bg: var(--bs-secondary);
        --bs-body-bg: #eddebb;
    --logo-width:12rem;
     --logo-width-small:6rem;
        --bs-border-radius: var(--bs-border-radius-sm);
    --bs-body-font-size: 1.15rem;
    --block-spacer: 2rem;
    --bs-navbar-active-color: var(--bs-primary);
    --bs-navbar-hover-color: var(--bs-primary);
    --swiper-pagination-color: var(--bs-primary);
    --swiper-pagination-bullet-inactive-color: var(--bs-body-color);
    --swiper-theme-color: var(--bs-primary);
    --bs-body-font-family: "Special Elite", system-ui;;
        h1,h2,h3,h4,h5{
            font-family:  "Rubik Dirt", system-ui;;
        }
        h1,h2,h3,h4,h5{
            font-weight: 400;
        }
}
    .main-menu > li > a{
/* font-family: "Rubik Dirt", system-ui;*/
  font-weight: 400;
  font-style: normal;
font-size: 24px;
}
.lead{
color: var(--bs-primary);
font-size: 26px;
}
.site-header--scroll{
background-color: var(--bs-primary) !important;
}
.main-menu > li > a:hover{
 color: var(--bs-secondary) !important;
text-decoration: underline;
}
.main-menu > li a.nav-link.active{
color: var(--bs-secondary);
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    background-color: var(--bs-secondary);
}
.offcanvas-full-screen {
 --header-height: 170px;
}
textarea,
input{
--bs-border-color: #762020;
}