/*
 Theme Name: Litho Child
 Theme URI: https://litho.themezaa.com/
 Description: Child theme for Litho theme
 Version: 1.2
 Author: ThemeZaa
 Author URI: https://www.themezaa.com/
 Tested up to: 5.8
 Requires PHP: 7.3
 Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, grid-layout, custom-background, custom-colors, flexible-header, custom-menu, editor-style, featured-images, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, blog, e-commerce
 License: Themeforest Split Licence
 License URI: https://themeforest.net/licenses/
 Template: litho
 Text Domain: litho-child
*/

#faq-couleur .elementor-tab-content a:hover {color:#EA504B}

/*FOOTER*/
.icone-texte-footer .elementor-icon-box-title {text-align:left;}
.icone-texte-footer .elementor-icon-box-icon {margin:0;}

/*CONTACT*/
html.preselect-autre .contact-switch-zone {
    visibility: hidden;
}
.contact-switch-zone {
    transition: opacity 0.2s ease;
}

html.preselect-autre .contact-switch-zone {
    visibility: hidden;
    opacity: 0;
}

html:not(.preselect-autre) .contact-switch-zone {
    opacity: 1;
}

/*PAGE MAISON ONGLETS*/
.Onglets-maison .e-n-tabs-heading {display: grid!important;grid-template-columns: repeat(5, 1fr);}

/*HOME CAROUSSEL*/
.carrouselLogo img.swiper-slide-image{
  cursor: pointer;
}
/*.carrouselLogo .carousel-logo-link { display: inline-flex; }
.carrouselLogo .carousel-logo-link:hover img { opacity: 0.85; }*/

@media (max-width: 768px) {
	.Onglets-maison .e-n-tabs-heading button {padding:5px;margin-top:0!important;}
}

#gform_1_validation_container {display:none;}
.gfield_description.validation_message.gfield_validation_message {color:#000!important}

/*FAQ*/
#pieuvre-electrique {scroll-margin-top: 100px;}
#pieuvre-hydraulique {scroll-margin-top: 100px;}
#pieuvre-anti-rayonnement {scroll-margin-top: 100px;} 
#maison{scroll-margin-top: 100px;}

/* BOUTON STICKY */
.BoutonSticky{transform: translateX(calc(100% - 65px));}
.BoutonSticky:hover{transform: translateX(0%);/*background-color:#fff!important;*/}
.BoutonSticky:hover .elementor-icon svg{fill:#000;}
.BoutonSticky:hover .elementor-icon-box-title{/*color:#000!important;*/}
.BoutonSticky h3 {line-height:1em;}

/*BULLE DATE QUI SOMMES NOUS*/
.Bulle-date .progress-step-number-bfr {width:100px!important;height:100px!important;display: flex;align-items: center;justify-content: center;}
.Bulle-date .progress-step-item-box .progress-step-item-box-bfr {bottom: -30px;}

/*HOME*/
.bloc-4 .elementor-widget-litho-feature-box, .bloc-4 .elementor-widget-container, .bloc-4 .feature-box{height:100%}
h1, h2, h3, h4, h5, h6 {letter-spacing:0!important}
.site-header.sticky .header-common-wrapper {background:#ffffff}
.site-header .header-common-wrapper .logoBlanc {opacity:1;display:block;}
.site-header .header-common-wrapper .logoBleu {opacity:0;display:none;}
.site-header.sticky .header-common-wrapper .logoBlanc {transition:all 0.5s;opacity:0;display:none;}
.site-header.sticky .header-common-wrapper .logoBleu {transition:all 0.5s;opacity:1;display:block;}
.site-header.sticky .header-common-wrapper .baselineKite {opacity:0;display:none;transition:all 0.5s}
.site-header.sticky .burger svg path {stroke:#002843}
.carrouselLogo img {filter: grayscale(1) !important;}
.carrouselLogo img:hover {filter: grayscale(0) !important;}

:root {
  --flyby-size: 64px;
  --flyby-y: 15%; 
  --flyby-ytwo: 28%;
  --flyby-ytree: 80%;
  --flyby-duration: 30s;
  --flyby-durationtwo: 12s;
  --flyby-durationtree: 18s;
}

@keyframes flyby-slide {
  from { transform: translateX(0); opacity: 1; }
  8%   { opacity: 1; }
  92%  { opacity: 1; }
  to   { transform: translateX(140vw); opacity: 1; }
}


#heroHp .hero-flyby, #heroHp .hero-flybytwo, #heroHp .hero-flybytree {
  position: absolute;
  height: auto;
  pointer-events: none;  
  will-change: transform;
  width: var(--flyby-size);
}

#heroHp .hero-flyby {
	top: var(--flyby-y);
	animation: flyby-slide var(--flyby-duration) linear infinite;
	left: -20vw;
}

#heroHp .hero-flybytwo {
    top: var(--flyby-ytwo);
	animation: flyby-slide var(--flyby-durationtwo) linear infinite;
	left: -20vw;
}

#heroHp .hero-flybytree {
    top: var(--flyby-ytree);
	animation: flyby-slide var(--flyby-durationtree) linear infinite;	
	left: -40vw;
}

#Form {
  display: none;
}

.contactForm p {margin-bottom:0;}
.contactForm .gform_fields {row-gap: 15px!important;}
.contactForm input, .contactForm textarea {border-radius: 5px;border: 1px solid #d9d9d9;}
#gform_2 .gform_footer input {
    width: 50%;
    background: #002843;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    border-radius: 5px;
    padding: 10px;
	margin: auto;
}
#gform_2 .gform_footer input:hover {
	background:#ea504b;
}

.elementor-nav-menu--main .elementor-nav-menu--dropdown {
	position: inherit!important;
    display: block!important;
	    background: transparent!important;
	width: 100% !important;
}

.elementor-nav-menu--main .elementor-nav-menu--dropdown a{padding: 5px 0 10px 5px !important;background:transparent!important;}
.gfield_radio label {margin:2px 0 0 5px!important}


/* Responsive : un poil plus petit & plus bas sur mobile */
@media (max-width: 768px) {
  :root { --flyby-size: 48px; --flyby-y: 38%; --flyby-duration: 9s; }
	body {padding-top:0px!important;}
	.header-common-wrapper {background-color:transparent!important;}
	.site-header.sticky .header-common-wrapper {background-color:#fff!important;}
	.Texte-fond .overlap-title {font-size: 85px!important;line-height: 85px!important;}
}

/* Accessibilité : respecte la préférence "réduire les animations" */
@media (prefers-reduced-motion: reduce) {
  selector .hero-flyby { animation: none; opacity: 1; left: 1rem; transform: none; }
}

body.error404 header .header-common-wrapper .elementor .elementor-element {background-color:#002843!important}