.c-main-menu .menu {
  display: flex;
  justify-content: space-between;
}

.c-main-menu.l-container:not(.section-page-menu) {
  width: calc( max(16rem, min(98vw, 85rem)) + (2 * max(1rem, min(calc(1.40rem + 1.41vw), 1.5rem))));
  width: calc( var(--container-wide) + (2 * var(--space)));
  padding-left: calc(max(1rem, min(calc(1.40rem + 1.41vw), 1.5rem)) - max(1rem, min(calc(1.40rem + 1.41vw), 1.5rem)));
  padding-left: calc(var(--container-gutter) - var(--space));
}

@media (min-width: 87.5em) {

.c-main-menu.l-container:not(.section-page-menu) {
    padding-left: clamp(1.25rem, 0.096rem + 5.769vw, 5rem);
    padding-left: var(--container-gutter);
}
  }

.c-main-menu .menu .menu-item:hover {
  background-color: var(--color-lochmara);
  color: #ffaa00;
  color: var(--color-weborange);
}

.c-main-menu .menu .menu-item a {
  color: inherit;
  font-size: max(1.00rem, min(calc(0.88rem + 0.33vw), 1.13rem));
  font-size: var(--type-0);
  padding: max(1rem, min(calc(1.40rem + 1.41vw), 1.5rem));
  padding: var(--space);
  line-height: 0.8;
}

.main-navigation {
  background-color: #101e8e;
  background-color: var(--color-primary);
}

.main-navigation .c-main-menu .menu-item {
  padding: 0;
}

.main-navigation .c-main-menu .menu-item--expanded {
  font-size: max(1.00rem, min(calc(0.88rem + 0.33vw), 1.13rem));
  font-size: var(--type-0);
  color: #FFF;
  color: var(--color-white);
}

.main-navigation .c-main-menu .menu-item--expanded:focus {
  font-size: max(1.00rem, min(calc(0.88rem + 0.33vw), 1.13rem));
  font-size: var(--type-0);
}

.menu--utility-menu .menu {
  display: flex;
}

.c-main-menu .menu-item .menu:hover {
  display: block;
}

/* Utility menu  */

.menu--utility-menu .menu li a {
  -webkit-text-decoration: none;
  text-decoration: none;
  padding-left: max(0.5rem, min(calc(1.40rem + 1.41vw), 1rem));
  padding-left: var(--space-xs);
  color: #1365DF;
  color: var(--color-new-lochmara);
  font-weight: 600;
  font-size: max(0.88rem, min(calc(0.75rem + 0.33vw), 1.00rem));
  font-size: var(--type--1);
}

.menu--utility-menu .menu li a:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.menu--utility-menu .menu li a::after {
  content: "|";
  padding-left: max(0.5rem, min(calc(1.40rem + 1.41vw), 1rem));
  padding-left: var(--space-xs);
}

.menu--utility-menu .menu li:last-child a::after {
  content: none;
  padding-left: max(0.5rem, min(calc(1.40rem + 1.41vw), 1rem));
  padding-left: var(--space-xs);
}

/* Menu dropdown */

.menu .menu-item--expanded .menu .menu-item a {
  z-index: 1;
  color: #101e8e;
  color: var(--color-primary);
  font-size: max(0.88rem, min(calc(0.75rem + 0.33vw), 1.00rem));
  font-size: var(--type--1);
  padding:  0.65rem max(1rem, min(calc(1.40rem + 1.41vw), 1.5rem));
  padding:  0.65rem var(--space);
  margin: 0;
  line-height: 1.1;
}

.menu .menu-item--expanded .menu .menu-item:hover {
  background-color: #1365DF;
  background-color: var(--color-new-lochmara);
}

.menu .menu-item--expanded .menu .menu-item:hover a {
  color: #FFF;
  color: var(--color-white);
}

.c-main-menu .menu-item .menu {
  background-color: #EEEFF5;
  background-color: var(--color-torea-blue-light);
  z-index: 1;
  padding: 0;
  top: 100%;
  box-shadow: 4px 4px 1px #d3d3d3;
  width: max(10rem, min(13vw, 15.25rem));
}

