/* Sticky header on all screens. Sticky sidebar only on desktop. */
html,body{
  overflow-x:clip !important;
}
.site-header{
  position:sticky !important;
  top:0 !important;
  z-index:400 !important;
}

@media (min-width: 901px){
  .article-sidebar,
  .service-sidebar,
  .blog-sidebar{
    position:sticky !important;
    top:88px !important;
    align-self:start !important;
    max-height:calc(100vh - 104px);
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    padding-right:4px;
    scrollbar-width:thin;
    scrollbar-color:#b7d4d2 transparent;
  }
  .article-sidebar::-webkit-scrollbar,
  .service-sidebar::-webkit-scrollbar,
  .blog-sidebar::-webkit-scrollbar{
    width:8px;
  }
  .article-sidebar::-webkit-scrollbar-thumb,
  .service-sidebar::-webkit-scrollbar-thumb,
  .blog-sidebar::-webkit-scrollbar-thumb{
    background:#c5dddb;
    border-radius:99px;
  }
}

@media (max-width: 900px){
  .article-sidebar,
  .service-sidebar,
  .blog-sidebar{
    position:static !important;
    top:auto !important;
    max-height:none !important;
    overflow:visible !important;
    order:0 !important;
    z-index:auto !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
  }
}