.elementor-20 .elementor-element.elementor-element-28515669{--display:flex;--padding-top:2rem;--padding-bottom:0rem;--padding-left:5rem;--padding-right:5rem;}.elementor-20 .elementor-element.elementor-element-3419bb00{--display:flex;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-20 .elementor-element.elementor-element-ae2d25e{--display:flex;--padding-top:1rem;--padding-bottom:2rem;--padding-left:5rem;--padding-right:5rem;}.elementor-20 .elementor-element.elementor-element-56c6b9f{--grid-row-gap:20px;--grid-column-gap:10px;}.elementor-20 .elementor-element.elementor-element-56c6b9f a .elementor-portfolio-item__overlay{background-color:#F5F5F51C;}.elementor-20 .elementor-element.elementor-element-56c6b9f a .elementor-portfolio-item__title{color:var( --e-global-color-secondary );}@media(max-width:767px){.elementor-20 .elementor-element.elementor-element-28515669{--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-20 .elementor-element.elementor-element-ae2d25e{--padding-top:1rem;--padding-bottom:2rem;--padding-left:1rem;--padding-right:1rem;}}/* Start custom CSS for portfolio, class: .elementor-element-56c6b9f *//* Zorg dat de projectafbeelding-container position: relative heeft */
.project-item {
  position: relative;
  overflow: hidden;
}

/* Titelbalk onderaan de afbeelding */
.project-item h2,
.project-item h3,
.project-item .elementor-portfolio__title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #FF0D0AA6; /* semi-transparant rood */
  color: #F5F5F5; /* lichte tekstkleur */
  padding: 12px 20px;
  font-size: 1.3rem;
  font-weight: 600;
  margin: 0;
  text-align: left;
  z-index: 2;
}

/* Optioneel: subtiele overgang bij hover */
.project-item:hover .elementor-portfolio__title {
  background-color: #FF0D0ACC; /* iets minder transparant bij hover */
  transition: background-color 0.3s ease;
}/* End custom CSS */