/*
  LEAN EDGE SPORTS — DESKTOP LIVE SCORES FRONT LAYER
  Dark styling is not changed here.
  Phone <= 768px is untouched.
*/
@media only screen and (min-width: 769px) {
  body.homepage-page > #live-scores-strip.live-scores-strip {
    display: flex !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    width: 100vw !important;
    max-width: none !important;
    margin: 0 !important;
    transform: none !important;
    -webkit-transform: none !important;
    z-index: 2147483647 !important;
    isolation: isolate !important;
    visibility: visible !important;
  }

  body.homepage-page > #hp-scores-strip {
    display: none !important;
  }

  body.homepage-page #site-header,
  body.homepage-page #site-header #main-nav,
  body.homepage-page #site-header .desktop-more-menu,
  body.homepage-page #site-header .mobile-menu-panel,
  body.homepage-page .les-mobile-menu-backdrop {
    z-index: 2147483000 !important;
  }
}


/* ==========================================================
   FANTASY TOOLS PHONE ONLY - FINAL OVERRIDE
   Loaded last in homepage-light-v6.css
   Only affects the Fantasy Tools card
   ========================================================== */

@media only screen and (max-width: 768px) {
  body.homepage-page a.hp-callout-card[href="/fantasy-tools"] {
    background: rgba(17,29,66,.5) !important;
    border: 1px solid var(--card-border) !important;
    padding: 28px !important;
    min-height: 150px !important;
    border-radius: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
  }

  body.homepage-page a.hp-callout-card[href="/fantasy-tools"] h3 {
    color: #fff !important;
  }

  body.homepage-page a.hp-callout-card[href="/fantasy-tools"] p {
    color: var(--grey-font) !important;
  }
}