/*
Theme Name: Divi Child Theme
Theme URI:
Author: Ced Luckett for ParisGroove
Author URI: cedluck.com
Description: A child theme template for Divi from cedluck. Please note we provide no warranty.
Version: 1.0.0
Template: Divi
*/

/* Custom CSS below this line only - DO NOT EDIT ABOVE THIS LINE */
/* change la couleur de la sélection des éléments du site*/
a {
	text-decoration: none !important;
}
::selection {
	color: #fff;
	background: #ECA809;
 }
/* Fancybox toolbar position*/
.fancybox-toolbar, .fancybox-thumbs__list {
	margin-top: 80px;
}
/* TEXT TWEAKS*/
strong.gras {
	font-family: 'Poppins 700';
}

/*****************************/
/*     LINKS ANIMATIONS      */
/*****************************/
/*Prevents top-nav opacity change on hover*/
.et-menu a:hover {
    opacity: 1;
}
/* Underline link animation */
.hover-underline-animation, .menu-item {
	display: inline-block;
	position: relative;
}
/*TOP-MENU NAV*/
.menu-item::before {
	content: '';
	position: absolute;
	width: 87%;
	transform: scaleX(0);
	height: 6px;
	bottom: 38%;
	left: 8px;
	background-color: #ECA809;
	transform-origin: bottom left;
	transition: transform 0.25s ease-out;
}

.menu-item:hover::before {
	transform: scaleX(1);
}

/*INLINE LINKS*/
.hover-underline-animation::before {
 	content: '';
 	position: absolute;
 	z-index: -1;
  	width: 100%;
  	transform: scaleX(1);
  	height: 4px;
	bottom: 10%;
	left: 0;
	background-color: #ECA809;
	transform-origin: bottom right;
}
.hover-underline-animation.title::before,
.hover-underline-animation.title::after{
	bottom: 20%;
}
.hover-underline-animation.title-1::before,
.hover-underline-animation.title-1::after{
	bottom: 30%;
}
.hover-underline-animation:hover::before {
	transform: scaleX(0);
	transform-origin: bottom left;
}
.hover-underline-animation::after {
	content: '';
	position: absolute;
	z-index: -1;
	width: 100%;
	transform: scaleX(0);
	height: 4px;
	bottom: 10%;
	left: 0;
	background-color: #ECA809;
	transform-origin: bottom right;
	transition: transform 0.35s ease-out;
}
.hover-underline-animation:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
/****************************/
/* FONT FLUID RESPONSIVNESS */
/****************************/
/*FRONT PAGE  HEADER*/
.et_pb_fullwidth_header .header-content-container .header-content h1.et_pb_module_header {
	animation: translate 1s ease 0s 1 normal forwards;
}
@keyframes translate {
	0% {
		transform: translateX(100px);
		opacity: 0.1;
	}

	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}
/*TEXT MODULE*/
/* font size*/
.fluid-responsiv-font.et_pb_text h1{
  font-size: clamp(32px, calc(2rem + ((1vw - 7.68px) * 0.8681)), 42px);
  min-height: 0vw;
}
.fluid-responsiv-font.et_pb_text h2 {
  font-size: clamp(30px, calc(1.875rem + ((1vw - 7.68px) * 1.3889)), 46px);
  min-height: 0vw;
}
@media (max-width: 768px) {.fluid-responsiv-font.et_pb_text h2 {font-size: 56px !important;}}
.fluid-responsiv-font.et_pb_text h3 {
  font-size: clamp(15px, calc(0.9375rem + ((1vw - 3.2px) * 0.125)), 17px);
  min-height: 0vw;
}
.fluid-responsiv-font.et_pb_text h4  {
  font-size: clamp(16px, calc(1rem + ((1vw - 3.2px) * 1)), 32px);
  min-height: 0vw;
}
.fluid-responsiv-font.et_pb_text p {
  font-size: clamp(16px, calc(1.0625rem + ((1vw - 3.2px) * -0.0625)), 17px);
  min-height: 0vw;
}
/*FP "performance" section custom width*/
.custom-responsiv-width-1.et_pb_text h2 {
  width: clamp(340px, calc(21.25rem + ((1vw - 7.68px) * 1.7361)), 400px);
  min-height: 0vw;
}
.custom-responsiv-width-2.et_pb_text h2 {
  width: clamp(220px, calc(13.75rem + ((1vw - 3.2px) * 3.75)), 280px);
  min-height: 0vw;
}
.custom-responsiv-width-3.et_pb_text h2 {
  font-size: clamp(700px, calc(43.75rem + ((1vw - 7.68px) * 5.2083)), 760px);
  min-height: 0vw;
}

/* "Vidéos" button*/
#page-container .et_pb_fullwidth_header .header-content-container .header-content a.et_pb_button.et_pb_more_button  {
	 font-size: clamp(16px, calc(1rem + ((1vw - 3.2px) * 0.25)), 20px);
  min-height: 0vw;
}
/****************************/
/*     SPACING TWEAKS       */
/****************************/
/* Removes default bottom padding */
.cl-spacing :is(h1, h2, h3, h4, h5, h6){
  padding: 0;
}
/* Sets default top margin for all text module items */
.cl-spacing * + * {
  padding: 0;
  margin-top: 0.8em;
}
/* Sets top paragraph margin where para follows a heading */
.cl-spacing :is(h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p)
 {
  margin-top: 1em;
}
/* Sets top heading margin where heading follows a paragraph */
.cl-spacing :is(p + h1, p+ h2, p + h3, p + h4, p + h5, p + h6) {
  margin-top: 0.8em;
}
/* Sets top  margin for unordered lists */
.cl-spacing * + ul {
  margin-top: 1em;
  margin-left: 1em;
}
/* Sets top and left margins for list items in UL */
.cl-spacing ul li {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  margin-top: 0.3em;
}
/* Sets top and left margins for ordered lists */
.cl-spacing * + ol {
  margin-top: 1em;
  padding-left: 1em;
}

/* Sets top and left margins for list items in OL */
.cl-spacing ol li {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0.3em;
}
/* Sets spacing between marker (number) and text in OL */
.cl-spacing ol li::before {
  content: "";
  padding-left: 0;
}
/* Sets margins and other styling for blockquote */
.cl-spacing blockquote {
  padding: 1.5em 3em;
  margin: 3em 0;
  font-weight: 800;
  color: #fff;
  background-color: #000;
  border-left-color: orange;
}

/******************************************/
/*   Move reCAPTCHA v3 badge to the left  */
/******************************************/
 
 .grecaptcha-badge {
  width: 70px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  left: 4px !important;
}

.grecaptcha-badge:hover {
  width: 256px !important;
}
/**************************/
/*       FOOTER           */
/**************************/
/*changes the bullet style on ul in the footer*/
.custom-list-bullets ul {
  list-style: none;
  margin-left: -12px;
}
.custom-list-bullets ul li:before {
  content: "\35" !important;
  margin-right: 5px;
}
/*back to top button tweaks*/
/*style the back to top button on hover*/
body .et_pb_scroll_top::before {
	content: "\42" !important;
}
body .et_pb_scroll_top {
	border-radius: 0px !important;
}
body .et_pb_scroll_top:hover {
	background-color: #eca809 !important;
}