/*
Theme Name: Symetry
Text Domain: symetry-child
Template: Divi
Description:  Custom Wordpress theme based on Divi.
Author:       Symetry
Version: 1.0.0
Author URI:   https://symetry.lu
*/

/* @import url("https://use.typekit.net/lnt4nwt.css"); */




body {
    --forma-red :#da0a39;
    --forma-black : #161616;
    --forma-blue : #232931;
}

.et_pb_text_inner {

    font-weight: 400 !important;
}

h1, h3, h4, h5, h6 {
/* font-family: "marseille", sans-serif;
font-weight: 400;
font-style: normal; */
font-family: 'Satoshi Bold',Helvetica,Arial,Lucida,sans-serif !important;
font-weight: 700;
font-style: normal;
}

h2 {
    font-family: 'Montserrat';
}



/*button formarea red*/

.formarea_button {
    color: var(--forma-red);
    text-decoration: none;
    border: 1px solid var(--forma-red);
    padding: 10px 30px;
    font-size: 18px;
    font-family: 'Satoshi Bold',Helvetica,Arial,Lucida,sans-serif;
    background: transparent;
    position: relative;
    transition: all 1s;
    overflow: hidden;
  }
  


  .formarea_button:hover {
    color: white !important;
    cursor: pointer;
  }
  
  .formarea_button::before {
    content: '' !important;
    position: absolute !important;
    height: 100% !important;
    width: 0% !important;
    top: 0 !important;
    left: -40px !important;
    transform: skewX(45deg) !important;
    background-color: var(--forma-red);
    z-index: -1 !important ;
    transition: all 1s !important;
  }
  
  .formarea_button:hover::before {
    width: 160% !important;
  }

  /***end***/

  /*button formarea white*/

  .formarea_button_white {
    color: #ffffff; 
    /* text-transform: uppercase; */
    text-decoration: none;
    border: 1px solid #ffffff;
    padding: 10px 30px;
    font-size: 18px;
    font-family: 'Satoshi Bold',Helvetica,Arial,Lucida,sans-serif;
    background: transparent;
    position: relative;
    transition: all 1s;
    overflow: hidden;
  }
  
  .formarea_button_white:hover {
    color: var(--forma-black) !important;
    cursor: pointer;
  }
  
  .formarea_button_white::before {
    content: '' !important;
    position: absolute !important;
    height: 100% !important;
    width: 0% !important;
    top: 0 !important;
    left: -40px !important;
    transform: skewX(45deg) !important;
    background-color: #fff;
    z-index: -1 !important ;
    transition: all 1s !important;
  }
  
  .formarea_button_white:hover::before {
    width: 160% !important;
  }


  /*ajout plus devant les chiffres accueil*/

  .number_section::before {
    content: '+' !important;
    font-family: 'Satoshi-Regular',Helvetica,Arial,Lucida,sans-serif;
    position: absolute !important;
    top: 25%; 
    /* left:-35px !important; */
    color:#da0a39 !important;
    font-weight: 500 !important;
    font-size:70px !important;
}

.number_section {
    margin-left:25px !important;
}

.percent-value {
    margin-left: 40px !important;
}
/*end*/


/*styling form buttons*/ 


.wpforms-form input[type=submit], 
.wpforms-form button[type=submit] {
    background-color: var(--forma-red) !important;
    padding: 10px 30px;
    font-size: 18px;
    font-family: 'Satoshi Bold',Helvetica,Arial,Lucida,sans-serif;
    border-radius: 0px !important;
    color: #fff !important;
    transition: all .3s ease !important;

}


.wpforms-form input[type=submit]:hover, 
.wpforms-form button[type=submit]:hover {
    background-color: var(--forma-black) !important; 
    border-radius: 0px !important;
}