/*
You can add your own CSS here.

Click the help icon above to learn more.
*/
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

.revenueCount
{
  line-height: 100px;
  color:#ffffff;
  margin-left:30px;
  font-size:40px;
}

.revenueCount2
{
  line-height: 100px;
  color:#ffffff;
  margin-left:30px;
  font-size:40px;
}

.revenueCount3
{
  line-height: 100px;
  color:#ffffff;
  margin-left:30px;
  font-size:40px;
}

.revenueCount4
{
  line-height: 100px;
  color:#ffffff;
  margin-left:30px;
  font-size:40px;
}

.revenueCount5
{
  line-height: 100px;
  color:#ffffff;
  margin-left:30px;
  font-size:40px;
}

.revenueCount6
{
  line-height: 100px;
  color:#ffffff;
  margin-left:30px;
  font-size:40px;
}

/* ================================================================
   L2 GLOBAL HEADER — swoosh directly on .top-header, no pseudo-element
   Scoped to skip homepage
   ================================================================ */

body:not(.home) .top-header,
body:not(.home) .top-header.add-bg,
body:not(.home) .top-header.stuck {
    background-color: transparent !important;
    background-image: url('https://mightyplay.com/wp-content/uploads/2026/09/swoosh-1.png') !important;
    background-repeat: no-repeat !important;
    background-position: left top !important;
    background-size: contain !important;
    border: 0 !important;
    box-shadow: none !important;
    min-height: 110px !important;
    padding: 6px 0% 10px !important;
    position: relative !important;
    font-family: 'Manrope', 'Segoe UI', Helvetica, Arial, sans-serif !important;
}

/* Kill Ava's default wave ::after since we're using the swoosh directly */
body:not(.home) .top-header.add-bg::after {
    display: none !important;
}

/* Header content stays on top of swoosh */
body:not(.home) .top-header .header-elements,
body:not(.home) .top-header .header-left,
body:not(.home) .top-header .header-right,
body:not(.home) .top-header #logo,
body:not(.home) .top-header .site-logo,
body:not(.home) .top-header #navigation {
    position: relative;
    z-index: 5;
}

body:not(.home) .top-header .header-elements {
    background: transparent !important;
}

/* Show one logo variant, invert to white */
body:not(.home) .top-header .site-logo img.light-logo,
body:not(.home) .top-header .site-logo img.light-logo-sticky,
body:not(.home) .top-header .site-logo img.dark-logo-sticky,
body:not(.home) .top-header #logo img.light-logo,
body:not(.home) .top-header #logo img.light-logo-sticky,
body:not(.home) .top-header #logo img.dark-logo-sticky {
    display: none !important;
}
body:not(.home) .top-header .site-logo img.dark-logo,
body:not(.home) .top-header #logo img.dark-logo {
    display: inline-block !important;
    opacity: 1 !important;
    height: 30px !important;
    width: auto !important;
    filter: brightness(0) invert(1) !important;
}

/* Nav — beats Lucía's Roboto blue rule */
html body:not(.home) header.top-header #navigation > li > a > span,
html body:not(.home) header.top-header #navigation li a span {
    color: #14213d !important;
    font-family: 'Manrope', 'Segoe UI', Helvetica, Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    line-height: 1.5 !important;
}
html body:not(.home) header.top-header #navigation > li > a:hover > span {
    text-decoration: underline !important;
}
html body:not(.home) header.top-header #navigation > li.current-menu-item > a > span,
html body:not(.home) header.top-header #navigation > li.current_page_item > a > span {
    text-decoration: underline !important;
    text-underline-offset: 6px !important;
    text-decoration-thickness: 2px !important;
}
/* Mobile L2 header — shrink height, tighten spacing, downscale logo */
@media (max-width: 967px) {
    body:not(.home) .top-header,
    body:not(.home) .top-header.add-bg,
    body:not(.home) .top-header.stuck {
        height: 120px !important;
        min-height: 120px !important;
        padding: 18px 5% !important;
        background-size: auto 120px !important;
    }
    body:not(.home) .top-header .site-logo img.dark-logo,
    body:not(.home) .top-header #logo img.dark-logo {
        height: 18px !important;
    }
    body:not(.home) .new-pages-title {
        margin-top: 30px !important;
        margin-bottom: 24px !important;
    }
}
/* ================================================================
   HOMEPAGE HERO — kill black hairlines around the hero
   ================================================================ */

/* Nuke borders/shadows on html/body and every wrapper that could draw a line */
html, body,
section.mp-hero,
.content_row, .content_row_wrapper,
.wpb_row, .wpb_column, .vc_column_container, .vc_column-inner,
.wpb_wrapper, .wpb_raw_code, .wpb_raw_html,
.default-style, .fullwidth, .rt-flex-wrapper, .min-height-row {
    border: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

/* mp-intro-section band-aid: white bg + pull up 10px to cover the line below hero */
body:has(#mpHero) .mp-intro-section {
    background: #fff !important;
    background-color: #fff !important;
    border: 0 !important;
    box-shadow: none !important;
    min-height: 0 !important;
    margin-top: -10px !important;
    position: relative !important;
    z-index: 2 !important;
}
html, body {
    margin: 0 !important;
    padding: 0 !important;
}
body.home {
    background-color: #00ACFD !important;
}