/* 
 Theme Name:     DiviPW
 Author:         PIM! Webdesign
 Author URI:     https://www.pimwebdesign.nl
 Template:       Divi
 Version:        1.0.1
*/ 

.project-row .et_pb_column{
	overflow: visible !important;
}
.project-products .et_pb_image_wrap{
	background: #f2f2f2;
	border-radius: 30px;
}
.project-products img{
	 mix-blend-mode: multiply;
}
.project-products .et_pb_text{
	min-height: 3.6em;
}
/* 1e kolom in elke rij (1,4,7, ...) */
.project-row > .et_pb_column:nth-child(3n+1) .et_pb_icon,
.project-row > .et_pb_column:nth-child(3n+1) .et_pb_icon a,
.project-row > .et_pb_column:nth-child(3n+1) .et-pb-icon,
.project-row > .et_pb_column:nth-child(3n+1) .et_pb_icon_wrap {
  color: #57b0b6 !important;
}

/* 2e kolom in elke rij (2,5,8, ...) */
.project-row > .et_pb_column:nth-child(3n+2) .et_pb_icon,
.project-row > .et_pb_column:nth-child(3n+2) .et_pb_icon a,
.project-row > .et_pb_column:nth-child(3n+2) .et-pb-icon,
.project-row > .et_pb_column:nth-child(3n+2) .et_pb_icon_wrap {
  color: #db6412 !important;
}

/* 3e kolom in elke rij (3,6,9, ...) */
.project-row > .et_pb_column:nth-child(3n) .et_pb_icon,
.project-row > .et_pb_column:nth-child(3n) .et_pb_icon a,
.project-row > .et_pb_column:nth-child(3n) .et-pb-icon,
.project-row > .et_pb_column:nth-child(3n) .et_pb_icon_wrap {
  color: #fdc300 !important;
}
.project-row > .et_pb_column .et_pb_icon:hover,
.project-row > .et_pb_column .et_pb_icon a:hover,
.project-row > .et_pb_column .et-pb-icon:hover,
.project-row > .et_pb_column .et_pb_icon_wrap:hover{
	color: #fff !important;

}
.project-row > .et_pb_column .et_pb_icon_wrap:hover{
	background-color: #db6412 !important;
}
.project-row .et_pb_column {
  position: relative;
  z-index: 0; /* maakt het mogelijk dat pseudo-element eronder blijft */
}

/* Donkere overlay */
.project-row .et_pb_column::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0); /* geen donkerte standaard */
  transition: background 0.4s ease;
  z-index: 1; /* ligt boven de achtergrond, maar onder de inhoud */
  pointer-events: none; /* zorgt dat links en hover in de kolom blijven werken */
  border-radius: 30px;
}

/* Bij hover wordt het donkerder */
.project-row .et_pb_column:hover::after {
  background: rgba(0, 0, 0, 0.4); /* pas de waarde aan voor meer/minder donker */
}

/* Zorg dat de inhoud boven de overlay zichtbaar blijft */
.project-row .et_pb_column > * {
  position: relative;
  z-index: 2;
}
body h2, body h3{
  color: #575756 !important;
}
.single-post .et_pb_post_content_0_tb_body .et_pb_section_0{
  padding: 0;
}
.single-post .et_pb_post_content_0_tb_body .et_pb_section {
  padding: 0;
}
.single-post .et_pb_post_content_0_tb_body .et_pb_section .et_pb_row{
  width: 100%;
  padding-bottom: 0;
}

.wpcf7 input:not([type="submit"]),
.wpcf7 textarea{
  border: 1px solid #575756;
  border-radius: 3px;
  width: 100%;    
  font-size: 14px;
  padding: 16px;
  margin-bottom: 10px;
  font-size: 16px;
}

.wpcf7 input[type="submit"]{
  background: #db6412;
  color: #fff;
  border-radius: 20px;
  border: none;
  padding: .3em 1em .5em 1em !important;
  font-size: 17px;
  font-weight: bold;
}
.wpcf7 input[type="submit"]:hover{
  cursor: pointer;
  opacity: .7;
}
.wpcf7-response-output{
  display: none !important;
}

@media only screen and (min-width : 981px) {

}

@media only screen and (max-width: 980px){

}