/*
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 */
.kb-zoomout .et_pb_slide .et_parallax_bg {
  animation: zoomout 8s forwards ease-in-out;
  -webkit-animation: zoomout 8s forwards ease-in-out;
  -moz-animation: zoomout 8s forwards ease-in-out;
  -o-animation: zoomout 8s forwards ease-in-out;
  background-position: center center;
}

.kb-zoomout .et_parallax_bg {
  animation: zoomout 8s forwards ease-in-out;
  -webkit-animation: zoomout 8s forwards ease-in-out;
  -moz-animation: zoomout 8s forwards ease-in-out;
  -o-animation: zoomout 8s forwards ease-in-out;
}

/* Keyframes zonder timing-functie binnenin */
@keyframes zoomout {
  0% {
    transform: scale3d(1.25, 1.25, 1.25) translate3d(0px, 0px, 0px);
  }
  100% {
    transform: scale3d(1.0, 1.0, 1.0) translate3d(0px, 0px, 0px);
  }
}

.kb-zoomout .et_parallax_bg {
  background-position: center!important;
}

/* EINDE Ken Burns Effect FPM */

/* 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 */


/* START font-sizes clamps */
h1, h2, h3, h4, h5, h6 {
  padding-bottom: 0px;
}

.et_pb_text_inner h1 {
  font-size: clamp(28px, 2.5vw, 48px);
}

@media (max-width: 768px) {
  .et_pb_text_inner h1:not(.custom *) {
    font-size: clamp(24px, 6vw, 32px);
  }
}

.et_pb_text_inner h2:not(.custom *) {
  font-size: clamp(28px, 2vw, 40px);
}

@media (max-width: 768px) {
  .et_pb_text_inner h2:not(.custom *) {
    font-size: clamp(22px, 5vw, 28px);
  }
}

.et_pb_text_inner h3:not(.custom *) {
  font-size: clamp(26px, 1.5vw, 34px);
}

@media (max-width: 768px) {
  .et_pb_text_inner h3:not(.custom *) {
    font-size: clamp(20px, 4.5vw, 26px);
  }
}

.et_pb_text_inner h4:not(.custom *) {
  font-size: clamp(22px, 1.2vw, 28px);
}

@media (max-width: 768px) {
  .et_pb_text_inner h4:not(.custom *) {
    font-size: clamp(18px, 4vw, 22px);
  }
}

.et_pb_text_inner h5:not(.custom *) {
  font-size: clamp(18px, 1vw, 22px);
}

@media (max-width: 768px) {
  .et_pb_text_inner h5:not(.custom *) {
    font-size: clamp(16px, 3.5vw, 18px);
  }
}

.et_pb_text_inner h6:not(.custom *) {
  font-size: clamp(16px, 0.9vw, 18px);
}

@media (max-width: 768px) {
  .et_pb_text_inner h6:not(.custom *) {
    font-size: clamp(14px, 3vw, 16px);
  }
}

.et_pb_blurb_description, .et_pb_text_inner, .et_pb_text_inner p:not(.custom *){
  font-size: clamp(0.95rem, 1.1vw, 1.1rem);
  line-height: 1.6;
}

.psize-10 p, .psize-10 .et_pb_text_inner{font-size:10px;}
.psize-11 p, .psize-11 .et_pb_text_inner{font-size:11px;}
.psize-12 p, .psize-12 .et_pb_text_inner{font-size:12px;}
.psize-13 p, .psize-13 .et_pb_text_inner{font-size:13px;}
.psize-14 p, .psize-14 .et_pb_text_inner{font-size:14px;}
.psize-14 p, .psize-14 .et_pb_text_inner{font-size:14px;}

/* EINDE font-sizes clamps */

/* Animatie Assortiment Blurb */
.assortiment_blurb:hover .et_pb_main_blurb_image {
  transform: translateX(8px);
  transition: transform 0.3s ease;
}

.assortiment_blurb .et_pb_main_blurb_image {
  transition: transform 0.3s ease; /* Zorg dat dit ook standaard staat */
}
/* EINDE - Animatie Assortiment Blurb */

html .et-db #et-boc .et-l .et_pb_db_shop_loop_0_tb_body .et_overlay::before, html .et-db #et-boc .et-l .et_pb_db_shop_loop_0_tb_body .et_pb_extra_overlay::before {
  content: "\024" !important;
  font-family: ETmodules !important;
	color: #036;
}