/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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.19_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/teamleden/styles/src/teamleden.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.team-members{
  display:grid;
  gap:2rem;
  grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr));
}

.team-member{
  border-radius:var(--border-radius-m);
  display:flex;
  flex-direction:column;
  justify-content:end;
  min-height:35rem;
  overflow:hidden;
  position:relative;
}
.team-member__image{
  height:100%;
  left:0;
  -o-object-fit:cover;
     object-fit:cover;
  -o-object-position:center top;
     object-position:center top;
  position:absolute;
  top:0;
  width:100%;
}
.team-member__content{
  background-color:var(--color-green-700);
  color:#fff;
  padding:2rem;
  position:relative;
  z-index:1;
}
.team-member__content:before{
  aspect-ratio:640/46;
  background-color:inherit;
  content:"";
  display:block;
  height:auto;
  left:0;
  -webkit-mask-image:url(/wp-content/themes/polderwindoss/assets/img/dividers/divider-side.svg);
          mask-image:url(/wp-content/themes/polderwindoss/assets/img/dividers/divider-side.svg);
  -webkit-mask-position:center top;
          mask-position:center top;
  -webkit-mask-repeat:no-repeat;
          mask-repeat:no-repeat;
  -webkit-mask-size:cover;
          mask-size:cover;
  position:absolute;
  top:0;
  transform:translateY(calc(-100% + 2px)) scaleX(-1);
  width:100%;
}
.team-member__location,.team-member__name,.team-member__role{
  line-height:1.1;
  margin:0;
  position:relative;
  z-index:1;
}
.team-member__name{
  font-size:1.5rem;
  font-weight:700;
  margin-bottom:.25rem;
}
.team-member__role{
  margin-bottom:1rem;
  text-transform:capitalize;
}
.team-member__extra-role{
  display:block;
  font-size:.75em;
  opacity:.8;
}
.team-member__location{
  align-items:baseline;
  display:flex;
  flex-flow:row nowrap;
  gap:.5rem;
}
.team-member__location:before{
  background-color:currentcolor;
  content:"";
  display:block;
  height:.9em;
  -webkit-mask-image:url(/wp-content/themes/polderwindoss/assets/img/location.svg);
          mask-image:url(/wp-content/themes/polderwindoss/assets/img/location.svg);
  -webkit-mask-repeat:no-repeat;
          mask-repeat:no-repeat;
  -webkit-mask-size:contain;
          mask-size:contain;
  opacity:.5;
  width:.9em;
}

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