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

strong, b {
    font-weight: 600;
    /*color: #00c1de;*/
}
.turquoise {
	color: #00c1de;
}
.darkblue {
	color: #002856;
}
.stiimpgreen {
	color: #09b88d;
}
.srtblue {
	color: #0c7ff5;
}
.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;
}


/* ***************************	*/
/* MENU	*/

/* 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;
	}
}

/*	MENU languages	*/
.lang_active {
	background: #00C1DE;
	padding: 3px 8px;
}

.lang_inactive {
	border: 1px solid #00C1DE;
	padding: 2px 3px;
}
.wpml-ls-item ul.sub-menu {
    width: auto !important;
}

.wpml-ls-statics-shortcode_actions .wpml-ls-link {
	padding: 9px 6px !important;
}

/*	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;
  }
}

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


/* couleur bullets	*/
/*	https://css-tricks.com/finally-it-will-be-easy-to-change-the-color-of-list-bullets/	*/
ol {
  list-style: none !important;
  counter-reset: my-awesome-counter;
}
ol li {
  counter-increment: my-awesome-counter;
}
ol li::before {
  content: counter(my-awesome-counter) ". ";
  color: #00D1DE;
	font-weight: strong;
	display: inline-block;
	width: 1em;
	margin-left: -1em
}

ul.turqist {
  list-style: none !important;
}
ul.turqist li::before {
	content: "• ";
	color: #00D1DE;
	
	display: inline-block;
	width: 1em;
	margin-left: -1em
}

/*	SwpM plugin style	*/
input[type=submit].swpm-login-form-submit {
	font-size: 17px;
	padding:0.3em 0.7em; 
    background:#fff; 
    border:1px solid #00c1de;
    cursor:pointer;
    -webkit-border-radius: 25px;
    border-radius: 25px; 
}
/*	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;*/
}