/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/






/*---------------------------------------- Css filtre formations ----------------------------------------*/


.post-formations .fusion-filter a {
	padding-right: 15px !important;
	padding-left: 15px !important;
}

.post-formations .fusion-active a {
	background-color: #F1F8FE !important;
	border-radius: 8px !important;
}

.post-formations .fusion-filters li {
	margin-left: 3px !important;
	margin-right: 3px !important;
}

.post-formations .fusion-filters {
	width: fit-content !important;
	border-radius: 8px !important;
	padding-left: 1px !important;
	padding-right: 1px !important;
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}

.post-formations > div {
	display: flex !important;
	justify-content: center !important;
}




/* Header */
.header-btn i {
	font-size: 12px!important;
	margin-left: 17px!important;
}
.header-sep {
	width: 100%; /* ou une largeur fixe si tu préfères */
  	height: 1px;
  	background: linear-gradient(
    	to right,
    	rgba(255, 255, 255, 0) 8%,
    	rgba(255, 255, 255, 0.76) 50%,
    	rgba(255, 255, 255, 0) 94%
  );
}

/* RESPONSIVE HEADER */
@media screen and (min-width: 1025px) and (max-width: 1450px) {
	.header-container {
		padding-left: 5%!important;
		padding-right: 5%!important;
	}
	.header-col1 {
		width: 17%!important;
	}
	.header-col2 {
		width: 46%!important;
	}
	.header-col3 {
		width: 37%!important;
	}
}
@media screen and (min-width: 1025px) and (max-width: 1300px) {
	.header-tel {
		margin-right: 30px!important;
	}
}
@media screen and (min-width: 1025px) and (max-width: 1200px) {
	.header-tel {
		font-size: 15px!important;
	}
	.header-btn {
		padding-left: 15px!important;
		padding-right: 10px!important;
		padding-top: 8px!important;
		padding-bottom: 8px!important;
	}
	.header-btn > .fusion-button-text {
		font-size: 15px!important;
	}
	.header-btn i {
    	font-size: 10px !important;
    	margin-left: 12px !important;
	}
	.header-menu ul {
		font-size: 15px!important;
		--awb-gap: 5%!important;
	}
}


/* HOME */
.inner-h1-title {
	background: linear-gradient(to right, #93CDFC, #61B1F2)!important;
	-webkit-background-clip: text!important;
	background-clip: text!important;
	color: transparent!important;
	font-size: 18px!important;
	font-weight: 800 !important;
    letter-spacing: 0 !important;
}
.btn-with-arrow i {
	font-size: 12px!important;
	margin-left: 17px!important;
}
.hero-arrow-col {
	justify-content: flex-end!important;
}
.hero-arrow-col > .fusion-column-wrapper {
	width: fit-content!important;
}

.counter-data .display-counter {
	font-family: sora!important;
	font-weight: 800 !important;
}
.counter-data .counter-box-content {
	font-family: outfit!important;
	font-weight: 500 !important;
	margin-top: -100px!important;
	letter-spacing: 0!important;
}
.counter-data .unit {
	font-size: 50px!important;
	font-family: sora!important;
	font-weight: 800 !important;
}

.fond-large {
	width: 102vw!important;
}

.contact-form-section label {
	font-family: 'Outfit' !important;
}

.contact-form label {
	font-weight: 500 !important;
}

.contact-form input {
	font-family: 'Outfit' !important;
	font-size: 10px !important;
}


@media screen and (max-width: 640px) {
	
	.titre p{
		font-size:20px !important;
	}
	.titre h2{
		font-size:20px !important;
	}
	.titre h3{
		font-size:20px !important;
	}
	.text p {
		font-size: 13px !important;
	}
	.bouton span {
		font-size: 13px !important;
	}
	.blog {
		margin-top: 0px !important;
		margin-bottom: 10px !important;
	}
	.h1-home-title h1{
		font-size: 24px !important;
		margin-bottom: 20px !important;
	}
	.h1-home-title span{
		font-size: 15px !important;
		margin-bottom: 100px !important;
	}
	.top-arrow div {
		width: 40px !important;
	}
	.titre-icon p {
		font-size: 15px !important;
		font-weight: 500 !important;
	}
	.titre-icon {
		margin-bottom: 0px !important;
	}
	.faq span {
		font-size: 15px !important;
	}
	.faq #text {
		font-size: 13px !important;
	}
	.titre-m h1{
		font-size: 25px !important;
	}
	.titre-m h2{
		font-size: 20px !important;
	}
	.titre-m h3{
		font-size: 18px !important;
	}
	.text-m p{
		font-size: 15px !important;
	}
	.texte-rp p{
		font-size: 13px !important;
	}
	.titre-mrc h1{
		font-size: 22px !important;
	}
	
	.titre-mrc h2{
		font-size: 18px !important;
	}
	.button-rp span {
		font-size: 13px !important;
	}
	.icone-mrc {
		width: 120px !important;
	}
}