/*
Theme Name: Divi Child Theme
Theme URI: https://tourdelobiou.fr/
Description: Child Theme For Divi
Author: OWEB
Author URI: https://tourdelobiou.fr/
Version: 1.0.0
Template: Divi
*/

/* -------------- GENERIC -------------- */
:root { 
--ow_color1: #cbc5b5;						/* beige roche */
--ow_color1_20: rgba(203, 197, 181, 0.2);
--ow_color1_30: rgba(203, 197, 181, 0.3);
--ow_color1_50: rgba(203, 197, 181, 0.5);
--ow_color1_80: rgba(203, 197, 181, 0.8);
--ow_color1_90: rgba(203, 197, 181, 0.9);

--ow_color2: #8a8245;						/* vert foin */
--ow_color2_30: rgba(138, 130, 69, 0.3);
--ow_color2_50: rgba(138, 130, 69, 0.5);
--ow_color2_80: rgba(138, 130, 69, 0.8);

--ow_color3: #484b25;						/* vert foret */
--ow_color3_30: rgba(72, 75, 37, 0.3);
--ow_color3_50: rgba(72, 75, 37, 0.5);
--ow_color3_70: rgba(72, 75, 37, 0.7);
--ow_color3_80: rgba(72, 75, 37, 0.8);
--ow_color3_90: rgba(72, 75, 37, 0.9);


--ow_color4: #32361e;						/* vert foncé */
--ow_color4_30: rgba(50, 54, 30, 0.3);
--ow_color4_50: rgba(50, 54, 30, 0.5);
--ow_color4_70: rgba(50, 54, 30, 0.7);
--ow_color4_80: rgba(50, 54, 30, 0.8);
--ow_color4_90: rgba(50, 54, 30, 0.9);

--ow_color_white: #FFFFFF;						/* blanc */
--ow_color_white_30: rgba(255, 255, 255, 0.3);
--ow_color_white_50: rgba(255, 255, 255, 0.5);
--ow_color_white_60: rgba(255, 255, 255, 0.6);
--ow_color_white_70: rgba(255, 255, 255, 0.7);
--ow_color_white_80: rgba(255, 255, 255, 0.8);
--ow_color_white_90: rgba(255, 255, 255, 0.9);
--ow_color_white_95: rgba(255, 255, 255, 0.95);

--ow_color_black: #000000;						/* noir */
--ow_color_black_00: rgba(0, 0, 0, 0.0);
--ow_color_black_10: rgba(0, 0, 0, 0.1);
--ow_color_black_14: rgba(0, 0, 0, 0.14);
--ow_color_black_20: rgba(0, 0, 0, 0.2);
--ow_color_black_30: rgba(0, 0, 0, 0.3);
--ow_color_black_50: rgba(0, 0, 0, 0.5);
--ow_color_black_80: rgba(0, 0, 0, 0.8);

--ow-color-green-aec: #95d300;		/* ow green agri eco conseils */
--ow-color-gray: #ccc;
--ow-color-gray_03: rgba(204, 204, 204, 0.3);

}

/* -------------------------------------------------------------------------------- */
/* ------------------------------ ANIMATION keyframes ----------------------------- */
/* -------------------------------------------------------------------------------- */

/* Zoom in Keyframes */
@-webkit-keyframes zoomin {
  0% {transform: scale(1);}
  50% {transform: scale(1.1);}
  100% {transform: scale(1);}
}
@keyframes zoomin {
  0% {transform: scale(1);}
  50% {transform: scale(1.1);}
  100% {transform: scale(1);}
} /*End of Zoom in Keyframes */


/* opacity: 0; animation: fadeIn 2s ease-in forwards; */
@keyframes fadeIn {
  from {
 opacity: 0;
  }
  to {
 opacity: 1;
  }
}

/* opacity: 0; transform: translateY(10px);  animation: fadeInUp 1.5s ease-out forwards; */
@keyframes fadeInUp {
  to {
 opacity: 1;
 transform: translateY(0);
  }
}

/* opacity: 0; animation: fadeInOnce 17s linear infinite; */
/* Animation d’apparition */
@keyframes fadeInOnce {
  0% {
 opacity: 0;
  }
  10% {
 opacity: 1;
  }
  100% {
 opacity: 1;
  }
}

/* 1. Apparition de chaque ligne */
@keyframes fadeIn2 {
  0% {
 opacity: 0;
  }
  10% {
 opacity: 1;
  }
  75% {
 opacity: 1;
  }
  85% {
 opacity: 0;
  }
  100% {
 opacity: 0;
  }
}
/* 2. Disparition globale */
@keyframes fadeOutAll {
  0% {
 opacity: 1;
  }
  75% {
 opacity: 1;
  }
  85% {
 opacity: 0;
  }
  100% {
 opacity: 0;
  }
}


@keyframes arriveeRotation {
 0% {
  transform: translateX(-80px) rotate(-360deg);
  opacity: 0;
 }

 20% {
  opacity: 0.5;
 }

 40% {
  transform: translateX(0) rotate(0deg);
  opacity: 0.5;
 }

 100% {
  transform: translateX(0) rotate(0deg);
  opacity: 0.5;
 }
}

@keyframes arriveeRotation2 {
 0% {
  transform: translate(-150px, -20px) rotate(-360deg);
  opacity: 0;
 }

 20% {
	opacity: 0.5;
 }

 40% {
  transform: translateX(0) rotate(0deg);
  opacity: 0.5;
 }

 100% {
  transform: translateX(0) rotate(0deg);
  opacity: 0.5;
 }
}

@keyframes arriveeRotation3 {
 0% {
  transform: translate(-150px, -20px) rotate(-360deg);
  opacity: 0;
 }

 10% {
	opacity: 0.5;
 }

 20% {
  transform: translateX(0) rotate(0deg);
  opacity: 0.5;
 }

 100% {
  transform: translateX(0) rotate(0deg);
  opacity: 0.5;
 }
}

@keyframes fadeIn3 {
 0% {opacity: 0; }
 20% {opacity: 0.5; }
 40% {opacity: 0.5; }
 100% {opacity: 0.5; }
}

/*
Arrivée hors écran + rotation		translateY(-150px)
	animation: arriveeHorsEcran 5s ease-in-out infinite;

animation rapide mais une longue pause :
	animation: arriveeHorsEcran 1.2s cubic-bezier(.4,0,.2,1) infinite;
	animation-delay: 3.8s;

Option bonus : arrivée légèrement en diagonale
	transform: translate(-120vw, -20px) rotate(-720deg);
*/
@keyframes arriveeHorsEcran {
 0% {
  transform: translateX(-120vw) rotate(-720deg);
  opacity: 0;
 }

 20% {
  opacity: 1;
 }

 40% {
  transform: translateX(0) rotate(0deg);
  opacity: 1;
 }

 100% {
  transform: translateX(0) rotate(0deg);
  opacity: 1;
 }
}

/* -webkit-animation: pulse 2s infinite;  animation: pulse 2s infinite; */
@keyframes pulse {
  0% {
 -moz-box-shadow: 0 0 0 0 rgba(78, 149, 37, 0.4);
 -webkit-box-shadow: 0 0 0 0 rgba(78, 149, 37, 0.4);
 box-shadow: 0 0 0 0 rgba(78, 149, 37, 0.4); }
  70% {
 -moz-box-shadow: 0 0 0 30px rgba(78, 149, 37, 0);
 -webkit-box-shadow: 0 0 0 30px rgba(78, 149, 37, 0);
 box-shadow: 0 0 0 30px rgba(78, 149, 37, 0); }
  100% {
 -moz-box-shadow: 0 0 0 0 rgba(78, 149, 37, 0);
 -webkit-box-shadow: 0 0 0 0 rgba(78, 149, 37, 0);
 box-shadow: 0 0 0 0 rgba(78, 149, 37, 0); } }
	
	
@keyframes bounceVertical {
 /* position de repos */
 0% {
  transform: translateY(0);
 }

 /* rebond 10%, 20%, 30%, 40%, 50% */
 5% {
  transform: translateY(5px);
 }

 15% {
  transform: translateY(-4px);
 }

 20% {
  transform: translateY(4px);
 }

 25% {
  transform: translateY(-2px);
 }

 /* retour à l’état initial */
 30% {
  transform: translateY(0);
 }

 /* pause jusqu’à la fin des 6s */
 100% {
  transform: translateY(0);
 }
}

@keyframes fade-out-down {
  0% {
 opacity: 1;
 transform: translateY(0);
  }
  100% {
 opacity: 0;
 transform: translateY(20px);
  }
}

@keyframes bounce2 {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}


/* 	animation: bounce7 7s ease infinite; 
	2s sur 7s ≈ 28%, le reste (72%) est une pause immobile		
*/


@keyframes bounce7 {
  /* Animation (0 → ~28%) = 2s */
  0%, 5.7%, 14.3%, 22.9% {
 transform: translateY(0);
  }
  11.4% {
 transform: translateY(-30px);
  }
  17.1% {
 transform: translateY(-15px);
  }

  /* Pause (reste du temps) */
  28%, 100% {
 transform: translateY(0);
  }
}


@keyframes fadeInHero {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes underlineAnim {
  0%   { transform: scaleX(0); }
  10%  { transform: scaleX(1); }
  100%  { transform: scaleX(1); }
}