.elementor-8795 .elementor-element.elementor-element-d75f131{border-style:none;margin-top:30px;margin-bottom:0px;z-index:999;}.elementor-bc-flex-widget .elementor-8795 .elementor-element.elementor-element-becf3d5.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-8795 .elementor-element.elementor-element-becf3d5.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-8795 .elementor-element.elementor-element-becf3d5{z-index:9999;}.elementor-8795 .elementor-element.elementor-element-b12c55e{width:initial;max-width:initial;}.elementor-bc-flex-widget .elementor-8795 .elementor-element.elementor-element-4a14b18.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-8795 .elementor-element.elementor-element-4a14b18.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-8795 .elementor-element.elementor-element-4a14b18.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-8795 .elementor-element.elementor-element-4a14b18{z-index:9999;}.elementor-widget-navigation-menu .menu-item a.hfe-menu-item.elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-navigation-menu .menu-item a.hfe-menu-item.elementor-button:hover{background-color:var( --e-global-color-accent );}.elementor-widget-navigation-menu a.hfe-menu-item, .elementor-widget-navigation-menu a.hfe-sub-menu-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-navigation-menu .menu-item a.hfe-menu-item, .elementor-widget-navigation-menu .sub-menu a.hfe-sub-menu-item{color:var( --e-global-color-text );}.elementor-widget-navigation-menu .menu-item a.hfe-menu-item:hover, .elementor-widget-navigation-menu .sub-menu a.hfe-sub-menu-item:hover, .elementor-widget-navigation-menu .menu-item.current-menu-item a.hfe-menu-item, .elementor-widget-navigation-menu .menu-item a.hfe-menu-item.highlighted, .elementor-widget-navigation-menu .menu-item a.hfe-menu-item:focus{color:var( --e-global-color-accent );}.elementor-widget-navigation-menu .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:before, .elementor-widget-navigation-menu .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-navigation-menu .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent .sub-menu .hfe-has-submenu-container a:after{background-color:var( --e-global-color-accent );}.elementor-widget-navigation-menu .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:before, .elementor-widget-navigation-menu .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:after{border-color:var( --e-global-color-accent );} .elementor-widget-navigation-menu .sub-menu li a.hfe-sub-menu-item, .elementor-widget-navigation-menu nav.hfe-dropdown li a.hfe-sub-menu-item, .elementor-widget-navigation-menu nav.hfe-dropdown li a.hfe-menu-item, .elementor-widget-navigation-menu nav.hfe-dropdown-expandible li a.hfe-menu-item, .elementor-widget-navigation-menu nav.hfe-dropdown-expandible li a.hfe-sub-menu-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8795 .elementor-element.elementor-element-1c5bc8b .menu-item a.hfe-menu-item{padding-left:24px;padding-right:24px;}.elementor-8795 .elementor-element.elementor-element-1c5bc8b .menu-item a.hfe-sub-menu-item{padding-left:calc( 24px + 20px );padding-right:24px;}.elementor-8795 .elementor-element.elementor-element-1c5bc8b .hfe-nav-menu__layout-vertical .menu-item ul ul a.hfe-sub-menu-item{padding-left:calc( 24px + 40px );padding-right:24px;}.elementor-8795 .elementor-element.elementor-element-1c5bc8b .hfe-nav-menu__layout-vertical .menu-item ul ul ul a.hfe-sub-menu-item{padding-left:calc( 24px + 60px );padding-right:24px;}.elementor-8795 .elementor-element.elementor-element-1c5bc8b .hfe-nav-menu__layout-vertical .menu-item ul ul ul ul a.hfe-sub-menu-item{padding-left:calc( 24px + 80px );padding-right:24px;}.elementor-8795 .elementor-element.elementor-element-1c5bc8b .menu-item a.hfe-menu-item, .elementor-8795 .elementor-element.elementor-element-1c5bc8b .menu-item a.hfe-sub-menu-item{padding-top:10px;padding-bottom:10px;}body:not(.rtl) .elementor-8795 .elementor-element.elementor-element-1c5bc8b .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child){margin-right:0px;}body.rtl .elementor-8795 .elementor-element.elementor-element-1c5bc8b .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child){margin-left:0px;}.elementor-8795 .elementor-element.elementor-element-1c5bc8b nav:not(.hfe-nav-menu__layout-horizontal) .hfe-nav-menu > li.menu-item:not(:last-child){margin-bottom:0px;}.elementor-8795 .elementor-element.elementor-element-1c5bc8b ul.sub-menu{width:220px;}.elementor-8795 .elementor-element.elementor-element-1c5bc8b .sub-menu a.hfe-sub-menu-item, .elementor-8795 .elementor-element.elementor-element-1c5bc8b nav.hfe-dropdown li a.hfe-menu-item, .elementor-8795 .elementor-element.elementor-element-1c5bc8b nav.hfe-dropdown li a.hfe-sub-menu-item, .elementor-8795 .elementor-element.elementor-element-1c5bc8b nav.hfe-dropdown-expandible li a.hfe-menu-item, .elementor-8795 .elementor-element.elementor-element-1c5bc8b nav.hfe-dropdown-expandible li a.hfe-sub-menu-item{padding-top:15px;padding-bottom:15px;}.elementor-8795 .elementor-element.elementor-element-1c5bc8b{width:auto;max-width:auto;}.elementor-8795 .elementor-element.elementor-element-1c5bc8b > .elementor-widget-container{background-color:#FFFFFF99;padding:5px 5px 5px 5px;border-radius:32px 32px 32px 32px;}.elementor-8795 .elementor-element.elementor-element-1c5bc8b .hfe-nav-menu__toggle{margin:0 auto;}.elementor-8795 .elementor-element.elementor-element-1c5bc8b a.hfe-menu-item, .elementor-8795 .elementor-element.elementor-element-1c5bc8b a.hfe-sub-menu-item{font-family:"Soehne Bush", Sans-serif;font-size:16px;font-weight:400;}.elementor-8795 .elementor-element.elementor-element-1c5bc8b .menu-item a.hfe-menu-item, .elementor-8795 .elementor-element.elementor-element-1c5bc8b .sub-menu a.hfe-sub-menu-item{color:#141414;}.elementor-8795 .elementor-element.elementor-element-1c5bc8b .menu-item.current-menu-item a.hfe-menu-item, .elementor-8795 .elementor-element.elementor-element-1c5bc8b .menu-item.current-menu-ancestor a.hfe-menu-item{color:#FFFDFD;background-color:#000000;}.elementor-8795 .elementor-element.elementor-element-1c5bc8b .sub-menu, .elementor-8795 .elementor-element.elementor-element-1c5bc8b nav.hfe-dropdown, .elementor-8795 .elementor-element.elementor-element-1c5bc8b nav.hfe-dropdown-expandible, .elementor-8795 .elementor-element.elementor-element-1c5bc8b nav.hfe-dropdown .menu-item a.hfe-menu-item, .elementor-8795 .elementor-element.elementor-element-1c5bc8b nav.hfe-dropdown .menu-item a.hfe-sub-menu-item{background-color:#fff;}.elementor-8795 .elementor-element.elementor-element-1c5bc8b .sub-menu li.menu-item:not(:last-child), .elementor-8795 .elementor-element.elementor-element-1c5bc8b nav.hfe-dropdown li.menu-item:not(:last-child), .elementor-8795 .elementor-element.elementor-element-1c5bc8b nav.hfe-dropdown-expandible li.menu-item:not(:last-child){border-bottom-style:solid;border-bottom-color:#c4c4c4;border-bottom-width:1px;}.elementor-8795 .elementor-element.elementor-element-23ca8e6{width:auto;max-width:auto;}.elementor-8795 .elementor-element.elementor-element-23ca8e6 > .elementor-widget-container{border-radius:32px 32px 32px 32px;}.elementor-bc-flex-widget .elementor-8795 .elementor-element.elementor-element-be5df40.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-8795 .elementor-element.elementor-element-be5df40.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-8795 .elementor-element.elementor-element-be5df40{z-index:999;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8795 .elementor-element.elementor-element-4ebce26 .elementor-button{background-color:#C8F902;font-family:"Fira Sans", Sans-serif;font-size:15px;font-weight:400;fill:#141414;color:#141414;border-radius:40px 40px 40px 40px;padding:8px 16px 8px 16px;}.elementor-8795 .elementor-element.elementor-element-4ebce26 .elementor-button-content-wrapper{flex-direction:row-reverse;}@media(min-width:768px){.elementor-8795 .elementor-element.elementor-element-becf3d5{width:20%;}.elementor-8795 .elementor-element.elementor-element-4a14b18{width:60%;}.elementor-8795 .elementor-element.elementor-element-be5df40{width:19.332%;}}@media(max-width:1024px){body:not(.rtl) .elementor-8795 .elementor-element.elementor-element-1c5bc8b.hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child){margin-right:0px;}body .elementor-8795 .elementor-element.elementor-element-1c5bc8b nav.hfe-nav-menu__layout-vertical .hfe-nav-menu > li.menu-item:not(:last-child){margin-bottom:0px;}}@media(max-width:767px){body:not(.rtl) .elementor-8795 .elementor-element.elementor-element-1c5bc8b.hfe-nav-menu__breakpoint-mobile .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child){margin-right:0px;}body .elementor-8795 .elementor-element.elementor-element-1c5bc8b nav.hfe-nav-menu__layout-vertical .hfe-nav-menu > li.menu-item:not(:last-child){margin-bottom:0px;}}/* Start custom CSS for html, class: .elementor-element-b12c55e */.logo-header-new .logo-header{ display: flex; justify-content: center; align-items: center; padding: 16px 12px 8px 12px; margin-left: 0px; flex-shrink: 0; border-radius: 8.336px; background: rgba(255, 255, 255, 0.60); backdrop-filter: blur(10px); margin-left: 8px !important; cursor: pointer; } @media screen and (max-width: 767px) { .home .logo-header-new .logo-header{ background: transparent !important; svg{ filter: brightness(0) invert(1); } } .mega-menu-menu-1-mobile-open{ .logo-header-new .logo-header{ background: transparent !important; svg{ filter:none; } } } }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-becf3d5 */.overmenu-1{ z-index: 99991 !important; }/* End custom CSS */ /* Start custom CSS for navigation-menu, class: .elementor-element-1c5bc8b */.menu-principal-hide{ display: none !important; } .current-menu-item a{ border-radius: 50px } .menu-principal .elementor-widget-container{ box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08); backdrop-filter: blur(10px); } .menu-open{ .menu-principal .elementor-widget-container{ box-shadow:none; /*backdrop-filter: blur(0);*/ } } @media screen and (min-width: 768px) and (max-width: 990px) { #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link { padding: 0px 5px !important; } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-23ca8e6 */.menu-principal #mega-menu-wrap-primary, .menu-principal #mega-menu-wrap-menu-1 { background: transparent !important; } body #mega-menu-wrap-primary { background: rgba(255, 255, 255, 0.60) !important; } #mega-menu-wrap-menu-1 #mega-menu-menu-1 { gap: 20px !important; display: flex !important; padding: 0 8px !important; } #mega-menu-wrap-primary{ #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > #mega-menu-wrap-primarya.mega-menu-link{ padding: 10px 12px; height: auto !important; border-radius: 40px; line-height: 1; margin: 5px 0; } #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-current-menu-item > a.mega-menu-link{ background:#C8F902 !important; border-radius: 40px; height: 31px; line-height: 31px; margin-top: 8px; } } /* ============================================ 1) Mega menu pleine largeur (100vw) ============================================ */ #mega-menu-wrap-primary .mega-sub-menu { /* position: absolute !important;*/ left: 50% !important; padding-left: 15px !important; padding-right: 15px !important; transform: translateX(-50%) !important; /*width: 100vw !important; */ width: 1440px !important; max-width:1440px !important; border-radius: 0 !important; z-index: 990 !important; } @supports (-webkit-appearance: none) and (not (-moz-appearance: none)) { /* Chrome, Edge, Safari */ #mega-menu-wrap-primary .mega-sub-menu { left: 50.1% !important; } } #mega-menu-wrap-primary #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu{ padding: 40px 0 80px 0; border-radius: 0 0 16px 16px !important; } /* ============================================ 2) Corriger le flex non voulu ajouté par Elementor ============================================ */ #mega-menu-wrap-primary > ul.mega-sub-menu { display: block !important; flex-direction: unset !important; } /* ============================================ 3) Affichage correct des rows ============================================ */ #mega-menu-wrap-primary .mega-menu-row { display: block !important; width: 100% !important; padding: 20px 0; clear: both; } /* ============================================ 4) Affichage correct des colonnes ============================================ */ #mega-menu-wrap-primary .mega-menu-column { display: block !important; float: left !important; padding: 10px 20px; } #mega-menu-wrap-primary .mega-menu-column ul.mega-sub-menu { display: block !important; } /* ============================================ 5) Définition des largeurs de colonnes (grille 12 colonnes) ============================================ */ /* 3 colonnes sur 12 = 25% */ #mega-menu-wrap-primary .mega-menu-columns-3-of-12 { width: 25% !important; } /* 6 colonnes sur 12 = 50% */ #mega-menu-wrap-primary .mega-menu-columns-6-of-12 { width: 50% !important; } /* ============================================ 6) Elementor / Hello Theme coupe le mega menu → on enlève ============================================ */ header, .elementor-section, .elementor-container { overflow: visible !important; } /* ============================================ 7) S’assurer que le mega menu passe toujours devant le header ============================================ */ #mega-menu-wrap-primary, #mega-menu-wrap-primary .mega-sub-menu { z-index: 990 !important; border-radius: 32px !important; } #mega-menu-wrap-primary{ background: #fff !important; } #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu{ border-radius: 0 !important; background: #fff !important; } /* =========================================================== 2) Le UL interne (rows container) doit être block, jamais flex =========================================================== */ #mega-menu-wrap-primary .mega-sub-menu ul.mega-sub-menu { display: block !important; flex-direction: unset !important; width: 100% !important; } /* =========================================================== 3) Rows =========================================================== */ #mega-menu-wrap-primary .mega-menu-row { width: 100% !important; display: block !important; clear: both !important; padding: 0px 0 !important; } /* =========================================================== 4) Columns – on supprime les conflits Elementor =========================================================== */ #mega-menu-wrap-primary .mega-menu-column { float: left !important; display: block !important; padding: 0px 25px !important; position: relative !important; z-index: 10 !important; background: transparent !important; } /* Largeurs de colonnes (grille 12) */ #mega-menu-wrap-primary .mega-menu-columns-3-of-12 { width: 25% !important; } #mega-menu-wrap-primary .mega-menu-columns-6-of-12 { width: 50% !important; } /* =========================================================== 5) Désactiver les overflow cachés de Elementor/Hello =========================================================== */ header, .elementor-section, .elementor-container, .elementor-row, .elementor-column { overflow: visible !important; } /* =========================================================== 6) S'assurer que rien ne passe par-dessus le mega menu =========================================================== */ #mega-menu-wrap-primary { position: relative !important; z-index: 990 !important; } #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item { padding: 6px 0px !important; } #mega-menu-wrap-primary #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title, #mega-menu-menu-1 .mega-menu-megamenu .mega-menu-link { font-family: "Soehne Bush", Sans-serif !important } #mega-menu-wrap-primary .mega-sub-menu > li { padding-right: 0!important; padding-left: 0!important; } #mega-menu-menu-1 .mega-menu-megamenu .mega-sub-menu { a.mega-menu-link{ background: linear-gradient(#c8f902 0 0) bottom left/ var(--underline-width, 0%) 0.15em no-repeat !important; display: inline-block !important; text-decoration: none; transition: background-size 0.5s !important; width: auto!important; } a.mega-menu-link:hover { --underline-width: 100% !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-9f81c94 */html { overflow-y: scroll !important; } .mega-close-button { position: fixed; top: 110px; z-index: 999999; font-size: 32px; font-weight: bold; background: transparent; border: none; cursor: pointer; color: #000; line-height: 1; padding: 8px; display:none !important; /* Calcul pour rester aligné au site */ left: 47.4%; transform: translateX(720px); /* 1440px / 2 = 720px */ &:hover { background-color: transparent !important; color: #fff; text-decoration: none; } } #mega-menu-wrap-primary { position: relative; } #mega-menu-wrap-primary .mega-indicator { transform: rotate(90deg); background-image: none !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain!important; /* ou cover selon ton image */ width: 16px !important; /* Ajuste selon ta taille */ height: 14px !important; display: inline-block !important; border: none !important; overflow: hidden; position: relative; top: 3px !important; &::after{ display: none !important; } img{ position: absolute; left: 0; transition: transform 0.15s ease-in, opacity 0.1s ease-in; } } #mega-menu-wrap-primary .mega-indicator::before { content: ''; position: absolute; top: 0; left: -14px; width: 20px; height: 11px; background: url('data:image/svg+xml;utf8,') no-repeat left/contain; opacity: 0; transition: left 0.35s ease-out, opacity 0.3s ease-out; } /* Animation au survol */ .mega-menu-link:hover .mega-indicator img { transform: translateX(14px) !important; opacity: 0 !important; } .mega-menu-link:hover .mega-indicator::before { left: 0 !important; opacity: 1 !important; } @media screen and (max-width: 767px) { #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu{ background: transparent !important; } .mega-menu-toggle.mega-menu-open::after { height: auto !important; } #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link { background: transparent !important; padding-left: 50px !important; .mega-indicator{ position: absolute !important; left:8px !important; transform: rotate(180deg) !important; } } #mega-menu-wrap-menu-1 .mega-menu-toggle + #mega-menu-menu-1 { z-index: 998 !important; } #mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open{ position: absolute !important; top: 20px; right: 15px; width: 40px; padding-left: 0; /* bottom: 20px; left: 38%;*/ z-index: 999; &::before { display: none; content: ""; /*Close*/ } button{ transform: rotate(45deg) !important } } /*bouton toggle*/ #mega-menu-wrap-menu-1 .mega-menu-toggle { border-radius: 32px !important; background: rgba(255, 255, 255, 0.80) !important; box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.16); padding-left: 7px; padding-right: 7px; bottom: 0; backdrop-filter: blur(10px) !important; &::before { content: "Menu"; color: #141414; font-family: "Fira Sans", Sans-serif; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: -0.32px; line-height: 40px; padding-left: 15px; } button{ span{ display: none !important; } width: 16px; height: 16px; background:url('/wp-content/uploads/2025/12/plus.png') center center no-repeat !important; } } #mega-menu-wrap-primary{ bottom: 0; } .mega-menu-menu-1-mobile-open{ #mega-menu-wrap-primary{ bottom: 0px; } } .menu-open { & #uabb-header > .elementor-container { background: transparent !important; } } #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link { color: #333 !important; background: transparent !important; } }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-4a14b18 */#mega-menu-menu-1 > li:last-child { display: none !important; } @media screen and (max-width: 767px) { #main-nav{ position: fixed; top: 0; right: 0; left: auto; z-index: 99999; .elementor-element-populated{ justify-content: flex-end; } #mega-menu-menu-1 > li:last-child { display: block !important; } } .overmenu-2{ > div{ padding: 0 !important; } } #mega-menu-wrap-menu-1 .mega-menu-toggle { width: 100px; position: absolute !important; right: 20px; top: 20px; } #mega-menu-wrap-menu-1 #mega-menu-menu-1{ gap: 0 !important } #mega-menu-wrap-primary{ top: 0px; right: 0px; position: absolute !important; } .mega-menu-menu-1-mobile-open #mega-menu-wrap-primary{ top: 0; right: 0; } #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{ color:#141414 !important; font-size: 18px !important; } #mega-menu-wrap-primary .mega-indicator{ transform: rotate(0); top: 13px !important; } #mega-menu-wrap-primary .mega-sub-menu { transform: translateX(0%) !important; left: 0% !important; max-width: 100% !important; } .menu-open{ #mega-menu-menu-1{ > .mega-menu-item { transform: translateX(-100%) !important; border: 1px solid red; } > .mega-toggle-on{ transform: translateX(0%) !important; } } } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-4ebce26 */.btn-arrow-anim{ .elementor-button-icon { position: relative; top: 2px; display: inline-block; width: 15px; height: 13px; overflow: hidden; svg { width: 12px; height: 11px; } } /* La flèche SVG actuelle */ .elementor-button-icon svg { position: absolute; top: 0; left: 0; transition: transform 0.15s ease-in, opacity 0.1s ease-in; } .elementor-button-text{ padding-right: 3px; } /* La deuxième flèche (identique, cachée à gauche) */ .elementor-button-icon::after { content: ''; position: absolute; top: 0; left: -14px; /* cachée à gauche */ width: 20px; height: 11px; background: url('data:image/svg+xml;utf8,') no-repeat left/contain; opacity: 0; transition: left 0.35s ease-out, opacity 0.3s ease-out; } /* Animation au survol */ .elementor-button:hover .elementor-button-icon svg { transform: translateX(14px); opacity: 0; } .elementor-button:hover .elementor-button-icon::after { left: 0; opacity: 1; } }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-be5df40 */.overmenu-3{ z-index: 99992 !important; } @media only screen and (max-width: 768px) { .btn-top-bar{ display: none !important; } .mega-menu-menu-1-mobile-open { #mega-menu-wrap-menu-1 .mega-menu-toggle + #mega-menu-menu-1 { position: relative; padding-top: 150px !important; } #mega-menu-wrap-primary{ width: 100%; background: transparent !important } #mega-menu-wrap-menu-1 .mega-menu-toggle + #mega-menu-menu-1{ width: 100%; background: rgba(255, 255, 255, 0.80); backdrop-filter: blur(10px); } } } @media (min-width: 768px) { .right-btn-kontakt { width: 20% !important; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-d75f131 *//* Sticky Header UAE */ #uabb-header { position: fixed; /*sticky*/ top: 0; z-index: 9999; width: 100%; } .menu-open{ #uabb-header > .elementor-container { background: white; border-radius: 16px 16px 0 0; } } .headerMegaMenu li .mega-menu-link{ font-size: 20px !important; margin-bottom: 10px !important; font-family: "Fira sans", Sans-serif !important; } .contentMegaMenuItem .mega-sub-menu > li{ border-top: 0px solid #111 !important; } .contentMegaMenuItem .mega-sub-menu > li li{ border-top: 0 !important; } @media screen and (max-width: 767px) { #uabb-header{ margin-top: 0 !important; border-bottom: 0px solid rgb(181, 181, 178); } #uabb-header > .elementor-container{ display: flex; flex-direction: row; flex-wrap: nowrap; } }/* End custom CSS */