/* KLEUREN ----------------------------------------------------------------- */
:root {
  --color-1: #ff6600; /* oranje */
  --color-2: #252525; /* bijna zwart */
  --color-3: #473198; /* grijs */
  --color-4: #b0a1ba; /* grijs */
  --color-5: #4a8fe7; /* lichtblauw */
  --color-6: #ffffff; /* Wit */
  --color-7: #949494; /* grijs (tekstkleur) */
}

/* Headers ----------------------------------------------------------------- */
#sp-header {
  background: rgba(255,255,255,1);
}

#sp-header.header-sticky {
  background: rgba(255,255,255,1);
}

#sp-header .slogan {
  color: var(--color-7);
  font-size: 0.775rem;
}

#sp-header.header-sticky .slogan {
  color: var(--color-7);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
h3 a, h4 a {
  color: var(--color-1) !important;
}

#sp-title h1 {color: #fff !important;}

#sp-title {
  background-color: var(--color-1) !important ;
}

.home #sp-title {
  background-color: transparent !important ;
}

/* Footer / bottom --------------------------------------------------------- */

#sp-footer, #sp-bottom {
  background: var(--color-1) !important;
}

/* Homepage ---------------------------------------------------------------- */

.doelstellingen i {color: var(--color-1);}

/* Mega menu --------------------------------------------------------------- */

/* Niet actief menu item */
.sp-megamenu-parent > li > a {
  color: var(--color-1) !important;
}

/* Niet actief menu item (hover) */
.sp-megamenu-parent > li:hover > a {
  color: var(--color-5) !important;
}

/* Actief menu item / Actief menu item (hover)  */
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
  color: var(--color-5) !important;
}

body.ltr .sp-megamenu-parent > li.sp-has-child > a::after, body.ltr .sp-megamenu-parent > li.sp-has-child > span::after {
  font-family: "Font Awesome 5 Free";
}


/* Off-canvas menu --------------------------------------------------------- */

/* Achtergrond */
.offcanvas-menu {
  background-color: var(--color-6) !important;
}

/* Niet actief menu item */
.offcanvas-menu .offcanvas-inner .sp-module ul > li a {
  color: var(--color-1) !important;
}

/* Actief menu item */
.offcanvas-menu .offcanvas-inner ul.menu li.active a {
  color: var(--color-5) !important;
}

/* END: KLEUREN ------------------------------------------------------------ */

/* UITLIJNING DOELSTELLINGEN ------------------------------------------------------------ */
.moduletable.doelstellingen p {
 text-align: left;
}
/* END: UITLIJNING DOELSTELLINGEN-------------------------------------------------------- */



/* TITEL WEGHALEN VAN PAGE BUILDER ------------------------------------------------------------ */

over-ons #sp-section-1 {
    height: 0px;
}
/* END: TITEL PAGEBUILDER-------------------------------------------------------- */