/* EDIT ICON */
.editpost{
  position: fixed;
  bottom: 0;
  right: var(--wp--preset--spacing--containerpadding);
  margin: 0;
  z-index: 999999;
}
.editpost a {
  display: block;
  cursor: pointer;
  color: #fff;
  background-color: var(--wp--preset--color--primary);
  border-radius: 15px 15px 0 0;
  padding: 11px 15px 4px 15px;
  font-size: 12px;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out;
}
.editpost a:hover{
  padding: 13px 17px 13px 17px;
}
.editpost a::after{
  display: none;
}



/* Soft enter */
html{
  scroll-behavior: smooth;
  scroll-padding: 100px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
body {
  -webkit-animation: fadein 1s;
  animation: fadein 1s;
}
.no-scroll {
  overflow-y: hidden;
}
.hide-on-desktop {
  display: none !important;
}
@-webkit-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}



/* soft lazy Load */
img[data-lazyloaded="1"]{
	opacity: 0.1;
}
img.litespeed-loaded{
	-webkit-transition: opacity .5s linear 0.2s;
	-moz-transition: opacity .5s linear 0.2s;
	transition: opacity .5s linear 0.2s;
	opacity: 1;
}



/* GENERAL */
.forminator-module-edit-link{
  display: none;
}
p{
  max-width: 750px;
}
.no-max-width{
  max-width: none !important;
}
p.has-text-align-center{
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}
h1+h2,
h2+h3,
h3+h4,
h4+h5{
  margin-top: 0;
  margin-top: 0;
}

img {
  display: inline-block;
  width: 100%;
  height: auto;
}
.otgs-development-site-front-end{ /* wpml dev site */
  display: none;
}
.wp-block-group:not(.has-background)+.wp-block-group:not(.has-background){
  padding-top: 0;
}
.max-width-85{
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
}



/* RECAPTCHA */
.grecaptcha-badge{
  display: none;
}
.forminator-fields-disabled .forminator-field-captcha{
	  position: absolute;
    padding: var(--wp--preset--spacing--x-small) !important;
	  height: calc(100% + var(--wp--preset--spacing--x-small)*2);
    width: calc(100% + var(--wp--preset--spacing--x-small)*2);
    left: calc(-1*var(--wp--preset--spacing--x-small));
    top: calc(-1*var(--wp--preset--spacing--x-small));
	  background: #ffffff61;
	  z-index: 99999999;
}
.forminator-fields-disabled .cmplz-placeholder-1.forminator-g-recaptcha{
    background: transparent !important;
    box-shadow: none;
}
.forminator-fields-disabled{
	position: relative;
}
.forminator-fields-disabled .cmplz-blocked-content-notice{
    background: var(--wp--preset--color--secondary) !important;
    color: var(--wp--preset--color--primary) !important;
    border: none !important;
}
.forminator-fields-disabled .forminator-field-captcha .cmplz-blocked-content-container.forminator-g-recaptcha{
	height: 100% !important;
}





/* LINK ONDERLIJN ANIMATIE */
a{
  color: var(--wp--preset--color--primary);
}
a{
  text-decoration: none;
  position: relative;
}
a::after{
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  opacity: 0;
  background: var(--wp--preset--color--primary);
  transition: all 0.25s ease-out;
}
a.link--no-underline::after, p.link--no-underline a::after {
  display: none;
}
.has-white-color a::after{
  background: var(--wp--preset--color--white);
}
.has-secondary-color a::after{
  background: var(--wp--preset--color--secondary);
}
.site-header .current-menu-item a::after,
.is-active a::after{
  opacity: 1;
}
/* No line */
.wp-block-site-logo a::after,
.nav-dropdown ul a::after,
.social_icon::after,
.wp-block-image a::after,
.slick-dots button::after,
.wp-block-button__link::after,
.no-hover::after,
h2 a::after,
h1 a::after{
  display: none;
}



/* BUTTONS */
.wp-block-button__link,
.button{
  transition: all 0.3s;
}
.is-style-outline .wp-block-button__link {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid;
  border-radius: 0;
  padding: 0;
  margin: 0;
  background-color: transparent;
  transition: border-color .3s ease-in-out;
}

.is-style-outline .has-primary-color.wp-block-button__link{
  color: var(--wp--preset--color--primary);
  border-color: var(--wp--preset--color--primary);
}

.is-style-outline .has-secondary-color.wp-block-button__link{
  color: var(--wp--preset--color--secondary);
  border-color: var(--wp--preset--color--secondary);
}


/* GENERAL BLOCKS */
.wp-site-blocks {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
/*COVER*/
.wp-block-cover.aspect-vertical {
  min-height: calc(100vh - (var(--wp--preset--spacing--containerpadding)*3 + 21px)) !important;
}

.wp-block-cover.aspect-vertical.cover-with-caption {
  min-height: calc(100vh - (var(--wp--preset--spacing--containerpadding)*4)) !important;
}

.wp-block-cover.aspect-vertical.cover-with-caption + .cover-caption {
  font-family: var(--wp--preset--font-family--primary);
  margin-top: 4px;
}

/* SPECIALS */
.homepage-hero {
  height: calc(100vh - (var(--wp--preset--spacing--containerpadding)*2 + 21px));
}

@media (max-width: 850px) {
    html, body {
      overflow-x: hidden;
    }

    .homepage-hero {
        height: 100vh;
        padding-top: var(--wp--preset--spacing--containerpadding) !important;
        /*margin-left: calc(-1 * var(--wp--preset--spacing--containerpadding)) !important;
        margin-right: calc(-1 * var(--wp--preset--spacing--containerpadding)) !important;
        padding-left: calc(var(--wp--preset--spacing--containerpadding) / 2) !important;
        padding-right: calc(var(--wp--preset--spacing--containerpadding) / 2) !important;
        padding-bottom: 0 !important;*/
    }

    /* .homepage-hero .wp-block-cover {
        min-height: 100%;
    } */

    .homepage-hero img {
      /* position: absolute;
      top: 50%;
      left: 50%;
      transform: translate3d(-50%, -50%, 0); */
      /* max-width: 80%; */
    }

    .homepage-hero__inner {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate3d(-50%, -50%, 0);
      min-height: auto !important;
      width: 80%;
      display: block !important;
    }

    .homepage-hero__inner h2 {
      margin-top: var(--wp--preset--spacing--small);
    }
}

.homepage-hero .wp-block-cover, .homepage-hero .wp-block-cover__inner-container {
  height: 100%;
}

.homepage-intro {
    padding: calc(var(--wp--preset--spacing--x-large) * 2) 0 !important;
}

.homepage-intro h1 {
    font-size: var(--wp--preset--font-size--display);
}

@media (max-width: 850px) {
    .homepage-intro {
        padding: calc(var(--wp--preset--spacing--x-large) * 2 ) 0 calc(var(--wp--preset--spacing--x-large) ) 0 !important;
    }

    /* .homepage-intro h3 {
        font-size: 1.4rem !important;
    } */
}

/* HEADER */
.site-header{
  position: fixed;
  width: 100%;
  background: var(--wp--preset--color--secondary);
  z-index: 99999;
  text-transform: uppercase;
  font-size: var(--wp--preset--font-size--x-small);
}
.site-header a::after {
  opacity: 0;
}
.has-primary-background-color .site-header{
  background: var(--wp--preset--color--primary);
}
.site-header .mobile-header,
.site-header .desktop-header{
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
/* .scrolled_down .site-header .mobile-header,
.scrolled_down .site-header .desktop-header{
  padding-top: var(--wp--preset--spacing--small) !important;
  padding-bottom: var(--wp--preset--spacing--small) !important;
} */
.site-footer p{
  max-width: none;
}
.mobile-header{
  display: none !important;
}
main{
  padding-top: calc(var(--wp--preset--spacing--containerpadding)*2 + 21px) !important;
}



/* FOOTER */
footer {
  margin-top: auto;
}
.site-footer{
  background-color: var(--wp--preset--color--secondary);
  font-size: var(--wp--preset--font-size--x-small);
}

.site-footer h5 {
  font-family: var(--wp--preset--font-family--secondary);
  font-size: 15px;
  margin-bottom: 8px;
}

.site-footer p, .site-footer a {
  font-family: var(--wp--preset--font-family--primary);
}

.site-footer a::after {
  opacity: 0;
}

.site-footer .menu-legal a {
  text-transform: uppercase;
  font-family: var(--wp--preset--font-family--secondary);
  font-size: 9px;
  opacity: .6;
}


/* FORMS */
select:focus,
textarea:focus,
input:focus{
    outline: none;
}
.forminator-label,
.forminator-input,
.forminator-textarea,
.forminator-select--field{
  color: var(--wp--preset--color--primary);
  font-family: var(--wp--preset--font-family--secondary), 'Arial', sans-serif;
  font-size: var(--wp--preset--font-size--small);
  line-height: var(--wp--preset--font-size--small);
  padding: var(--wp--preset--spacing--x-small) 0;
  border-radius: 0;
  text-transform: uppercase;
}
.forminator-button-submit {
  color: var(--wp--preset--color--primary);
  font-family: var(--wp--preset--font-family--secondary), 'Arial', sans-serif;
  font-size: var(--wp--preset--font-size--small);
  padding: var(--wp--preset--spacing--xx-small) 0;
  border: none;
  border-bottom: 1px solid var(--wp--preset--color--primary);
  background: transparent;
  transition: border-color .3s ease-in-out;
}
.has-primary-color .forminator-label,
.has-primary-color .forminator-input,
.has-primary-color .forminator-textarea,
.has-primary-color .forminator-button-submit,
.has-primary-color .forminator-select--field{
  color: var(--wp--preset--color--primary);
}
.forminator-input,
.forminator-textarea,
.forminator-select--field,
.forminator-field-select .forminator-field{
  width: 100%;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, .2);
  background: transparent;
}
.forminator-button-submit{
  width: auto;
  cursor: pointer;
}
.forminator-field label{
  position: absolute;
  transition: all 0.3s;
  opacity: 1;
}
.forminator-field{
  margin-top: var(--wp--preset--font-size--small);
  position: relative;
  top: 0;
}
.forminator-is_filled label,
.forminator-is_active label{
  font-size: calc(var(--wp--preset--font-size--x-small)*0.8);
  margin-top: calc(-1 * var(--wp--preset--font-size--small) - 5px);
  opacity: 0.5;
}
.forminator-error-message{
  font-size: calc(var(--wp--preset--font-size--x-small)*0.8);
  opacity: 0.5;
  margin-top: 5px;
  display: block;
}
.forminator-field-select .forminator-label{
  display: none;
}
.forminator-select--field{
  margin-left: -3px;
  border: none;
}

.forminator-row.forminator-row-last .forminator-field {
  text-align: right;
}



/* COMPLIANZ COOKIES */
#cmplz-document {
  max-width: var(--wp--style--global--content-size)
}
#cmplz-document p {
  max-width: 1000px
}
#cmplz-cookies-overview .cmplz-dropdown h4,
#cmplz-document .cmplz-dropdown h4,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown h4,
#cmplz-document,.editor-styles-wrapper .cmplz-unlinked-mode,
#cmplz-cookies-overview .cmplz-dropdown summary h3,
#cmplz-document .cmplz-dropdown summary h3,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary h3,
#cmplz-cookies-overview .cmplz-dropdown p,
#cmplz-document .cmplz-dropdown p,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown p,
#cmplz-cookies-overview .cmplz-dropdown a,
#cmplz-document .cmplz-dropdown a,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown a,
.cmplz-cookiebanner .cmplz-message,
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
  font-size: var(--wp--preset--font-size--small) !important;
  line-height: var(--wp--custom--line-height--body) !important;
}
#cmplz-cookies-overview .cmplz-dropdown .cmplz-service-description,#cmplz-document .cmplz-dropdown .cmplz-service-description,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-service-description,#cmplz-cookies-overview .cmplz-dropdown .cmplz-sharing-data,#cmplz-document .cmplz-dropdown .cmplz-sharing-data,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-sharing-data,#cmplz-cookies-overview .purpose h4 {
  padding-left: 0
}
#cmplz-document p
,#cmplz-document li,
#cmplz-document td {
  font-size: var(--wp--preset--font-size--small)
}
#cmplz-document h2,#cmplz-document h3 {
  font-size: var(--wp--preset--font-size--large);
  margin-top: var(--wp--preset--spacing--large)
}
#cmplz-cookies-overview .cmplz-dropdown summary,
#cmplz-document .cmplz-dropdown summary,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary,
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header {
  background-color: transparent;
  border: 1px solid;
  border-radius: 25px;
}
#cmplz-document a[target=_blank]:after,
.editor-styles-wrapper .cmplz-unlinked-mode a[target=_blank]:after {
  display: none
}
.cmplz-message p {
  margin-top: 0
}
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header,
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-description {
  padding: 5px !important
}
.cmplz-cookiebanner .cmplz-categories .cmplz-category {
  background-color: transparent;
  border: 1px solid;
  border-radius: 24px;
  padding: 6px 12px
}

/* Banner */
.cmplz-soft-cookiewall{
  display: flex;
  justify-content: center;
  align-items: center;
}
.cmplz-cookiebanner{
  padding: var(--wp--preset--spacing--small) !important;
  grid-row-gap: 0!important;
  position: initial !important;;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  margin: var(--wp--preset--spacing--containerpadding) !important;
  width: var(--cmplz_banner_width);
}
@media (max-width: 781px) {
  .cmplz-cookiebanner{
    padding: var(--wp--preset--spacing--containerpadding) !important;
  }
}
.cmplz-cookiebanner .cmplz-message {
  margin-bottom: var(--wp--preset--spacing--small) !important
}
body {
  --cmplz_category_header_always_active_color: var(--wp--preset--color--primary);
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn{
  padding: 8px var(--wp--preset--spacing--small) !important;
  border-radius: 0 !important;
}
.cmplz-message, .cmplz-categories{
  width: auto !important;
}


/* MEDIAQUERIES */
/* @media (max-width: 1750px) {
  body{
    --wp--preset--spacing--containerpadding: clamp(25px, 4vw, 45px);
    --wp--preset--spacing--medium: clamp(15px, 2vw, 30px);
    --wp--preset--spacing--large: clamp(25px, 3vw, 50px);
    --wp--preset--spacing--x-large: clamp(25px, 3vw, 80px);
    --wp--preset--spacing--xx-large: clamp(40px, 5vw, 120px);
  }
}
@media (max-width: 781px) {
  body{
    --wp--preset--spacing--containerpadding: clamp(30px, 4vw, 55px);
    --wp--preset--spacing--medium: clamp(25px, 3vw, 35px);
    --wp--preset--spacing--large: clamp(35px, 4vw, 60px);
    --wp--preset--spacing--x-large: clamp(50px, 5vw, 90px);
    --wp--preset--spacing--xx-large: clamp(60px, 8vw, 140px);
  }
} */

@media (max-width: 450px) {
  .mobile-50vw {
    width: calc(50vw - ((var(--wp--preset--spacing--containerpadding) * 3) / 2));
  }
}


@media (max-width: 850px) {
  :root {
    --wp--preset--spacing--containerpadding: .75rem;
  }

  .hide-on-mobile{
    display: none !important;
  }
  .hide-on-desktop {
    display: block !important;
  }

  .home .mobile-header,
  .home .site-header,
  .home .mobile-header .mobile-header__row {
    background-color: transparent !important;
  }

  .home .mobile-header__row {
    padding: calc(var(--wp--preset--spacing--containerpadding) * 2) !important;
    transition: padding .3s ease-in-out;
  }
  .home.scrolled_down .mobile-header__row {
    padding: var(--wp--preset--spacing--containerpadding) !important;
  }
  .home .mobile-header .wp-block-image {
    opacity: 0;
    transition: opacity .3s ease-in-out;
  }
  .home #nav_icon span {
    background-color: var(--wp--preset--color--secondary);
  }

  .mobile-header{
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .desktop-header{
    display: none !important;
  }
  .mobile-header .site-logo,
  .mobile-header .wp-block-buttons,
  .mobile-header .mobile-header__row {
    position: relative;
    z-index: 999;
  }
  .mobile-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--wp--preset--color--secondary);
    display: block;
    padding: 100px var(--wp--preset--spacing--containerpadding) var(--wp--preset--spacing--large) var(--wp--preset--spacing--containerpadding) !important;
    font-weight: bold;
  }

  .mobile-nav nav a {
    font-family: var(--wp--preset--font-family--primary);
    font-size: var(--wp--preset--font-size--display);
    text-transform: capitalize;
  }
  .has-primary-background-color .mobile-nav {
    background: var(--wp--preset--color--primary);
  }
  .mobile-nav ul.secondary-nav{
    opacity: 0.4;
    margin-top: var(--wp--preset--spacing--x-large);
  }
  /* Menu icon */
  #nav_icon{
    width: 24px;
    height: 18px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    z-index: 999;
  }
  #nav_icon span {
    display: block;
    position: absolute;
    height: 1.4px;
    width: 100%;
    border-radius: 10px;
    background: var(--wp--preset--color--primary);
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all .35s ease-in-out, opacity 0s .35s ease-in-out, background-color 0s 0s ease-in-out;
    -o-transition: all .35s ease-in-out, opacity 0s .35s ease-in-out, background-color 0s 0s ease-in-out;
    transition: all .35s ease-in-out, opacity 0s .35s ease-in-out, background-color 0s 0s ease-in-out;
  }
  .has-primary-background-color #nav_icon span {
    background: var(--wp--preset--color--secondary);
  }
  .mobile-header.close #nav_icon span {
    -webkit-transition: all .35s .35s ease-in-out, opacity 0s .35s ease-in-out, background-color 0s 0s ease-in-out;
    -o-transition: all .35s .35s ease-in-out, opacity 0s .35s ease-in-out, background-color 0s 0s ease-in-out;
    transition: all .35s .35s ease-in-out, opacity 0s .35s ease-in-out, background-color 0s 0s ease-in-out;
  }
  .mobile-header.open #nav_icon span.dash2,.mobile-header.open #nav_icon span.dash3 {
    -webkit-transition: .25s .35s ease-in-out, background-color 0s 0s ease-in-out;
    -o-transition: .25s .35s ease-in-out, background-color 0s 0s ease-in-out;
    transition: .25s .35s ease-in-out, background-color 0s 0s ease-in-out;
  }
  .mobile-header.close #nav_icon span.dash2,.mobile-header.close #nav_icon span.dash3 {
    -webkit-transition: .25s ease-in-out, background-color 0s 0s ease-in-out;
    -o-transition: .25s ease-in-out, background-color 0s 0s ease-in-out;
    transition: .25s ease-in-out, background-color 0s 0s ease-in-out;
  }
  #nav_icon span.dash1 {
    top: 0px;
  }
  #nav_icon span.dash2,#nav_icon span.dash3 {
    top: 50%;
  }
  #nav_icon span.dash4 {
    top: 100%;
  }
  .mobile-header.open #nav_icon span.dash1 {
    top: 50%;
  }
  .mobile-header.open #nav_icon span.dash2 {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .mobile-header.open #nav_icon span.dash3 {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .mobile-header.open #nav_icon span.dash4 {
    top: 50%;
    height: 0%;
  }
  .mobile-header.open #nav_icon span.dash1, .mobile-header.open #nav_icon span.dash4{
    opacity: 0;
  }

  .mobile-header.open #nav_icon span {
    background: var(--wp--preset--color--primary);
  }

  /* Menu content */
  .mobile-nav {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 9;
  }
  .mobile-header.open .mobile-nav{
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .scrolled_down .site-header .mobile-header .wp-block-image,
  .mobile-header.open .wp-block-image {
    opacity: 1;
  }
  .scrolled_down .site-header .mobile-header {
    background-color: var(--wp--preset--color--secondary) !important;
  }
  .home.scrolled_down #nav_icon span {
    background-color: var(--wp--preset--color--primary);
  }
  .home main {
    padding-top: 0 !important;
  }
  main{
    padding-top: calc(var(--wp--preset--spacing--x-small)*2 + 21px) !important;
  }

  /*helper class*/
  /* .mobile-70-vh {
    height: 70vh;
  } */

  .wp-block-column.do-not-stack-30 {
    flex-basis: 30% !important;
  }

  .wp-block-column.do-not-stack-70 {
    flex-basis: 70% !important;
  }
}

@media (max-width: 950px) {
  .stack-on-tablet {
    flex-wrap: wrap !important;
  }

  .stack-on-tablet > .wp-block-column {
    flex-basis: 100% !important;
  }
}

@media (max-width: 781px) {
  .wp-block-cover.aspect-vertical{
    min-height: 64vh !important;
    height: auto;
  }
  .wp-block-column.mobile-order-first {
    order: -1;
  }

  .mobile-full-width {
    max-width: 100% !important;
  }
}

@media (min-width: 781px) {
  a:hover::after {
    opacity: 0;
  }
  .site-header a:hover::after {
    opacity: 1;
  }

  .site-footer a:hover::after {
    opacity: 1;
  }

  .is-style-outline .wp-block-button__link:hover {
    border-color: transparent;
    background-color: transparent;
  }

  .forminator-button-submit:hover {
    border-color: transparent;
  }
}

@media (min-width: 1800px) {
  /* GENERAL BLOCKS */
  /*COLUMNS*/
  .wp-block-column.desktop-large-50 {
    flex-basis: 50% !important;
  }
}