/**
 * Accessible mobile navigation shared by Homepage V2 and internal pages.
 */

@media (max-width: 1024px) {
  html.nicktv-mobile-nav-open,
  html.nicktv-mobile-nav-open body {
    overflow: hidden !important;
  }

  html.nicktv-mobile-nav-open .nicktv-site #header,
  html.nicktv-mobile-nav-open .nicktv-site #header .header_bot,
  html.nicktv-mobile-nav-open .nicktv-site #header .header_bot_outer {
    overflow: visible;
  }

  .nicktv-site #header .resp_bot_nav_wrap .resp_bot_nav {
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    border: 1px solid rgba(202, 224, 248, 0.32);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.09);
  }

  .nicktv-site #header .resp_bot_nav_wrap .resp_bot_nav > span,
  .nicktv-site #header .resp_bot_nav_wrap .resp_bot_nav > span::before,
  .nicktv-site #header .resp_bot_nav_wrap .resp_bot_nav > span::after {
    width: 18px;
    height: 2px;
    background-color: #ffffff;
  }

  .nicktv-site #header .resp_bot_nav_wrap .resp_bot_nav:hover,
  .nicktv-site #header .resp_bot_nav_wrap .resp_bot_nav.active {
    border-color: #ffd428;
    background: rgba(255, 212, 40, 0.12);
  }

  .nicktv-site #header .resp_bot_nav_wrap .resp_bot_nav:focus-visible,
  .nicktv-site #header .navigation a:focus-visible,
  .nicktv-site #header .navigation .cmsmasters_resp_nav_toggle:focus-visible {
    outline: 3px solid #ffd428;
    outline-offset: 2px;
  }

  .nicktv-site #header .bot_nav_wrap {
    position: static;
    overflow: visible;
  }

  .nicktv-site #header .bot_nav_wrap nav {
    position: absolute;
    z-index: 9998;
    top: 100%;
    right: 0;
    left: 0;
    width: auto;
    height: auto;
    min-height: 0;
    max-height: calc(100dvh - var(--nicktv-mobile-menu-top, 130px) - 12px);
    border: 1px solid rgba(202, 224, 248, 0.2);
    border-radius: 0 0 16px 16px;
    background: #071d3f;
    box-shadow: 0 22px 50px rgba(2, 12, 28, 0.34);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-color: #1db6ff #071d3f;
    -webkit-overflow-scrolling: touch;
  }

  .nicktv-site #header .bot_nav,
  .nicktv-site #header .menu-primary-navigation-container {
    height: auto;
    background: #071d3f;
    overflow: visible;
  }

  .nicktv-site #header .bot_nav {
    padding: 8px;
  }

  .nicktv-site #header .bot_nav > li {
    border-bottom: 1px solid rgba(202, 224, 248, 0.14);
  }

  .nicktv-site #header .bot_nav > li:last-child {
    border-bottom: 0;
  }

  .nicktv-site #header .navigation > li > a {
    display: flex;
    min-height: 48px;
    padding: 12px 56px 12px 16px;
    border: 0;
    border-radius: 9px;
    align-items: center;
    color: #ffffff;
    line-height: 1.4;
    white-space: normal;
    overflow: visible;
    overflow-wrap: anywhere;
  }

  .nicktv-site #header .navigation > li > a .nav_title {
    color: inherit;
  }

  .nicktv-site #header .navigation > li > a:hover,
  .nicktv-site #header .navigation > li > a:focus-visible,
  .nicktv-site #header .navigation > li.current-menu-item > a,
  .nicktv-site #header .navigation > li.current-menu-parent > a,
  .nicktv-site #header .navigation > li.current-menu-ancestor > a {
    background: rgba(29, 182, 255, 0.12);
    color: #ffd428;
  }

  .nicktv-site #header .navigation .cmsmasters_resp_nav_toggle {
    display: grid;
    width: 48px;
    min-width: 48px;
    height: 48px;
    min-height: 48px;
    margin: 0;
    border-left: 1px solid rgba(202, 224, 248, 0.18);
    align-items: center;
    justify-items: center;
    color: #ffffff;
    cursor: pointer;
  }

  .nicktv-site #header .navigation .cmsmasters_resp_nav_toggle:hover,
  .nicktv-site #header .navigation .cmsmasters_resp_nav_toggle:focus-visible,
  .nicktv-site #header .navigation .cmsmasters_resp_nav_toggle.cmsmasters_theme_icon_resp_nav_slide_up {
    background: rgba(255, 212, 40, 0.12);
    color: #ffd428;
  }

  .nicktv-site #header .navigation .sub-menu {
    min-width: 0;
    margin: 0 8px 8px;
    padding: 6px;
    border: 1px solid rgba(202, 224, 248, 0.13);
    border-radius: 10px;
    background: #0b2a57;
    box-shadow: none;
  }

  .nicktv-site #header .navigation .sub-menu li {
    padding: 0;
    border-bottom: 1px solid rgba(202, 224, 248, 0.11);
  }

  .nicktv-site #header .navigation .sub-menu li:last-child {
    border-bottom: 0;
  }

  .nicktv-site #header .navigation .sub-menu a {
    display: flex;
    min-height: 46px;
    padding: 11px 12px;
    border: 0;
    border-radius: 8px;
    align-items: center;
    color: #edf7ff;
    font-size: 15px;
    line-height: 1.45;
    white-space: normal;
    overflow: visible;
    overflow-wrap: anywhere;
  }

  .nicktv-site #header .navigation .sub-menu a:hover,
  .nicktv-site #header .navigation .sub-menu a:focus-visible,
  .nicktv-site #header .navigation .sub-menu .current-menu-item > a {
    background: rgba(29, 182, 255, 0.14);
    color: #ffd428;
  }

  .nicktv-site #header .navigation .nicktv-nav-cta > a {
    min-height: 48px;
    margin: 8px;
    padding: 12px 18px;
    border: 1px solid rgba(255, 212, 40, 0.72);
    border-radius: 10px;
    background: #ffd428;
    color: #06142b;
    justify-content: center;
  }
}