/* VARIABLES */
/*
* scss-docs-start theme-color-variables
* $brand-success: $green;
* $brand-info: $teal;
* $brand-warning: $orange;
* $brand-danger: $red;
*/
/*
* Body
* Settings for the `<body>` element.
*/
/*
* Links
* Style anchor elements.
* $link-color: $accent-shade;
* $link-hover-color: $accent-dark;
* $link-hover-decoration: underline;
*/
/*
* Comments
* Breadcrumbs (Works only on Bootstrap 5+)
* $breadcrumb-divider: quote(">");
*/
/* Responsive font sizes
* Breadcrumbs (Works only on Bootstrap 5+)
* $breadcrumb-divider: quote(">");
*
*/
/* TYPOGRAPHY */
/* Google Fonts */
header {
  background-color: #626a7d;
}
header nav ul {
  list-style-type: none;
}
header nav ul.menu-level-0 {
  display: flex;
}
header nav ul.menu-level-0 > .menu-item > span {
  font-size: 1rem;
  font-weight: 700;
  color: #fbfbfb;
}
header nav ul.menu-level-0 > .menu-item a {
  font-size: 1rem;
  font-weight: 700;
  color: #fbfbfb;
}

.menu-level-1 {
  display: none;
  top: 100%;
  left: 0;
  z-index: 999;
}

.menu-item.menu-item--expanded:hover > .menu-level-1 {
  display: block;
}