/* 
Theme Name: Hello Elementor Child by Marque[Digitale]
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team and Marque[Digitale] team
Author: Elementor Team feat Marque[Digitale]
Author URI: https://marquedigitale.fr
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

body{overflow-x:hidden;}

.bouton a{
    font-family: var( --e-global-typography-accent-font-family ), Sans-serif;
    font-size: var( --e-global-typography-accent-font-size );
    color:#fff!important;
    font-weight: var( --e-global-typography-accent-font-weight );
    text-transform: var( --e-global-typography-accent-text-transform );
    letter-spacing: var( --e-global-typography-accent-letter-spacing );
    background-color: var( --e-global-color-primary )!important;
    padding: 1.4em 2.2em 1.4em 2.2em !important;
    border-radius: 0px;
}
.bouton a{
    padding: 20px;
    background-color: ;
    text-align: center;
    transition: all .35s;
}
.bouton a span{
    z-index: 2;
}
.bouton > .elementor-widget-container a:after{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: var( --e-global-color-accent );
    transition: all .35s;
}
.bouton a:hover{
    color: #fff;
}
.bouton a:hover:after{
    width: 100%;
}

.boutonjaune a{
  border-radius: 50px!important;
  z-index: 1!important;
  position: relative!important;
  -webkit-box-shadow: 0 5px 15px rgba(33, 33, 33, .2)!important;
  box-shadow: 0 5px 15px rgba(33, 33, 33, .2)!important;
  overflow: hidden!important;
  background-color: var(--e-global-color-23669d8)!important;  
  color: #FFF!important;
}
.boutonjaune a{
  z-index: 2;
}
.boutonjaune a:before {
  content: '';
  position: absolute!important;
  top: 0!important;
  left: 0!important;
  width: 100%!important;
  height: 100%!important;
  border-radius: 50px!important;
  background-color: var(--e-global-color-accent);
  z-index: -1!important;
  overflow: hidden!important;
  -webkit-transform: scaleX(0)!important;
  -ms-transform: scaleX(0)!important;
  transform: scaleX(0)!important;
  -webkit-transform-origin: left!important;
  -ms-transform-origin: left!important;
  transform-origin: left!important;
  -webkit-transition: -webkit-transform 0.5s!important;
  transition: -webkit-transform 0.5s!important;
  transition: transform 0.5s!important;
}
.boutonjaune a:hover {
  color: #fff!important;
}
.boutonjaune a:hover::before {
  -webkit-transform: scaleX(1)!important;
  -ms-transform: scaleX(1)!important;
  transform: scaleX(1)!important;
  -webkit-transform-origin: left!important;
  -ms-transform-origin: left!important;
  transform-origin: left!important;
}

.boutonrouille a{
  border-radius: 50px!important;
  z-index: 1!important;
  position: relative!important;
  -webkit-box-shadow: 0 5px 15px rgba(33, 33, 33, .2)!important;
  box-shadow: 0 5px 15px rgba(33, 33, 33, .2)!important;
  overflow: hidden!important;
  background-color: var(--e-global-color-f3b54b5)!important;  
  color: #FFF!important;
}
.boutonrouille a{
  z-index: 2;
}
.boutonrouille a:before {
  content: '';
  position: absolute!important;
  top: 0!important;
  left: 0!important;
  width: 100%!important;
  height: 100%!important;
  border-radius: 50px!important;
  background-color: var(--e-global-color-accent);
  z-index: -1!important;
  overflow: hidden!important;
  -webkit-transform: scaleX(0)!important;
  -ms-transform: scaleX(0)!important;
  transform: scaleX(0)!important;
  -webkit-transform-origin: left!important;
  -ms-transform-origin: left!important;
  transform-origin: left!important;
  -webkit-transition: -webkit-transform 0.5s!important;
  transition: -webkit-transform 0.5s!important;
  transition: transform 0.5s!important;
}
.boutonrouille a:hover {
  color: #fff!important;
}
.boutonrouille a:hover::before {
  -webkit-transform: scaleX(1)!important;
  -ms-transform: scaleX(1)!important;
  transform: scaleX(1)!important;
  -webkit-transform-origin: left!important;
  -ms-transform-origin: left!important;
  transform-origin: left!important;
}

.boutonviolet a{
  border-radius: 50px!important;
  z-index: 1!important;
  position: relative!important;
  -webkit-box-shadow: 0 5px 15px rgba(33, 33, 33, .2)!important;
  box-shadow: 0 5px 15px rgba(33, 33, 33, .2)!important;
  overflow: hidden!important;
  background-color: #B18BBF!important;  
  color: #FFF!important;
}
.boutonviolet a{
  z-index: 2;
}
.boutonviolet a:before {
  content: '';
  position: absolute!important;
  top: 0!important;
  left: 0!important;
  width: 100%!important;
  height: 100%!important;
  border-radius: 50px!important;
  background-color: var(--e-global-color-accent);
  z-index: -1!important;
  overflow: hidden!important;
  -webkit-transform: scaleX(0)!important;
  -ms-transform: scaleX(0)!important;
  transform: scaleX(0)!important;
  -webkit-transform-origin: left!important;
  -ms-transform-origin: left!important;
  transform-origin: left!important;
  -webkit-transition: -webkit-transform 0.5s!important;
  transition: -webkit-transform 0.5s!important;
  transition: transform 0.5s!important;
}
.boutonviolet a:hover {
  color: #fff!important;
}
.boutonviolet a:hover::before {
  -webkit-transform: scaleX(1)!important;
  -ms-transform: scaleX(1)!important;
  transform: scaleX(1)!important;
  -webkit-transform-origin: left!important;
  -ms-transform-origin: left!important;
  transform-origin: left!important;
}

.lien a {
    position: relative;
    text-decoration: none;
    color: var( --e-global-color-accent );
    padding: 10px 0;
    border-style: solid;
    border-width: 0px 0px 2px 0px;
    border-color: transparent;
    border-radius: 0px 0px 0px 0px;
    padding: 6px 0px 4px 0px;
    transition: width 500ms ease;
}
.lien a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -02px;
    width: 0%;
    height: 2px;
    background: var(--e-global-color-23669d8)!important;
    transition: width 500ms ease;
}
.lien a:hover:after {
    width: 100%;
}