/* the menus in the grey of SIGNAL in the logo (black at alpha 40 on white = #d7d7d7), dark blue text,
   the site blue on hover; the theme had them black (dropdowns) and #333 (mobile panel) */
#header #navbar ul.navigation li ul {
  background-color: #d7d7d7;
  border: 0;
  border-radius: 0 0 10px 10px;
  box-shadow: 0 10px 24px rgba(0, 81, 121, .14);
  overflow: hidden;
}
#header #navbar ul.navigation li ul li a,
#header #navbar ul.navigation li ul li.active > a {
  background-color: transparent;
  color: #005179;
}
#header #navbar ul.navigation li ul li.active > a {
  font-weight: 600;
}
#header #navbar ul.navigation li ul li:hover > a {
  background-color: #1BB3E9;
  color: #fff;
}
.sb-slidebar {
  background-color: #d7d7d7 !important;
}
#panel {
  color: #005179;
}
#panel .navigation li a,
#panel .navigation li ul li a {
  color: #005179;
}
#panel .navigation li a:hover {
  color: #fff;
  background-color: #1BB3E9;
}
#panel .navigation li.active > a,
#panel .navigation li.active > a:hover {
  background: #fff;
  color: #005179;
}
#panel .navigation li:first-child,
#panel .navigation li {
  border-color: #c4c4c4;
}
/* the entry whose dropdown is open: the same grey, joined to its dropdown */
#header #navbar .navigation > .has-children:hover > a {
  background: #d7d7d7;
  border-color: #d7d7d7;
  border-radius: 10px 10px 0 0;
  color: #005179;
}
/* one line per entry ("Sovereignty & compliance"): the dropdown takes the width of its longest entry */
#header #navbar ul.navigation li ul {
  width: max-content;
}
#header #navbar ul.navigation li ul li a {
  white-space: nowrap;
}