/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* ---- Header ---- */
.elementor-sticky--active:not(.col-sticky-blog) {
	background-color: #104540;
	padding: 15px 0 !important;
}
.nav-page-contact.elementor-sticky--active{
    background-color: #f0f5f3 !important;
}
.elementor-sticky--active .e-con-inner {
	padding-top: 0;
}
.elementor-sticky--active img:not(.col-sticky-blog img){
	width: 70% !important;
}
/* ---- Marges/Paddings ---- */
.p-no-margin p:last-child{
    margin-bottom:0;
}
@media screen and (min-width:1024px){
	h2{
	margin-bottom: 20px;
	}
	h3{
	margin-bottom: 10px;
	}	
}
.section-merci{
	min-height: calc(100vh - 354px);
}
@media screen and (max-width:767px){
    .ancre-lp{
		top: -80px !important;
	}
	.section-merci{
		min-height:calc(100vh - 438px);
	}
    .saut-ligne-ordinateur{
        display:none;
    }
}
/* ---- Fonts ---- */
.elementor a{
	color: inherit;
}
/* Alignement liens dans liste à puces */
.elementor-widget .elementor-icon-list-item a{
    display: inline-block!important;
    width:auto!important;
    text-decoration: underline;
}
/* ---- Effets cards ---- */
/* Hover */
.cards-hover{
	transition: all 0.3s ease;
}
.cards-hover:hover{
	transform: scale(1.02);
}
@media screen and (max-width: 767px){
	.cards-hover:hover{
	transform: scale(1);
	}
}
/* Scroll horizontal */
@media screen and (max-width: 767px){
    .scroll-x-elements .e-con-inner, .scroll-x-elements > .e.con {
        display: flex;
        flex-wrap: nowrap !important;
        overflow-x: scroll;
        justify-content: flex-start !important;
        }
        .scroll-x-elements .e-con-inner>div{
            min-width: 80%;
        }
    /* Scroll horizontal cards */
        .scroll-section-image{
            padding-bottom: 10px;
            display: flex;
            flex-wrap: nowrap;
            overflow-x: scroll;
         }
         .scroll-section-image>div{
             width: 80%;
             min-height: 335px;
         }
         .programme.scroll-section-image>div:not(.module-4, .module-5){
            max-height: 385px;
         }
         .examen.scroll-section-image>div:not(.card-2){
            min-height: 622px;
         }
        
    /* Masquer scrollbar Chrome, Safari Opera */
        .scroll-x-elements ::-webkit-scrollbar, .scroll-section-image::-webkit-scrollbar{
         display: none;
        }
    /* Masquer scrollbar IE, Edge Firefox */
    .scroll-x-elements, .scroll-section-image{
        -ms-overflow-style: none; 
    }
}
/* Cards programme homepage en desktop */
@media screen and (min-width:1024px){
    .programme>div:not(.module-4, .module-5){
    max-height: 366px;
    }
}
    /* Effet carrousel */
    .swiper-slide-active{
        transition: all 0.3s ease;
    }
    .swiper-slide-next{
        opacity: 0.6;
        scale: 0.8;
    }
/* ---- Formulaire ---- */
form{
	width: fit-content !important;
}
form label{
	color: white !important;
    font-size: 13px;;
}
.icone{
	margin-bottom: 0 !important;
}
.input-invisible{
    display: none !important;
}
.mentions-legales span, .ff-el-group a{
    color: white !important; 
    font-size: 12px !important;
    font-weight: 400 !important;
}
.mentions-legales{
    margin: 0px !important;
}
.mentions-legales p{
    margin-top: 10px;
    margin-bottom: 0px;
}
.ff-el-group:not(.mentions-legales){
    margin-bottom: 10px !important;
}
.brochure-phone-jevalide .ff-el-input--content{
    margin-top: -5px;
}
.ff_submit_btn_wrapper .ff-btn-submit{
    background-color: white !important;
    color: black !important;
    transition: all 0.2s ease-in-out;
}
.ff_submit_btn_wrapper .ff-btn-submit:hover{
    background-color: #f0f5f4 !important;
    opacity: 1 !important;
}
/*Sélection du formulaire*/
.fluentform .ff-el-form-control {
    border-color:#004540!important;
    border-width:2px!important;
}
#ff_3_training, #ff_3_2_training, #ff_3_3_training, #ff_3_4_training, #ff_3_5_training{
	-webkit-appearance: none!important;
  background-image: url("https://www.youschool.fr/wp-content/uploads/2024/01/chevron-icone.svg")!important;
  background-repeat: no-repeat;
  background-position: 95%;
}
/*Container formulaire en desktop*/
.fluentform_wrapper_3{
    border-color:#04333d;
    border-width:1px;
    border-radius:20px;
    padding:15px;
    background-color:white;
}
/*Boutons du formulaire*/
.ff-btn-next {
    background-color: #fff!important;
	border: 2px solid #fff!important;
    color: #0b323d !important;
	opacity: 1;
	transition:0.3s;
}
.ff-btn-next:hover {
	opacity: 0.8;
	transition:0.3s;
}
/*Sélection du pays*/
.iti__country-name{
    font-size:15px;
}
.iti__country iti__standard{
     font-size:15px;
}
.iti__dial-code{
    font-size:15px;
}
/*1er bouton retour*/
.etape1 .ff-btn-prev{
    display:none!important;
}
/*Autres boutons retour*/
.ff-btn-prev{
    background-color: white!important;
    border-color:white!important;
    color:#0088FF!important;
    font-size:14px!important;
    font-weight: 300!important;
    padding: 0 5px!important;
    margin: 10px 0 0 3px!important;
}
/*Dernière étape boutons*/
.ff-t-column-1 {
    width: 100%!important;
}
.ff-t-column-2 {
    width: 100%!important;
}
.ff-btn-submit{
    width: 100%!important;
    margin-top:20px!important;
    padding:12px 20px 12px 20px!important;
	background-color: #04333d !important;
}
/*Espace entre les deux derniers boutons*/
.fluentform .ff-step-t-container {
    gap:0px!important;
}
/*Masquer le shortcode*/
.shortcode_espace{
    margin-bottom: -55px!important;
	color:white;
}
/*Espace au dessus du dernier sélecteur*/
.iti--allow-dropdown {
    margin-top:5px!important;
}
/* ---- Fin du formulaire ---- */

/* ---- Accordéons ---- */ 
.e-n-accordion-item-title-text{
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
}