/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.1.1748594446
Updated: 2025-05-30 10:40:46

*/
/* Menu fixé en haut avec disparition différée */
.sticky-hide-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  transition: transform 0.2s ease-out;
}

.sticky-hide-menu.hidden {
  transform: translateY(-100%);
}
.scroll-animate {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  will-change: opacity, transform;
}

.scroll-animate.visible {
  opacity: 1;
  transform: translateY(0);
}

.slider-scroll-wrapper {
  height: 100vh;
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
	align-items:left;
}

.slider-text {
  position: sticky;
  top: 0;
  height: 50vh;
  display: flex;
  padding: 2rem;

}

.progress-bar-container {
  width: 100%;
  max-width: 400px;
  background-color: #ddd;
  border-radius: 4px;
  overflow: hidden;
	  margin-bottom: 2rem;
}

.progress-bar {
  height: 8px;
  background: #007BFF;
  width: 0%;
  border-radius: 4px 0 0 4px;
  transition: width 0.25s ease-out;
}

.slide-text {
  position: absolute;
  top: 50%;
	left:50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.6s ease;
  font-size: 2rem;
  max-width: 500px;
  text-align: left;
}

.slide-text.active {
  opacity: 1;
}

.container-right-image {
  position: sticky;
  top: 0;
width:100%;
display: flex;
  align-items: center;
  justify-content: center;
}

.container-right-image img {
  width: 100%;

}