/*
Theme Name: Hello Elementor Child
Theme URI: https://studionumerik.fr/
Description: Hello Elementor Child Theme
Author: Studio Numerik
Author URL: https://studionumerik.fr/
Template: hello-elementor
Version: 1.0.0
License: GNU General Public License v2 or later
License URL: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hello-elementorchild
*/
/* Placer votre CSS ci-dessous */

/* header */
.header-section {
	position:fixed !important;
	top:0;
	left:0;
	width:100%;
	max-width:100% !important;
	background-color:transparent !important;
	transition:background-color 0s;
	z-index:9999;
}
.header-section.scrolled {
	background-color:#fff !important;
}

.header-section:before {
	content:'';
	position:fixed;
	top:56px;
	width:100%;
	height:10px;
	background-color:#fff;
	opacity:0;
	transition:top 0.5s 0.5s;
}
.header-section.scrolled:before {
	opacity:1;
	top:76px;
}

@media screen and (min-width: 1025px) {
	.header-section .bouton-col {
		transform:translatex(198px);
		transition:all 1s;
	}
	.header-section.scrolled .bouton-col {
		transform:translatex(0);
	}
	.header-section .elementor-widget-nav-menu {
		transform:translatex(99px);
		transition:all 1s;
	}
	.header-section.scrolled .elementor-widget-nav-menu {
		transform:translatex(0);
	}
	.header-section .button-module {
		opacity:0;
	}
	.header-section.scrolled .button-module {
		opacity:1;
	}
}
@media screen and (min-width: 1025px) and (max-width: 1024px) {
	
}


.header-section .elementor-widget-theme-site-logo img {
	height:60px !important;
	width:70px !important;	
	transition:all 0.5s;
}
.header-section.scrolled .elementor-widget-theme-site-logo img {
	height:45px !important;
	width:207px !important;
}

/* menu */
.header-section:not(.scrolled) .elementor-nav-menu--main .elementor-nav-menu > .menu-item:not(:hover) > a:not(.elementor-item-active) {
	color:#fff !important;
}
.header-section:not(.scrolled) .elementor-menu-toggle svg {
	fill:#fff !important;
}
.header-section:not(.scrolled) .elementor-nav-menu--main .sub-arrow svg {
	fill:#fff !important;
}
.header-section .elementor-nav-menu--dropdown .menu-item:hover > .sub-arrow svg {
	fill:#fff !important;
}
.header-section .elementor-nav-menu--dropdown .current_page_item .sub-arrow svg, .header-section .elementor-nav-menu--dropdown a:hover .sub-arrow svg {
	fill:#fff !important;
}

.header-section .prestation-menu-item .menu-item a {
	padding:10px 20px 10px 10px !important;
}
.header-section .prestation-menu-item .menu-item a:before {
	content:'';
	display:inline-block;
	width:25px;
	height:25px;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
	margin-right:10px;
}
.header-section .prestation-menu-item .menu-item:hover a:before, .header-section .prestation-menu-item .current-menu-item a:before {
	filter:invert(1);
}
.header-section .vitrerie-menu-item a:before {
	background-image:url('/wp-content/uploads/2026/05/vitre.svg');
}
.header-section .miroiterie-menu-item a:before {
	background-image:url('/wp-content/uploads/2026/05/miroir.svg');
}
.header-section .vitraux-menu-item a:before {
	background-image:url('/wp-content/uploads/2026/05/vitraux.svg');
}
.header-section .fenetre-menu-item a:before {
	background-image:url('/wp-content/uploads/2026/05/fenetre.svg');
}
.header-section .stores-menu-item a:before {
	background-image:url('/wp-content/uploads/2026/05/store.svg');
}
.header-section .pergolas-menu-item a:before {
	background-image:url('/wp-content/uploads/2026/05/pergola.svg');
}

/* .header-section .elementor-nav-menu--main .contact-menu-item {
	background-color:#A7147A;
}
.header-section .elementor-nav-menu--main .contact-menu-item:hover {
	background-color:#000;
}
.header-section .elementor-nav-menu--main .contact-menu-item a {
	color:#fff !important;
} */
@media screen and (min-width: 1025px) and (max-width: 1290px) {
	.header-section .elementor-nav-menu--main .contact-menu-item {
		display:none;
	}
	.header-section .elementor-nav-menu--main > .elementor-nav-menu > .menu-item > .elementor-item {
		padding-left:6px !important;
		padding-right:6px !important;
	}
	.header-section .elementor-widget-spacer {
		display:none;
	}
}


/* section */
.e-con > .e-con-inner {
  width: 90% !important;
}

.banner-section:after {
	content:'';
	position:absolute;
	bottom:10px;
	width:100%;
	height:10px;
	background-color:#fff;
	transition:bottom 0.5s 0.5s;
}
.banner-section.scrolled:after {
	bottom:-10px;
}

@media screen and (min-width: 768px) {
	.moov-contener .moov-clone {
		display:none;
	}
}
@media screen and (max-width: 767px) {
	.moov-contener .moov-element:not(.moov-clone) {
		display:none;
	}
}
.moov-contener.tab .moov-element {
	display:block;
}
@media screen and (min-width: 1025px) {
	.moov-contener.tab .moov-clone {
		display:none;
	}
}
@media screen and (max-width: 1024px) {
	.moov-contener.tab .moov-element:not(.moov-clone) {
		display:none;
	}
}


/* section avec animation icone */
.icon-section .elementor-widget-icon-box .elementor-icon-box-icon .elementor-icon {
    transform: rotatey(0deg);
    transition: all 1s;
}
.icon-section .elementor-widget-icon-box:hover .elementor-icon-box-icon .elementor-icon {
    transform: rotatey(360deg);
}
.icon-section .elementor-widget-icon-box:hover .elementor-icon-box-title {
    color: #A7147A !important;
}

/* section avec animation lumiere */
.lumina-anim-section > .e-con-inner {
    position: relative;
}
.lumina-anim-section {
    overflow: clip;
}
.lumina-anim-section:after {
    content: '';
    position: absolute;
    width:100%;
    height: 100%;
    background-image: linear-gradient(120deg,transparent 35%,#fff1,transparent 65%);
    transform: translatex(-100%);
}
.lumina-anim-section:hover:after {
    animation: lumina 5s;
}
@keyframes lumina {
    0% {
        transform: translatex(100%);
        opacity: 0.5;
    }
    100% {
        transform: translatex(-100%);
        opacity: 1;
    }
}

/* module */
.header-section:not(.scrolled) .rs-module a:not(:hover) {
	border-color:#fff !important;
}
.header-section:not(.scrolled) .rs-module a:not(:hover) svg {
	fill:#fff !important;
}

@media screen and (max-width: 479px) {
	.button-module a {
		min-width:288px;
	}	
}

.button-cta-module .elementor-cta__button-wrapper:before {
    content: '';
    width: 15px;
    height: 15px;
    display: inline-block;
    background-image: url('/wp-content/uploads/2026/04/fleche-bouton.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: -2px;
    filter: invert(11%) sepia(59%) saturate(7039%) hue-rotate(309deg) brightness(99%) contrast(89%);
}

.zoom-img-module a {
    overflow: hidden;
}
.zoom-img-module img {
    transform: scale(1);
    transition: all 1s;
}
.zoom-img-module:hover img {
    transform: scale(1.1);
}

.ancre-module {
	top:-65px !important;
}

/* accueil */

/* slick */
.slider-mobile .slick-dots {
	list-style-type:none;
	padding:0 !important;
	display:flex;
	gap:10px;
	justify-content:center;
	margin-top:20px;
}
.slider-mobile .slick-dots > li {
	width:10px;
	height:10px;
	border-radius:5px;
	background-color:#ccc;
	cursor:pointer;
}
.slider-mobile .slick-dots > li.slick-active {
	background-color:#A7147A;
}
.slider-mobile .slick-dots > li button {
	display:none;
}

/** Réalisations **/
.gallery-filter img {
	object-fit: contain !important;
	height: 100px !important;
}

/* forminator */
.forminator-module .forminator-button {
	background-color: #a7147a;
	padding:15px 20px !important;
	font-size:16px;
}
.forminator-module .forminator-button:hover {
	box-shadow:none !important;
	opacity:0.8;
}
.forminator-module .forminator-row-last {
	margin-bottom:0 !important;
}

/** Contact **/
.con-link a {
	color: #FFF !important;
}

.con-link a:hover {
	color: #a7147a !important;
}
.bloc-ctc.elementor-element.elementor-element-e241f5f.e-con-full.bloc-ctc.e-flex.e-con.e-child {
    height: 570px !important;
	gap: 0 !important;
}

.simple-sitemap-wrap h3.post-type {
    display: none !important;
}

/* cookiesYes */
.cky-btn-revisit-wrapper {
	background-color: #A7147A !important;
}
.cky-btn-accept {
	background: #A7147A !important;
	color: #FFFFFF;
	border: 2px solid #A7147A !important;
}
.cky-btn-reject {
	color: #A7147A !important;
	background: transparent !important;
	border: 2px solid #A7147A !important;
}
.cky-btn-customize {
	color: #A7147A !important;
	background: transparent !important;
	border: 2px solid #A7147A !important;
}
.cky-btn-preferences {
	color: #A7147A !important;
	background: transparent !important;
	border: 2px solid #A7147A !important;
}