:root {
  --aux-offside-width: 90vw;
  --aux-offside-width-negative: -90vw;
}

.main-navigation a, .menu-toggle {
  font-family: 'ruddy', 'Rubik', sans-serif;
}

.main-navigation .main-nav ul li > a {
  white-space: nowrap;
}

.nav ul ul .menu-item-has-children .dropdown-menu-toggle {
  display: inline-block;
  float: none;
}


.main-navigation.slideout-navigation .main-nav > ul > li > a {
  padding-block: 10px;
}

.slideout-navigation.main-navigation .main-nav ul ul li a {
    font-size: 20px;
}

.offside {
  width: var(--aux-offside-width);
}

.offside--right.is-open, .offside-js--is-right .offside-sliding-element {
  -webkit-transform: translate3d(var(--aux-offside-width-negative),0,0);
  -moz-transform: translate3d(var(--aux-offside-width-negative),0,0);
  -ms-transform: translate3d(var(--aux-offside-width-negative),0,0);
  -o-transform: translate3d(var(--aux-offside-width-negative),0,0);
  transform: translate3d(var(--aux-offside-width-negative),0,0);
}

.offside--right {
  right: var(--aux-offside-width-negative);
}