/*
 * Remove the mobile-navigation reserve below the footer
 * on desktop only.
 */

@media(min-width:761px) {
  html {
    min-height:
      100% !important;

    margin:
      0 !important;

    padding:
      0 !important;

    background:
      #111111 !important;
  }


  body {
    min-height:
      100% !important;

    margin-bottom:
      0 !important;

    padding-bottom:
      0 !important;
  }


  body > main,
  main#mainContent,
  main.page-shell,
  main.prediction-page,
  .prediction-shell,
  .page-wrapper,
  .site-wrapper {
    margin-bottom:
      0 !important;

    padding-bottom:
      0 !important;
  }


  #fbb-index-footer.fbb-footer {
    width:
      100% !important;

    margin-bottom:
      0 !important;

    padding-bottom:
      0 !important;
  }


  #fbb-index-footer
  .footer-inner {
    margin-bottom:
      0 !important;
  }


  #fbb-index-footer
  .footer-bottom {
    margin-bottom:
      0 !important;
  }


  #fbb-index-footer
  .footer-bottom:last-child {
    padding-bottom:
      18px !important;
  }


  /*
   * Possible spacer names used by the mobile bottom nav.
   * They must not reserve space on desktop.
   */

  .bottom-nav-spacer,
  .mobile-bottom-nav-spacer,
  .fbb-bottom-nav-spacer,
  .bottom-navigation-spacer,
  .safe-area-spacer,
  #bottomNavSpacer,
  #mobileBottomNavSpacer,
  #fbbBottomNavSpacer {
    display:
      none !important;

    width:
      0 !important;

    height:
      0 !important;

    min-height:
      0 !important;

    margin:
      0 !important;

    padding:
      0 !important;
  }


  /*
   * Bottom navigation itself should only be visible
   * on mobile.
   */

  .mobile-bottom-nav,
  .fbb-bottom-nav,
  .bottom-navigation,
  #mobileBottomNav,
  #fbbBottomNav {
    display:
      none !important;
  }


  /*
   * Remove an empty element immediately following
   * the footer when it is a navigation spacer.
   */

  #fbb-index-footer +
  .bottom-nav-spacer,

  #fbb-index-footer +
  .mobile-bottom-nav-spacer,

  #fbb-index-footer +
  .fbb-bottom-nav-spacer {
    display:
      none !important;

    height:
      0 !important;
  }
}


/*
 * Mobile keeps its safe area for the fixed bottom menu.
 */

@media(max-width:760px) {
  #fbb-index-footer.fbb-footer {
    margin-bottom:
      0 !important;
  }
}