/*
  demo-overrides.css — the only CSS written for the Diablo III marketing port.

  Loaded LAST on every page, so it wins on the handful of rules that assume
  app chrome this demo doesn't have. Everything else in this realm is a
  byte-for-byte copy of the app's stylesheets (only the asset host moved from
  the blob URL to files.supernova-analytics.com), which is what keeps the demo
  looking identical to the product.

  One group of change, forced by the missing app shell: vertical offsets.

    In the app the banner is injected into #game-header-placeholder, which
    sits at `top: 70px` with a 26px bottom margin, and each page's first row
    is pushed down past it (analytics 56px / 72px, heroes 92px, leaderboard
    83px). Here the banner is static markup positioned by game-banner.css —
    `top: 24px` under a 56px fixed header, as in the Destiny and Dota demos —
    so every page's first row moves up by the same 32px Destiny's
    demo-overrides.css uses. That keeps the banner-to-content gap the app has.

  Each page's rules are scoped by a body class because the three app
  stylesheets position `.mode-tabs-row` differently (relative `top` on
  Analytics, `margin-top` on Heroes).
*/

/* --- Analytics: app 56px / 72px ------------------------------------ */
.d3-analytics .mode-tabs-row {
    top: 24px;
}

.d3-analytics .widget-container {
    top: 40px;
}

/* --- Heroes: app margin-top 92px ----------------------------------- */
.d3-heroes .mode-tabs-row {
    margin-top: 60px;
}

/* --- Leaderboard: app margin-top 83px (both breakpoints) ----------- */
.d3-leaderboard .lb-table-wrap {
    margin-top: 51px;
}