/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.4_webpack@5.108.4/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/.pnpm/postcss-loader@8.2.1_postcss@8.5.16_typescript@5.9.3_webpack@5.108.4/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/.pnpm/sass-loader@17.0.0_sass@1.101.0_webpack@5.108.4/node_modules/sass-loader/dist/cjs/index.js??ruleSet[1].rules[1].use[3]!./components/blocks/tijdlijn/styles/src/tijdlijn.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.timeline{
  margin-block:var(--spacing-m);
  overflow-x:clip;
  padding-left:4rem;
}
.timeline__wrapper{
  display:flex;
  flex-direction:column;
  gap:4rem;
}
.timeline__wrapper:before{
  background-color:var(--color-green-600);
  border-radius:100vmax;
  content:"";
  display:block;
  height:calc(100% + 20rem);
  left:0;
  position:absolute;
  top:0;
  transform:translateY(calc(var(--spacing-m)*-1));
  width:1px;
  z-index:-1;
}
@media (max-width:940px){
  .timeline__wrapper:before{
    transform:translateY(calc(var(--spacing-m)*-.5));
  }
}
@media (max-width:460px){
  .timeline__wrapper:before{
    left:1rem;
  }
  .timeline__wrapper{
    gap:8rem;
    padding-inline:0 !important;
  }
}
.timeline__image{
  height:100rem;
  position:absolute;
  right:0;
  top:0;
  transform:translate(50%, -10rem);
  width:auto;
  z-index:-1;
}
@media (max-width:940px){
  .timeline{
    padding-left:2rem;
  }
}
@media (max-width:460px){
  .timeline{
    padding-left:0;
  }
}
.timeline{
  left:50%;
  margin-left:-50vw;
  margin-right:-50vw;
  position:relative;
  right:50%;
  width:100vw;
}

.timeline-item{
  background-color:var(--color-green-600);
  border-radius:var(--border-radius-s);
  color:#fff;
  max-width:-moz-max-content;
  max-width:max-content;
  opacity:var(--mo, 1);
  padding:4rem;
  position:relative;
  transform:translateX(var(--tx, 0));
}
.timeline-item:before{
  background-image:url(/wp-content/themes/encobaaijens/assets/img/diamond.svg);
  background-position:50%;
  background-size:contain;
  content:"";
  display:block;
  height:2.5rem;
  left:-4rem;
  position:absolute;
  top:4rem;
  transform:translateX(calc(-50% - var(--tx, 0))) scale(var(--is, 1));
  width:2.5rem;
}
@media (max-width:940px){
  .timeline-item:before{
    left:-2rem;
  }
}
@media (max-width:640px){
  .timeline-item:before{
    left:1rem;
    top:-4rem;
    transform:translateX(-50%) scale(var(--is, 1));
  }
}
@media (max-width:940px){
  .timeline-item{
    padding:2rem;
  }
}
@media (max-width:640px){
  .timeline-item{
    border-radius:0;
    transform:translateY(calc(var(--tx, 0)*-1));
  }
}

/*! Add Soul */
/*# sourceMappingURL=tijdlijn.css.map*/