/*
Theme Name: Docteur Helmer
Description: Thème pour Docteur Helmer
Author: Nicolas Schiff
Author URI: https://www.nicolasschiff.com
Template: hello-elementor 
Version: 1.0
*/

/* ########## Animations CSS pour faire flotter les images ##########*/
/* ################################################################# */

.float-shadow{
  animation: float 3s ease-in-out infinite;
  will-change: transform, filter;
}
.float-shadow img{
  animation: shadowPulse 3s ease-in-out infinite;
  will-change: filter;
}

@keyframes float{
  0%{transform: translateY(0)}
  50%{transform: translateY(-30px)}
  100%{transform: translateY(0)}
}
@keyframes shadowPulse{
  0%{filter: drop-shadow(0 12px 18px rgba(0,0,0,.18))}
  50%{filter: drop-shadow(0 22px 28px rgba(0,0,0,.10))}
  100%{filter: drop-shadow(0 12px 18px rgba(0,0,0,.18))}
}

.shine{
  position: relative;
  overflow: hidden;
}
.shine:after{
  content:"";
  position:absolute;
  top:-20%;
  left:-60%;
  width:40%;
  height:140%;
  transform: rotate(20deg);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.45), transparent);
  animation: shine 3.5s ease-in-out infinite;
}

@keyframes shine{
  0%{left:-60%}
  60%{left:120%}
  100%{left:120%}
}

@media (prefers-reduced-motion: reduce){
  .float-shadow, .shine {
    animation: none !important;
  }
}

/* ########## Fin animations CSS ##########*/
/* ########################################*/