/* Site-wide CSS overrides applied after the original WordPress/Elementor CSS. * Loaded via inject-overrides.js as a at the end of . * * Each rule explains why it exists. */ /* === Elementor button hover — force the standard "ghost" hover everywhere === * * Several Elementor elements have per-element CSS overrides that set the * hover bg to var(--e-global-color-d43c13a) = #01FFC1A1 (mint with 63% * alpha — just a faded version of the default). The rest of the site uses * a "ghost button" hover: gray bg, mint text, mint border. The faded-mint * variant looks like a slightly-dimmed version of the default state and * doesn't read as a hover state at all. * * These per-element rules have specificity (0,3,1) * (.elementor-NNNN + .elementor-element + .elementor-element-XXX + button + * :hover), so we win the cascade by matching that specificity AND coming * later in source order. Source-order alone (we're a stylesheet at the end * of ) gives us that. * * !important is used so this rule wins over any future per-element override * Elementor might emit, even on pages we haven't audited. * * Affected so far: * - Contact form Send button (post 16, element db64298) * - Submission-successful "Back to home" button (post 5961, element 2e32885) * - Likely others on pages we haven't checked yet */ .elementor-button:hover, .elementor-button:focus { background-color: rgba(122, 122, 122, 0.43) !important; color: var(--e-global-color-astglobalcolor0) !important; border-color: var(--e-global-color-astglobalcolor0) !important; } /* Default state: a 1px solid border whose color matches the bg (so it's * invisible) prevents a 1px layout shift on hover when the border changes * color. Skip cookie-consent (cmplz-*) buttons since they have their own * styling. */ .elementor-button:not([class*="cmplz"]) { border: 1px solid var(--e-global-color-astglobalcolor0); } /* === Stop the "Manage consent" tab blinking === * * The default Complianz CSS plays mc_slideOut on the pill's default * state. Any CSS recalc (variable change, breakpoint shift, parent * layout change) re-triggers the keyframe animation, producing a * visible blink as the pill slides down again. * * Fix: disable the DEFAULT-state animation but keep the hover slide-in * animation that brings the pill up. The pill rests at its configured * --cmplz-manage-consent-offset (-35px = peeking above viewport edge), * applied as a plain `bottom:` value (no animation), and animates up on * hover. Complianz's show/hide JS continues to toggle visibility via the * cmplz-hidden class, which is independent of this rule. */ #cmplz-manage-consent .cmplz-manage-consent { animation: none !important; bottom: var(--cmplz-manage-consent-offset); } /* (Custom slide-in animation removed — we now use Elementor's native * elementor-invisible + data-settings animation mechanism on the injected * Let's-talk buttons. See post-process/site-edits.js for the markup.) */ /* === Remove the divider line above the Let's-talk button on the * market-making sub-pages === * * Section 512dc75 is the last content section on /market-making-for-token-issuers/ * and /market-making-for-exchanges/, immediately above the Let's-talk button * (the new container we injected to replace the deleted "Talk to our team" * section). Section 512dc75's CSS sets a 1px bottom border that originally * served to separate it from the now-removed "Talk to our team" header. * With that header gone the border just floats above the button. Hide it. */ .elementor-element.elementor-element-512dc75 { border-bottom-width: 0 !important; } /* Footer + burger-menu SERVICES column: keep each service label on ONE line ("MM for Prediction Markets" used to wrap to three lines). */ li.elementor-icon-list-item a[href^="/market-making-for-"] .elementor-icon-list-text { white-space: nowrap; } /* === Footer/burger MiCA link — match the other COMPANY links === * The MiCA link was added as a CLONED icon-list widget whose data-id lacks * the per-element rules the original footer links carry. Two side effects: * 1. its text rendered mint-green (the default link color) instead of * white like Home / About Us / Blog; * 2. its hover-underline ::after was stuck at full column width, drawing a * long green bar under "MiCA" on every page. * Force it back in line with its siblings: white text, no persistent line. * Scoped to li.elementor-icon-list-item so it never touches the header nav * MiCA item (which is a .elementor-item menu link, not an icon-list link). */ li.elementor-icon-list-item a[href="/regulation/"] .elementor-icon-list-text { color: #fff !important; font-size: 15px !important; line-height: 1.857 !important; } /* === Footer/burger link underline: as wide as the LABEL, on hover + current === * The theme draws the underline on ::after and expands it to width:100% — * i.e. the whole link. That equals the word for normal inline links, but the * whole COLUMN for the (full-width) Regulation item and for every footer link * on mobile (where the columns stack and each link goes full-width). Move the * underline onto the label span so it always matches the word, and show it on * hover as well as for the current page. */ .elementor-icon-list-item a:after { width: 0 !important; } .elementor-icon-list-item a .elementor-icon-list-text { position: relative; display: inline-block; } .elementor-icon-list-item a .elementor-icon-list-text:after { content: ""; position: absolute; left: 0; bottom: -2px; height: 2px; width: 0; background-color: #01ffc1; transition: width .3s ease-in-out; } .elementor-icon-list-item a:hover .elementor-icon-list-text:after, .elementor-icon-list-item a.active .elementor-icon-list-text:after { width: 100% !important; } /* === Header: don't collapse to the burger so early === * The header nav widget is configured as "dropdown on tablet", and this site's * tablet breakpoint is 1150px (see the @media (max-width:1150px) block in * wp-content/uploads/elementor/css/custom-pro-widget-nav-menu.min.css). So any * window under 1150px lost the whole menu and showed only a burger — including * ordinary laptop widths, which is what "the top menu disappears when the * window is smaller" was about. * * The header row (d536098) holds these siblings: * 8153be4 logo * 14e399d the real horizontal menu (nav 5b7b25e) — hidden below 1150 * b4ccf8f CONTACT US wrapper — 459px wide with the button pinned to its * right edge, which is the big empty gap next to the logo * c533457 burger + dropdown (nav 47fbd0a) * * Below 1150px we bring the horizontal menu back and keep the burger, with * CONTACT US pulled in tight next to the burger so the freed space goes to * the menu. Showing the container alone is not enough: the nav widget inside * it (5b7b25e) is ALSO switched to burger mode by the same 1150px breakpoint, * so it would render a second burger of its own. * * Everything here is sized with clamp() rather than fixed px per breakpoint. * A fixed cutoff is always a cliff: the links fit at one width and vanish one * pixel below it (that was the 861 -> 801 chase). With clamp the logo, link * text and CONTACT US shrink continuously as the window narrows, so the links * survive all the way down to 768px instead of snapping away. 768 is a hard * floor: at 767px Elementor switches the header to its stacked phone layout, * and forcing the links in there breaks it into three rows. * * The button's default 40px side padding is the single biggest space hog at * narrow widths — trimming it is what buys room for the five links. */ @media (min-width: 768px) and (max-width: 1150px) { /* bring back the horizontal menu, and let it use the freed space. * flex:0 0 auto, NOT 1 1 auto: as a shrinkable item the container got * squeezed below the width the five items need and the