/*
Theme Name:  ATTPS
Theme URI:   https://attps.fr/
Version:     2.0
Description: Theme Enfant Divi
Author:      ATTPS
Author URI:  https://attps.fr/
Template:    Divi
*/

/*- Add any CSS custom code for this child theme below this line -*/


/*=== Css Générale ===*/
body,
html {
   overflow-x: hidden;
}

h1 {
   font-size: 50px;
}

h2 {
   font-size: 35px;
}

h3 {
   font-size: 25px;
}

h4 {
   font-size: 18px;
}

h5 {
   font-size: 18px;
   text-transform: uppercase;
}


.light h1,
.light h2,
.light h3,
.light h4,
.light h5 {
   color: #FFF;
}

/* classes personnalisées qui désigneront l'ordre
   des colonnes dans la ligne de la flexbox */
.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;
}

/* ajoute une marge à la dernière colonne */
.custom_row:last-child .et_pb_column:last-child {
   margin-bottom: 30px;
}

/* COOKIE NOTICE */
.cn-button.bootstrap {
   color: #fff;
   background: #666;
}

/*=== MEDIA QUERIES ===*/
/* iPad Pro/Air 11" */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {

   h1 {
      font-size: 40px;
   }

   h2 {
      font-size: 30px;
   }

   h3 {
      font-size: 25px;
   }

   h4 {
      font-size: 18px;
   }

   h5 {
      font-size: 18px;
   }

}

/* iPhone 6 & > */
@media all and (max-width: 940px) {

   h1 {
      font-size: 35px;
   }

   h2 {
      font-size: 25px;
   }

   h3 {
      font-size: 20px;
   }

   h4 {
      font-size: 20px;
   }

   h5 {
      font-size: 20px;
   }
}


/*----------Alignement vertical-----------*/
.centrer-verticalement {
   display: flex;
   flex-direction: column;
   justify-content: center;

   /* Et les déclinaisons avec préfixes pour obtenir un résultat homogène sur les divers navigateurs  */
   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;
}





.modal_rib {
   width: 80%;
   max-width: 1200px;
   margin-top: 10vh;

   @media all and (max-width: 980px) {
      width: 90%;

   }

   @media all and (max-width: 640px) {
      width: 98%;

   }
}