.elementor-35212 .elementor-element.elementor-element-848c49b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-35212 .elementor-element.elementor-element-848c49b:not(.elementor-motion-effects-element-type-background), .elementor-35212 .elementor-element.elementor-element-848c49b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-35212 .elementor-element.elementor-element-a1e2f86.xpro-widget-bg-overlay:before{transition:background 0.3s;}#elementor-popup-modal-35212{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-35212 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-35212 .dialog-close-button{display:flex;}#elementor-popup-modal-35212 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS for html, class: .elementor-element-a1e2f86 */@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap'); body { background: #000; margin: 0; padding: 0; } .mm-premium-menu { min-height: auto; width: 100%; background: #000; color: #fff; display: flex; flex-direction: column; justify-content: flex-start; padding: 42px 18px 30px; box-sizing: border-box; } .mm-menu-top { margin-bottom: 8px; } .mm-menu-kicker { font-size: 10px; letter-spacing: 0.22em; color: #d7d7d7; opacity: 0.75; } .mm-menu-main { display: flex; flex-direction: column; gap: 0; margin-top: 20px; } .mm-menu-item { position: relative; overflow: hidden; } .mm-word { position: relative; display: flex; align-items: flex-end; gap: 12px; text-decoration: none !important; color: #fff !important; padding: 10px 0 12px; -webkit-tap-highlight-color: transparent; } .mm-word::after { content: ""; position: absolute; left: 0; bottom: 3px; width: 0; height: 1px; background: rgba(215, 215, 215, 0.35); transition: width 0.4s cubic-bezier(0.22, 1, 0.36, 1); } .mm-menu-item:hover .mm-word::after, .mm-menu-item:focus-within .mm-word::after { width: 100%; } .mm-number { min-width: 22px; font-size: 10px; letter-spacing: 0.18em; color: #d7d7d7; opacity: 0.55; transform: translateY(-5px); } .mm-text { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 2px; } .mm-text .letter { display: inline-block; font-family: 'Bebas Neue', Arial, sans-serif; font-size: clamp(44px, 10.5vw, 62px); line-height: 0.9; color: #fff; transform-origin: center; transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.3s ease, text-shadow 0.3s ease; } .mm-text .space { width: 0.22em; } .mm-menu-item:hover .letter, .mm-menu-item:focus-within .letter { transform: translateY(-6px); transition-delay: calc(var(--index, 0) * 0.02s); text-shadow: 0 0 14px rgba(255,255,255,0.08); } .mm-menu-main:hover .mm-menu-item:not(:hover) .letter { opacity: 0.35; } .mm-menu-main:hover .mm-menu-item:not(:hover) .mm-number { opacity: 0.25; } .mm-menu-bottom { margin-top: 24px; padding-top: 6px; } .mm-cta { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 52px; padding: 16px 20px; border-radius: 999px; border: 1.5px solid rgba(255,255,255,0.85); background: transparent; color: #fff !important; text-decoration: none !important; font-family: 'Bebas Neue', Arial, sans-serif; font-size: 22px; letter-spacing: 0.1em; transition: all 0.3s ease; box-sizing: border-box; } .mm-cta:hover, .mm-cta:focus { background: #fff; color: #000 !important; transform: translateY(-2px); box-shadow: 0 10px 30px rgba(255,255,255,0.08); } .mm-premium-menu a.mm-cta:hover, .mm-premium-menu a.mm-cta:focus, .mm-premium-menu a.mm-cta:hover:link, .mm-premium-menu a.mm-cta:focus:link, .mm-premium-menu a.mm-cta:hover:visited, .mm-premium-menu a.mm-cta:focus:visited { color: #000 !important; } /* General links */ .mm-premium-menu a, .mm-premium-menu a:link, .mm-premium-menu a:visited, .mm-premium-menu a:active, .mm-premium-menu a:focus { text-decoration: none !important; outline: none !important; box-shadow: none !important; } .mm-premium-menu .mm-word, .mm-premium-menu .mm-word:link, .mm-premium-menu .mm-word:visited, .mm-premium-menu .mm-word:hover, .mm-premium-menu .mm-word:active, .mm-premium-menu .mm-word:focus { color: #fff !important; } @media (max-width: 767px) { .mm-premium-menu { padding: 42px 14px 24px; } .mm-menu-main { margin-top: 18px; } .mm-word { gap: 10px; padding: 9px 0 10px; } .mm-text .letter { font-size: clamp(40px, 11vw, 54px); } .mm-cta { min-height: 48px; font-size: 20px; } } /* Close (X) button colour */ button.mfp-close, .popup-close, .elementor-lightbox .dialog-close-button, .elementor-popup-modal .dialog-close-button { color: #d7d7d7 !important; opacity: 1 !important; } /* Hover state */ button.mfp-close:hover, .popup-close:hover, .elementor-lightbox .dialog-close-button:hover, .elementor-popup-modal .dialog-close-button:hover { color: #ffffff !important; } /* Remove full-width line */ .menu-item::after { display: none !important; } /* Add clean underline just under text */ .menu-item .word { position: relative; display: inline-block; } .menu-item .word::after { content: ""; position: absolute; left: 0; bottom: -6px; width: 0; height: 2px; background: #0385FF; /* your blue */ transition: width 0.3s ease; } /* Hover effect */ .menu-item:hover .word::after { width: 100%; }z/* End custom CSS */