/* === Seven: horizontal Main navigation (both sites) === */
nav#block-seven-mainnavigation ul.menu,
nav#block-seven-custom-mainnavigation ul.menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Menu items */
nav#block-seven-mainnavigation ul.menu > li,
nav#block-seven-custom-mainnavigation ul.menu > li {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Menu links */
nav#block-seven-mainnavigation ul.menu > li > a,
nav#block-seven-custom-mainnavigation ul.menu > li > a {
  display: inline-block;
  font-size: 16px;
  font-weight: 300;
  color: #0d47a1;
  padding: 8px 14px;
  text-decoration: none;
  border-radius: 4px;
}

/* Hover */
nav#block-seven-mainnavigation ul.menu > li > a:hover,
nav#block-seven-custom-mainnavigation ul.menu > li > a:hover {
  background-color: #f3fcd7;  // e8eaf6 buvo - menu items background
  color: #0d47a1;
}

/* Active page */
nav#block-seven-mainnavigation ul.menu > li > a.is-active,
nav#block-seven-custom-mainnavigation ul.menu > li > a.is-active {
  background-color: #0d47a1;
  color: #ffffff;
}

/* Active section (parent) */
nav#block-seven-mainnavigation ul.menu > li.menu-item--active-trail > a,
nav#block-seven-custom-mainnavigation ul.menu > li.menu-item--active-trail > a {
  background-color: #3949ab;
  color: #ffffff;
}

.page-title::after,
.block-page-title-block h1::after,
.view-header h1::after {
  content: "";
  display: inline-block;

  width: 18px;
  height: 18px;
  margin-left: 8px;

  position: relative;
  top: 0.0em; /* superscript position */

  background: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'>\
<polygon points='50,5 61,38 95,38 67,58 78,92 50,72 22,92 33,58 5,38 39,38' \
fill='none' stroke='%23f9a825'  stroke-width='8'/>\
</svg>") no-repeat center / contain;
}