﻿/*
 Theme Name: Theme enfant DIVI
 Theme URI: https://www.peal-solutions.com/
 Description: Theme enfant
 Author: PEAL SOLUTIONS
 Author URI: https://peal-solutions.com
 Template: Divi
 Version: 1.1
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Add your custom styles below */

/***forcer la couleur des liens du menu**/
.black a{color:black!important;}
/*****afficher le menu caché****/
header.et-l.et-l--header {
    z-index: 99999;
    position: relative;
}

/*adjust Divi Menu module breakpoint*/

/***************reduction menu****/
/*reduce menu item spacing*/
.et_pb_menu .et-menu > li {
    padding-right: 6px;
    padding-left: 6px;
}
/*reduce menu item spacing at specific breakpoint*/
@media screen and (max-width: 1366px) {
.et_pb_menu .et-menu > li {
    padding-right: 6px;
    padding-left: 6px;
}
}
/*************fin reduction menu*****/

/*adjust Divi Menu module breakpoint*/
@media only screen and (max-width: 1149px) {
    .et_pb_menu .et_pb_menu__menu {
        display: none;
    }
    .et_mobile_nav_menu {
        display: block
    }
}

/****modification sous-menu*****/
/*add point on top of the Divi menu submenu dropdown*/
nav > ul > li > ul:after {
    position: absolute;
    left: 20%;
    margin-left: -20px;
    top: -14px;
    width: 0;
    height: 0;
    content:'';
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #f4f4f4;
}

/*change Divi hamburger menu to X*/
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}

/*position menu fixe pas sur tablet et phone*/
@media all and (max-width:980px){
#et-main-area{
padding-top:0px !important;
}
}

/*bouton header alignés*/
@media only screen and (max-width: 480px) {
.et_pb_fullwidth_header .et_pb_fullwidth_header_container .et_pb_button_two {
margin-left: 0;
}
}

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

/*Taille du logo sur tablette et téléphone*/
@media only screen and (max-width: 980px) {
#logo {
min-height: 100px;margin-top:20px!important;
}
}

/*****bullet checklist*****/
.pa-bullet-list-1 ul {
list-style-type: none!important;
}

.pa-bullet-list-1 ul li:before {
content: '\e052'!important;
color: #2cba6c;
font-family: 'ETMODULES'!important;
margin-right: 10px;
margin-left: -14px;
font-size: 1.2em!important;
}

/* Bouton appel à l'action */
.btn-appel-action a {
background-color: #00ddb8;
border-radius: 5px;
padding:10px 10px !important;
color: white!important;height:40PX!important;margin-top:20px;
}

/*SCROOLBAR*/
::-webkit-scrollbar {
    width: 12px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.6); 
    border-radius: 0px;
}
::-webkit-scrollbar-thumb {
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color:#00ddb8;
}

/*****aligner les boutons en bas*****/
  
        /* buttons fixed to the bottom */
            .bottom-buttons .et_pb_column {
                padding-bottom:30px;}
            .bottom-buttons .et_pb_button_module_wrapper {
                position: absolute;top:20;
                bottom: 0;
                left: 0;
                right: 0;
                margin: auto;}