/* DeliverNext main menu link color */
#header #navbar ul.navigation li a {
  color: #0400DB !important;   /* normal */
}

/* Hover + active */
#header #navbar ul.navigation li a:hover,
#header #navbar ul.navigation li a.active {
  color: #0400DB !important;   /* hover/active */
}

#header #navbar ul.navigation li.active > a {
  color: #0400DB !important;
}

h1 { color: #0400DB; }
h2 { color: #0400DB; }
h3 { color: #0400DB; }

/* DeliverNext showcase buttons (covers common class variants) */
#showcase a,
#showcase a.button,
#showcase .button,
#showcase .btn,
#showcase .btn-primary,
#showcase .btn.btn-primary,
.modular-showcase a,
.modular-showcase a.button,
.modular-showcase .button,
.modular-showcase .btn,
.modular-showcase .btn-primary,
.showcase a,
.showcase a.button,
.showcase .button,
.showcase .btn,
.showcase .btn-primary {
  background: #0400DB !important;
  border-color: #0400DB!important;
  color: #FF893B !important;
}

/* Hover / focus */
#showcase a:hover,
#showcase a:focus,
#showcase a.button:hover,
#showcase .button:hover,
#showcase .btn:hover,
#showcase .btn-primary:hover,
.modular-showcase a:hover,
.modular-showcase a:focus,
.modular-showcase a.button:hover,
.modular-showcase .button:hover,
.modular-showcase .btn:hover,
.modular-showcase .btn-primary:hover,
.showcase a:hover,
.showcase a:focus,
.showcase a.button:hover,
.showcase .button:hover,
.showcase .btn:hover,
.showcase .btn-primary:hover {
  background: #FF893B !important;
  border-color: #FF893B !important;
  color: #0400DB !important;
}

/* Showcase button text color */
#showcase a,
#showcase a.button,
#showcase .button,
#showcase .btn,
#showcase .btn-primary,
.modular-showcase a,
.modular-showcase a.button,
.modular-showcase .button,
.modular-showcase .btn,
.modular-showcase .btn-primary {
  color: #0400DB !important; /* text color */
}

/* Service Highlights – buttons orange */
#highlights + .modular-row.features.big a.button,
#highlights + .modular-row.features.big a.btn,
#highlights + .modular-row.features.big a[class*="button"] {
  background-color: #FF893B !important;
  border-color: #FF893B !important;
  color: #0400DB !important; /* tekstkleur */
}
/* Kill any 1px separators at the header/body boundary */
#header,
#header * ,
#header::before,
#header::after,
#header #navbar,
#header #navbar::before,
#header #navbar::after,
#body,
#body::before,
#body::after,
#content-slide,
#content-slide::before,
#content-slide::after,
.modular-row.showcase.flush-top,
.modular-row.showcase.flush-top::before,
.modular-row.showcase.flush-top::after {
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* Specifically remove only top borders/shadows if that’s what's used */
#body,
#content-slide,
.modular-row.showcase.flush-top {
  border-top: none !important;
  box-shadow: none !important;
  
}

/* Service Highlights (anchor #highlights) */
#highlights + .modular-row.features.big,
#highlights + .modular-row.features.big * {
  text-align: left !important;
}

/* Service Highlights – bigger text */
/* Service Highlights – heading colors */
#highlights + .modular-row.features.big h2 {
  color: #0400DB !important;
  margin-top: 0.5rem;      /* ↓ reduce space ABOVE h2 */
  margin-bottom: 1.1rem;  /* keeps your current spacing below */
}

#highlights + .modular-row.features.big h3 {
  color: #0400DB;
}

#highlights + .modular-row.features.big p {
  font-size: 1.15rem;   /* try 1.1 – 1.25 */
  line-height: 1.6;
  padding-top: 0.5rem !important;
}

#highlights + .modular-row.features.big h2,
#highlights + .modular-row.features.big h3 {
  text-align: center;
  margin-bottom: 1.1rem;
}

#highlights + .modular-row.features.big h3 {
  text-transform: uppercase;
  font-size: 0.9rem;
  letter-spacing: 0.12em;
}

/* Header logo – make SVG image bigger */
#header .logo img {
  height: 100px;     /* try 70–90px */
  width: auto;
  max-height: none;
}


/* Contact (right column) */
.footer-items > .footer-module:not(.large){
  flex: 0 0 auto;
  margin-left: auto;
  text-align: right;
}

/* Bottom bar */
.footer-items > .footer-modules{
  flex: 0 0 100%;
  width: 100%;
  margin-top: 1rem;
}

/* Right-align the Contact heading only */
.footer-items > .footer-module:not(.large) h4 {
  text-align: right;
}

/* Footer columns: keep left on the left, right on the right */
.footer-items{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;  /* key */
}

.footer-items > .footer-module.large{
  flex: 0 1 45% !important;  /* adjust: 50%, 40% */
  margin-left: 0 !important; /* remove the push */
  text-align: left;
}

.footer-items > .footer-module:not(.large){
  flex: 0 1 45% !important;  /* adjust to match */
  margin-left: 0 !important; /* also remove auto */
  text-align: right;
}


/* Move ONLY the showcase buttons down */
#showcase a,
#showcase a.button,
#showcase .button,
#showcase .btn,
#showcase .btn-primary,
.modular-showcase a,
.modular-showcase a.button,
.modular-showcase .button,
.modular-showcase .btn,
.modular-showcase .btn-primary,
.showcase a,
.showcase a.button,
.showcase .button,
.showcase .btn,
.showcase .btn-primary {
  display: inline-block;     /* makes margin/top/transform behave predictably */
  transform: translateY(20px); /* adjust: 8px, 12px, 20px, etc */
}

#header .menu {
  margin-left: 0 !important;
  margin-right: auto !important;
}

/* Contactpagina – balkkleur forceren */

.blog-header {
  background-color: #0400DB !important;
}

/* Font Awesome icons – orange */
.fa,
.fas,
.far,
.fab {
  color: #656161 !important;
}

/* Service Highlights – buttons: blue bg, orange text */
#highlights + .modular-row.features.big a.button,
#highlights + .modular-row.features.big a.btn,
#highlights + .modular-row.features.big a[class*="button"] {
  background-color: #0400DB !important; /* blue */
  border-color: #0400DB !important;
  color: #FF893B !important;            /* orange text */
}

#highlights + .modular-row.features.big a.button:hover,
#highlights + .modular-row.features.big a.btn:hover,
#highlights + .modular-row.features.big a[class*="button"]:hover {
  background-color: #FF893B !important;
  border-color: #FF893B !important;
  color: #0400DB  !important;
}

/* bottom.md – force left alignment */
.modular-row.bottom {
  text-align: left !important;
}

/* ===== FOOTER LAYOUT (clean) ===== */
.footer-items{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}

/* Left column (disclaimer) */
.footer-items > .footer-module.large{
  flex: 0 1 42% !important;     /* make smaller/larger: 40–50% */
  margin: 0 !important;
  text-align: left;
  font-size: 0.88rem;           /* smaller font for left column */
  line-height: 1.45;
}

/* Keep the logo title readable */
.footer-items > .footer-module.large .logo h4{
  font-size: 1rem !important;   /* adjust if needed */
  margin-bottom: 0.4rem;
}

/* Right column (contact) */
.footer-items > .footer-module:not(.large){
  flex: 0 1 52% !important;
  margin: 0 !important;
  text-align: right;
}

/* Bottom bar full width */
.footer-items > .footer-modules{
  flex: 0 0 100%;
  width: 100%;
  margin-top: 1rem;
}

/* Footer left column spacing (compact) */
.footer-items > .footer-module.large p,
.footer-items > .footer-module.large ul{
  margin: 0 0 0.4rem 0 !important;
}

.footer-items > .footer-module.large ul{
  padding-left: 1.1rem;
}

.footer-items > .footer-module.large li{
  margin: 0.2rem 0;
}

/* Footer LEFT column – exact font control */
.footer-items > .footer-module.large p,
.footer-items > .footer-module.large li {
  font-size: 12px !important;   /* exact: change to 13px / 15px */
  line-height: 1.3;
}

/* Footer RIGHT column – compact spacing */
.footer-items > .footer-module:not(.large) p {
  margin: 0 0 0.35rem 0 !important;
  line-height: 1.4;
}

.footer-items > .footer-module:not(.large) p:last-child {
  margin-bottom: 0 !important;
}

/* ===== FOOTER: optical alignment (left + right) ===== */

/* Same base font + line height in both columns */
.footer-items > .footer-module.large,
.footer-items > .footer-module:not(.large) {
  font-size: 14px !important;
  line-height: 1.45;
}

/* Keep logo/title readable and aligned */
.footer-items > .footer-module.large .logo h4,
.footer-items > .footer-module:not(.large) h4 {
  font-size: 16px !important;
  line-height: 1.2;
  margin: 0 0 0.5rem 0 !important;
}

/* Same paragraph/list spacing in both columns */
.footer-items > .footer-module.large p,
.footer-items > .footer-module.large ul,
.footer-items > .footer-module:not(.large) p {
  margin: 0 0 0.4rem 0 !important;
}

/* Lists compact */
.footer-items > .footer-module.large ul {
  padding-left: 1.1rem;
}
.footer-items > .footer-module.large li {
  margin: 0.2rem 0;
}

/* Address spans tighter */
.footer-items > .footer-module:not(.large) p span {
  display: block;
  line-height: 1.3;
}

/* LinkedIn line aligns with rest */
.footer-linkedin {
  margin-top: 0.3rem !important;
}

/* Footer headings: jurg/legal AND Contact same color */
.footer-items h4,
.footer-items h4 a {
  color: #9a9898 !important;
}

@media (min-width: 992px) {
  .footer-menu .othermenu {
    flex-wrap: nowrap;
    white-space: nowrap;
  }
}

/* Footer bottom menu: LEFT aligned */
.footer-modules {
  justify-content: flex-start !important;
}

.footer-menu {
  margin-left: 0 !important;
}

.footer-menu .othermenu {
  justify-content: flex-start !important;
}

/* Bottom bar: one row, left aligned */
.footer-items > .footer-modules{
  flex: 0 0 100%;
  width: 100%;
  margin-top: 1rem;
}

.footer-modules{
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start !important;
  align-items: center;
  gap: 1.5rem;
}

.footer-menu .othermenu{
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  gap: 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-menu{
  width: 100%;
}


/* Remove slashes/separators in footer bottom menu */
.footer-menu .othermenu li::before,
.footer-menu .othermenu li::after {
  content: none !important;
}

.footer-menu .othermenu{
  justify-content: flex-start;
}

.footer-contact-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}

.footer-contact-table td {
  padding: 0.2rem 0.6rem 0.2rem 0;
  vertical-align: top;
  line-height: 1.4;
}

.footer-contact-table td:first-child {
  white-space: nowrap;
  color: #9a9898; /* same as footer headings */
}

.footer-contact-table a {
  color: inherit;
  text-decoration: none;
}

.footer-contact-table a:hover {
  text-decoration: underline;
}

/* Vacatures page: make space above H2 about half */
#vacatures + .modular-row.bottom h2 {
  margin-top: 0.5em !important; /* half-ish of typical defaults */
}

/* Optional: reduce the small image baseline gap too */
#vacatures + .modular-row.bottom img {
  display: block;
  margin: 0 auto;
}

/* Vacatures page: reduce the big gap before the bottom modular row */
#vacatures {
  margin-bottom: 0.75rem !important;   /* try 0.5rem or 0 */
  padding-bottom: 0 !important;
}

/* Reduce top padding/margin of the content block that contains the H2s */
#vacatures + .modular-row.bottom {
  padding-top: 0.5rem !important;        /* halve the space: try 0.5rem */
  margin-top: 0 !important;
}

#vacatures + .modular-row.bottom {
  outline: 3px solid red !important;
}