/* RIVL component CSS v2.10.10 */

.screen-reader-text{
position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(1px,1px,1px,1px);
  white-space:nowrap;
}
.rivl-topbar{
position:sticky;
  top:0;
  z-index:999;
  background:var(--rivl-primary);
  box-shadow:0 2px 8px rgba(15,23,42,.18);
}
.rivl-logo{
position:absolute;
  left:50%;
  transform:translateX(-50%);
  color:var(--rivl-white);
  font-size:var(--rivl-logo-fs);
  font-weight:var(--rivl-fw-black);
  letter-spacing:.2px;
  text-transform:uppercase;
  white-space:nowrap;
  max-width:var(--rivl-logo-max-width);
  overflow:var(--rivl-logo-overflow);
  text-overflow:var(--rivl-logo-text-overflow);
  text-align:var(--rivl-logo-text-align);
}
.rivl-logo::before{
content:"◒";
  font-size:var(--rivl-fs-base);
  margin-right:3px;
  vertical-align:1px;
}
.rivl-mobile-nav{
display:block;
  position:absolute;
  z-index:50;
  left:50%;
  top:54px;
  width:min(320px,calc(100% - 28px));
  transform:translateX(-50%);
  background:var(--rivl-white);
  border:1px solid var(--rivl-border);
  border-radius:0 0 12px 12px;
  box-shadow:0 14px 24px rgba(15,23,42,.12);
}
.rivl-mobile-nav[hidden]{
display:none;
}
.rivl-mobile-menu{
list-style:none;
  margin:0;
  padding:8px;
}
.rivl-mobile-menu li{
margin:0;
}