/* Only top-level menu items use the animated disclosure chevron. */
.ktso-main-menu > .has-mega-menu > .menu-chevron {
  flex: 0 0 6px;
  width: 6px;
  height: 6px;
  display: inline-block !important;
  margin: 0 0 3px 9px;
  border: 0;
  border-right: 1px solid #a9b1bd;
  border-bottom: 1px solid #a9b1bd;
  transform: rotate(45deg);
  transition: transform .18s ease, margin .18s ease;
}

.ktso-main-menu > .has-mega-menu:hover > .menu-chevron,
.ktso-main-menu > .has-mega-menu:focus-within > .menu-chevron {
  margin-top: 5px;
  margin-bottom: 0;
  transform: rotate(225deg);
}

/* Submenu arrows are drawn controls, never text glyphs. */
.mega-menu__link::after { display: none !important; content: none !important; }
.mega-menu__links > li > .mega-menu__arrow {
  position: relative;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  display: block !important;
  border-radius: 7px;
  background: #e7eaee;
  transition: background-color .18s ease, transform .18s ease;
}
.mega-menu__links > li > .mega-menu__arrow::before {
  content: '';
  position: absolute;
  top: 7px;
  left: 7px;
  width: 5px;
  height: 5px;
  border-top: 1.5px solid #fff;
  border-right: 1.5px solid #fff;
  transform: rotate(45deg);
}
.mega-menu__links > li:hover > .mega-menu__arrow,
.mega-menu__links > li:focus-within > .mega-menu__arrow {
  background: var(--orange);
  transform: translateX(2px);
}

/* Keep the sticky public header below Drupal's fixed administration toolbar. */
body.toolbar-fixed .main-header {
  top: 39px;
  z-index: 490;
}

body.toolbar-fixed.toolbar-horizontal.toolbar-tray-open .main-header {
  top: 79px;
}

@media (max-width: 975px) {
  body.toolbar-fixed.toolbar-vertical .main-header,
  body.toolbar-fixed.toolbar-horizontal .main-header {
    top: 39px;
  }
}