@charset "UTF-8";
@keyframes ripple {
  to {
    transform: scale(4);
    opacity: 0;
  }
}
@keyframes wiggle {
  0% {
    rotate: 90deg;
  }
  33% {
    rotate: 110deg;
  }
  66% {
    rotate: 70deg;
  }
  100% {
    rotate: 90deg;
  }
}
.u-slashes {
  display: inline-flex;
  align-items: center;
}
.u-slashes::before {
  content: "//";
  color: currentColor;
  font-weight: var(--wp--custom--font-weight--semi-bold);
}
.u-slashes--white::before {
  color: var(--wp--preset--color--base);
}
.u-slashes--contrast::before {
  color: var(--wp--preset--color--contrast);
}

.u-slashes-big {
  --domain-clr: var(--wp--preset--color--contrast);
  position: relative;
  max-width: 1000px;
  margin-inline: auto;
}
.u-slashes-big::before {
  content: "";
  position: absolute;
  top: -1rem;
  left: -12rem;
  background-color: var(--domain-clr, red);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 197.28 225.83'%3E%3Cpath d='M0 225.83c4.65-12.47 9.93-26.73 15.85-42.8 5.91-16.06 12.1-32.86 18.54-50.4s12.73-34.71 18.86-51.51 11.73-32.22 16.8-46.28Q77.655 13.765 82.41.13L120.58 0c-3.17 8.24-3.75 10.09-8.08 22.03s-9.09 24.88-14.27 38.83a5629 5629 0 0 0-15.69 42.79c-5.29 14.58-10.52 28.96-15.69 43.11-5.18 14.16-9.94 27.26-14.26 39.31-4.33 12.05-10.13 30.87-13.3 39.75H0Zm76.7 0c4.65-12.47 9.93-26.73 15.85-42.8 5.91-16.06 12.1-32.86 18.54-50.4s12.73-34.71 18.86-51.51 11.73-32.22 16.8-46.28q7.605-21.075 12.36-34.71l38.16-.12c-3.17 8.24-3.75 10.09-8.08 22.03s-9.09 24.88-14.27 38.83a5629 5629 0 0 0-15.69 42.79c-5.29 14.58-10.52 28.96-15.69 43.11-5.18 14.16-9.94 27.26-14.26 39.31-4.33 12.05-10.13 30.87-13.3 39.75H76.69Z' fill='var(--domain-clr, red)'/%3E%3C/svg%3E") no-repeat 50% 50%;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 197.28 225.83'%3E%3Cpath d='M0 225.83c4.65-12.47 9.93-26.73 15.85-42.8 5.91-16.06 12.1-32.86 18.54-50.4s12.73-34.71 18.86-51.51 11.73-32.22 16.8-46.28Q77.655 13.765 82.41.13L120.58 0c-3.17 8.24-3.75 10.09-8.08 22.03s-9.09 24.88-14.27 38.83a5629 5629 0 0 0-15.69 42.79c-5.29 14.58-10.52 28.96-15.69 43.11-5.18 14.16-9.94 27.26-14.26 39.31-4.33 12.05-10.13 30.87-13.3 39.75H0Zm76.7 0c4.65-12.47 9.93-26.73 15.85-42.8 5.91-16.06 12.1-32.86 18.54-50.4s12.73-34.71 18.86-51.51 11.73-32.22 16.8-46.28q7.605-21.075 12.36-34.71l38.16-.12c-3.17 8.24-3.75 10.09-8.08 22.03s-9.09 24.88-14.27 38.83a5629 5629 0 0 0-15.69 42.79c-5.29 14.58-10.52 28.96-15.69 43.11-5.18 14.16-9.94 27.26-14.26 39.31-4.33 12.05-10.13 30.87-13.3 39.75H76.69Z' fill='var(--domain-clr, red)'/%3E%3C/svg%3E") no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  height: 15rem;
  width: 13rem;
  z-index: -1;
}
body.websites .u-slashes-big::before {
  --domain-clr: var(--wp--preset--color--comm-on-website);
}
body.merken .u-slashes-big::before {
  --domain-clr: var(--wp--preset--color--comm-on-merk);
}
body.webshops .u-slashes-big::before {
  --domain-clr: var(--wp--preset--color--comm-on-webshop);
}

.u-slashes-cta {
  position: relative;
  max-width: 62.5rem;
}
.u-slashes-cta::before {
  content: "";
  position: absolute;
  top: -0.75rem;
  left: -13rem;
  background-color: var(--wp--preset--color--contrast);
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 197.28 225.83'%3E%3Cpath d='M0 225.83c4.65-12.47 9.93-26.73 15.85-42.8 5.91-16.06 12.1-32.86 18.54-50.4s12.73-34.71 18.86-51.51 11.73-32.22 16.8-46.28Q77.655 13.765 82.41.13L120.58 0c-3.17 8.24-3.75 10.09-8.08 22.03s-9.09 24.88-14.27 38.83a5629 5629 0 0 0-15.69 42.79c-5.29 14.58-10.52 28.96-15.69 43.11-5.18 14.16-9.94 27.26-14.26 39.31-4.33 12.05-10.13 30.87-13.3 39.75H0Zm76.7 0c4.65-12.47 9.93-26.73 15.85-42.8 5.91-16.06 12.1-32.86 18.54-50.4s12.73-34.71 18.86-51.51 11.73-32.22 16.8-46.28q7.605-21.075 12.36-34.71l38.16-.12c-3.17 8.24-3.75 10.09-8.08 22.03s-9.09 24.88-14.27 38.83a5629 5629 0 0 0-15.69 42.79c-5.29 14.58-10.52 28.96-15.69 43.11-5.18 14.16-9.94 27.26-14.26 39.31-4.33 12.05-10.13 30.87-13.3 39.75H76.69Z' fill='var(--domain-clr, red)'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: 50% 50%;
  mask-size: contain;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 197.28 225.83'%3E%3Cpath d='M0 225.83c4.65-12.47 9.93-26.73 15.85-42.8 5.91-16.06 12.1-32.86 18.54-50.4s12.73-34.71 18.86-51.51 11.73-32.22 16.8-46.28Q77.655 13.765 82.41.13L120.58 0c-3.17 8.24-3.75 10.09-8.08 22.03s-9.09 24.88-14.27 38.83a5629 5629 0 0 0-15.69 42.79c-5.29 14.58-10.52 28.96-15.69 43.11-5.18 14.16-9.94 27.26-14.26 39.31-4.33 12.05-10.13 30.87-13.3 39.75H0Zm76.7 0c4.65-12.47 9.93-26.73 15.85-42.8 5.91-16.06 12.1-32.86 18.54-50.4s12.73-34.71 18.86-51.51 11.73-32.22 16.8-46.28q7.605-21.075 12.36-34.71l38.16-.12c-3.17 8.24-3.75 10.09-8.08 22.03s-9.09 24.88-14.27 38.83a5629 5629 0 0 0-15.69 42.79c-5.29 14.58-10.52 28.96-15.69 43.11-5.18 14.16-9.94 27.26-14.26 39.31-4.33 12.05-10.13 30.87-13.3 39.75H76.69Z' fill='var(--domain-clr, red)'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
  -webkit-mask-size: contain;
  width: 15.5rem;
  height: 19rem;
  z-index: -1;
}
@media screen and (max-width: 38em) {
  .u-slashes-cta::before {
    content: unset;
  }
}

@media screen and (max-width: 38em) {
  .u-cta-group {
    width: 100%;
    padding-inline: 0;
  }
}
@media screen and (max-width: 38em) {
  .u-cta-group .wp-block-column:first-of-type {
    padding-left: 0 !important;
  }
}

.u-cta {
  clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0 100%);
}
@media screen and (max-width: 38em) {
  .u-cta {
    clip-path: none;
  }
}

.u-heading--pill {
  background-color: var(--wp--preset--color--primary);
  border-radius: 10rem;
  padding: 1rem;
}

#content {
  scroll-margin-top: 10rem;
}

.u-wiggle svg {
  transition-property: all;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(1, 3, 0.79, 0.28);
}
.u-wiggle:hover svg {
  rotate: -30deg;
}

.u-behind-content {
  position: relative;
  z-index: -1000;
}

.digitale-makers {
  font-weight: 400;
}
@media screen and (max-width: 62.5rem) {
  .digitale-makers {
    font-size: var(--wp--preset--font-size--x-large);
  }
}

.is-drag {
  cursor: grab !important;
}

.is-dragging {
  cursor: grabbing !important;
}

h1, h2, h3, h4, h5, h6 {
  text-wrap: initial;
}

.site-footer {
  position: relative;
  overflow: clip;
  padding-top: 15%;
}
.site-footer > * {
  position: relative;
  z-index: 3;
}
.site-footer .footer-main-menu ul.wp-block-navigation li {
  display: inline-flex;
  align-items: center;
}
.site-footer .footer-main-menu ul.wp-block-navigation li::before {
  content: "//";
  color: currentColor;
  font-weight: var(--wp--custom--font-weight--semi-bold);
  transition-property: all;
  transition-duration: 200ms;
  transition-timing-function: ease-in-out;
  opacity: 0;
}
.site-footer .footer-main-menu ul.wp-block-navigation li:hover::before {
  opacity: 1;
}
.site-footer .copyright ul.wp-block-navigation {
  list-style: disc;
  gap: 0 1rem !important;
}
.site-footer .copyright ul.wp-block-navigation li {
  list-style: inherit;
  display: inline-flex;
}
.site-footer .copyright ul.wp-block-navigation li::after {
  content: "•";
  position: absolute;
  top: 0;
  right: -1.5em;
  width: 1em;
  height: 1em;
}
.site-footer .copyright ul.wp-block-navigation li:last-child::after {
  content: unset;
}

.wp-block-button a:hover {
  background-color: unset !important;
}

.wp-block-button a.has-contrast-background-color:hover {
  background-color: unset !important;
}

.wp-block-button a.has-secondary-background-color:hover {
  background-color: unset !important;
}

.wp-block-button a.has-neutral-background-color:hover {
  background-color: unset !important;
}

.wp-block-button a.has-text-background-color:hover {
  background-color: unset !important;
}

.wp-block-button a.has-base-background-color:hover {
  background-color: unset !important;
}

.u-ripple .wp-element-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  overflow: hidden;
  padding-right: 0.25rem !important;
  transition: background-color 400ms ease-in-out;
  border-color: currentColor;
}
.u-ripple .wp-element-button::after {
  content: "";
  display: inline-block;
  width: 3rem;
  height: 3rem;
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2046.86%2046.6%22%3E%3Cpath%20d%3D%22M23.43%200C10.49%200%200%2010.43%200%2023.3s10.49%2023.3%2023.43%2023.3%2023.43-10.43%2023.43-23.3S36.37%200%2023.43%200m4.17%2031.65-1.67-1.67%205.51-5.51H12.08v-2.34h19.37l-5.52-5.52%201.67-1.67%208.35%208.35-8.35%208.35Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  mask-repeat: no-repeat;
  mask-position: 50% 50%;
  mask-size: cover;
  background-color: currentColor;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(1, 3, 0.79, 0.28);
}
.u-ripple .wp-element-button:hover::after {
  rotate: -30deg;
}

span.ripple {
  position: absolute;
  border-radius: 50%;
  background-color: color-mix(in oklab, currentColor, transparent);
  transform: scale(0);
  animation-name: ripple;
  animation-duration: 1s;
  animation-timing-function: linear;
}

.home-about-before {
  --helper--size: 10rem;
  --ellipse-width: 55%;
  position: relative;
}
.home-about-before::before {
  content: "";
  position: absolute;
  top: calc(var(--helper--size) * -1);
  left: 0;
  width: 100%;
  height: var(--helper--size);
  background-color: var(--wp--preset--color--contrast);
  clip-path: ellipse(var(--ellipse-width) 100% at 50% 100%);
}
.home-about-after {
  --helper--size: 10rem;
  --ellipse-width: 55%;
  position: relative;
}
.home-about-after::after {
  content: "";
  position: absolute;
  bottom: calc(var(--helper--size) * -1);
  left: 0;
  width: 100%;
  height: var(--helper--size);
  background-color: var(--wp--preset--color--contrast);
  clip-path: ellipse(var(--ellipse-width) 100% at 50% 0%);
}

@media screen and (max-width: 32rem) {
  .has-global-padding:has(.over-ons) {
    padding-inline: 1rem;
  }
}

.over-ons {
  overflow: unset;
}
@media screen and (max-width: 32rem) {
  .over-ons {
    padding-inline: 0;
  }
  .over-ons h2.has-max-120-font-size {
    font-size: var(--wp--preset--font-size--max-82) !important;
  }
}
.over-ons .wp-block-cover__background {
  border-radius: 100%;
  aspect-ratio: 1;
}
@media screen and (max-width: 32rem) {
  .over-ons .wp-block-cover__background {
    border-radius: 1rem 1rem 0 0;
    aspect-ratio: unset;
    height: 50%;
  }
}
.over-ons__image {
  display: flex;
  justify-content: center;
  width: 100vw;
}
@media screen and (max-width: 32rem) {
  .over-ons .wp-block-cover__inner-container {
    margin-top: -3rem !important;
  }
}

.text-hero {
  bottom: 19rem;
}
@media screen and (max-width: 75rem) {
  .text-hero {
    bottom: 20vw;
  }
}
@media screen and (max-width: 32rem) {
  .text-hero {
    margin-left: -2rem !important;
    margin-right: -2rem !important;
  }
  .text-hero__inner {
    padding-top: 1rem !important;
    padding-inline: 2rem !important;
  }
}

#overlay {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: rgb(255, 255, 255);
  z-index: 6413607225;
  transition: 600ms ease-in;
}
#overlay.loaded {
  pointer-events: none;
}

@media screen and (max-width: 32rem) {
  .hide_mobile {
    display: none;
  }
}
ul.wp-block-list {
  list-style-type: none;
  position: relative;
}
ul.wp-block-list li {
  position: relative;
  padding-left: calc(var(--wp--preset--font-size--medium) + 0.5rem);
}
ul.wp-block-list li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: var(--wp--preset--font-size--medium);
  height: 35px;
  background-image: url(../img/Checkmark_rond.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  flex-shrink: 0;
}

::-moz-selection {
  color: #ffffff;
  background: #4aaf56;
}

::selection {
  color: #ffffff;
  background: #4aaf56;
}

body.dark {
  --wp--preset--color--white: #1c1c1c;
  --wp--preset--color--base: #1c1c1c;
  --wp--preset--color--text: #f0f0f0;
  --wp--preset--color--contrast: #4aaf56;
  --wp--preset--color--neutral: #1e1e1e;
  --wp--preset--color--primary: #fefefe;
  --wp--preset--color--black: #ffffff;
  --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, #233d49 0%, #7625d5 100%);
}

body.dark h1,
body.dark h2,
body.dark h3,
body.dark h4,
body.dark p {
  color: #f0f0f0 !important;
}

body.dark .circle.active {
  opacity: 0.4;
}

body.dark .site-header-wrapper {
  color: #121212;
}

body.dark .home-domains__item {
  color: #f0f0f0;
}

body.dark .projecten-slider__splide__title,
body.dark .projecten-slider__splide__excerpt {
  color: #f0f0f0;
}

body.dark .clients-slider::before,
body.dark .clients-slider::after {
  background-image: linear-gradient(to right, #121212 30%, rgba(255, 255, 255, 0) 100%);
}

body.dark .text-hero {
  color: #f0f0f0;
}

body.dark .team-members__member__hover {
  background-color: #2e2e2e;
  color: #f0f0f0;
}

body.dark {
  background-color: #121212;
  color: #e0e0e0;
}
body.dark::before {
  background-color: var(--wp--preset--color--contrast);
}

nav.breadcrumbs ul {
  background-color: #1a1a1a;
}
nav.breadcrumbs ul::before {
  content: "";
  display: block;
  background-color: #1a1a1a;
}
nav.breadcrumbs ul li a {
  color: #cccccc;
}
nav.breadcrumbs ul li a:hover {
  color: #ffffff;
}
nav.breadcrumbs ul li .active {
  color: #ffffff;
  font-weight: bold;
}

.wp-block-navigation-item__content {
  color: #bbbbbb;
}
.wp-block-navigation-item__content:hover {
  color: #ffffff;
}

.has-text-align-right {
  color: #dddddd;
}
.has-text-align-right .u-slashes--contrast {
  color: #ffffff;
}

body.dark .text-hero__inner {
  background-color: #121212 !important;
}

.menu__contact__wrapper {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 75rem) {
  .menu__contact__wrapper {
    display: block !important;
    position: fixed;
    bottom: 0;
    left: 0;
    width: auto;
    height: auto;
    background: transparent;
  }
  .menu__contact__wrapper > *:not(.menu__pumpkin-toggle) {
    display: none !important;
  }
}

.project-bubble__media__item--video {
  max-height: 600px;
  max-width: 600px;
}

/* Wordpress core fix */
.wp-block-post-content {
  display: block !important;
}

.entry-content {
  overflow-x: clip;
}

/*# sourceMappingURL=custom.css.map */