/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
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
*/

/* Add your custom styles here */

:root {
  --marker-timeline-size: 490px;
  --marker-size: 24px;
  --marker-offset: -30px;
}

@media (max-width: 1024px) {
  :root {	  
 	 --marker-timeline-size: 470px;
      --marker-size: 15px;
      --marker-offset: -40px !important;
   }
}

@media (max-width: 768px) {
  :root {
 	 --marker-timeline-size: 600px;
    --marker-size: 20px;
    --marker-offset: -20px !important;
  }
}


p{
	margin:0!important;
}

.custom-text  {
    font-weight: 400;
}

.highlighted-text{
    color:#EC1D26;
}

.highlighted-text-blue{
    color:var(--e-global-color-primary);
}

.btn-icon span.elementor-button-icon svg {
    width:2rem!important;
}

.btn-icon .elementor-button .elementor-button-content-wrapper {
    gap: 11px!important;
    align-items: center!important;
}

.icon-hover-blue:hover svg rect {
  fill: white; 
  transition: fill 0.3s ease;
}

.icon-hover-blue:hover svg path {
  fill: #08589D; 
  transition: fill 0.3s ease;
}

.surtitle{
    border-radius: 30px;
    border: 1px solid rgba(0, 108, 183, 0.20);
    padding: 5px 20px;
}


@media all and (min-width: 1024px){  
	.accordion-faq .uc_container.uc-items-wrapper {
		  display: grid;
		  grid-template-columns: repeat(2, 1fr); /
		  grid-template-rows: repeat(3, auto);  
		  gap: 30px 10px;
	}
}

/* timeline */

.timeline {
  position: relative;
}

/* Ligne verticale */
.timeline::before {
  content: "";
  position: absolute;
  left: var(--marker-offset);
   top: 0%;
  height: 0; /* commence à 0 */
  width: 2px;
  background-color: #036;
  z-index: 0;

  /* Animation */
  animation: growLine 2s ease-out 0.3s forwards;
}

/* Contenu par-dessus */
.timeline .elementor-icon-box-wrapper {
  position: relative;
  z-index: 1;
}

/* Animation "growLine" */
@keyframes growLine {
  from {
    height: 0;
    opacity: 0;
  }
  to {
     height: var(--marker-timeline-size);
    opacity: 1;
  }
}

.content-infos-timeline {
  position: relative;
}

.content-infos-timeline::before {
  content: "";
  position: absolute;
  inset:unset;
  top: 0;
  left: var(--marker-offset);
  transform: translateX(calc(-50% + 1px));
  width: var(--marker-size);
  height: var(--marker-size);
  border-radius: 50px;
  background-color: #08589d;
}


.content-infos-timeline:last-of-type::before {
  background-color: #D41A23!important;
}