#custom-home-portfolio h2 {
  position: absolute;
  bottom: 25px;
  margin: auto;
  z-index: 99;
  width: 100%;
  transition: all 0.3s;
}
#custom-home-portfolio .et_portfolio_image:hover h2 {
  opacity: 0;
}

@media only screen and (min-width: 981px) {
  #custom-home-portfolio .et_portfolio_image {
    transform: translate(0%, 0%);
    overflow: hidden;
  }
  #custom-home-portfolio .et_portfolio_image img {
    position: relative;
    z-index: 10;
  }
  #custom-home-portfolio .et_portfolio_image .et_overlay {
    z-index: 12;
    background-color: transparent;
  }
  #custom-home-portfolio .et_portfolio_image::before {
    content: "";
    margin-left: 0px;
    display: block;
    position: absolute;
    opacity: 1;
    top: 0px;
    left: -170%;
    width: 145%;
    height: 100%;
    z-index: 11;
    background-color: rgba(71, 61, 165, 0.78);
    transition-property: left;
    transition-duration: 0.6s;
    transform: skew(0.42turn);
  }
  #custom-home-portfolio .et_portfolio_image:hover::before {
    left: -23%;
  }
}
/* Buttons met animatie */
@media only screen and (min-width: 981px) {
  body .et_pb_button.button-hover-effect,
#home-slider .et_pb_button,
body .et_pb_portfolio_filter a,
#DISABLED-page-events .dsm_flipbox .dsm_flipbox_child:nth-child(2) {
    transform: translate(0%, 0%);
    overflow: hidden;
  }
  body .et_pb_button.button-hover-effect::before,
#home-slider .et_pb_button::before,
body .et_pb_portfolio_filter a::before,
#DISABLED-page-events .dsm_flipbox .dsm_flipbox_child:nth-child(2)::before {
    content: "";
    margin-left: 0px;
    display: block;
    position: absolute;
    opacity: 1;
    top: 0px;
    left: -140%;
    width: 125%;
    height: 100%;
    z-index: -1;
    background-color: #90c99e;
    transition-property: left;
    transition-duration: 0.6s;
    transform: skew(0.42turn);
  }
  body .et_pb_button.button-hover-effect:hover,
#home-slider .et_pb_button:hover,
body .et_pb_portfolio_filter a:hover,
#DISABLED-page-events .dsm_flipbox .dsm_flipbox_child:nth-child(2):hover {
    background-color: #864983 !important;
  }
  body .et_pb_button.button-hover-effect:hover::before,
#home-slider .et_pb_button:hover::before,
body .et_pb_portfolio_filter a:hover::before,
#DISABLED-page-events .dsm_flipbox .dsm_flipbox_child:nth-child(2):hover::before {
    left: -13%;
  }

  body .et_pb_portfolio_filter a.active:hover {
    background-color: #75bcb0 !important;
  }
}
/* Event blokken met animatie */
#DISABLED-page-events .dsm_flipbox .dsm_flipbox_child:nth-child(2)::before {
  left: -210%;
  width: 175%;
  transition-duration: 1s;
}
#DISABLED-page-events .dsm_flipbox .dsm_flipbox_child:nth-child(2):hover::before {
  left: -35%;
}

/*# sourceMappingURL=custom-2023-07-12.css.map */