@charset "UTF-8";
/* Minimum size for interactive elements. */
:root {
  /* Colours. */
  --black: hsl(0, 0%, 5%);
  --grey: hsl(0, 0%, 50%);
  --grey-light: hsl(0, 0%, 75%);
  --grey-dark: hsl(0, 0%, 25%);
  --white: hsl(0, 0%, 95%);
  --pink: hsl(329, 85%, 48%);
  --pink-light: hsl(329, 85%, 60%);
  --pink-dark: hsl(329, 85%, 40%);
  --blue: hsl(224, 94%, 59%);
  --blue-light: hsl(224, 94%, 70%);
  --blue-dark: hsl(224, 94%, 35%);
  /* Light theme colours. */
  --light-theme-light: var(--white);
  --light-theme-dark: var(--black);
  --light-theme-grey-light: var(--grey-light);
  --light-theme-grey: var(--grey);
  --light-theme-grey-dark: var(--grey-dark);
  --light-theme-primary: var(--blue);
  --light-theme-primary-light: var(--blue-light);
  --light-theme-primary-dark: var(--blue-dark);
  --light-theme-secondary: var(--pink);
  --light-theme-secondary-light: var(--pink-light);
  --light-theme-secondary-dark: var(--pink-dark);
  /* Dark theme colours. */
  --dark-theme-light: var(--black);
  --dark-theme-dark: var(--white);
  --dark-theme-grey-light: var(--grey-dark);
  --dark-theme-grey: var(--grey);
  --dark-theme-grey-dark: var(--grey-light);
  --dark-theme-primary: var(--blue);
  --dark-theme-primary-light: var(--blue-dark);
  --dark-theme-primary-dark: var(--blue-light);
  --dark-theme-secondary: var(--pink);
  --dark-theme-secondary-light: var(--pink-dark);
  --dark-theme-secondary-dark: var(--pink-light);
  /* Active theme colours. */
  --active-theme-light: var(--light-theme-light);
  --active-theme-dark: var(--light-theme-dark);
  --active-theme-grey-light: var(--light-theme-grey-light);
  --active-theme-grey: var(--light-theme-grey);
  --active-theme-grey-dark: var(--light-theme-grey-dark);
  --active-theme-primary: var(--light-theme-primary);
  --active-theme-primary-light: var(--light-theme-primary-light);
  --active-theme-primary-dark: var(--light-theme-primary-dark);
  --active-theme-secondary: var(--light-theme-secondary);
  --active-theme-secondary-light: var(--light-theme-secondary-light);
  --active-theme-secondary-dark: var(--light-theme-secondary-dark);
}

.dark-mode {
  --active-theme-light: var(--dark-theme-light);
  --active-theme-dark: var(--dark-theme-dark);
  --active-theme-grey-light: var(--dark-theme-grey-light);
  --active-theme-grey: var(--dark-theme-grey);
  --active-theme-grey-dark: var(--dark-theme-grey-dark);
  --active-theme-primary: var(--dark-theme-primary);
  --active-theme-primary-light: var(--dark-theme-primary-light);
  --active-theme-primary-dark: var(--dark-theme-primary-dark);
  --active-theme-secondary: var(--dark-theme-secondary);
  --active-theme-secondary-light: var(--dark-theme-secondary-light);
  --active-theme-secondary-dark: var(--dark-theme-secondary-dark);
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

nav:focus-visible,
.focus-visible {
  outline-color: var(--focus-outline-color, var(--active-theme-dark)) !important;
  outline-offset: var(--focus-outline-offset, calc(var(--focus-width, 0.1rem) * -1)) !important;
  outline-style: var(--focus-outline-style, dashed) !important;
  outline-width: var(--focus-width, 0.1rem) !important;
  box-shadow: 0 0 0 var(--focus-width, 0.1rem) inset var(--focus-box-shadow-color, var(--active-theme-light)) !important;
}

.main-navigation {
  margin: 0 auto;
  margin-bottom: 1.25rem;
  background: url(../images/menu-line.png) center repeat-x;
}
.main-navigation nav {
  background-color: #fff;
  width: 100%;
}
.main-navigation nav ul {
  position: absolute;
  top: 3rem;
  z-index: 999;
  background-color: #fff;
}
.main-navigation2 {
  background-color: #1D58AB;
  margin: 0 auto;
  margin-bottom: 1.25rem;
}
.main-navigation2 nav {
  background-color: #fff;
  width: 100%;
}
.main-navigation2 nav ul {
  display: block;
}
.main-navigation2 nav ul ul {
  display: none;
}

.toggle-menu {
  background-color: #1D58AB;
  border: none;
  position: absolute;
  top: 1rem;
  right: 1rem;
  color: #fff;
  padding: 0.5rem;
}

nav {
  display: table;
  white-space: nowrap;
  color: #fff;
  background: none;
}
nav > button {
  margin-left: auto;
}
nav ul {
  text-transform: uppercase;
  white-space: nowrap;
  display: none;
  list-style: none;
  padding: 0;
  border: 1px solid #c3c3c3;
  width: 100%;
  min-width: max-content;
}
nav ul ul {
  z-index: 100;
  background-color: #fff;
}
nav ul ul li {
  display: block;
}
nav ul ul li > a {
  padding: 0.75rem;
  display: block;
}
nav li {
  display: block;
  position: relative;
  padding: 0;
  min-width: 100%;
}
nav li > a {
  display: block;
  font-size: 90%;
  padding: 0.75rem;
  color: #484848;
  text-decoration: none;
}
nav li > a:has(+ button[aria-expanded=true]) {
  --menu-item-background: var(--menu-item-indicator-background, var(--active-theme-secondary-light));
  --menu-item-color: var(--menu-item-indicator-color, var(--active-theme-dark));
}
nav li > a:hover {
  color: #fff;
  background: #16427f;
}
nav li > a:hover + button {
  --button-background: var(--menu-item-indicator-background, var(--active-theme-secondary-light));
  --button-color: var(--menu-item-indicator-color, var(--active-theme-dark));
}
nav li > a:has(+ button[aria-expanded=true]):hover {
  --menu-item-background: var(--menu-item-hover-background, var(--active-theme-secondary));
  --menu-item-color: var(--menu-item-hover-color, var(--active-theme-light));
}
nav .dropdown > button::after, nav:not(.top-link-disclosure-menu) .dropdown > a::after, nav.top-link-disclosure-menu .dropdown .dropdown > a::after {
  content: "▾";
}
nav .dropdown > button[aria-expanded=true], nav:not(.top-link-disclosure-menu) .dropdown > a[aria-expanded=true], nav.top-link-disclosure-menu .dropdown .dropdown > a[aria-expanded=true] {
  --button-background: var(--menu-item-expanded-background, var(--active-theme-secondary-dark));
  --button-color: var(--menu-item-expanded-color, var(--active-theme-light));
}
nav:not(.top-link-disclosure-menu) .dropdown > a::after, nav.top-link-disclosure-menu .dropdown .dropdown > a::after {
  padding-left: calc(var(--menu-item-padding-x, 1rem) * 1);
}
@media screen and (min-width: 68ch) {
  .main-navigation nav {
    width: auto;
  }
  .main-navigation nav ul {
    position: relative;
    background-color: none;
    top: 0;
  }
  .main-navigation2 nav {
    width: auto;
  }
  .main-navigation2 nav ul {
    display: block;
  }
  nav {
    width: auto;
    font-size: 90%;
    margin: 0 auto;
  }
  nav > button {
    display: none;
  }
  nav > ul,
  nav > ul.hide {
    display: table-row !important;
  }
  nav li {
    width: auto;
    display: table-cell;
  }
  nav:not(.treeview) .dropdown ul {
    position: absolute;
    top: 100%;
    left: 0;
  }
  nav:not(.treeview) .dropdown ul .dropdown ul {
    top: 0;
    left: 100%;
  }
  nav:not(.treeview) .dropdown.dropdown-left ul {
    left: unset;
    right: 0;
  }
  nav:not(.treeview) .dropdown.dropdown-left ul .dropdown ul {
    left: unset;
    right: 100%;
  }
}
@media screen and (min-width: 1201) {
  nav {
    font-size: 100%;
  }
}