/*
Theme Name: Prélude
Text Domain: prelude-studio
Template: Divi
Description:  Custom Wordpress theme based on Divi.
Author:       Nathan Mathieu
Version: 1.0.0
Author URI:   https://prelude-studio.com
*/

:root {
  --cefa-vert: #00a800;
  --cefa-vert-pale: #e5efec;
  --cefa-bleu: #183859;
  --cefa-gris: #737477;
  --vefa-dark: #262c41;
  --transition: all 0.45s;
  --radius: 20px;
}

.row_video {
  position: relative;
}

.bloc_avantage {
    width: max-content !important;
    max-width: 100%;
    margin-inline: auto !important;
    align-items: center;
}

.bloc_avantage > .et_pb_text {
    flex: 0 0 auto !important;
    width: max-content !important;
    max-width: 100%;
}

.nowrap {
  white-space: nowrap !important;
}
.icon_video {
  position: relative;
  cursor: pointer;
}

.icon_video::after {
  content: "";
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.2);
  /* background: red; */
  border-radius: 500px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.icon_video:hover::after {
  animation: waves 1s infinite ease;
  z-index: -1 !important;
}
.icon_video:hover .et-pb-icon {
  color: var(--cefa-vert) !important;
}

.module_carousel_banner .df-cpt-image-wrap {
  height: 260px; /* ajuste selon la hauteur souhaitée */
  overflow: hidden;
  position: relative;
  /* border-radius: var(--radius); */
}

.module_carousel_banner .df-cpt-image-wrap a {
  display: block;
  width: 100%;
  height: 100%;
}

.module_carousel_banner .df-cpt-image-wrap img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
  display: block;
}
.module_carousel_banner .df-cpt-image-wrap img:hover {
  filter: brightness(0.7);
}

.row_borders_col .et_pb_column {
  position: relative;
}
.row_borders_col .et_pb_column:not(:last-child)::after {
  content: "";
  position: absolute;
  height: 90%;
  width: 1px;
  right: -12%;
  background: var(--cefa-gris);
  opacity: 0.25;
}

.module_titre_h2 {
  position: relative;
}
.module_titre_h2::after {
  position: absolute;
  content: "";
  height: 2px;
  width: 60px;
  bottom: 0;
  left: 0;
  background: var(--cefa-vert);
}

@keyframes waves {
  0%,
  100% {
    transform: scale(1);
  }
  to {
    transform: scale(1.2);
  }
}