/*
KernWi-Fi index2 fixed-sidebar layout test.
This stylesheet affects index2.html only.
*/

@media (min-width: 1061px) {
  body[data-homepage-fixed-sidebar="on"] {
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  body[data-homepage-fixed-sidebar="on"] .site-shell {
    display: block !important;
    min-height: 100vh !important;
  }

  body[data-homepage-fixed-sidebar="on"] #shared-sidebar.sidebar {
    position: fixed !important;
    top: 0 !important;
    right: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    width: var(--sidebar-width, 248px) !important;
    height: 100vh !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    z-index: 1000 !important;
  }

  body[data-homepage-fixed-sidebar="on"] main.hero,
  body[data-homepage-fixed-sidebar="on"] .v42-service-discovery,
  body[data-homepage-fixed-sidebar="on"] #shared-footer.site-footer {
    width: calc(100% - var(--sidebar-width, 248px)) !important;
    margin-right: 0 !important;
    margin-left: var(--sidebar-width, 248px) !important;
    box-sizing: border-box !important;
  }

  body[data-homepage-fixed-sidebar="on"] #shared-footer.site-footer {
    margin-top: 0 !important;
  }

  body[data-homepage-fixed-sidebar="on"]::after,
  body[data-homepage-fixed-sidebar="on"] #shared-footer.site-footer::before,
  body[data-homepage-fixed-sidebar="on"] #shared-footer.site-footer::after {
    content: none !important;
    display: none !important;
  }
}

@media (max-width: 1060px) {
  body[data-homepage-fixed-sidebar="on"] .site-shell {
    display: block !important;
  }

  body[data-homepage-fixed-sidebar="on"] main.hero,
  body[data-homepage-fixed-sidebar="on"] .v42-service-discovery,
  body[data-homepage-fixed-sidebar="on"] #shared-footer.site-footer {
    width: 100% !important;
    margin-left: 0 !important;
  }
}