@charset "utf-8";
/* SCOREBOOK navigation and submenu stability layer.
   Fixed asset name, no release query string. */

/* Keep the header and dropdown layer above the portal without changing layout flow. */
#scorebook-reference-app .site-header,
#scorebook-reference-app .primary-nav{
  position:relative;
  z-index:1200;
  overflow:visible;
  isolation:isolate;
}
#scorebook-reference-app .primary-nav .nav-inner{
  position:relative;
  z-index:1;
  overflow:visible;
}
#scorebook-reference-app .primary-nav .nav-item{
  position:relative;
  overflow:visible;
}

/* The original hover rule used opacity transitions and could leave a translucent
   menu over the page. The menu is now hidden by display and opened only by JS. */
#scorebook-reference-app .primary-nav .nav-item > .mega-menu{
  display:none !important;
  position:absolute !important;
  top:calc(100% + 1px) !important;
  left:0 !important;
  right:auto !important;
  margin:0 !important;
  margin-left:var(--scorebook-mega-shift, 0px) !important;
  max-width:calc(100vw - 24px) !important;
  max-height:calc(100vh - 150px) !important;
  overflow:auto !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  transition:none !important;
  pointer-events:none !important;
  color:#283846 !important;
  background:#fff !important;
  background-color:#fff !important;
  background-image:none !important;
  border:1px solid #d7e1e8 !important;
  border-top:3px solid #0787d7 !important;
  border-radius:0 0 8px 8px !important;
  box-shadow:0 18px 42px rgba(0,35,65,.22) !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  filter:none !important;
  z-index:12050 !important;
  contain:layout paint;
}
#scorebook-reference-app .primary-nav .nav-item.has-mega.is-open > .mega-menu,
#scorebook-reference-app .primary-nav .nav-item.has-mega[data-scorebook-open="1"] > .mega-menu{
  display:block !important;
  pointer-events:auto !important;
}
#scorebook-reference-app .primary-nav .nav-item:hover > .mega-menu{
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
}
#scorebook-reference-app .primary-nav .nav-item > .nav-link[aria-expanded="true"]{
  background:rgba(0,133,228,.88) !important;
}
#scorebook-reference-app .primary-nav .mega-menu,
#scorebook-reference-app .primary-nav .mega-menu *{
  opacity:1;
}
#scorebook-reference-app .primary-nav .mega-menu a{
  text-decoration:none;
}
#scorebook-reference-app .primary-nav .mega-menu a:focus-visible{
  outline:2px solid #0787d7;
  outline-offset:2px;
}

/* Dark mode must also be fully opaque. */
body.dark-mode #scorebook-reference-app .primary-nav .mega-menu{
  color:#dbe5ed !important;
  background:#202c36 !important;
  background-color:#202c36 !important;
  border-color:#3a4a57 !important;
  border-top-color:#31a9f0 !important;
}
body.dark-mode #scorebook-reference-app .primary-nav .mega-title b,
body.dark-mode #scorebook-reference-app .primary-nav .mega-cols h4,
body.dark-mode #scorebook-reference-app .primary-nav .compact-mega > a > b{
  color:#eef5fa !important;
}
body.dark-mode #scorebook-reference-app .primary-nav .mega-menu a,
body.dark-mode #scorebook-reference-app .primary-nav .mega-title span,
body.dark-mode #scorebook-reference-app .primary-nav .compact-mega > a > span{
  color:#c3d0da !important;
}
body.dark-mode #scorebook-reference-app .primary-nav .mega-menu a:hover{
  background:#293946 !important;
  color:#63c2fa !important;
}

/* Market has its own #nav_bar. Hide the duplicated portal context row only on
   market pages, while keeping latest/community and the sports shortcut row. */
#scorebook-reference-app .global-portal-slot[data-portal-page="market"] > .portal-section-nav,
#scorebook-reference-app .global-portal-slot[data-portal-page="market"] > .sb-section-nav{
  display:none !important;
}

/* Stabilize the legacy market second-depth menu. */
#scorebook-reference-app #nav_bar{
  float:none !important;
  clear:both !important;
  position:relative !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  min-height:64px !important;
  height:auto !important;
  margin:14px 0 0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-columns:minmax(150px,190px) minmax(0,1fr) auto !important;
  align-items:stretch !important;
  overflow:hidden !important;
  border:1px solid #d8e2e9 !important;
  border-top:3px solid #064b78 !important;
  background:#fff !important;
  line-height:normal !important;
}
#scorebook-reference-app #nav_bar::after{
  display:none !important;
  content:none !important;
}
#scorebook-reference-app #nav_bar > h2{
  float:none !important;
  position:relative !important;
  width:auto !important;
  min-width:0 !important;
  min-height:61px !important;
  height:auto !important;
  margin:0 !important;
  padding:0 22px !important;
  display:flex !important;
  align-items:center !important;
  box-sizing:border-box !important;
  border:0 !important;
  border-right:1px solid #d8e2e9 !important;
  color:#073f70 !important;
  background:#f4f6f8 !important;
  background-image:none !important;
  font-family:inherit !important;
  font-size:20px !important;
  font-weight:900 !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
#scorebook-reference-app #nav_bar > h2::after{
  content:"" !important;
  position:absolute !important;
  top:50% !important;
  right:-11px !important;
  z-index:3 !important;
  width:0 !important;
  height:0 !important;
  margin-top:-11px !important;
  border-top:11px solid transparent !important;
  border-bottom:11px solid transparent !important;
  border-left:11px solid #f4f6f8 !important;
}
#scorebook-reference-app #nav_bar > ul{
  float:none !important;
  min-width:0 !important;
  width:auto !important;
  min-height:61px !important;
  height:61px !important;
  max-height:61px !important;
  margin:0 !important;
  padding:0 12px !important;
  display:flex !important;
  align-items:stretch !important;
  box-sizing:border-box !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  list-style:none !important;
  background:#fff !important;
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
  overscroll-behavior-inline:contain;
}
#scorebook-reference-app #nav_bar > ul::-webkit-scrollbar{
  width:0 !important;
  height:0 !important;
  display:none !important;
}
#scorebook-reference-app #nav_bar > ul > li{
  float:none !important;
  flex:0 0 auto !important;
  width:auto !important;
  height:61px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:none !important;
  background-image:none !important;
  list-style:none !important;
}
#scorebook-reference-app #nav_bar > ul > li > a{
  min-width:78px !important;
  height:61px !important;
  margin:0 !important;
  padding:0 16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  border:0 !important;
  color:#0e456e !important;
  background:#fff !important;
  background-image:none !important;
  font-family:inherit !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  text-decoration:none !important;
}
#scorebook-reference-app #nav_bar > ul > li > a:hover,
#scorebook-reference-app #nav_bar > ul > li > a.on,
#scorebook-reference-app #nav_bar > ul > li > a.active,
#scorebook-reference-app #nav_bar > ul > li > a[aria-current="page"]{
  color:#fff !important;
  background:#064b78 !important;
}
#scorebook-reference-app #nav_bar .item_total{
  float:none !important;
  position:static !important;
  right:auto !important;
  top:auto !important;
  min-width:170px !important;
  min-height:61px !important;
  height:auto !important;
  margin:0 !important;
  padding:0 18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  box-sizing:border-box !important;
  color:#7c8993 !important;
  background:#fff !important;
  font-size:11px !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
}
#scorebook-reference-app #nav_bar .item_total b{
  margin:0 3px !important;
  color:#e95035 !important;
  font-weight:900 !important;
}
#scorebook-reference-app #nav_bar + hr,
#scorebook-reference-app #nav_bar ~ hr:first-of-type{
  display:none !important;
}

@media (max-width:920px){
  #scorebook-reference-app .primary-nav .mega-menu{
    display:none !important;
  }
  #scorebook-reference-app #nav_bar{
    grid-template-columns:120px minmax(0,1fr) !important;
    min-height:54px !important;
  }
  #scorebook-reference-app #nav_bar > h2{
    min-height:51px !important;
    padding:0 14px !important;
    font-size:15px !important;
  }
  #scorebook-reference-app #nav_bar > ul{
    min-height:51px !important;
    height:51px !important;
    max-height:51px !important;
    padding:0 6px !important;
  }
  #scorebook-reference-app #nav_bar > ul > li,
  #scorebook-reference-app #nav_bar > ul > li > a{
    height:51px !important;
  }
  #scorebook-reference-app #nav_bar > ul > li > a{
    min-width:70px !important;
    padding:0 12px !important;
    font-size:11px !important;
  }
  #scorebook-reference-app #nav_bar .item_total{
    grid-column:1/-1 !important;
    min-height:34px !important;
    padding:0 12px !important;
    justify-content:flex-end !important;
    border-top:1px solid #e5eaee !important;
  }
}

@media (max-width:520px){
  #scorebook-reference-app #nav_bar{
    grid-template-columns:105px minmax(0,1fr) !important;
  }
  #scorebook-reference-app #nav_bar > h2{
    font-size:14px !important;
  }
}