.taxonomy-filter {
  margin-bottom: 20px;
  position:relative;
  overflow:visible;
  display:inline-block;
  width:100%;
}
  .taxonomy-filter label {
    margin-top:20px;

  }
  .taxonomy-filter label:after {
    content:" ";
    width:8px;
    height:8px;
    border-right:1px solid var(--darkgray);
    border-top:1px solid var(--darkgray);
    transform:rotate(45deg);
    bottom:18px;
    right:35px;
    position:absolute;
  }

.taxonomy-filter select {
  padding: 10px 25px;
  border: 0;
  border-radius:50px;
  background-color:var(--lightgray);
  color:var(--darkgray);
  min-width:200px;

  width:100%;

  -webkit-appearance:none;
}

.p-item {
  width:100%;
  aspect-ratio: 1 / .56;
  background-color:var(--lightgray);
  min-height:120px;
  padding:25px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  text-decoration: none !important;
  color:var(--orange);
  background-size:cover;
  background-position:center;
  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: 14px;
	color:white;
  }
  .p-item .p-foot {
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:10px;
  }
    .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:hover .p-foot .ph-arrow-right {
      color:white;
    }



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

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

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


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


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


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



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