/*
Theme Name: Divi Enfant - DiviKit
Description: Divi Enfant, theme enfant de Divi fourni par WPMarmite
Author: WPMarmite
Template: Divi
*/


::selection {  background: var(--BrandColor); color : #FFF}
::-moz-selection {background: var(--BrandColor)}



/*---------- COLOR ----------------
--------------------------------*/
:root{	
    --anthracite : #2A3329;
    --grisClair :  #F7F7F5;
    --grisFonce :  #F5F4F2; 
    --BrandColor : #B2CCFF;
    --BrandColorFonce : #BECCA3;
    --accentuation1 : #FAE7C0;
    --BorderRadius : 5px;
    --Size1: 0.5em;
    --Size2: 1em;
    --Size3: 1.5em;
    --Size4: 2em;
    --Size5: 3em;
}

/*----------------------------------------------------------
----------------------------- HEADER -----------------------*/
.cta-button {
  background: var(--anthracite);
  transition: all .3s 0s;
}

.cta-button a {
  padding: 10px !important;
  color: white !important;
}



/*----------------------------------------------------------
----------------------------- WIDTH -----------------------*/
header .container,
.et_pb_row,
.et_pb_fullwidth_header_container,
fotter .container {
    width:90% !important;
    max-width: 1400px !important;
}


/*----------------------------------------------------------
----------------------------- FONT -----------------------*/
.et_pb_module h1 {
  font-size: 3em;
}
.et_pb_module h2 {
  font-size: 2em;
}
.et_pb_module h3 {
  font-size: 1.2em;
}
.et_pb_module h4 {
  font-size: 1.15em;
}
.et_pb_module h5 {
  font-size: 1.1em;
}
.et_pb_module h6 {
  font-size: 1em;
}



.et_pb_module h2:after {
    content:"";
    border-top:2px solid var(--accentuation1);
    width:50px;
    display:block;
    margin: 0.66em 0 !important;
}

.surtitre {
    color: var(--BrandColorFonce);
}





/*----------------------------------------------------------
----------------------------- CAROUSSEL -----------------------*/
.slick-slide .et_pb_blurb {
    background-color: var(--grisClair);
    padding : 1.5em;
    border-radius: var(--BorderRadius);
}



/*----------------------------------------------------------
----------------------------- DARKMODE -----------------------*/

.dark {
    background-color: var(--anthracite);
}

.dark H1,
.dark H2,
.dark H3,
.dark H4,
.dark H5,
.dark p,
.dark span,
.dark ul li {
    color:#FFF;
}

.dark p input,
.dark p textarea{
    background-color: rgba(255,255,255,0.1);
    color:#FFF;
}

.dark p input:focus,
.dark p textarea:focus,
.dark p input::placeholder,
.dark p textarea::placeholder
{
    color:#FFF;
}