/*
Theme Name: FPM
Theme URI:  https://fpmbv.com/
Author:     Klok Media
Author URI: https://www.klokmedia.nl/
Template:   Divi
Version:    1.0
License:    GNU General Public License v2 or later
*/

/* Ken Burns Effect FPM - Divi 5 section background */
/* Ken Burns - basis */
.kb-zoomout {
  position: relative;
  overflow: hidden;
}

/* Variant 1: section background */
.et_pb_section.kb-zoomout::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: inherit;
  background-size: cover;
  background-position: center center;
  animation: fpmZoomOut 8s ease-in-out forwards;
  transform-origin: center center;
  z-index: 0;
}

/* Originele section-achtergrond visueel verbergen, maar niet verwijderen */
.et_pb_section.kb-zoomout {
  background-size: 0 0 !important;
  background-repeat: no-repeat !important;
}

.et_pb_section.kb-zoomout > * {
  position: relative;
  z-index: 1;
}

/* Variant 2: Divi slider homepage */
.et_pb_slider.kb-zoomout .et_pb_slide {
  position: relative;
  overflow: hidden;
  background-size: cover !important;
  background-position: center center !important;
}

.et_pb_slider.kb-zoomout .et_pb_slide::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: inherit;
  background-size: cover;
  background-position: center center;
  animation: fpmZoomOut 8s ease-in-out forwards;
  transform-origin: center center;
  z-index: 0;
}

.et_pb_slider.kb-zoomout .et_pb_slide .et_pb_container {
  position: relative;
  z-index: 1;
}

/* Animatie */
@keyframes fpmZoomOut {
  0% {
    transform: scale(1.18);
  }

  100% {
    transform: scale(1);
  }
}

/* START onderlijn animatie op links */
.fpm-underline-lightblue{
  position:relative;
  display:inline-block;
}
.fpm-underline-lightblue::after {
top: 60%;
  height: 20px;
  width: 96%;
  left: 4%;
  background-color: #e6f0fa;
  transition: 0.3s ease all .1s;
  position: absolute;
  content: '';
  z-index: -1;
}

.fpm-underline-lightblue:hover::after {
  top:70%;
  left:2%
}

.fpm-underline-darkblue{
  position:relative;
  display:inline-block;
}
.fpm-underline-darkblue::after {
top: 60%;
  height: 20px;
  width: 96%;
  left: 4%;
  background-color: #003366;
  transition: 0.3s ease all .1s;
  position: absolute;
  content: '';
  z-index: -1;
}

.fpm-underline-darkblue:hover::after {
  top:70%;
  left:2%
}

.fpm-underline-white{
  position:relative;
  display:inline-block;
}

.fpm-underline-white::after {
top: 50%;
  height: 20px;
  width: 96%;
  left: 4%;
  background-color: #ffffff;
  transition: 0.3s ease all .1s;
  position: absolute;
  content: '';
  z-index: -1;
}

.fpm-underline-white:hover::after {
  top:70%;
  left:2%
}
/* EINDE onderlijn animatie op links */

/* Vast hoogte productloop */
/* Productafbeeldingen gelijke hoogte in Divi/WooCommerce loop */
/* Productafbeeldingen gelijke hoogte in Divi/WooCommerce loop */
.woocommerce ul.products li.product a img,
.et_pb_wc_related_products ul.products li.product a img,
.et_pb_shop ul.products li.product a img {
  width: 100%;
  aspect-ratio: 4 / 3;
  height: auto;
  object-fit: cover;
  object-position: center center;
}

.wpc-term-image-wrapper {
  background: #ffffff7a;
}