/**

Deze file wordt ingeladen op de site sass

 */
:root {
  --bs-primary: #911227;
  --bs-primary-rgb: 145, 18, 39;
  --bs-secondary: #333333;
  --bs-secondary-rgb: 51, 51, 51;
  --bs-link-color: #911227;
  --bs-link-hover-color: #4d0a15;
  --bs-navbar-active-color: #911227;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #911227;
  --bs-btn-border-color: #911227;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #7b0f21;
  --bs-btn-hover-border-color: #740e1f;
  --bs-btn-focus-shadow-rgb: 162, 54, 71;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #740e1f;
  --bs-btn-active-border-color: #6d0e1d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #911227;
  --bs-btn-disabled-border-color: #911227;
}

#cookiebar-nbnl .btn-outline-dark, .btn-outline-primary {
  --bs-btn-color: #911227;
  --bs-btn-border-color: #911227;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #911227;
  --bs-btn-hover-border-color: #911227;
  --bs-btn-focus-shadow-rgb: 145, 18, 39;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #911227;
  --bs-btn-active-border-color: #911227;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #911227;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #911227;
  --bs-gradient: none;
}

#cookiebar-nbnl .btn-dark,
.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #333333;
  --bs-btn-border-color: #333333;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #2b2b2b;
  --bs-btn-hover-border-color: #292929;
  --bs-btn-focus-shadow-rgb: 82, 82, 82;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #292929;
  --bs-btn-active-border-color: #262626;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #333333;
  --bs-btn-disabled-border-color: #333333;
}

.btn-outline-secondary {
  --bs-btn-color: #333333;
  --bs-btn-border-color: #333333;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #333333;
  --bs-btn-hover-border-color: #333333;
  --bs-btn-focus-shadow-rgb: 51, 51, 51;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #333333;
  --bs-btn-active-border-color: #333333;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #333333;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #333333;
  --bs-gradient: none;
}

.link-primary {
  color: var(--bs-primary) !important;
}
.link-primary:hover, .link-primary:focus {
  color: #a74152 !important;
}

.link-secondary {
  color: var(--bs-secondary) !important;
}
.link-secondary:hover, .link-secondary:focus {
  color: #5c5c5c !important;
}

.accordion {
  --bs-accordion-active-bg: #fce4e8;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23305969'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  --bs-accordion-btn-focus-border-color: #d51a39;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb),.25);
  --bs-accordion-active-color: #4d0a15;
}

.form-control:focus {
  border-color: #c88993;
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}

.form-check-input:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}

.form-check-input:checked,
.form-check-input:focus {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.form-check-input[type=checkbox]:indeterminate {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.form-range::-webkit-slider-thumb {
  background-color: var(--bs-primary);
}

.form-range::-moz-range-thumb {
  background-color: var(--bs-primary);
}

.dropdown-menu {
  --bs-dropdown-link-active-bg: var(--bs-primary);
}

.dropdown-menu-dark {
  --bs-dropdown-link-active-bg: var(--bs-primary);
}

.nav {
  --bs-nav-link-hover-color: var(--bs-primary);
}

.nav-pills {
  --bs-nav-pills-link-active-bg: var(--bs-primary);
}

.navbar {
  --bs-navbar-hover-color: var(--bs-primary);
  --bs-navbar-active-color: var(--bs-primary);
  --bs-navbar-brand-color: var(--bs-primary);
  --bs-navbar-brand-hover-color: var(--bs-primary);
}

.navbar-dark {
  --bs-navbar-hover-color: var(--bs-primary);
  --bs-navbar-active-color: var(--bs-primary);
  --bs-navbar-brand-color: var(--bs-primary);
  --bs-navbar-brand-hover-color: var(--bs-primary);
}

.progress {
  --bs-progress-bar-bg: var(--bs-primary);
}

.list-group {
  --bs-list-group-active-bg: var(--bs-primary);
  --bs-list-group-active-border-color: var(--bs-primary);
}

:root {
  --bs-body-font-family: calibri,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --bs-heading-font-family: Bebas Neue,Segoe UI, Roboto, Helvetica Neue, sans-serif;
  --bs-btn-font-weight: 700;
}

@font-face {
  font-family: "Bebas Neue";
  src: local("Bebas Neue"), url("/fonts/bebas-neue/BebasNeue-Regular.woff2") format("woff2"), url("/fonts/bebas-neue/BebasNeue-Regular.woff") format("woff"), url("/fonts/bebas-neue/BebasNeue-Regular.otf") format("opentype"), url("/fonts/bebas-neue/BebasNeue-Regular.eot") format("embedded-opentype");
}
.h1, .h1 strong, .h1 b, .h2, .h2 strong, .h2 b, .h3, .h3 strong, .h3 b, .h4, .h4 strong, .h4 b, .h5, .h5 strong, .h5 b, .h6, .h6 strong, .h6 b, h1, h1 strong, h1 b, h2, h2 strong, h2 b, h3, h3 strong, h3 b, h4, h4 strong, h4 b, h5, h5 strong, h5 b, h6, h6 strong, h6 b {
  font-weight: 500;
}

@media (max-width: 575.998px) {
  .navbar-brand img {
    width: 86px;
  }
}
#carousel-actueel .card-title {
  font-family: var(--bs-body-font-family);
  font-weight: 700;
}

.card-quicklink .card-title, .card-contactpersoon .card-title {
  font-family: var(--bs-body-font-family);
  font-weight: 700;
}

.navbar-nav-main > .nav-item > .nav-link {
  font-family: var(--bs-heading-font-family);
  text-transform: uppercase;
  line-height: 1;
  --fa-fw-width: .8em;
}
.navbar-nav-main > .nav-item > .nav-link > span > span {
  padding-top: 2px;
}

.navbar-nav-main > .nav-item > .nav-link {
  font-size: 1.25rem;
}

.navbar .offcanvas .navbar-menu {
  font-size: 3rem;
}
@media (min-width: 992px) {
  .navbar .offcanvas .navbar-menu {
    font-size: 4rem;
  }
}
.navbar .offcanvas .navbar-children {
  font-size: 2rem;
}
@media (min-width: 992px) {
  .navbar .offcanvas .navbar-children {
    font-size: 3rem;
  }
}

.object {
  --xtrs-object-nnb-fill: var(--xtrs-status-beschikbaar);
}