/* Basis: donkere site met witte standaardtekst */
html, body {
    background-color: #000;
    color: #fff;
}
m
/* NAVBAR */
.navbar.bg-secondary,
#mainNav {
    background-color: #000 !important;
    border-color: transparent !important;
}
#mainNav .navbar-brand,
#mainNav .nav-link {
    color: #fff !important;
}
#mainNav .nav-link:hover,
#mainNav .nav-link:focus,
#mainNav .nav-link.active,
#mainNav .nav-link[aria-current="page"],
#mainNav .nav-item .active {
    color: #fff !important;
    background-color: transparent !important;
    box-shadow: none !important;
}
#mainNav .nav-link::before,
#mainNav .nav-link::after {
    background: transparent !important;
    border-color: transparent !important;
}
#mainNav .fa,
#mainNav .fas,
#mainNav .fab {
    color: #fff !important;
}
#mainNav .navbar-toggler,
#mainNav .btn,
#mainNav .btn-primary,
#mainNav .btn-outline-light {
    background-color: #000 !important;
    color: #fff !important;
    border-color: #222 !important;
}

/* MASTHEAD */
.masthead.bg-primary {
    background-color: #fff !important;
}
.masthead,
.masthead * {
    color: #000 !important;
}
.masthead .masthead-heading {
    color: #000 !important;
}
.masthead .divider-custom-line {
    background-color: #000 !important;
}
.masthead .divider-custom-icon {
    color: #000 !important;
}

/* ONS VERHAAL sectie */
#onsverhaal {
    background-color: #fff !important;
    color: #000 !important;
}
#onsverhaal h2,
#onsverhaal p,
#onsverhaal .lead {
    color: #000 !important;
}
#onsverhaal .divider-custom-icon {
    color: #000 !important;
}
#onsverhaal .divider-custom-line {
    background-color: #000 !important;
}

/* Portfolio headings standaard wit */
.page-section h2 {
    color: #fff !important;
}
/* Locaties heading zwart */
#portfolio .page-section-heading {
    color: #000 !important;
}

/* Portfolio overlay fix */
.portfolio-item .portfolio-item-caption,
.portfolio-item .portfolio-item-caption .portfolio-item-caption-content {
    background: transparent !important;
    color: #fff !important;
    box-shadow: none !important;
}
.portfolio-item:hover,
.portfolio-item:focus {
    background: transparent !important;
    outline: none !important;
}
.portfolio-item .portfolio-item-caption::before,
.portfolio-item .portfolio-item-caption::after {
    content: none !important;
}
.portfolio-item img,
.portfolio-item .img-fluid {
    filter: none !important;
    mix-blend-mode: normal !important;
}

/* Buttons */
.btn-primary {
    background-color: #fff !important;
    color: #000 !important;
    border-color: #fff !important;
}
.btn-outline-light {
    color: #fff !important;
    border-color: #fff !important;
}

/* Footer */
.footer {
    background-color: transparent;
    color: #fff;
}
.footer a {
    color: #fff;
}
.copyright {
    background-color: #000 !important;
    color: #fff !important;
}

/* Modals */
.modal-content {
    background-color: #fff !important;
    color: #000 !important;
}

/* Forms */
.form-control {
    background-color: #111 !important;
    color: #fff !important;
    border-color: #333 !important;
}
.form-control::placeholder {
    color: #aaa !important;
}
.form-floating > label {
    color: #bbb !important;
}

/* Contact heading zwart */
#contact .page-section-heading {
    color: #000 !important;
}

/* Helpers */
.text-secondary {
    color: #ddd !important;
}
.lead {
    color: inherit;
}

/* Divider icoon */
.divider-custom-icon {
    color: #000; /* pas aan per sectie */
}
.icon-bagel {
    width: 9px;
    height: 9px;
}

/* Heading + divider layout */
.page-section-heading {
  text-align: center;
  margin-bottom: 1rem;
}
.divider-custom {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 2rem auto;
}