/* 
Theme Name: Hello Elementor Child
Theme URI: https://mimosacom.com/
Description: thême créé pour Mimosa Communication
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementorchild
*/

/* Add your custom styles here */


/********************************************************************************************/
/* générique */
/********************************************************************************************/
body{overflow-x: hidden;} /* Empêche l'apparition de l'ascenseur horizontal causée par les effets de mouvement vers la droite ou la gauche d'Elementor */
/*body > div.elementor{overflow-x: hidden;}*/ /* Empêche l'apparition de l'ascenseur horizontal causée par les effets de mouvement vers la droite ou la gauche d'Elementor */

/* accessibilité */
/*a:hover, a:focus {border: dotted 1px #7f7f7f !important;}*/
a:focus {border: dotted 1px #d51224 !important;}
button:focus {border: dotted 1px #d51224 !important;}

/* class */
.clearBoth{clear:both !important;height:0px !important; overflow: hidden !important;border:none !important;padding:0 !important;margin:0 !important;}

/********************************************************************************************/
/* elementor */
/********************************************************************************************/
.elementor-text-editor h2{color:inherit  !important;}
.elementor-text-editor h3{color:inherit  !important;}
.elementor-text-editor h4{color:inherit  !important;}
.elementor-text-editor a{text-decoration: underline !important;color:inherit  !important;}
.elementor-text-editor a:hover, .elementor-text-editor a:focus{text-decoration: underline dotted !important;color:inherit  !important;}
.elementor-text-editor p:last-child {margin-bottom:0px;}

.elementor-widget-text-editor h2{color:inherit  !important;}
.elementor-widget-text-editor h3{color:inherit  !important;}
.elementor-widget-text-editor h4{color:inherit  !important;}
.elementor-widget-text-editor a{text-decoration: underline !important;color:inherit  !important;}
.elementor-widget-text-editor a:hover, .elementor-widget-text-editor a:focus{text-decoration: underline dotted !important;color:inherit  !important;}
.elementor-widget-text-editor p:last-child {margin-bottom:0px;}
.elementor-widget-text-editor ul {margin-bottom:15px;}

.elementor-tab-content h3{color:inherit  !important;}
.elementor-tab-content h4{color:inherit  !important;}
.elementor-tab-content h5{color:inherit  !important;}
.elementor-tab-content h6{color:inherit  !important;}
.elementor-tab-content a{text-decoration: underline !important;color:inherit  !important;}
.elementor-tab-content p:last-child {margin-bottom:0px;}
.elementor-tab-content a:hover, .elementor-tab-content a:focus{text-decoration: underline dotted !important;color:inherit  !important;}

/* permet de ne pas avoir l'encadrement sur le texte lors du clic sur l'onglet des va et vient */
.elementor-toggle-title{display: block;} 

/* elementor pagination */
.elementor-pagination{padding: 20px;}
.elementor-pagination .page-numbers{font-size: 15px;line-height: 20px;padding: 10px 15px;margin: 5px;color:#FFFFFF;background: #d5c997;transition: all .5s;border-radius: 20px;}
.elementor-pagination .page-numbers:hover{font-size: 15px;line-height: 20px;padding: 10px 15px;color:white;background: #807657;transition: all .5s;border-radius: 20px;}
.elementor-pagination .page-numbers.current{font-size: 15px;line-height: 20px;padding: 10px 15px;color:white;background: #807657;transition: all .5s;border-radius: 20px;}

/* boucle carousel */
/* bug : les icônes de navigation ne sont pas centrées */ 
/* bug elementor : https://github.com/elementor/elementor/issues/23250 */
/*.swiper-pagination{transform: matrix(1, 0, 0, 1, 0, -15) !important;}*/
/* .swiper-pagination{transform:translate3d(0,0,0) !important;} */ /* utilisé sur cepie concept */


/********************************************************************************************/
/* thème */
/********************************************************************************************/


/*Typos - Mise en place pour le H1 de la page d'accueil*/

.roustelTitre{font-family: "Roustel", sans-serif;font-size: 95px;font-weight: 400;}
.poppinsLight{font-family: "Poppins", sans-serif;font-weight: 300;font-size: 35px;text-transform: uppercase;letter-spacing: 5px;}
@media screen and (max-width: 767px){
    .roustelTitre{font-size:55px !important;}
}

/*Header*/

.headerTransparent{background: rgba(255, 245, 204, 0.45); /* Fond semi-transparent obligatoire */backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px); /* Pour la compatibilité Safari */}
.btTransparent .elementor-button {background: #FFCC00 !important;backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(10px);border: 1px solid rgba(255, 255, 255, 0.4);color: #fff;transition: background 0.3s ease, border-color 0.3s ease;}

.btTransparent .elementor-button:hover {color: white !important;background: black!important;border-color: rgba(255, 255, 255, 0.6);}

/* bouton burger menu */
#menuHeader .e-n-menu-toggle:hover,
#menuHeader .e-n-menu-toggle:focus {
    background-color: transparent;
}

/*Module onglet  stylisé*/
.OngletMimosa > .elementor-widget-container > div > .e-n-tabs-heading > button{z-index: 2 !important;}
.OngletMimosa > .elementor-widget-container > div > .e-n-tabs-heading > button:hover{border-radius: 80px !important;}
.OngletMimosa > .elementor-widget-container > div > .e-n-tab-title{border-radius: 80px !important;}

/*bandeau de défilement de liens*/
html, body { overflow-x: clip; }
.VillesTrack {display: flex;width: max-content;margin: 0; padding: 0; list-style: none;animation: villes-scroll 110s linear infinite;}
.VillesTrack li {font-weight: 500;font-size: 1.2rem;}
.VillesTrack a { color: inherit; text-decoration: none; }
.VillesTrack li::after {content: "•";margin: 2.2rem;}
.VillesTrack:hover { animation-play-state: paused; }

@keyframes villes-scroll { to { transform: translateX(-50%); } }

/* header projet */
.headerProjet{margin-top:-80px;}
@media screen and (max-width: 1140px){
    .headerProjet{margin-top:-78px;}
}
@media screen and (max-width: 767px){
    .headerProjet{margin-top:-66px;}
}

/* footer form newsletter */
#formNewsletterFooter {
  position: relative;
}
#formNewsletterFooter .gf-turnstile-container {
  position: absolute;
  top: 100%;
  right: 0;
  width: 300px;
  margin-top: 8px;
}
@media (max-width: 767px) {
  #formNewsletterFooter .gf-turnstile-container {
    position: static;
    width: 100%;
  }
}


/********************************************************************************************/
/* plugins */
/********************************************************************************************/

/* ********************************************************************/
/* formulaire gravity : formulaire */
/* ********************************************************************/
/* lien politique de confidentialité souligné */
.gform_wrapper label a{text-decoration: underline;}

/* lien politique de confidentialité bien aligné sur form de contact */
#field_14_15 > div { display: flex;align-items: flex-start;}
#input_14_15_1{margin-right: 5px;}

/* aligner le bouton submit à droite */
body .gform_wrapper .gform_footer{justify-content: flex-end;}

/*formulaire inscription newsletter*/
#input_2_1 {border: none !important;border-radius: 50px 0px 0px 50px;}
#gform_submit_button_2{border-radius: 0px 50px 50px 0px;border: none;}
#gform_fields_2{display: grid !important;grid-column-gap: 0% !important;}
@media screen and (max-width: 768px) {
    #input_2_1 {border-radius: 50px 50px 50px 50px;}
#gform_submit_button_2{border-radius: 50px 50px 50px 50px;}
#field_submit_2{margin: auto !important;}
/*#gform_fields_2 {justify-items: center;}*/
}

/********************************************************************************/
/* TablePress */
/********************************************************************************/
.row-1 > th{background-color: #000000 !important; color: white !important; padding: 10px !important;}
tbody > tr > td {padding: 10px !important;}

/* ********************************************************************/
/* OSM elementor */
/* ********************************************************************/
/* permet de définir la largeur minimale de l'infobulle */
.leaflet-popup-content{min-width:150px;}

/********************************************************************************************/
/* PRINT */
/********************************************************************************************/
/*
@media print {
}
*/