/* --- skip link ---------------------------------------------------------- */
.sktmain.invisible:focus-within {
  position: relative;
  left: 0;
  height: 100%;
  width: auto;
  display: block;
}

/* --- header bar --------------------------------------------------------- */
header .left-nav-container{position:relative;padding:5px 0 12px;}

.header-logo-wrapper img{max-width: 137px;max-height: 35px;    margin: 0 var(--sm-1) 0 0;}

/* --- breakpoints -------------------------------------------------------- */
@media all and (min-width:992px){
  body{overflow-x:hidden;}
  header .left-nav-container::before {
    content: '';
    height: 100%;
    width: 200vw;
    position: absolute;
    background: transparent;
    left: -50%;
    backdrop-filter: blur(10px);
    z-index: -1;
  }
}

@media all and (max-width:991.98px){
  main{overflow:hidden;}
  header .left-nav-container{padding:12px 0;}
}

@media all and (max-width:767.98px){
  .header-logo-wrapper img{max-width:125px;}
  header .left-nav-container{padding:var(--sm-3) 0;}
}