/*
Theme Name: Lejourduprof
Description: Thème enfant de Divi
Author: Fabien Buchillot Caractere B
Author URI: https://www.caractere-b.fr
Template: Divi
Version: 1.0
*/


/*Modification le point de rupture du menu */

/* Point de rupture du menu créé dans le builder */
/* Point de rupture phases 1, 2 et 3 = 1100px */
/* Point de rupture phase 4 = 1350 */

@media only screen and (max-width: 1350px) {
.et_pb_menu .et_pb_menu__menu {
    display: none !important;
}
.et_mobile_nav_menu {
    display: block !important;
}}



/* Mise en forme du formulaire */

.section-form {
	padding-bottom:40px;
	width: 100%;
}
.wpcf7
{
	margin:8px;
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea, .wpcf7 input[type="date"], .wpcf7 input[type="file"], .wpcf7 select, .wpcf7 input[type="url"] {
	width: 100%;
	padding: 6px;
	margin-bottom:10px;
	border: 1px solid #ccc;
	border-radius: 6px;
	font-family: 'Fira Sans', sans-serif;
	font-size:14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
  box-sizing: border-box
}
.wpcf7 input[type="text"]:focus{
	background: #fff;
}
.wpcf7-submit {
	display: block;
   	margin: 0 auto;
	color: #ffffff; 
    background-color: #ba197a;
    border-color: #ba197a;
	width: auto;
    font-family: Montserrat,sans-serif;
	text-transform: uppercase; 
    margin-top: 10px;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 2px solid #ba197a;
    padding: 10px;
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.wpcf7-submit:hover{
    background-color: #ffffff;
	color: #666666;
  }
span.wpcf7-not-valid-tip{
	text-shadow: none;
	font-size: 14px;
	color: #e7a803;
	background: none;
	padding: 2px;
}
.wpcf7-file{
	color: #e7a803;
}
div.wpcf7-validation-errors { 
	text-shadow: none;
	border: transparent;
	background: none;
	padding: 5px;
	color: #ab197a;
	text-align: center;
	margin: 0;
	font-size: 12px;
}
div.wpcf7-mail-sent-ok{
	text-align: center;
	text-shadow: none;
	padding: 5px;
	font-size: 12px;
	background: #3c539c;
	border-color: #3c539c;
	color: #fff;
	margin: 0;
}
.form7titre {
	border-bottom: 2px solid #ab197a;
	padding-bottom:5px;
	margin-bottom:15px;
	font-size:22px;
	font-weight:600;
	color:#ab197a;
	text-transform: uppercase;
}
.form7sstitre {
	width: 100%;
	font-size:14px;
	color:#ab197a;
	font-weight:600;
	text-transform: uppercase;
}
.form7projet {
	width: 100%;
	font-size:14px;
	color:#ab197a;
	font-weight:600;
	text-transform: uppercase;
	margin-bottom:30px;
}
.form7checkbox {
	margin-bottom:10px;
}
#composition span.wpcf7-list-item {
	display: block;
}
.wpcf7-response-output .wpcf7-display-none .wpcf7-validation-erros {
	background:#ffffff;
}

/* alignement vertical */

#partenaires {
display: flex;
flex-direction: column;
justify-content: center;
}

#outils {
display: flex;
flex-direction: column;
justify-content: flex-end;
}



/*CSS pour afficher/masquer un texte via un bouton*/

/*Style du module TEXTE*/
.texte-cache { 
  position: relative;
  max-height: 0px; /*Hauteur du texte visible avant le clic*/
  overflow: hidden; /*On cache tout ce qui dépasse des 100px – ici 0 px on cache tout sans flou*/
  transition: max-height 1s ease; /* Transition CSS entre l'ouverture et la fermeture*/
}
  
/*Style du module TEXTE lorsqu'il est ouvert*/
.texte-cache.ouvert {
    max-height: 100%; /* On lui définit une hauteur max de tout l'écran si nécessaire pour qu'il affiche tout son contenu*/
  }

/*On stylise l'effet de flou lorsque le module TEXTE est fermé, donc il n'a pas la classe "ouvert"*/
.texte-cache:not(.ouvert)::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); /*Couleur de notre effet*/
}

/*couleur d'un item du menu*/
.menu-item-32419 a {color:#ab197a;}
.menu-item-29021 a {color:#ab197a;}
.menu-item-32822 a {color:#ab197a;}