/*
Theme Name: Dessintey
Description: Divi child theme
Author: Laurent Holdrinet
Template: Divi
Version: 2.0
*/

/*set the width of the rows inside the Post Content module*/
.et-db #et-boc .et-l .et-l--post .et_builder_inner_content .et_pb_row {
	width: 100%;
}

/*	*********************************************	*/
/*					Mega Menu						*/
/*	*********************************************	*/

/*	Pee Aye	*/
/*	Vertical align blurb image & text	*/
/* Media query for devices with a minimum width of 767 pixels */
@media (min-width: 767px) {
    /* Flexbox display for blurb content */
    .pa-vertical-align-blurb .et_pb_blurb_content {
        display: flex!important;
    }
/* Flexbox display for blurb container */
    .pa-vertical-align-blurb .et_pb_blurb_container {
        display: flex!important;
        justify-content: center; /* Center align blurb container horizontally */
        flex-direction: column; /* Arrange blurb container content in a column */
    }
/* Flexbox display for main blurb image */
    .et-db #et-boc .et-l .pa-vertical-align-blurb .et_pb_main_blurb_image {
        display: flex;
        width: auto!important; /* Ensure blurb image width adjusts automatically */
        margin-bottom: 0px!important; /* Remove bottom margin for better alignment */
    }
}

/*	Ordre selecteur langues	*/
/* 1. Toujours le Flexbox sur le conteneur */
.et_pb_code_inner {
    display: flex !important;
    flex-direction: column !important;
}
/* 2. On trie par la destination du lien (le slug de langue) */
.et_pb_code_inner a[href*="/en/"] { order: 1 !important; }
.et_pb_code_inner a[href*="/fr/"] { order: 2 !important; }
.et_pb_code_inner a[href*="/de/"] { order: 3 !important; }
.et_pb_code_inner a[href*="/it/"] { order: 4 !important; }
.et_pb_code_inner a[href*="/es/"] { order: 5 !important; }
/*				*/

/*	style titre & sous-titre sous MMenu	*/
.pa-vertical-align-blurb .turquoise {
/*	font-size:15px;*/
}
/*	style lien LANG shortcode LSMS	*/
.langswitchlist a {
	color: #ffffff;
	/*border-bottom: 1px solid rgba(255,255,255,0.11);*/
	padding: 6px 0;
}
/*	*****************************************	*/
/* Création du voile sombre */
.dsm-submenu-inner-container::before {
    content: '';
    position: fixed; /* Fixe par rapport à la fenêtre du navigateur */
    top: 0;
    left: 0;
    width: 100vw; /* 100% de la largeur de la vue */
    height: 100vh; /* 100% de la hauteur de la vue */
    background: linear-gradient(
    	to bottom, 
       	rgba(255, 255, 255, 0) 0%,			/* Transparent au départ (en haut) */
        rgba(255, 255, 255, 0) 111px,		/* Devient sombre après 50 pixels de descente */
        rgba(255, 255, 255, .88) 112px,
		rgba(255, 255, 255, .88) 100%			/* Reste sombre jusqu'en bas */
    );
    z-index: -1; /* Se place DERRIÈRE le sous-menu */
    
	/* Animation fluide (optionnel) */
    opacity: 0;
    animation: fadeIn 0.3s forwards;
    pointer-events: none; /* Permet de ne pas bloquer les clics si bug */
}
/* Petite animation pour que l'ombre n'arrive pas trop brutalement */
@keyframes fadeIn {
    to { opacity: 1; }
}
/*	voile custom W bkgd CF7 popups	*/
.da-overlay-visible .da-overlay {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}
.da-overlay {
    background: rgba(255,255,255, .88);
}
/*	voile custom W bkgd VIDEO popups	*/
.vp-modal {    
    background:  rgba(255,255,255, .88);
    backdrop-filter: none;
}

/*	*****************************************	*/
/*			TYPO								*/
/*	*****************************************	*/
strong, b {
    font-weight: 600;
    /*color: #00c1de;*/
}
.turquoise, .liteblue {
	color: #00c1de;
}
.darkblue {
	color: #002856;
}
.stiimpgreen {
	color: #09b88d;
}
.srtblue {
	color: #0c7ff5;
}
.nodessgrey {
	color: #667e9a;
}
.strongoise {
	font-weight: 600;
	color: #00c1de;
}
.super {
	vertical-align:super;
	font-size:0.5em;
}

/* Aligner verticalement les colonnes d'une rangée */
.row_vertical_align {
  display: flex;
  flex-direction: row;
  align-items: center;  /* centre verticalement */
}

/* Important pour que les colonnes se comportent correctement */
.row_vertical_align .et_pb_column {
  display: flex;
  flex-direction: column;
}
/* Inverser les colonnes uniquement dans la rangée .rangee-inversee */
@media only screen and (max-width: 767px) {
  .rangee-inversee {
    display: flex;
    flex-direction: column;
  }
  .rangee-inversee .colinv-1 {
    order: 2;
  }
  .rangee-inversee .colinv-2 {
    order: 1;
  }
}

/*	LINKS	*/
a.desslink {
	border-bottom: 1px solid #00C1DF;
}
a.desslink:hover {
	color: #00C1DF;
	border-bottom: none;
}
/*	*/

/*	*******************************	*/
/*			STABILO					*/
/*	*******************************	*/
.bluestabilo {
	background-color: rgba(0, 193, 222, .66);
	padding: 2px 0px;
	color: #ffffff;
}
/*	stabilo origine objectifs activites SRT Lab quickstart	*/
.lilgreystabilo {
	background-color: #f5f5f7;
	padding: 1px 2px;
}

/*.whitestabilo {
	background-color: rgba(255, 255, 255, .33);
	padding: 2.5px 10px;
}*/

.rd_bluestabilo {
	background-color: rgba(0, 193, 222, .66);
	color: #002856;
	border-radius: 9px 9px 0 0;
	padding: 6px 9px;
}

/*	*******************************	*/
/*			Liens ancres			*/
/*	*******************************	*/
a.underturq {
	border-bottom: 1px solid #00C1DE;
}
#myfooter a {
	color: #fff;
	border-bottom: 1px solid #00C1DE;
}
.anoborder {
	border-bottom: none !important;
}
/*	bordures images sliders	*/
.desslider img {
  border-radius: 9px!important;
}

/*	*******************************	*/

/* couleur bullets	*/
/* OL	*/
ol {
  list-style: none !important;
  counter-reset: my-awesome-counter;
}
ol li {
  counter-increment: my-awesome-counter;
  position: relative;
  padding-left: 2em; /* Espace total pour le numéro + le vide */
  margin-bottom: 8px;
}
ol li::before {
  content: counter(my-awesome-counter) ". ";
  color: #00D1DE;
  position: absolute;
  left: 0; /* Aligne le chiffre à gauche du padding */
  width: 2em; /* Largeur fixe pour le chiffre */
}
/*	UL	*/
ul.turqist {
  list-style: none !important;
}
ul.turqist li::before {
	content: "• ";
	color: #00D1DE;
	display: inline-block;
	width: 1em;
	margin-left: -1em
}

/*	*********************************************	*/
/*					SWPM						*/
/*	*********************************************	*/
input[type=submit].swpm-login-form-submit,
input[type=submit].swpm-pw-reset-submit,
input[type=submit].swpm-edit-profile-submit {
	font-size: 17px;
	padding:0.3em 0.7em; 
    background:#fff; 
    border:1px solid #00c1de;
    cursor:pointer;
    -webkit-border-radius: 25px;
    border-radius: 25px; 
}
/*	reset passwd	*/
input[type=submit].swpm-pw-reset-submit,
input[type=submit].swpm-edit-profile-submit {
	margin-top:22px;
}
/*	style message erreur après Submit	*/
.swpm-login-widget-action-msg {
	font-weight: 400;
	color: #f72529;
}

/*	TN carrés dans galerie page ressources	
 * 	https://www.markhendriksen.com/how-to-change-the-divi-gallery-thumbnail-size/#:~:text=The%20Divi%20gallery%20module%20comes,)%20or%20portrait%20(400x516px).
 * 	*/
.dess_square_gallery_tn .et_pb_gallery_image {
  padding-top: 100%;
}
.dess_square_gallery_tn .et_pb_gallery_item img {
  position: absolute;
  height: 100%;
  bottom: 0;
  object-fit: cover;
}

/*	articles meta	*/
.et_pb_post .post-meta {
	color: #00C1DE !important;
}

/*	barre inférieure	*/
#footer-info {
	float: none;
    text-align: center;
}
#footer-info a {
	border-bottom: 1px solid #00C1DE;
	font-weight: 600;
}

/*	form contact	*/
.et_pb_contact p input {
background-color: #fff !important;
}

/*	virer espace margin/padding après footer dans articles	*/
#left-area {
	padding-bottom:0px !important;
}
.single .et_pb_post {
    margin-bottom: 0px;
}
.single .post {
    padding-bottom: 0px;
}

/*******************************
* Formulaire Contact Form 7
https://knowledge.parcours-performance.com/wordpress-contact-form-7-avec-style-divi/
*******************************/

input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
    width: 100%;
    padding: 12px;
    border: none;
	/*border: 1px solid #c1c1c1;
    /*border-bottom-width: 2px;*/
    /*border-radius: 12px ;*/
    /*color: #999;*/
    background-color: #ffffff;
	
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea,
.wpcf7 select {
font-size: 16px;
/*font-weight: 300;*/
/*color: #ccd2d0;*/
}


/* ***************************	*/
/* MENU	*/
/* LSMS + Mega Menu */
/* ****************************************** */
/* CONFIGURATION STRUCTURELLE (Positionnement) */
/* On force le sous-menu à s'aligner sur le bord DROIT du parent EN */
/*.dsm-mega-menu-item-root .dsm-submenu-container {
    width: 80px !important; 
    min-width: 80px !important;
    left: auto !important;   /* Annule l'alignement gauche */
/*    right: 0 !important;      /* Aligne à droite */
/*}
/* Nettoyage des espacements internes Divi */
/*.dsm-submenu-container .et_pb_section, 
.dsm-submenu-container .et_pb_row {
    width: 100% !important;
    max-width: 100% !important;
    padding: 5px 0 !important;
    margin: 0 !important;
}
/* ****************************************** */
/* STYLE DES LIENS (Apparence)                */
/* Style de base des liens de langue */
/*.et_pb_code_inner > a {
    display: flex !important;
    align-items: center !important;
    padding: 8px 15px !important;
    text-decoration: none !important;
    font-family: inherit;
    font-size: 16px !important;
    color: #FFFFFF !important; /* Texte blanc pour fond sombre */
/*    transition: background 0.2s;
/*}
.et_pb_code_inner > a:hover {
    background-color: rgba(255,255,255,0.1) !important;
}
/* Gestion des drapeaux (PNG) */
/*.et_pb_code_inner > a img {
    display: inline-block !important;
    transform: none !important; 
    width: 18px !important;
    height: auto !important;
    margin-right: 12px !important;
    vertical-align: middle !important;
    box-shadow: none !important;
}
/*	********************	*/

/* Increase width of drop-down menus */
/*	https://optimusdivi.com/how-to-increase-width-of-divi-drop-down-menu/	*/
/*@media screen and (min-width: 981px) {
	.sub-menu {
		min-width: 320px;
	}
	#top-menu li li a {
    	width: 280px;
		/* Extra - Reduce padding on list items */
		/*padding: 16px 0px;
		border-bottom: 1px solid #335378;*/
	/*}*/
/*}*/

/*	burger icon		*/
/*span.mobile_menu_bar:before {
    color: #fff !important;
}
/*	fixed menu	*/
/*.et-fixed-header #top-menu li a {
    color: #ffffff !important;
}
/*Modifier le point de rupture du menu mobile*/
/*cache le menu standard et affiche le menu mobile*/
/*@media only screen and ( max-width: 1300px ) {
#top-menu-nav, #top-menu {display: none;}
#et_top_search {display: none;}
#et_mobile_nav_menu {display: block;}
}

/* Hide Menu item on Phone */
/*@media (max-width: 767px) {
  .hide_mobile {
    display: none !important;
  }
}
/* ********************* */