/* 
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 */

/** Livraison 10/06/2026 **/

/** Formulaire **/

div.wpcf7 .main-form button[type="submit"] {
	background-color: var(--e-global-color-primary);
	border-color: var(--e-global-color-primary);
	color: white;
	border-radius: 20px;
	padding: 10px 25px;
	width: 100%
}

div.wpcf7 .main-form button[type="submit"]:hover {
	background-color: transparent;
	color: var(--e-global-color-primary);
}

div.wpcf7 .main-form input, div.wpcf7 .main-form textarea, div.wpcf7 .main-form select {
	border-radius: 10px;
	border-color: var(--e-global-color-primary);
}

/* FAQ */
.elementor-widget-n-accordion .e-n-accordion-item-title {
	justify-content: space-between;
}

/** Bouton effet **/ 
a#btn-effect {
	padding: 8px 25px;
	border: 1px solid var(--e-global-color-accent)
}

a#btn-effect span.elementor-button-icon {
	display: flex;
	background-color: white;
	padding: 8px;
	color: var(--e-global-color-accent);
	border-radius: 20px;
}

a#btn-effect span.elementor-button-content-wrapper{
	align-items: center;
}

a#btn-effect:hover {
	border: 1px solid var(--e-global-color-accent);
	background-color: transparent;
	color: var(--e-global-color-accent);
}

a#btn-effect:hover span.elementor-button-icon {
	background-color: var(--e-global-color-accent);
	color: white;
}

/** Slider post insta **/
.slider-post-instagram img {
	border-radius: 20px;
	box-shadow: 0px 0px 7px 5px #0000000a;
}

div.elementor-image-carousel-wrapper {
	padding: 25px;
}

/** Parallax **/
.parallax {
	background-attachment: fixed;
}

.subtitle::before {
	content: '';
	width: 5px;
	height: 100px; 
	background-color: black;
}

.process-step {
    position: relative; /* Indispensable pour positionner la flèche par rapport au bloc */
}

.process-step::after {
    content: "";
    position: absolute;
    right: -25px;
		transform: translate(50%);
    
    width: 60px; 
		height: 80px;
    background-image: url("http://latelierjmc.fr/wp-content/uploads/2026/03/fleche.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
}

.hidden {
	display: none;
}

@media(max-width: 767px){
	.hidden {
		display: block;
	}
	
	.process-step::after{
		display:none;
	}

	.parallax {
		background-attachment: scroll;
	}
}


@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* état initial */
.rembarde,
.marche, 
.rangement{
  opacity: 0;
}

/* rangements */
.animate .rangement{
  animation: fadeIn 0.5s ease forwards 0.1s;
}

/* rembardes */
.animate .rembarde {
  animation: fadeIn 0.1s ease forwards;
  animation-delay: calc(0.7s + var(--i) * 0.12s);
}

/* marches */
.animate .marche {
  animation: fadeIn 0.2s ease forwards;
  animation-delay: calc(4s + var(--i) * 0.25s);
}

/** Menu bas de page **/
@media(max-width: 767px){
	footer .elementor-widget-navigation-menu ul {
	display: flex; 
	flex-direction: column; 
	align-items: flex-start;
}
}

/** Timeline metier **/
.timeline-item:hover .icone-timeline .fond-icone  {
	background :var(--e-global-color-primary) !important;
}

.timeline-item:hover .icone-timeline .fond-icone .elementor-widget-icon .elementor-icon svg {
	fill: var(--e-global-color-f8854bf) !important;
}

.timeline-item:hover .icone-timeline .numero-timeline {
	background-color: var(--e-global-color-ce2e6c3) !important;
}

.timeline-item:hover .icone-timeline .numero-timeline .elementor-widget-heading span {
	color: var(--e-global-color-primary) !important;
}