/* ============================================================
   STOCKSKILL GLOBAL UI V5
   ============================================================ */

html,
body{
  width:100% !important;
  max-width:100% !important;
  overflow-x:hidden !important;
}

*,
*::before,
*::after{
  box-sizing:border-box;
}

img,
video,
iframe,
svg{
  max-width:100%;
}

input,
select,
textarea,
button{
  max-width:100%;
  box-sizing:border-box;
}

/* Sticky Header */

header.stockskill-sticky-header{
  position:sticky !important;
  position:-webkit-sticky !important;
  top:0 !important;
  width:100% !important;
  max-width:100% !important;
  z-index:99999 !important;
}

header.stockskill-sticky-header .nav-inner{
  width:100% !important;
  max-width:100% !important;
}

/* Market ticker */

.market-strip,
.market-strip .container.ticker,
.market-strip #marketTicker{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}

#marketTicker{
  width:100% !important;
  max-width:100% !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  white-space:nowrap !important;
  -webkit-overflow-scrolling:touch;
}

#marketTicker .tick{
  flex:0 0 auto !important;
  white-space:nowrap !important;
}

/* Mobile */

@media (max-width:768px){

  header.stockskill-sticky-header{
    min-height:56px !important;
  }

  header.stockskill-sticky-header .nav-inner{
    min-width:0 !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }

  .mobile-menu,
  #mobileMenu{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:44px !important;
    min-height:44px !important;
    cursor:pointer !important;
  }

  .mobile-drawer,
  #mobileDrawer{
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    width:min(88vw,420px) !important;
    max-width:420px !important;
    height:100vh !important;
    max-height:100vh !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    z-index:100000 !important;
    box-sizing:border-box !important;
  }

  .mobile-drawer-panel{
    width:100% !important;
    max-width:100% !important;
    min-height:100% !important;
    box-sizing:border-box !important;
  }

  .mobile-drawer-links{
    width:100% !important;
    max-width:100% !important;
  }

  .mobile-drawer-links a,
  .mobile-drawer-links button{
    width:100% !important;
    max-width:100% !important;
    min-height:44px !important;
    box-sizing:border-box !important;
  }

  .mobile-drawer-backdrop{
    position:fixed !important;
    inset:0 !important;
    z-index:99998 !important;
  }

  .floating-contact{
    max-width:100vw !important;
    z-index:9000 !important;
  }

}

/* Small mobile */

@media (max-width:480px){

  header.stockskill-sticky-header .nav-inner{
    padding-left:8px !important;
    padding-right:8px !important;
  }

  .mobile-drawer,
  #mobileDrawer{
    width:92vw !important;
    max-width:380px !important;
  }

}