.c-site-header {
  border-top: 8px solid #ffaa00;
  border-top: 8px solid var(--color-weborange);
  background-color: #FFF;
  background-color: var(--color-white);
  color: #FFF;
  color: var(--color-white);
  border-bottom: 8px solid #101e8e;
  border-bottom: 8px solid var(--color-primary);
}

@media (min-width: 75em) {

.c-site-header {
    border-bottom: 0;
}
  }

.c-site-header__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  justify-content: space-between;
  gap: 1rem;
  padding-top: max(1rem, min(calc(1.40rem + 1.41vw), 1.5rem));
  padding-top: var(--space);
  padding-bottom: 2.5rem;
  padding-bottom: var(--space-xl);
}

@media (min-width: 45em) {

.c-site-header__inner {
    align-items: center;
    padding-bottom: max(1rem, min(calc(1.40rem + 1.41vw), 1.5rem));
    padding-bottom: var(--space);
}
  }

.c-site-header__inner.l-container {
  position: static;
  position: initial;
}

.c-branding__logo {
  color: #101e8e;
  color: var(--color-primary);
}

.responsive-menu-toggle-icon {
  z-index: 1;
}

.responsive-menu-toggle-icon:hover::before,
.responsive-menu-toggle-icon:hover::after,
.responsive-menu-toggle-icon:hover span.icon {
  background: #101e8e;
  background: var(--color-primary);
}

.c-site-search__desktop {
  --colour-focus: var(--color-white);
  background-color: #1365DF;
  background-color: var(--color-new-lochmara);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 110px;
  height: 44px;
  font-size: 1rem;
  cursor: pointer;
}

.c-site-search__desktop:hover {
    background-color: #e0f5fb;
    background-color: var(--color-skyblue);
    color: #101e8e;
    color: var(--color-primary);
  }

.c-site-search__desktop:hover symbol {
    fill: #101e8e;
    fill: var(--color-primary);
  }

#toggle-icon {
  width: 110px;
  height: 44px;
  font-size: 1rem;
  padding: 0;
}

#block-utilitymenu,
#block-mainnavigation-2 {
  display: none;
}

@media (min-width: 75em) {

  #block-utilitymenu,
  #block-mainnavigation-2 {
    display: block;
  }
}

.responsive-menu-toggle {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.responsive-menu-toggle-icon {
  background-color: #101e8e;
  background-color: var(--color-primary);
}

.responsive-menu-toggle-icon:hover {
    background-color: #e0f5fb;
    background-color: var(--color-skyblue);
  }

.responsive-menu-toggle-icon::before,
.responsive-menu-toggle-icon::after,
.responsive-menu-toggle-icon span.icon {
  background: #FFF;
  background: var(--color-white);
  height: 2px;
}

.responsive-menu-toggle-icon span.label {
  text-transform: none;
  top: 8px;
  color: inherit;
  font-size: 1rem;
}

.responsive-menu-toggle-icon span.label-open {
  display: none;
}

.mm-wrapper_opening .responsive-menu-toggle-icon span.label-open {
  display: block;
}

.responsive-menu-toggle-icon span.label-close {
  display: block;
}

.mm-wrapper_opening .responsive-menu-toggle-icon span.label-close {
  display: none;
}

.responsive-menu-toggle-icon::before {
  top: 12px;
}

.responsive-menu-toggle-icon span.icon {
  top: 18px;
}

.mm-wrapper_opening .responsive-menu-toggle-icon:before, .mm-wrapper_opening .responsive-menu-toggle-icon:after {
  top: 18px;
}

.responsive-menu-toggle-icon::after {
  top: 24px;
}

.mm-menu_offcanvas {
  z-index: 10;
}

.mm-panel {
  background: #101e8e;
  background: var(--color-primary);
  color: #fff;
  font-weight: 600;
}

.mm-navbar {
  background-color: #101e8e;
  background-color: var(--color-primary);
  color: #ffaa00;
  color: var(--color-weborange);
  border-bottom: none;
}

.mm-navbar__title {
  background-color: #101e8e;
  background-color: var(--color-primary);
  color: #ffaa00;
  color: var(--color-weborange);
  border-bottom: none;
}

.mm-listitem {
  border-color: #fff;
}

.mm-listitem__btn:not(.mm-listitem__text) {
  border: none;
}

.mm-btn::after, .mm-btn::before {
  border-left: 2px solid #fff;
  border-top: 2px solid #fff;
}

.l-page-with-hero .block-page-title-block {
  display: none;
}

@media (min-width: 45em) {

.c-site-header__inner {
    padding-right: calc(clamp(1.25rem, 0.096rem + 5.769vw, 5rem) + 125px);
    padding-right: calc(var(--container-gutter) + 125px);
}
  }

.mm-menu_theme-dark {
  --mm-color-background-emphasis: var(--color-new-lochmara);
}

.openid-connect-login-form {
  color: #101e8e;
  color: var(--color-torea-blue);
}

.openid-connect-login-form,
.authentication-menu {
  z-index: 1;
  /*background-color: var(--color-torea-blue-light);*/
  border-radius: 22px;
  font-size: 1rem;

  button {
    /*background-color: transparent;*/
    background-color: #EEEFF5;
    background-color: var(--color-torea-blue-light);
    color: inherit;
    --colour-focus: var(--color-new-lochmara);
    padding: 0.6rem 1rem;
  }

  /*@media (--bp-small) {
    position: absolute;
    top: -50px;
    left: 0;
    width: 100vw;
    height: 50px;
    display: flex;
    align-items: center;
    background-color: var(--color-torea-blue-light);
    padding-left: var(--container-gutter);
    padding-right: var(--container-gutter);
    border-radius: 0%;
  }*/
}

@media (max-width: 75em) {

header .openid-connect-login-form,
header .authentication-menu {
    position: absolute;
    top: -50px;
    left: 0;
    width: 100vw;
    height: 50px;
    display: flex;
    align-items: center;
    background-color: #EEEFF5;
    background-color: var(--color-torea-blue-light);
    padding-left: clamp(1.25rem, 0.096rem + 5.769vw, 5rem);
    padding-left: var(--container-gutter);
    padding-right: clamp(1.25rem, 0.096rem + 5.769vw, 5rem);
    padding-right: var(--container-gutter);
    border-radius: 0%;
}
  }

.user-account-navigation {
  color: #101e8e;
  color: var(--color-torea-blue);
  font-weight: bold;
  min-width: 15rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.user-account-navigation.menu-item {
  position: relative;
}

.user-account-navigation.menu-item .menu {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  background-color: #EEEFF5;
  background-color: var(--color-torea-blue-light);
  z-index: 1;
  padding: 0;
  top: 100%;
  box-shadow: 4px 4px 1px #d3d3d3;
}

.user-account-navigation.menu-item button::after {
  content: '';
  display: inline-flex;
  width: 15px;
  height: 9px;
  background-image: url("data:image/svg+xml,%3Csvg width%3D%2215%22 height%3D%2210%22 viewBox%3D%220 0 15 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M14.8456 1.64559L14.0927 0.872457C13.9961 0.773339 13.8803 0.713867 13.7452 0.713867C13.61 0.713867 13.4942 0.773339 13.3977 0.872457L7.49035 6.93854L1.60232 0.872457C1.48649 0.773339 1.37066 0.713867 1.25483 0.713867C1.139 0.713867 1.00386 0.773339 0.907336 0.872457L0.15444 1.64559C0.0579151 1.7447 0 1.86365 0 2.00241C0 2.14118 0.0579151 2.26012 0.15444 2.35924L7.16216 9.55528C7.25869 9.6544 7.37452 9.71387 7.50965 9.71387C7.64479 9.71387 7.76062 9.6544 7.85714 9.55528L14.8456 2.35924C14.9421 2.26012 15 2.14118 15 2.00241C15 1.86365 14.9421 1.7447 14.8456 1.64559Z%22 fill%3D%22%23101E8E%22%2F%3E%3C%2Fsvg%3E");
  background-color: #EEEFF5;
  background-color: var(--color-torea-blue-light);
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}

.user-account-navigation.menu-item:hover button:after,
.user-account-navigation.menu-item:focus-within button:after {
  background-color: #EEEFF5;
  background-color: var(--color-torea-blue-light);
  background-image: url("data:image/svg+xml,%3Csvg width%3D%2215%22 height%3D%2210%22 viewBox%3D%220 0 15 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M0.154439 8.78215L0.907335 9.55528C1.00386 9.65439 1.11969 9.71387 1.25483 9.71387C1.38996 9.71387 1.50579 9.65439 1.60232 9.55528L7.50965 3.4892L13.3977 9.55528C13.5135 9.6544 13.6293 9.71387 13.7452 9.71387C13.861 9.71387 13.9961 9.6544 14.0927 9.55528L14.8456 8.78215C14.9421 8.68303 15 8.56409 15 8.42532C15 8.28655 14.9421 8.16761 14.8456 8.06849L7.83784 0.872458C7.74131 0.773339 7.62548 0.713867 7.49035 0.713867C7.35521 0.713867 7.23938 0.773339 7.14286 0.872458L0.154439 8.06849C0.0579139 8.16761 1.2478e-07 8.28655 1.12648e-07 8.42532C1.00517e-07 8.56409 0.0579139 8.68303 0.154439 8.78215Z%22 fill%3D%22%23101E8E%22%2F%3E%3C%2Fsvg%3E");
  /*margin-right: 1rem;*/
}

.user-account-navigation.menu-item:hover .menu,
.user-account-navigation.menu-item:focus-within .menu {
  display: block;
}

.user-account-navigation.menu-item .menu-item.menu-item--collapsed {
  padding-top: 0.65rem;
  padding-bottom: 0.65rem;

}

@media (max-width: 75em) {

.user-account-navigation.menu-item .menu-item.menu-item--collapsed {
    border-bottom: 2px solid lightgray;
    background-color: #FFF;
    background-color: var(--color-white);

}
  }

.user-account-navigation.menu-item ul .menu-item a {
  padding: 0.25rem max(0.5rem, min(calc(1.40rem + 1.41vw), 1rem)) !important;
  padding: var(--space-2xs) var(--space-xs) !important;
}

.user-account-navigation.menu-item ul .menu-item a {
  -webkit-text-decoration: none;
  text-decoration: none;
  width: 100%;
  display: block;
}