/*
Theme Name: Thuries
Description: Theme enfant du theme Divi.
Author: Webdesign Graphiste
Author URI: https://www.webdesign-graphiste.com/
Template: Divi
Version: 1.0
*/
@font-face {
	font-family: 'Antonio';
	src:  url('../../../wp-content/themes/Thuries/fonts/Antonio-VariableFont_wght.woff2') format("woff2 supports variations"),
url('../../../wp-content/themes/Thuries/fonts/Antonio-VariableFont_wght.woff2') format("woff2-variations");		
	font-weight: 100 900;
	font-style: normal;
    font-display: swap;
}
@font-face {
	font-family: 'Montserrat';
	src: url('../../../wp-content/themes/Thuries/fonts/montserrat-font-variable.woff2') format("woff2 supports variations"),
	url('../../../wp-content/themes/Thuries/fonts/montserrat-font-variable.woff2') format("woff2-variations");		
	font-weight: 100 900;
	font-style: normal;
    font-display: swap;
}

:root {
	--wdg-color-dark: #1A0C05;
	--wdg-color-light:#F2EFEB;
	--wdg-color-1: #F2AE30;
	--wdg-color-2: #F26E30;
	--wdg-color-3: #662E14;
	--wdg-color-4: #996E1F;
	--wdg-gradient: linear-gradient(to bottom, #F2AE30) 1 100%;
	--wdg-font-text: 'Montserrat', sans-serif;
	--wdg-font-title: 'Antonio', sans-serif;
	--wdg-size-XS: clamp(0.6875rem, 0.6721rem + 0.0877vw, 0.8125rem); /* 11 - 13px */
	--wdg-size-S: 16px;
	--wdg-size-M: min(max(16px, calc(1rem + ((1vw - 4.73px) * 0.8293))), 28px);
	--wdg-size-L: min(max(22px, calc(1.375rem + ((1vw - 4.3px) * 0.6711))), 32px);
	--wdg-size-XL: min(max(24px, calc(1.5rem + ((1vw - 4.3px) * 2.4161))), 60px);
	--wdg-size-XXL: min(max(32px, calc(2rem + ((1vw - 4.3px) * 4.2953))), 96px);

}
/*******************************
		GENERAL 
********************************/
body{
font-family:var(--wdg-font-text);
font-weight: 400;
font-style: normal;
}
h1,h2:not(.page-id-11638 h2),h3.font-title{
font-family:var(--wdg-font-title);
line-height: 100%;
margin-bottom: 32px;
}
h1,h2,h3{
	font-weight: 700;
}
h1{font-size: var(--wdg-size-XXL) !important;}
h2:not(.page-id-11638 h2){font-size: var(--wdg-size-XL) !important;}
h3{font-size: var(--wdg-size-L) !important;}
h3.wdcl-image-title,
.et_pb_number_counter .title{
	margin-bottom: inherit;
}

.size-XS{
	font-size: var(--wdg-size-XS);
}
.size-S{
	font-size: var(--wdg-size-S);
}
.size-M{
	font-size: var(--wdg-size-M);
}
.size-L{
	font-size: var(--wdg-size-L);
}
.size-XL{
	font-size: var(--wdg-size-XL);
}
.size-XXL{
	font-size: var(--wdg-size-XXL);
}

/*** BTN RETOUR VERS LE HAUT */
.et_pb_scroll_top.et-pb-icon{
	background-color: var(--wdg-color-1);
}
/******** RETIRER LA BORDURE DU HEADER */

header#main-header.et-fixed-header,
#main-header {
	-webkit-box-shadow: 0 2px 8px 0 rgba(50, 50, 50, 0.08) !important;
	-moz-box-shadow: 0 2px 8px 0 rgba(50, 50, 50, 0.08) !important;
	box-shadow: 0 2px 8px 0 rgba(50, 50, 50, 0.08) !important;
}

/******** CENTRER DU CONTENU VERTICALEMENT */

.wdg-centrer-verticalement {
	display: flex;
	flex-direction: column;
	justify-content: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
}
.wdg-aligner-bas{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.et_pb_menu .et_pb_menu__wrap{
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
#menu-menu-principal{
	align-items:center;
}
.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li>a:not(.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>.et_pb_menu_page_id-11635 a){
	padding-bottom: 0px !important;
}
/********  MENU MOBILE
en pleine largeur et le hamburger devient une croix pour fermer */
.et_mobile_menu {
	margin-left: -30px;
	padding: 5%;
	width: calc(100% + 60px);
	border-color: #fff !important;
}
.et_pb_menu_1_tb_header.et_pb_menu .et_mobile_menu{
	border-width: 1px;
}
.mobile_nav.opened .mobile_menu_bar:before {
	content: "\4d";
}
.nav li li{line-height: 1.2rem;}
#top-menu li li a{padding: 12px 20px;}
.mobile_menu_bar:before{font-size:42px;}

.btn-menu a{outline:2px solid var(--wdg-color-1);display: inline-block !important;padding: 12px !important;}
/* AUGMENTER LA LARGEUR CHAMP RÉS.CAPTCHA */
.et_pb_contact_right p input {
	max-width: 50px;
}

/* METTRE EXPOSANTS ET INDICES À LA BONNE TAILLE */
sup, sub {
	font-size: 70%;
}

/** FORM **/
.forminator-checkbox__wrapper{margin-top: 10px;}
.input[type="checkbox"]+label i,
.input[type="radio"]+label i{
	border:1px solid var(--wdg-color-dark) !important;
}
#et_pb_contact_rgpd_5_0+label{
	text-transform: inherit;
}
/** MOD.sliderE RESUME DIVI **/
.et_pb_blurb_position_left .et_pb_blurb_container{
	vertical-align: middle;
}

/** BUTTON **/
body .et_pb_button{
	text-align: center;
}

.qcd{cursor:pointer;}

/*******************************
		FIN GENERAL 
********************************/
/* Texte défilant */
.messagedefilant {
  display: block;
  padding: 70px 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.messagedefilant div {
  position: absolute;
  min-width: 100%; /* au minimum la largeur du conteneur */
}
.messagedefilant div span, 
.messagedefilant div:after {
  position: relative;
  display: inline-block;
  font-size: 90px;
  font-family:var(--wdg-font-title);
  color:transparent;
  white-space: nowrap;
  -webkit-text-stroke: 1px #fff;
	text-stroke: 1px #fff;
}
.messagedefilant div span {
  animation: defilement 20s infinite linear;
}

@keyframes defilement {
  0% { margin-left: -50%; }
  100% { margin-left: 50%; }
}

/*.tt-trace .et_pb_image_wrap img,*/
.tt-puce ul{list-style: none;}
.tt-puce ul li{
	border-bottom: 1px solid var(--wdg-color-dark);
	padding:24px 0;
}
.tt-trace .et_pb_divider_internal::before{
	content:"";
	display:block;
	width:400px;
	height: 226px;
	background: center / contain no-repeat url("../../../wp-content/themes/Thuries/medias/trace-pneu.png");
	position: absolute;
	bottom: -80px;
	right: -60px;
	transform: rotate(6deg);
}
.tt-titre h2{position: relative;z-index: 0;}
.tt-titre h2::before{
	content:"";
	display:block;
	width:60px;
	height: 60px;
	background: center / contain no-repeat url("../../../wp-content/themes/Thuries/medias/trace.svg");
	position: absolute;
	top: 0;
	left: -36px;
	z-index:-1;
}
/** TIMELINE **/
.timeline {
	overflow-x: hidden;
  }
  .timeline ul {
	padding: 250px 0;
	transition: all 1s;
  }
  
  .timeline ul li {
	position: relative;
	display: inline-block;
	list-style-type: none;
	height: 1px;
	background:var(--wdg-color-3);
  }
  
  .timeline ul li::after {
	content: '';
	position: absolute;
	top: 50%;
	left: calc(50% - 23px);
	bottom: 0;
	width: 46px;
	height: 46px;
	transform: translateY(-50%);
	border-radius: 50%;
	background:var(--wdg-color-1);
  }
  
  .timeline ul li div {
	position: absolute;
	width: 100%;
	text-align: center;
	padding: 16px 32px;
  }
  
  .timeline ul li:nth-child(odd) div {
	top: -16px;
	transform: translateY(-100%);
	max-width: 100%;
  }
  
  .timeline ul li:nth-child(even) div {
	top: calc(100% + 16px);
  }
  
  .timeline time {
	display: block;
	font-size: var(--wdg-size-XL);
	color:var(--wdg-color-1);
	font-weight: bold;
	margin: 16px 0;
  }
.swiper-button-next, .swiper-button-prev{color:var(--wdg-color-1);}

/*******************************
		MEDIA QUERIES 
********************************/
@media only screen and (max-width : 980px) {

	/******** INVERSER LE SENS DES COLONNES SUR MOBILE */
	.wdg-inverser-colonnes--section .wdg-inverser-colonnes--ligne {
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
}

@media screen and (max-device-width:768px) {
	/* INVERSER COLONNE TABLETTE MOBILE */
	.wdg-inverser-colonnes--tablette {
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
	.timeline ul{padding: 60px 0 250px 0;}
	.swiper-button-next, .swiper-button-prev{top:60px;}
	.timeline ul li:nth-child(odd) div{
		top: inherit;
    	transform: inherit;
	}
}

/*****************************************
	FIN MEDIA QUERIES
******************************************/