/*
Theme Name: Divi Vert Caméléon
Description: Theme enfant de Divi 
Author: Théo SERRANO
Author URI: http://vertcameleon.fr/
Template: Divi
Version: 1.1
*/



/* 
** CENTRER DU CONTENU VERTICALEMENT 
*/

.dc-centrer-verticalement {
	display: flex;
	flex-direction: column;
	justify-content: center;
  	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	 -moz-box-orient: vertical;
	 -moz-box-direction: normal;
	  -ms-flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
}


/*
** INVERSER LE SENS DES COLONNES SUR MOBILE
*/

@media only screen and (max-width : 980px) {
	.dc-inverser-colonnes--section .dc-inverser-colonnes--ligne {
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
}


/*
** MENU MOBILE : en pleine largeur et le hamburger devient une croix pour fermer
*/

.et_mobile_menu {
	margin-left: -30px;
	padding: 5%;
	width: calc( 100% + 60px);
}

.mobile_nav.opened .mobile_menu_bar:before {
	content: "\4d";
}


/* 
** AUGMENTER LA LARGEUR CHAMP RÉSULTAT CAPTCHA 
*/
.et_pb_contact_right p input {
	max-width: 50px;
}


/*
** METTRE EXPOSANTS ET INDICES À LA BONNE TAILLE
*/
sup, sub {
    font-size: 70%;
}


/*
Fil d'ariane
*/

.vc-breadcrumbs {
  font-family: "Poppins", sans-serif;
  font-weight: 300;           /* light */
  font-size: 12px;
  text-transform: uppercase;
  color: #F5F7FA;
  letter-spacing: 0.05em;     /* optionnel, plus lisible en uppercase */
}

.vc-breadcrumbs a {
  color: #F5F7FA;
  text-decoration: none;
  opacity: 0.9;
text-decoration: underline;
  text-underline-offset: 3px;
}

.vc-breadcrumbs a:hover {
  opacity: 1;
}


/*
 * Menu
 */

#menu-principal-fr > li.et_pb_menu_page_id-3734.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-3739 > a {
		color: #F5F7FA !important;
    font-weight: 700 !important;
    background-color: #3048BE !important;
  padding: 1em 1.6em !important;
  max-height: 3em !important;
  margin: auto !important;
  box-shadow: 6px 6px 30px 0px rgba(0,9,87,0.16) !important;
}

.et_pb_menu .et_pb_menu__wrap {
  justify-content: flex-end !important;
}

ul li.current-menu-item a {
	font-weight: 700 !important;
}


/*
 * Portfolio
 */

  .et_pb_portfolio_grid_items > div:nth-child(-n+3) {
  background-color: #ffffff !important;
  box-shadow: 6px 6px 30px 0px rgba(0, 9, 87, 0.16) !important;
}

.et_pb_portfolio_grid_items > div:nth-child(-n+3) h2 {
  padding-left: 32px !important;
  padding-right: 32px !important;
  padding-top: 16px !important;
}

.et_pb_portfolio_grid_items > div:nth-child(-n+3) p {
 padding-left: 32px !important;
  padding-right: 32px !important;
  padding-bottom: 32px !important;
}

/*
 * Empêcher menu déroulant de déborder
 */

.et_pb_menu__menu > nav > ul > li:last-child .sub-menu {
    right: 0;
    left: auto;
}


/*
 * Menu secondaire sans logo
 */

#menu-inferieur {
	display: flex;
	align-items: center;
}

/*
 * Menu secondaire contenant un logo
 */

#verticalcenter {
	display:flex;
	align-items: center;
	justify-content: space-between;
}

#verticalcenter .et_pb_column {
  width: auto !important;
  margin-right: 20px; /* espace entre col 1 et 2 */
}

#verticalcenter .et_pb_column:last-child {
  margin-left: auto !important;
  margin-right: 0 !important;
}

/*
 * Changer l'ordre des colonnes sur mobile
 */
@media (max-width:767px){
.column-reverse {
display: flex;
flex-wrap: wrap;
}
.column-reverse .col-1{
order:2;
}
.column-reverse .col-2{
order:1;
}
.column-reverse .col-3{
order:4;
}
.column-reverse .col-4{
order:3;
}
.column-reverse .col-5{
order:6;
}
.column-reverse .col-6{
order:5;
}
}



/*
 * Icônes menu
 */

.menu-reseau > a:before {
    font-family: 'ETMODULES';
    content: '\e0e3'; /* change icon code here */
    text-align: center;
    margin-right: 10px;
    margin-left: -10px;
    color: #ffffff; /* change icon color here */
    font-size: 1em; /* change icon size here */
    transition: all .3s ease;
}

.menu-projet > a:before {
    font-family: 'ETMODULES';
    content: '\e010'; /* change icon code here */
    text-align: center;
    margin-right: 10px;
    margin-left: -10px;
    color: #ffffff; /* change icon color here */
    font-size: 1em; /* change icon size here */
    transition: all .3s ease;
}

.menu-emploi > a:before {
    font-family: 'ETMODULES';
    content: '\e021'; /* change icon code here */
    text-align: center;
    margin-right: 10px;
    margin-left: -10px;
    color: #ffffff; /* change icon color here */
    font-size: 1em; /* change icon size here */
    transition: all .3s ease;
}

.menu-app > a:before {
    font-family: 'ETMODULES';
    content: '\e00d'; /* change icon code here */
    text-align: center;
    margin-right: 10px;
    margin-left: -10px;
    color: #ffffff; /* change icon color here */
    font-size: 1em; /* change icon size here */
    transition: all .3s ease;
}

.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li {
  margin-top: 0px !important;
}