h1, h2, h3, h4, h5, h6 {
  text-transform:none;
}
.p-item {
  width:100%;
  background-color:var(--lightgray);
  min-height:120px;
  height:172px;
  padding:25px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  text-decoration: none !important;
  color:var(--orange);
  background-size:cover;
  background-position:center top;
  margin-bottom:30px;
  z-index:1;
  position:relative;
  overflow:hidden;
}
.p-item:hover {
  color:var(--orange);
}

.p-item:after {
  content:" ";
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:-1;
  background:rgba(0,0,0,.50);

  backdrop-filter:grayscale(1);
}
  .p-item h3 {
    font-size: 30px;
	color:white;
	z-index:6;
	width:60%;
  }

  .p-item img {
	width:350px;
	position:absolute;
	top:0;
	right:0;
          mask: radial-gradient(160% 235% at 100% 62%, #000 58%, transparent 50%);
}




  .p-item .p-foot {
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:10px;
	z-index:7;
  }
    .p-item .p-foot .tags {
      gap:5px 10px;
      display:flex;
      overflow:hidden;
      flex-wrap:wrap;
      flex:1;
    }
    .p-item .p-foot .tags span {
      border-radius:50px;
      padding:5px 15px;
      background-color:transparent;
      color:white;
      font-size:12px;
      font-weight:600;
        white-space:nowrap;
		border:2px solid white;
    }

  .p-item .p-foot .arrow {
    height:30px;
    width:30px;
    border-radius:50%;
    text-align:center;
    line-height:32px;
    font-size:16px;
    background-color:white;
    transition:.3s;
  }
    .p-item:hover .p-foot .arrow {
      color:white;
      background-color:var(--orange);
    }




.p-item.objectief-selecteren:after {
	background-color:var(--pink);
}


.p-item.teamoptimalisatie:after {
  background-color:var(--green);
}

.p-item.talentmanagement:after {
  background-color:var(--darkblue);
}

.p-item.consultancy:after {
  background-color:var(--blue);
}

.p-item.coaching-ontwikkeling:after {
  background-color:var(--yellow);
}


.p-item.inclusiviteit:after {
  background-color:var(--orange);
}

.color-layer {
	position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  mix-blend-mode: multiply;
}

.color-layer.objectief-selecteren {
  background-color:var(--pink);
}
.color-layer.teamoptimalisatie {
  background-color:var(--green);
}

.color-layer.talentmanagement {
  background-color:var(--darkblue);
}
.color-layer.consultancy {
  background-color:var(--blue);
}

.color-layer.coaching-ontwikkeling {
  background-color:var(--yellow);
}
.color-layer.inclusiviteit {
  background-color:var(--orange);
}

.related-posts h3 {
	font-size:14px;
	width:100%;
}

.related-posts .p-item:hover .p-foot .arrow {
      color:white;
      background-color:var(--orange);
    }

.related-posts .p-item:hover .p-foot .ph-arrow-right {
      color:white;
    }

.related-posts .p-item::after {
  content: "";
  position: absolute;
  mix-blend-mode: multiply;
}

.related-posts .p-item.objectief-selecteren:after {
	background-color:var(--pink);
}
.related-posts .p-item.objectief-selecteren .ph-arrow-right {
	color:var(--pink);
}
.related-posts .p-item.objectief-selecteren:hover .p-foot .arrow {
	background-color:var(--pink);
}

.related-posts .p-item.teamoptimalisatie:after {
  background-color:var(--green);
}
.related-posts .p-item.teamoptimalisatie .ph-arrow-right {
	color:var(--green);
}
.related-posts .p-item.teamoptimalisatie:hover .p-foot .arrow {
	background-color:var(--green);
}


.related-posts .p-item.talentmanagement:after {
  background-color:var(--darkblue);
}
.related-posts .p-item.talentmanagement .ph-arrow-right {
	color:var(--darkblue);
}
.related-posts .p-item.talentmanagement:hover .p-foot .arrow {
	background-color:var(--darkblue);
}


.related-posts .p-item.consultancy:after {
  background-color:var(--blue);
}
.related-posts .p-item.consultancy .ph-arrow-right {
	color:var(--blue);
}
.related-posts .p-item.consultancy:hover .p-foot .arrow {
	background-color:var(--blue);
}


.related-posts .p-item.coaching-ontwikkeling:after {
  background-color:var(--yellow);
}
.related-posts .p-item.coaching-ontwikkeling .ph-arrow-right {
	color:var(--yellow);
}
.related-posts .p-item.coaching-ontwikkeling:hover .p-foot .arrow {
	background-color:var(--yellow);
}



.related-posts .p-item.inclusiviteit:after {
  background-color:var(--orange);
}
.related-posts .p-item.inclusiviteit .ph-arrow-right {
	color:var(--orange);
}
.related-posts .p-item.inclusiviteit:hover .p-foot .arrow {
	background-color:var(--orange);
}