/*
Theme Name: Aber Graphique
Theme URI: https://abergraphique.net
Template: hello-elementor
Author: Aber Graphique
Author URI: https://abergraphique.net
Description: A plain-vanilla & lightweight theme for Elementor page builder
Tags: flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 1.0.1642418990
Updated: 2022-01-17 12:29:50

*/

h1{margin:20px 0 !important;}
h2{margin:20px 0 !important;}
h3{margin:20px 0 !important;}
h4{margin:20px 0 !important;}
a.wp-element-button{background-color:#4b2862 !important; color:#fff !important;transition: all .3s;margin:20px 0 !important }
a.wp-element-button:hover{background-color:#6bc1c9 !important; color:#fff !important }
/*.elementor-widget-container ul{margin-bottom: 40px !important}*/
.wp-block-columns{padding: 30px 0}
.wlcms-welcome-panel .elementor h1{color: #1d2327 !important;font-size: 2em;}

/* Image accordion */
.eael-image-accordion-hover::before {background-color: transparent !important;}
.eael-image-accordion-hover:hover::before {  background-color: #280437c4 !important;}
.eael-img-accordion .overlay-inner {
visibility: visible !important;
opacity: 1 !important;
}

.eael-image-accordion-hover .overlay-inner h2 {
visibility: visible !important;
opacity: 1 !important;
transform: translate3d(0, 70px, 0);
/*transform: none !important;
position: absolute;
top: 41%;
left: 0;*/
}
.eael-image-accordion-hover:nth-child(1) .overlay-inner h2 {transform: translate3d(0, 137px, 0);}
.eael-image-accordion-hover:nth-child(2) .overlay-inner h2 {transform: translate3d(0, 104px, 0);}
.eael-image-accordion-hover:nth-child(3) .overlay-inner h2 {transform: translate3d(0, 70px, 0);}


.eael-image-accordion-hover:nth-child(1) .img-accordion-title{
  background: url('/wp-content/uploads/losange-qualite.png') no-repeat 50% 50%;
  padding: 110px 0;
}
.eael-image-accordion-hover:nth-child(2) .img-accordion-title{
  background: url('/wp-content/uploads/losange-formation.png') no-repeat 50% 50%;
  padding: 110px 0;
}
.eael-image-accordion-hover:nth-child(3) .img-accordion-title{
  background: url('/wp-content/uploads/losange-audit.png') no-repeat 50% 50%;
  padding: 110px 0;
}
#accResp .img-accordion-title {background-size: 150px !important;padding: 60px 0;}

.eael-img-accordion a {
  display: block;
  background-color: #6bc1c9 !important;
  color: #fff !important;
  transition: all .2s !important;
  margin: 20px 0 !important;
  border-radius: 25px !important;
  box-shadow: none;
  text-decoration: none;
  padding: calc(.667em + 2px) calc(1.333em + 2px);
  font-size: 1.125em;
}
.eael-img-accordion .eael-image-accordion-hover.overlay-active .overlay-inner *, .eael-img-accordion .overlay-inner-show * {
  opacity: 0;
}
.eael-img-accordion .eael-image-accordion-hover {
    flex: 1 !important;
}
.eael-image-accordion-hover:nth-child(1) .overlay-inner a:hover{background-color: #9D6BDB !important;}
.eael-image-accordion-hover:nth-child(2) .overlay-inner a:hover{background-color: #783EC2 !important;}
.eael-image-accordion-hover:nth-child(3) .overlay-inner a:hover{background-color: #4E13B4 !important;}

body[data-elementor-device-mode=mobile] .elementor-775 .elementor-element.elementor-element-5aabc2b .eael-img-accordion{
  height: 900px;
}