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

:root {
  --pr-main: #1D40DF; 
  --pr-main-dark: #002CC1; 
  --pr-main-light: #3B54FF; 
  --pr-dark: #090621; 
  --pr-light: #F3F7FF; 
  --transition: all 0.2s;
  --radius: 20px;
}

*::selection{
    background-color: var(--pr-main-dark);
    color: white;
}
.hide_me {
  display: none !important;
}

/* ===================== */
/* LETTER SLIDE  */
/* ===================== */

/* Réglages (modifiables par module : ajoute ces variables sur le module Divi) */
.prelude_letter_slide {
  --pr-ls-duration: 800ms; /* durée de l'animation d'une lettre */
  --pr-ls-stagger: 50ms; /* décalage entre deux lettres (identique à DiviFlash) */
  --pr-ls-distance: 0.6em; /* positif = arrive de la droite, négatif = de la gauche */
  --pr-ls-ease: cubic-bezier(0.34, 1.56, 0.64, 1); /* repli "spring" pour vieux navigateurs */
}

/* Easing "spring" identique à DiviFlash (navigateurs récents) */
@supports (animation-timing-function: linear(0, 1)) {
  .prelude_letter_slide {
    --pr-ls-ease: linear(0, 0.07, 0.235, 0.44, 0.643, 0.818, 0.953, 1.046, 1.098, 1.119, 1.117, 1.1, 1.076, 1.052, 1.029, 1.011, 0.998, 0.99, 0.986, 0.986, 0.987, 0.99, 0.993, 0.996, 1);
  }
}

.prelude_letter_slide .pr-ls-word {
  display: inline-block;
  white-space: nowrap;
}

.prelude_letter_slide .pr-ls-char {
  display: inline-block;
  opacity: 0;
  transform: translateX(var(--pr-ls-distance));
}

.prelude_letter_slide .pr-ls-play .pr-ls-char,
.prelude_letter_slide.pr-ls-play .pr-ls-char {
  animation: prelude_letter_slide var(--pr-ls-duration) var(--pr-ls-ease) both;
  animation-delay: calc(var(--i) * var(--pr-ls-stagger));
}

@keyframes prelude_letter_slide {
  from {
    opacity: 0;
    transform: translateX(var(--pr-ls-distance));
  }
  to {
    opacity: 1;
    transform: none;
  }
}

/* Texte lu par les lecteurs d'écran (invisible) */
.prelude_letter_slide .pr-ls-sr {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

@media (prefers-reduced-motion: reduce) {
  .prelude_letter_slide .pr-ls-char {
    opacity: 1;
    transform: none;
    animation: none !important;
  }
}
/* ===================== */
/* FIN LETTER SLIDE  */
/* ===================== */