/*
Theme Name: ChezJeremyByInovaWeb
Version: 1.0
Description: A child theme of Divi
Template: Divi
Author: Administrator
*/
@import url("../Divi/style.css");
/* Your awesome customization starts here */

/* 
	Code Couleur 
    Nom de la couleur : "Code Hexadécimal";
    Nom de la couleur : "Code Hexadécimal";
    Nom de la couleur : "Code Hexadécimal";
*/
#top-header { display: none  }

/*#main-header { display: none  }
#page-container { overflow:hidden; }
@media only screen and (min-width: 981px) {
  #page-container {padding-top:0px !important; }
}
@media only screen and (max-width: 980px) {
  #page-container {padding-top:110px !important; }
}*/

/*------------------------------------------------------------*/
/*-------------CENTRAGE VERTICAL DANS DIV---------------------*/
/*------------------------------------------------------------*/
.ds-vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
} 

/*------------------------------------------------------------*/
/*-------------------BURGER MENU------------------------------*/
/*------------------------------------------------------------*/

.mobile_menu_bar::before{
  color:#866c53;
}

.et_mobile_menu{
  border-top: 3px solid #866c53;
}


/*------------------------------------------------------------*/
/*---------------ORDRE DES COLONNES SUR MOBILES---------------*/
/*------------------------------------------------------------*/


@media all and (max-width: 980px) {
  /*** Mode d'emploi 
    * Mettre la classe "custom_row" sur la ligne
    * Ajouter les classe [numberth]-on-mobile sur les colonnes
  ***/
  
  .custom_row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    flex-wrap: wrap;
  }

  .first-on-mobile {
    -webkit-order: 1;
    order: 1;
  }

  .second-on-mobile {
    -webkit-order: 2;
    order: 2;
  }

  .third-on-mobile {
    -webkit-order: 3;
    order: 3;
  }

  .fourth-on-mobile {
    -webkit-order: 4;
    order: 4;
  }

  .fifth-on-mobile {
    -webkit-order: 5;
    order: 5;
  }

  .sixth-on-mobile {
    -webkit-order: 6;
    order: 6;
  }

  .seventh-on-mobile {
    -webkit-order: 7;
    order: 7;
  }

  .heighth-on-mobile {
    -webkit-order: 8;
    order: 8;
  }

  /*** add margin to last column ***/
  .custom_row:last-child .et_pb_column:last-child {
    margin-bottom: 30px;
  }

}