/* Slim Solutions custom slow background animations */


/* Global content gutters: keep backgrounds full-width, push content inward. */


html,


body {


  --sqs-site-gutter: clamp(32px, 8vw, 160px);


  --sqs-mobile-site-gutter: clamp(22px, 7vw, 40px);


}





.slim-bg-host {


  position: relative !important;


  overflow: hidden !important;


}


.slim-bg-host .slim-bg-canvas {


  position: absolute;


  inset: 0;


  width: 100%;


  height: 100%;


  pointer-events: none;


  z-index: 1;


}


.slim-bg-host > .content-wrapper,


.slim-bg-host .content-wrapper,


.slim-bg-host header,


.slim-bg-host .sqs-layout,


.slim-bg-host .fluid-engine {


  position: relative;


  z-index: 3;


}


.slim-bg-host .section-background,


.slim-bg-host .section-border {


  z-index: 0 !important;


}


.slim-bg-host.slim-tiles-bg .section-background {


  background: #d9f4ef !important;


}


.slim-bg-host.slim-contours-bg .section-background {


  background: #65cfc2 !important;


}


.slim-bg-host.slim-tiles-bg .section-background-content,


.slim-bg-host.slim-contours-bg .section-background-content {


  opacity: 0 !important;


}


.slim-bg-host .background-pause-button {


  z-index: 5 !important;


}


/* Remove source platform divider/cutoff curves. Footer top becomes straight. */


.section-divider-display,


.section-divider-block,


.section-divider-svg-clip,


.section-divider-svg-stroke {


  display: none !important;


}


.has-section-divider,


.has-section-divider .section-background,


.has-section-divider .section-border {


  clip-path: none !important;


}


/* Homepage hero: same contour animation as footer, curved downward into white content. */


.homepage .page-section:first-of-type,


body.slim-home-page .page-section:first-of-type,


body#collection-69178a40897c0d4a6be839ec .page-section:first-of-type {


  background: #d9f4ef !important;


  overflow: hidden !important;


  clip-path: ellipse(118% 100% at 50% 0%) !important;


}


body.slim-home-page main section[data-test="page-section"]:not(:first-of-type):not(.slim-contours-bg) .section-background,


body.slim-home-page #sections section[data-test="page-section"]:not(:first-of-type):not(.slim-contours-bg) .section-background,


body.slim-home-page .sections section[data-test="page-section"]:not(:first-of-type):not(.slim-contours-bg) .section-background {


  background: #fff !important;


}


body.slim-home-page main section[data-test="page-section"]:not(:first-of-type):not(.slim-contours-bg) .section-background-content,


body.slim-home-page #sections section[data-test="page-section"]:not(:first-of-type):not(.slim-contours-bg) .section-background-content,


body.slim-home-page .sections section[data-test="page-section"]:not(:first-of-type):not(.slim-contours-bg) .section-background-content {


  opacity: 0 !important;


}


footer .page-section,

footer .slim-bg-host,

footer .section-background,

footer .section-border {

  border-radius: 0 !important;

  clip-path: none !important;

}



/* Footer typography: force homepage footer fonts everywhere. */
footer,
footer .page-section,
footer .content-wrapper,
footer .sqs-layout,
footer .sqs-block-html,
footer .sqs-html-content,
footer p,
footer li,
footer a,
footer span {
  font-family: "Nunito Sans", Arial, sans-serif !important;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
  font-family: "Manrope", Arial, sans-serif !important;
}

@media (prefers-reduced-motion: reduce) {

  .slim-bg-host .slim-bg-canvas { display: none; }

}




/* Case-study colour pass for non-case top sections */


:root {


  --slim-case-mint: #d9f4ef;


  --slim-case-teal: #40c5b7;


  --slim-case-teal-dark: #267a72;


  --slim-case-ink: #0d2926;


}





body:not(.collection-type-blog-masonry) {


  background: #fff;


}





/* Header/nav: match case-study hero tint on non-case pages. */

body:not(.collection-type-blog-masonry) #header,

body:not(.collection-type-blog-masonry) .header,

body:not(.collection-type-blog-masonry) .header-background,

body:not(.collection-type-blog-masonry) .header-announcement-bar-wrapper {

  background: var(--slim-case-mint) !important;

}



/* Header cleanup: no floating inset panel, no tinted rim/shadow. */

body:not(.collection-type-blog-masonry) #header {

  margin: 0 !important;

  padding: 0 !important;

  border: 0 !important;

  box-shadow: none !important;

}



body:not(.collection-type-blog-masonry) #header .header-announcement-bar-wrapper {

  margin: 0 !important;

  padding: 0 !important;

  border: 0 !important;

  background: var(--slim-case-mint) !important;

  box-shadow: none !important;

}



body:not(.collection-type-blog-masonry) #header .header-inner {

  width: 100% !important;

  max-width: none !important;

  margin: 0 !important;

  padding: 16px clamp(28px, 4vw, 76px) !important;

  box-sizing: border-box !important;

  background: var(--slim-case-mint) !important;

}



body:not(.collection-type-blog-masonry) #header .header-background {

  inset: 0 !important;

  width: 100% !important;

  height: 100% !important;

  background: transparent !important;

}



body:not(.collection-type-blog-masonry) .header-border,

body:not(.collection-type-blog-masonry) .header-dropshadow,

body:not(.collection-type-blog-masonry) .header-blur-background {

  display: none !important;

  background: transparent !important;

  box-shadow: none !important;

}



body:not(.collection-type-blog-masonry) #header .header-title-logo img {

  display: block !important;

  max-height: 84px !important;

  width: auto !important;

  object-fit: contain !important;

}



@media screen and (max-width: 767px) {

  body:not(.collection-type-blog-masonry) #header .header-inner {

    padding: 14px 22px !important;

  }



  body:not(.collection-type-blog-masonry) #header .header-title-logo img {

    max-height: 48px !important;

  }

}



body:not(.collection-type-blog-masonry) .header-nav-item a,

body:not(.collection-type-blog-masonry) .header-menu-nav-item a,

body:not(.collection-type-blog-masonry) .header-title-text a {

  color: var(--slim-case-ink) !important;


}





body:not(.collection-type-blog-masonry) .header-actions-action--cta a,


body:not(.collection-type-blog-masonry) .header-menu-actions a,


body:not(.collection-type-blog-masonry) #header .sqs-button-element--primary {


  background: var(--slim-case-teal) !important;


  border-color: var(--slim-case-teal) !important;


  color: #fff !important;


}





/* First visible page section: same mint field as Case studies. */


body:not(.collection-type-blog-masonry) main#page > article.sections > section[data-test="page-section"]:first-of-type,


body:not(.collection-type-blog-masonry) main#page > article.sections > section[data-test="page-section"]:first-of-type .section-background,


body:not(.collection-type-blog-masonry) main#page > article.sections > section[data-test="page-section"]:first-of-type .section-border {


  background: var(--slim-case-mint) !important;


}





body:not(.collection-type-blog-masonry) main#page > article.sections > section[data-test="page-section"]:first-of-type .section-background-content {


  opacity: 0 !important;


}





body:not(.collection-type-blog-masonry) main#page > article.sections > section[data-test="page-section"]:first-of-type h1,


body:not(.collection-type-blog-masonry) main#page > article.sections > section[data-test="page-section"]:first-of-type h2,


body:not(.collection-type-blog-masonry) main#page > article.sections > section[data-test="page-section"]:first-of-type .list-section-title p {


  color: var(--slim-case-teal) !important;


}





body:not(.collection-type-blog-masonry) main#page > article.sections > section[data-test="page-section"]:first-of-type h3,


body:not(.collection-type-blog-masonry) main#page > article.sections > section[data-test="page-section"]:first-of-type .preFade,


body:not(.collection-type-blog-masonry) main#page > article.sections > section[data-test="page-section"]:first-of-type .sqs-block-html:first-child p:first-child {


  color: var(--slim-case-teal-dark) !important;


}





body:not(.collection-type-blog-masonry) main#page > article.sections > section[data-test="page-section"]:first-of-type p,


body:not(.collection-type-blog-masonry) main#page > article.sections > section[data-test="page-section"]:first-of-type li {


  color: var(--slim-case-ink) !important;


}





/* Simple static pages, e.g. redirects and bedankt. */


body:not(.collection-type-blog-masonry) > section:first-of-type,


body:not(.collection-type-blog-masonry) > .card:first-of-type {


  background: var(--slim-case-mint) !important;


}





body:not(.collection-type-blog-masonry) > section:first-of-type h1,

body:not(.collection-type-blog-masonry) > .card:first-of-type h1 {

  color: var(--slim-case-teal) !important;

}



/* Home contact section: match the dedicated contact page and separate it from "Wat doen wij?". */

body.slim-home-page section[data-section-id="69178ae0b07e0d1b7268d90a"],

body.slim-home-page section[data-section-id="69178ae0b07e0d1b7268d90a"] .section-background,

body.slim-home-page section[data-section-id="69178ae0b07e0d1b7268d90a"] .section-border {

  background: var(--slim-case-mint) !important;

}



body.slim-home-page section[data-section-id="69178ae0b07e0d1b7268d90a"] {

  margin-top: clamp(40px, 6vw, 96px) !important;

  border-top: 1px solid rgba(13, 41, 38, .10) !important;

}



body.slim-home-page section[data-section-id="69178ae0b07e0d1b7268d90a"] .section-background-content {

  opacity: 0 !important;

}



body.slim-home-page section[data-section-id="69178ae0b07e0d1b7268d90a"] h1,

body.slim-home-page section[data-section-id="69178ae0b07e0d1b7268d90a"] h2,

body.slim-home-page section[data-section-id="69178ae0b07e0d1b7268d90a"] h3 {

  color: var(--slim-case-teal) !important;

}



body.slim-home-page section[data-section-id="69178ae0b07e0d1b7268d90a"] p,

body.slim-home-page section[data-section-id="69178ae0b07e0d1b7268d90a"] li,

body.slim-home-page section[data-section-id="69178ae0b07e0d1b7268d90a"] label {

  color: var(--slim-case-ink) !important;

}



body.slim-home-page section[data-section-id="69178ae0b07e0d1b7268d90a"] .slim-static-form label span,

body.slim-home-page section[data-section-id="69178ae0b07e0d1b7268d90a"] .slim-static-form-status {

  color: #56706c !important;

}



@media screen and (max-width: 767px) {

  body.slim-home-page section[data-section-id="69178ae0b07e0d1b7268d90a"] {

    margin-top: 36px !important;

  }

}



/* Stronger than the generic home "non-hero sections are white" override above. */

body.slim-home-page main#page > article.sections > section[data-test="page-section"][data-section-id="69178ae0b07e0d1b7268d90a"],

body.slim-home-page main#page > article.sections > section[data-test="page-section"][data-section-id="69178ae0b07e0d1b7268d90a"] .section-background,

body.slim-home-page main#page > article.sections > section[data-test="page-section"][data-section-id="69178ae0b07e0d1b7268d90a"] .section-border,

body#collection-69178a40897c0d4a6be839ec main#page > article.sections > section[data-test="page-section"][data-section-id="69178ae0b07e0d1b7268d90a"],

body#collection-69178a40897c0d4a6be839ec main#page > article.sections > section[data-test="page-section"][data-section-id="69178ae0b07e0d1b7268d90a"] .section-background,

body#collection-69178a40897c0d4a6be839ec main#page > article.sections > section[data-test="page-section"][data-section-id="69178ae0b07e0d1b7268d90a"] .section-border {

  background: var(--slim-case-mint) !important;

}



body.slim-home-page main#page > article.sections > section[data-test="page-section"][data-section-id="69178ae0b07e0d1b7268d90a"] .section-background-content,

body#collection-69178a40897c0d4a6be839ec main#page > article.sections > section[data-test="page-section"][data-section-id="69178ae0b07e0d1b7268d90a"] .section-background-content {

  opacity: 0 !important;

}



body.slim-home-page main#page > article.sections > section[data-test="page-section"][data-section-id="69178ae0b07e0d1b7268d90a"] h1,

body#collection-69178a40897c0d4a6be839ec main#page > article.sections > section[data-test="page-section"][data-section-id="69178ae0b07e0d1b7268d90a"] h1 {

  color: var(--slim-case-teal) !important;

}



body.slim-home-page main#page > article.sections > section[data-test="page-section"][data-section-id="69178ae0b07e0d1b7268d90a"] p,

body#collection-69178a40897c0d4a6be839ec main#page > article.sections > section[data-test="page-section"][data-section-id="69178ae0b07e0d1b7268d90a"] p {

  color: var(--slim-case-teal-dark) !important;

}