.elementor-kit-8{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#0B2D33;--e-global-color-text:#0DCEBF;--e-global-color-accent:#DEDEDE;--e-global-color-0820167:#ECECEC;--e-global-color-5fd2dcb:#ECECEC;--e-global-color-1a81626:#FFFFFFE8;--e-global-typography-primary-font-family:"Neuropol";--e-global-typography-primary-font-size:3em;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Raleway";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Raleway";--e-global-typography-accent-font-weight:bold;font-family:"Raleway", Sans-serif;font-size:16px;font-weight:400;}.elementor-kit-8 a{color:var( --e-global-color-primary );}.elementor-kit-8 a:hover{color:var( --e-global-color-text );}.elementor-kit-8 h1{font-family:"Neuropol", Sans-serif;font-size:3em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1023px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* GENERAL */ p:last-of-type { margin-bottom: 0; } [data-elementor-type="wp-page"] { ul { margin: 1rem 0; padding-left: 2rem; li { margin: 1rem 0; &::marker { color: var(--e-global-color-primary); } ul li { margin: 0.5rem 0; } } } } .elementor-widget-container { ul { &:first-child { margin-top: 0; li:first-child { margin-top: 0; } } &:last-child { margin-bottom: 0; li:last-child { margin-bottom: 0; } } } } /* Boutons effet halo laser */ .Bouton-halo { position: relative; overflow: hidden; border-radius: 8px; transition: all 0.4s ease; z-index: 1; } /* Le contenu du bouton reste visible et cliquable */ .Bouton-halo .elementor-button-content-wrapper, .Bouton-halo .elementor-button-text, .Bouton-halo .elementor-button-icon { position: relative; z-index: 3; } /* Halo au survol */ .Bouton-halo:hover { box-shadow: 0 0 8px rgba(13, 206, 191, 0.45), 0 0 22px rgba(13, 206, 191, 0.35), 0 0 40px rgba(13, 206, 191, 0.2); transform: translateY(-1px); } /* Faisceau laser */ .Bouton-halo::before { content: ""; position: absolute; top: 0; left: -120%; width: 55%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(13, 206, 191, 0.45), rgba(255,255,255,0.15), rgba(13, 206, 191, 0.45), transparent ); transform: skewX(-18deg); filter: blur(2px); z-index: 1; pointer-events: none; } /* Animation laser */ .Bouton-halo:hover::before { animation: boutonLaser 1.4s cubic-bezier(.4,0,.2,1) forwards; } @keyframes boutonLaser { 0% { left: -120%; } 100% { left: 140%; } } /* Bordure lumineuse */ .Bouton-halo::after { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1.5px; background: linear-gradient( 90deg, transparent, rgba(13,206,191,0.8), transparent ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; opacity: 0; transition: opacity 0.5s ease; z-index: 2; pointer-events: none; } .Bouton-halo:hover::after { opacity: 1; } .hero-parallax { background-size: cover; background-position: center center; will-change: background-position; } /* Container 4 - image par défaut */ .Cont4 { position: relative; overflow: hidden; background-image: url("https://abcool.be/wp-content/uploads/2026/06/AdobeStock_2037188104_Preview2.webp") !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; } /* IMAGE CONT1 */ .Cont1:hover + .Cont2 + .Cont3 + .Cont4, .Cont1:hover ~ .Cont4 { background-image: url("https://abcool.be/wp-content/uploads/2026/06/AdobeStock_2037188104_Preview2.webp") !important; } /* IMAGE CONT2 */ .Cont2:hover + .Cont3 + .Cont4, .Cont2:hover ~ .Cont4 { background-image: url("https://abcool.be/wp-content/uploads/2026/06/AdobeStock_2037188104_Preview.webp") !important; } /* IMAGE CONT3 */ .Cont3:hover + .Cont4, .Cont3:hover ~ .Cont4 { background-image: url("https://abcool.be/wp-content/uploads/2026/06/AdobeStock_2037188104_Preview3.webp") !important; } /* ICONE par défaut */ .Cont4 .Ico { background-image: url("https://abcool.be/wp-content/uploads/2026/06/ABCOOL_picto.svg") !important; background-size: contain; background-position: center; background-repeat: no-repeat; } /* ICONE CONT1 */ .Cont1:hover + .Cont2 + .Cont3 + .Cont4 .Ico, .Cont1:hover ~ .Cont4 .Ico { background-image: url("https://abcool.be/wp-content/uploads/2026/06/clim.svg") !important; } /* ICONE CONT2 */ .Cont2:hover + .Cont3 + .Cont4 .Ico, .Cont2:hover ~ .Cont4 .Ico { background-image: url("https://abcool.be/wp-content/uploads/2026/06/elevator.svg") !important; } /* ICONE CONT3 */ .Cont3:hover + .Cont4 .Ico, .Cont3:hover ~ .Cont4 .Ico { background-image: url("https://abcool.be/wp-content/uploads/2026/06/solar.svg") !important; } #scroll-progress-container { position: fixed; bottom: 0; left: 0; width: 100%; height: 4px; background: rgba(0,0,0,0.1); z-index: 9999; } #scroll-progress-bar { width: 2px; height: 100%; background: #0DCEBF; /* couleur de ta barre */ transition: width 0.15s ease-out; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Neuropol'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://abcool.be/wp-content/uploads/2026/06/Neuropol.eot'); src: url('https://abcool.be/wp-content/uploads/2026/06/Neuropol.eot?#iefix') format('embedded-opentype'), url('https://abcool.be/wp-content/uploads/2026/06/Neuropol.woff2') format('woff2'), url('https://abcool.be/wp-content/uploads/2026/06/Neuropol.woff') format('woff'), url('https://abcool.be/wp-content/uploads/2026/06/Neuropol.ttf') format('truetype'), url('https://abcool.be/wp-content/uploads/2026/06/Neuropol.svg#Neuropol') format('svg'); } /* End Custom Fonts CSS */