/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul,
ol {
  padding: 0;
  margin-block-start: 0;
  margin-block-end: 0;
}

ul[role=list],
ol[role=list] {
  list-style: none;
}

ul:not([role=list]),
ol:not([role=list]) {
  padding-left: 40px;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
.cluster-spread {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing500);
  align-items: center;
  gap: unset;
  justify-content: space-between;
}

.cluster-center {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing500);
  align-items: center;
  justify-content: center;
}

.cluster-left {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing500);
  align-items: center;
  justify-content: flex-start;
}

.cluster-right {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing500);
  align-items: center;
  justify-content: flex-end;
}

.grid {
  display: grid;
  grid-gap: var(--spacing500);
}

@supports (width: min(250px, 100%)) {
  .grid {
    grid-template-columns: repeat(auto-fit, min(var(--site-width) / 4, 100%));
  }
}
.stack\:xs,
.stack\:s,
.stack\:m,
.stack\:l,
.stack\:xl {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.stack\:xs > *,
.stack\:s > *,
.stack\:m > *,
.stack\:l > *,
.stack\:xl > * {
  margin-top: 0;
  margin-bottom: 0;
}

.stack\:xs > * + * {
  margin-top: var(--spacing100);
}

.stack\:s > * + * {
  margin-top: var(--spacing300);
}

.stack\:m > * + * {
  margin-top: var(--spacing400);
}

.stack\:l > * + * {
  margin-top: var(--spacing700);
}

.stack\:xl > * + * {
  margin-top: var(--spacing900);
}

.frame-1_1,
.frame-3_2,
.frame-4_3,
.frame-16_9 {
  position: relative;
}
.frame-1_1 > *,
.frame-3_2 > *,
.frame-4_3 > *,
.frame-16_9 > * {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
}
.frame-1_1 > img,
.frame-1_1 > video,
.frame-3_2 > img,
.frame-3_2 > video,
.frame-4_3 > img,
.frame-4_3 > video,
.frame-16_9 > img,
.frame-16_9 > video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.frame-1_1 {
  padding-bottom: 100%;
}

.frame-3_2 {
  padding-bottom: 66.6666666667%;
}

.frame-4_3 {
  padding-bottom: 75%;
}

.frame-16_9 {
  padding-bottom: 56.25%;
}

.site-wrapper {
  display: grid;
  grid-template-rows: auto 1fr auto;
  min-height: 100vh;
}

.site-width-wrapper {
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--horizontal-padding);
  padding-right: var(--horizontal-padding);
  max-width: var(--site-width);
}

.content-width-wrapper {
  width: 100%;
  max-width: var(--content-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.full-width-wrapper {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.full-bleed-wrapper {
  position: relative;
  width: 100vw;
  padding-left: 0;
  padding-right: 0;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.clickable {
  cursor: pointer;
}

.center {
  text-align: center;
}

.heading-style\:xl {
  font-size: var(--size1200);
  font-family: var(--secondary-font);
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 850px) {
  .heading-style\:xl {
    font-size: var(--size1100);
  }
}

.heading-style\:l {
  font-size: var(--size1000);
  font-family: var(--secondary-font);
  font-weight: 700;
  line-height: 1;
}

.heading-style\:m {
  font-size: var(--size900);
  font-family: var(--secondary-font);
  font-weight: 700;
  line-height: 1;
}

.heading-style\:s {
  font-size: var(--size800);
  font-family: var(--secondary-font);
  font-weight: 700;
  line-height: 1;
}

.heading-style\:xs {
  font-size: var(--size700);
  font-family: var(--secondary-font);
  font-weight: 700;
  line-height: 1;
}

.heading-style\:xxs {
  font-size: var(--size600);
  font-family: var(--secondary-font);
  font-weight: 700;
  line-height: 1;
}

.heading-style\:benefits-title {
  font-size: var(--size1000);
  font-family: var(--primary-font);
  font-weight: 700;
  line-height: 1;
}
.heading-style\:benefits-title._DARK {
  color: var(--color-black);
}
.heading-style\:benefits-title._LIGHT {
  color: var(--color-white);
}

.heading-style\:benefits-te-reo-title {
  font-size: var(--size800);
  font-family: var(--primary-font);
  font-style: italic;
  font-weight: 400;
  line-height: 1;
}
.heading-style\:benefits-te-reo-title._DARK {
  color: var(--color-black);
}
.heading-style\:benefits-te-reo-title._LIGHT {
  color: var(--color-white);
}

.color\:brand {
  color: var(--brand-primary-colour);
}

.color\:white {
  color: var(--color-white);
}

.color\:black {
  color: var(--color-black);
}

.accordion-item .accordion-summary {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  list-style-type: none;
  border-top: 1px solid var(--brand-primary-colour);
  padding: 1rem 0;
}
.accordion-item .accordion-summary > span {
  font-family: var(--primary-font);
  font-weight: 500;
}
.accordion-item:last-child {
  border-bottom: 1px solid var(--brand-primary-colour);
}
.accordion-item .accordion-icon path {
  fill: var(--color-black);
}
.accordion-item .accordion-open {
  display: inline-block;
  flex-shrink: 0;
}
.accordion-item .accordion-close {
  display: none;
  flex-shrink: 0;
}
.accordion-item[open] .accordion-open {
  display: none;
}
.accordion-item[open] .accordion-close {
  display: inline-block;
}
.accordion-item .accordion-content {
  margin-top: var(--spacing300);
  margin-bottom: var(--spacing500);
}

.template-feature-page .content-section .accordion-block {
  width: 100%;
  max-width: var(--content-width);
  margin-left: auto;
  margin-right: auto;
}

.article-cards {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-template-areas: "card-one card-one card-two" "card-one card-one card-three";
  gap: var(--spacing500);
}
@media (max-width: 1000px) {
  .article-cards {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "card-one card-two";
  }
}
.article-cards .card-item:first-child {
  grid-area: card-one;
}
.article-cards .card-item:nth-child(2) {
  grid-area: card-two;
}
.article-cards .card-item:last-child {
  grid-area: card-three;
}
@media (max-width: 1000px) {
  .article-cards .card-item:last-child {
    display: none;
  }
}
.article-cards .card-item {
  position: relative;
  display: flex;
  flex-direction: column;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  transition: transform 0.2s ease-in-out;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: var(--common-radius);
}
.article-cards .card-image {
  background-size: cover;
  background-position: center center;
  flex-grow: 1;
  height: 100%;
}
.article-cards .card-image > img {
  border-top-left-radius: var(--common-radius);
  border-top-right-radius: var(--common-radius);
  height: 100%;
  object-fit: cover;
}
.article-cards .card-content {
  flex-grow: 1;
  padding-bottom: var(--spacing300);
  padding-left: var(--spacing300);
  padding-right: var(--spacing300);
  padding-top: var(--spacing300);
}
.article-cards .card-content .card-heading {
  line-height: 1.1;
}
.article-cards .card-content .card-link {
  color: var(--color-black);
}
.article-cards .card-content .card-link:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.article-cards .card-content .card-date {
  margin-top: auto;
  font-size: var(--size600);
}

.benefits-block {
  display: flex;
}
.benefits-block.benefits-orange {
  background-color: #cc4a07;
}
.benefits-block.benefits-green {
  background-color: #62b346;
}
.benefits-block.benefits-grey {
  background-color: #bdc8d3;
}
.benefits-block.benefits-red {
  background-color: #d3412a;
}
.benefits-block .content {
  flex-basis: 55%;
  flex-shrink: 0;
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-size: 150%;
  padding: 4rem 2rem 2rem;
}
.benefits-block .image {
  flex-basis: 50%;
}
.benefits-block .image img {
  object-fit: cover;
  height: 100%;
}
.benefits-block.health-and-wellbeing .image img {
  transform: scaleX(-1);
}

.better-off-together-block {
  background-color: #cc4a07;
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-size: 75%;
  padding: 2rem;
}
.better-off-together-block .bot-items {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.better-off-together-block .bot-items .bot-item {
  flex-basis: calc(20% - 1rem);
  aspect-ratio: 1.5/1;
  min-width: 250px;
  display: flex;
  align-items: end;
  justify-content: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border: 1px solid white;
  border-radius: var(--common-radius);
}
.better-off-together-block .bot-items .bot-item .bot-logo {
  background-color: white;
  padding: 0.25rem 1rem;
  height: 3rem;
  margin: 0.5rem 2rem;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.better-off-together-block .bot-items .bot-item .bot-logo img {
  max-height: 100%;
  width: auto;
}

.breadcrumbs {
  background: var(--color-grey);
  padding: var(--spacing300) var(--spacing500);
}
@media screen and (max-width: 850px) {
  .breadcrumbs {
    padding: var(--spacing300) var(--spacing400);
  }
}
.breadcrumbs > ol {
  max-width: var(--site-width);
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 auto;
  justify-content: center;
}
@media screen and (max-width: 850px) {
  .breadcrumbs > ol {
    font-size: var(--size600);
  }
}

.breadcrumbs__breadcrumb + .breadcrumbs__breadcrumb::before {
  display: inline-block;
  margin: 0 0.5rem;
  color: var(--color-darkgrey);
  content: "/";
}

.buttons-row {
  display: flex;
}
.buttons-row > .button {
  margin-top: 0;
  cursor: pointer;
}
.buttons-row > .button > .link {
  border-radius: var(--common-radius);
  border-width: 1px;
  border-style: solid;
  padding: 0.75rem 1.5rem 0.9rem;
  min-width: 6rem;
  text-align: center;
  display: inline-flex;
  font-family: var(--primary-font);
  font-weight: 500;
  font-size: var(--size600);
  line-height: var(--size600);
}
.buttons-row._small > .button > .link {
  padding: 0.5rem 1rem 0.6rem;
  min-width: 4rem;
  font-size: var(--size500);
  line-height: var(--size500);
}
.buttons-row > .button > .link:hover {
  opacity: 0.8;
}
.buttons-row > .button > .link:active {
  opacity: 0.6;
}
.buttons-row > .button:not(:first-of-type) {
  margin-left: 1rem;
}
.buttons-row._small > .button:not(:first-of-type) {
  margin-left: 0.66rem;
}
.buttons-row > ._primary > .link {
  border-color: var(--brand-primary-colour);
  background-color: var(--brand-primary-colour);
  color: var(--color-white);
}
.buttons-row > ._secondary > .link {
  border-color: var(--brand-primary-colour);
  background-color: transparent;
  color: var(--brand-primary-colour);
}

.image-and-content-block._DARK ._primary > .link,
.heading-and-content-block._DARK ._primary > .link {
  border-color: var(--color-white);
  background-color: var(--color-white);
  color: var(--brand-primary-colour);
}
.image-and-content-block._DARK ._secondary > .link,
.heading-and-content-block._DARK ._secondary > .link {
  border-color: var(--color-white);
  background-color: transparent;
  color: var(--color-white);
}

.template-feature-page .content-section .buttons-row {
  max-width: var(--content-width);
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
}
.template-feature-page .content-section .accordion-content .buttons-row,
.template-feature-page .content-section .image-and-content-block .buttons-row,
.template-feature-page .content-section .heading-and-content-block .buttons-row {
  margin-left: 0;
  margin-right: 0;
  justify-content: flex-start;
}

.callout-block {
  max-width: var(--content-width);
}
.callout-block .callout__text {
  font-size: 48px;
  font-weight: bold;
  font-family: var(--secondary-font);
  line-height: 1.1;
  color: var(--brand-primary-colour);
}
.callout-block .callout__citation {
  font-style: italic;
  font-family: var(--secondary-font);
}

.template-feature-page .content-section .callout-block {
  margin-left: auto;
  margin-right: auto;
}

.new-cards._ONE,
.new-cards._FOUR {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  max-width: calc(var(--site-width) + var(--spacing500));
  width: 100%;
}
.new-cards._ONE .card-date,
.new-cards._FOUR .card-date {
  font-size: var(--size500);
  margin-top: 0;
}
.new-cards._ONE .card-item,
.new-cards._FOUR .card-item {
  position: relative;
  display: flex;
  flex-direction: column;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  transition: transform 0.2s ease-in-out;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: var(--common-radius);
  flex-basis: calc(25% - var(--spacing500));
  margin: calc(var(--spacing500) / 2);
}
@media screen and (max-width: 1500px) {
  .new-cards._ONE .card-item,
  .new-cards._FOUR .card-item {
    flex-basis: calc(33.333% - var(--spacing500));
  }
}
@media screen and (max-width: 1200px) {
  .new-cards._ONE .card-item,
  .new-cards._FOUR .card-item {
    flex-basis: calc(50% - var(--spacing500));
  }
}
@media screen and (max-width: 800px) {
  .new-cards._ONE .card-item,
  .new-cards._FOUR .card-item {
    flex-basis: calc(100% - var(--spacing500));
  }
}
.new-cards._ONE .card-item.single, .new-cards._ONE .card-item.double, .new-cards._ONE .card-item.triple,
.new-cards._FOUR .card-item.single,
.new-cards._FOUR .card-item.double,
.new-cards._FOUR .card-item.triple {
  flex-grow: 1;
}
.new-cards._ONE .card-item.single .card-text p,
.new-cards._FOUR .card-item.single .card-text p {
  font-size: var(--size700);
}
@media screen and (min-width: 1000px) {
  .new-cards._ONE .card-item.single,
  .new-cards._FOUR .card-item.single {
    flex-direction: row;
  }
  .new-cards._ONE .card-item.single .card-image,
  .new-cards._FOUR .card-item.single .card-image {
    width: 60%;
  }
  .new-cards._ONE .card-item.single .card-image > img,
  .new-cards._FOUR .card-item.single .card-image > img {
    border-top-left-radius: var(--common-radius);
    border-bottom-left-radius: var(--common-radius);
    border-top-right-radius: 0;
    height: 100%;
    object-fit: cover;
  }
  .new-cards._ONE .card-item.single .card-content,
  .new-cards._FOUR .card-item.single .card-content {
    padding-bottom: var(--spacing400);
    padding-left: var(--spacing400);
    padding-right: var(--spacing400);
    padding-top: var(--spacing400);
    width: 40%;
    justify-content: center;
  }
  .new-cards._ONE .card-item.single .card-content > :last-child,
  .new-cards._FOUR .card-item.single .card-content > :last-child {
    margin-top: 0;
  }
}
@media screen and (min-width: 1200px) {
  .new-cards._ONE .card-item.single .card-content,
  .new-cards._FOUR .card-item.single .card-content {
    padding-bottom: var(--spacing600);
    padding-left: var(--spacing600);
    padding-right: var(--spacing600);
    padding-top: var(--spacing600);
  }
}
.new-cards._ONE .card-item .card-image,
.new-cards._FOUR .card-item .card-image {
  background-size: cover;
  background-position: center center;
}
.new-cards._ONE .card-item .card-image > img,
.new-cards._FOUR .card-item .card-image > img {
  border-top-left-radius: var(--common-radius);
  border-top-right-radius: var(--common-radius);
}
.new-cards._ONE .card-item .card-text > *,
.new-cards._FOUR .card-item .card-text > * {
  font-size: var(--size600);
}
.new-cards._ONE .card-item .card-link,
.new-cards._FOUR .card-item .card-link {
  text-decoration: none;
  outline: none;
  color: var(--color-black);
  line-height: 1.1;
  display: inline-block;
}
.new-cards._ONE .card-item .card-link:focus,
.new-cards._FOUR .card-item .card-link:focus {
  text-decoration: underline;
}
.new-cards._ONE .card-item .button,
.new-cards._FOUR .card-item .button {
  display: inline-flex;
  padding: var(--spacing100) var(--spacing300);
  text-decoration: none;
  text-align: center;
  font-family: var(--primary-font);
  font-size: var(--size600);
  font-weight: 500;
  border-radius: var(--common-radius);
  border-width: 1px;
  border-style: solid;
  padding: 0.75rem 1.5rem 0.9rem;
  line-height: var(--size600);
  pointer-events: none;
}
.new-cards._ONE .card-item .button.primary,
.new-cards._FOUR .card-item .button.primary {
  background-color: var(--brand-primary-colour);
  color: var(--color-white);
  border-color: var(--brand-primary-colour);
}
.new-cards._ONE .card-item .button.primary:hover,
.new-cards._FOUR .card-item .button.primary:hover {
  opacity: 0.8;
}
.new-cards._ONE .card-item .button.secondary,
.new-cards._FOUR .card-item .button.secondary {
  background: transparent;
  color: var(--brand-primary-colour);
  border-color: var(--brand-primary-colour);
}
.new-cards._ONE .card-item .button.secondary:hover,
.new-cards._FOUR .card-item .button.secondary:hover {
  opacity: 0.8;
}
.new-cards._ONE .card-item:hover,
.new-cards._FOUR .card-item:hover {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  transform: scale(1.00625);
}
.new-cards._ONE .card-item:hover .card-image,
.new-cards._FOUR .card-item:hover .card-image {
  background-blend-mode: luminosity;
}
.new-cards._ONE .card-item:hover .button,
.new-cards._FOUR .card-item:hover .button {
  opacity: 0.8;
}
.new-cards._ONE .card-item:focus-within .card-link:focus,
.new-cards._FOUR .card-item:focus-within .card-link:focus {
  text-decoration: none;
}
.new-cards._ONE .card-item .card-link:after,
.new-cards._FOUR .card-item .card-link:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.new-cards._ONE .card-item .card-content,
.new-cards._FOUR .card-item .card-content {
  flex-grow: 1;
  padding-bottom: var(--spacing300);
  padding-left: var(--spacing300);
  padding-right: var(--spacing300);
  padding-top: var(--spacing300);
}
.new-cards._ONE .card-item .card-content > :last-child,
.new-cards._FOUR .card-item .card-content > :last-child {
  margin-top: auto;
}
.new-cards._ONE .card-item .card-content > :nth-last-child(2),
.new-cards._FOUR .card-item .card-content > :nth-last-child(2) {
  margin-bottom: 2.25rem;
}

.new-cards._TWO {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  max-width: var(--site-width);
}
.new-cards._TWO .card-date {
  font-size: var(--size500);
  margin-top: 0;
}
.new-cards._TWO .card-item {
  flex-basis: calc(33.333% - var(--spacing500));
  min-width: calc(33.333% - var(--spacing500));
  max-width: calc(50% - var(--spacing500));
  flex-grow: 1;
  margin: calc(var(--spacing500) / 2);
  position: relative;
  display: flex;
  justify-content: flex-start;
  transition: transform 0.2s ease-in-out;
  min-height: 20rem;
  background-position: center center;
  background-size: cover;
}
.new-cards._TWO .card-item:first-child:nth-last-child(3n+1) {
  flex-basis: calc(50% - var(--spacing500));
}
.new-cards._TWO .card-item:first-child:nth-last-child(3n+1) ~ li:nth-child(2) {
  flex-basis: calc(50% - var(--spacing500));
}
@media screen and (max-width: 1200px) {
  .new-cards._TWO .card-item {
    flex-basis: calc(50% - var(--spacing500));
    min-width: calc(50% - var(--spacing500));
    max-width: calc(100% - var(--spacing500));
  }
  .new-cards._TWO .card-item:first-child:nth-last-child(3n+1) {
    flex-basis: calc(100% - var(--spacing500));
  }
  .new-cards._TWO .card-item:first-child:nth-last-child(3n+1) ~ li:nth-child(2) {
    flex-basis: calc(100% - var(--spacing500));
  }
}
@media screen and (max-width: 650px) {
  .new-cards._TWO .card-item {
    flex-basis: calc(100% - var(--spacing500));
    min-width: calc(100% - var(--spacing500));
    max-width: calc(100% - var(--spacing500));
  }
  .new-cards._TWO .card-item:first-child:nth-last-child(3n+1) {
    flex-basis: calc(100% - var(--spacing500));
  }
  .new-cards._TWO .card-item:first-child:nth-last-child(3n+1) ~ li:nth-child(2) {
    flex-basis: calc(100% - var(--spacing500));
  }
}
.new-cards._TWO .card-item > a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.new-cards._TWO .card-item .card-heading {
  align-self: flex-end;
  z-index: 100;
  position: relative;
  color: var(--color-white);
  font-family: var(--primary-font);
  margin: var(--spacing500);
  pointer-events: none;
}
.new-cards._TWO .card-item .card-heading > .heading-wrapper {
  display: inline-block;
  padding: 0.5em 1em;
  background-color: var(--brand-primary-colour);
}
.new-cards._TWO .card-item:hover .card-heading {
  color: var(--brand-primary-colour);
}
.new-cards._TWO .card-item:hover .card-heading > .heading-wrapper {
  background-color: var(--color-white);
}

.new-cards._THREE {
  position: relative;
}
.new-cards._THREE .card-date {
  font-size: var(--size500);
  margin-top: 0;
}
.new-cards._THREE .card-item > a {
  display: flex;
  gap: var(--spacing400);
  color: var(--color-black);
}
.new-cards._THREE .card-item .card-image {
  width: 25%;
}
.new-cards._THREE .card-item .card-content {
  width: 75%;
  flex-grow: 1;
}
.new-cards._THREE .card-item .card-content > :last-child {
  margin-top: auto;
}
.new-cards._THREE .card-item .card-content > :nth-last-child(2) {
  margin-bottom: 2.25rem;
}
.new-cards._THREE .card-item .button {
  display: inline-flex;
  padding: var(--spacing100) var(--spacing300);
  text-decoration: none;
  text-align: center;
  font-family: var(--primary-font);
  font-size: var(--size600);
  font-weight: 500;
  border-radius: var(--common-radius);
  border-width: 1px;
  border-style: solid;
  padding: 0.75rem 1.5rem 0.9rem;
  line-height: var(--size600);
  pointer-events: none;
}
.new-cards._THREE .card-item .button.primary {
  background-color: var(--brand-primary-colour);
  color: var(--color-white);
  border-color: var(--brand-primary-colour);
}
.new-cards._THREE .card-item .button.primary:hover {
  opacity: 0.8;
}
.new-cards._THREE .card-item .button.secondary {
  background: transparent;
  color: var(--brand-primary-colour);
  border-color: var(--brand-primary-colour);
}
.new-cards._THREE .card-item .button.secondary:hover {
  opacity: 0.8;
}
.new-cards._THREE .card-item:hover .button {
  opacity: 0.8;
}

.template-homepage .new-cards._ONE,
.template-homepage .new-cards._TWO,
.template-homepage .new-cards._THREE,
.template-homepage .new-cards._FOUR {
  width: calc(100% + var(--spacing500));
  margin-left: calc(var(--spacing500) / -2);
  margin-right: calc(var(--spacing500) / -2);
}

.with-sidebar .new-cards._ONE,
.with-sidebar .new-cards._TWO,
.with-sidebar .new-cards._THREE {
  margin-left: calc(var(--spacing500) / -2);
  margin-right: calc(var(--spacing500) / -2);
}
.with-sidebar .new-cards._ONE .card-item {
  flex-basis: calc(33% - var(--spacing500));
}
@media screen and (max-width: 1400px) {
  .with-sidebar .new-cards._ONE .card-item {
    flex-basis: calc(50% - var(--spacing500));
  }
}
@media screen and (max-width: 800px) {
  .with-sidebar .new-cards._ONE .card-item {
    flex-basis: calc(100% - var(--spacing500));
  }
}

.contact-list {
  width: 100%;
  max-width: var(--content-width);
}
.contact-list .contact-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--space500);
  border-bottom: 1px solid;
  padding-bottom: var(--spacing300);
  align-items: flex-end;
}
.contact-list .contact-item .role-and-name {
  max-width: 11em;
  align-self: flex-start;
}
.contact-list .contact-item .role-and-name .name {
  font-weight: 500;
}
.contact-list .contact-item .contact-details {
  text-align: right;
  white-space: nowrap;
}
@media (max-width: 600px) {
  .contact-list .contact-item .contact-details {
    text-align: left;
    width: 100%;
    margin-top: var(--spacing100);
  }
}

.template-feature-page .content-section .contact-list {
  margin-left: auto;
  margin-right: auto;
}

.embed-block {
  width: 100%;
}
.embed-block._SMALL {
  max-width: var(--content-width);
}
.embed-block._MEDIUM {
  max-width: calc(var(--content-width) * 1.5);
}
.embed-block._FULL {
  width: 100%;
}

.responsive-object {
  position: relative;
}

.responsive-object iframe,
.responsive-object object,
.responsive-object embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.template-feature-page .content-section .embed-block {
  margin-left: auto;
  margin-right: auto;
}

.canonical-form,
.copied-form {
  width: 100%;
  max-width: var(--content-width);
  text-align: left;
}

.waf--html-field-wrapper,
.waf--submit-btn-container {
  padding-top: var(--spacing300);
}

.waf--html-field-wrapper {
  margin-bottom: var(--spacing300);
}
.waf--html-field-wrapper h2 {
  font-size: var(--size1000);
  line-height: 1.1;
  margin-bottom: var(--spacing300);
}
.waf--html-field-wrapper h3 {
  font-size: var(--size900);
  line-height: 1.1;
  margin-bottom: var(--spacing300);
}
.waf--html-field-wrapper h4 {
  font-size: var(--size800);
  line-height: 1.1;
  margin-bottom: var(--spacing300);
}
.waf--html-field-wrapper a {
  border-bottom: 1px solid;
}

._DARK .waf--html-field-wrapper h2 {
  color: var(--color-white);
}
._DARK .waf--html-field-wrapper h3 {
  color: var(--color-white);
}
._DARK .waf--html-field-wrapper h4 {
  color: var(--color-white);
}
._DARK .waf--html-field-wrapper a {
  color: var(--color-white);
  border-bottom: 1px solid var(--color-white);
}

.waf--field-container {
  margin-bottom: var(--spacing300);
}
.waf--field-container input[type=date],
.waf--field-container input[type=email],
.waf--field-container input[type=number],
.waf--field-container input[type=text],
.waf--field-container input[type=url],
.waf--field-container select,
.waf--field-container textarea {
  display: block;
  padding: 0.75rem 0.75rem 0.9rem;
  border-radius: var(--common-radius);
  width: 100%;
  max-width: var(--content-width);
  border: 1px solid var(--color-black);
  font-family: var(--primary-font);
  font-size: var(--size600);
  background-color: transparent;
}
.waf--field-container input[type=file] {
  display: block;
  padding: 0.75rem 0.75rem 0.9rem;
  border-radius: var(--common-radius);
  width: 100%;
  max-width: var(--content-width);
  border: 1px solid var(--color-black);
  font-family: var(--primary-font);
}
.waf--field-container select[name=dropdown] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("data:image/svg+xml;base64,PHN2ZyBzdHlsZT0idmVydGljYWwtYWxpZ246IG1pZGRsZTsiIGFsdD0iIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjRweCIgZmlsbD0iY3VycmVudENvbG9yIj48cGF0aCBkPSJNMCAwaDI0djI0SDBWMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMjAgMTFINy44M2w1LjU5LTUuNTlMMTIgNGwtOCA4IDggOCAxLjQxLTEuNDFMNy44MyAxM0gyMHYtMnoiLz48L3N2Zz4=") calc(100% - 0.9rem)/var(--size600) no-repeat;
}
.waf--field-container .waf--field-label {
  font-size: var(--size700);
  font-family: var(--primary-font);
}
.waf--field-container .waf--field-help-text {
  font-size: var(--size500);
  opacity: 0.8;
  margin-top: 0;
  margin-bottom: var(--spacing100);
}
.waf--field-container .waf--choice-inline {
  display: inline;
  margin-right: 50px;
}
.waf--field-container .waf--radio-list {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  margin-top: 0.75rem;
}
.waf--field-container .waf--radio-list > li {
  display: flex;
  align-items: start;
}
.waf--field-container .waf--radio-list > li > input {
  margin-top: 0.5em;
}
.waf--field-container .waf--field-label-choice {
  padding-left: 10px;
}

._DARK .waf--field-container input[type=date],
._DARK .waf--field-container input[type=email],
._DARK .waf--field-container input[type=number],
._DARK .waf--field-container input[type=text],
._DARK .waf--field-container input[type=url],
._DARK .waf--field-container select,
._DARK .waf--field-container textarea {
  color: var(--color-white);
  border: 1px solid var(--color-white);
}
._DARK .waf--field-container input[type=file] {
  color: var(--color-white);
  border: 1px solid var(--color-white);
}
._DARK .waf--field-container select[name=dropdown] {
  color: var(--color-white);
}
._DARK .waf--field-container .waf--field-label {
  color: var(--color-white);
}
._DARK .waf--field-container .waf--field-help-text {
  color: var(--color-white);
}
._DARK .waf--field-container .waf--choice-inline {
  color: var(--color-white);
}
._DARK .waf--field-container .waf--radio-list {
  color: var(--color-white);
}
._DARK .waf--field-container .waf--field-label-choice {
  color: var(--color-white);
}

.page-footer .waf--field-container .waf--field-label {
  font-size: var(--size500);
}

.waf--field-container--error input[type=date],
.waf--field-container--error input[type=email],
.waf--field-container--error input[type=number],
.waf--field-container--error input[type=text],
.waf--field-container--error input[type=url],
.waf--field-container--error input[type=file],
.waf--field-container--error select,
.waf--field-container--error textarea {
  border-color: red;
}

._DARK .waf--field-container--error input[type=date],
._DARK .waf--field-container--error input[type=email],
._DARK .waf--field-container--error input[type=number],
._DARK .waf--field-container--error input[type=text],
._DARK .waf--field-container--error input[type=url],
._DARK .waf--field-container--error input[type=file],
._DARK .waf--field-container--error select,
._DARK .waf--field-container--error textarea {
  border-color: var(--color-white);
}

.waf--submit-btn {
  display: block;
  padding: 0.75rem 1.5rem 0.9rem;
  text-decoration: none;
  text-align: center;
  font-family: var(--primary-font);
  font-weight: 500;
  font-size: var(--size600);
  line-height: var(--size600);
  background: var(--brand-primary-colour);
  color: var(--color-white);
  border-radius: var(--common-radius);
  border-width: 1px;
  border-style: solid;
  border-color: var(--brand-primary-colour);
  cursor: pointer;
}
.waf--submit-btn:hover {
  opacity: 0.8;
}

._DARK .waf--submit-btn {
  background: var(--color-white);
  color: var(--brand-primary-colour);
  border-color: var(--color-white);
}

.page-footer._DARK .waf--thanks {
  margin-top: 1rem;
}
.page-footer._DARK .waf--submit-btn {
  background: var(--brand-primary-colour);
  color: var(--color-white);
  border-color: var(--brand-primary-colour);
}

.waf--field-error {
  color: red;
  font-size: var(--size500);
  margin-top: var(--spacing100);
}

._DARK .waf--field-error {
  color: var(--color-white);
}

.template-feature-page .content-section .canonical-form,
.template-feature-page .content-section .copied-form {
  margin-left: auto;
  margin-right: auto;
}
.template-feature-page .content-section .waf--field-help-text,
.template-feature-page .content-section .waf--field-error {
  font-size: var(--size500);
}

.heading-and-content-block {
  display: flex;
  position: relative;
  width: 100%;
  max-width: calc(var(--content-width) * 1.5);
}
@media screen and (max-width: 1000px) {
  .heading-and-content-block {
    flex-direction: column;
  }
}
.heading-and-content-block > .heading {
  flex-basis: 40%;
  z-index: 200;
}
.heading-and-content-block > .content {
  flex-basis: 60%;
  z-index: 200;
}
@media screen and (max-width: 1000px) {
  .heading-and-content-block > .content {
    margin-top: var(--spacing500);
  }
}
.heading-and-content-block > .dark-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 100;
}
.heading-and-content-block._LIGHT {
  background-color: var(--color-white);
}
.heading-and-content-block._LIGHT._CONTENT_FIRST {
  flex-direction: row-reverse;
}
@media screen and (max-width: 1000px) {
  .heading-and-content-block._LIGHT._CONTENT_FIRST {
    flex-direction: column;
  }
}
.heading-and-content-block._LIGHT._CONTENT_FIRST > .content {
  padding-right: calc(var(--spacing500) / 2);
}
@media screen and (max-width: 1000px) {
  .heading-and-content-block._LIGHT._CONTENT_FIRST > .content {
    padding-right: 0;
  }
}
.heading-and-content-block._LIGHT._CONTENT_FIRST > .heading {
  color: var(--brand-primary-colour);
  padding-left: calc(var(--spacing500) / 2);
}
@media screen and (max-width: 1000px) {
  .heading-and-content-block._LIGHT._CONTENT_FIRST > .heading {
    padding-left: 0;
  }
}
.heading-and-content-block._LIGHT._HEADING_FIRST > .content {
  padding-left: calc(var(--spacing500) / 2);
}
@media screen and (max-width: 1000px) {
  .heading-and-content-block._LIGHT._HEADING_FIRST > .content {
    padding-left: 0;
  }
}
.heading-and-content-block._LIGHT._HEADING_FIRST > .heading {
  color: var(--brand-primary-colour);
  padding-right: calc(var(--spacing500) / 2);
}
@media screen and (max-width: 1000px) {
  .heading-and-content-block._LIGHT._HEADING_FIRST > .heading {
    padding-right: 0;
  }
}
.heading-and-content-block._DARK {
  background-color: var(--brand-primary-colour);
}
.heading-and-content-block._DARK._CONTENT_FIRST {
  flex-direction: row-reverse;
}
@media screen and (max-width: 1000px) {
  .heading-and-content-block._DARK._CONTENT_FIRST {
    flex-direction: column;
  }
}
.heading-and-content-block._DARK._CONTENT_FIRST > .content {
  color: var(--color-white);
  padding: var(--spacing500);
  padding-right: calc(var(--spacing500) / 2);
}
@media screen and (max-width: 1000px) {
  .heading-and-content-block._DARK._CONTENT_FIRST > .content {
    padding-right: var(--spacing500);
    padding-top: 0;
  }
}
.heading-and-content-block._DARK._CONTENT_FIRST > .heading {
  color: var(--color-white);
  padding: var(--spacing500);
  padding-left: calc(var(--spacing500) / 2);
}
@media screen and (max-width: 1000px) {
  .heading-and-content-block._DARK._CONTENT_FIRST > .heading {
    padding-left: var(--spacing500);
    padding-bottom: 0;
  }
}
.heading-and-content-block._DARK._HEADING_FIRST > .content {
  color: var(--color-white);
  padding: var(--spacing500);
  padding-left: calc(var(--spacing500) / 2);
}
@media screen and (max-width: 1000px) {
  .heading-and-content-block._DARK._HEADING_FIRST > .content {
    padding-left: var(--spacing500);
    padding-top: 0;
  }
}
.heading-and-content-block._DARK._HEADING_FIRST > .heading {
  color: var(--color-white);
  padding: var(--spacing500);
  padding-right: calc(var(--spacing500) / 2);
}
@media screen and (max-width: 1000px) {
  .heading-and-content-block._DARK._HEADING_FIRST > .heading {
    padding-right: var(--spacing500);
    padding-bottom: 0;
  }
}

@media screen and (max-width: 1000px) {
  .template-feature-page .heading-and-content-block > .heading,
  .template-feature-page .heading-and-content-block > .content {
    text-align: center;
    align-items: center;
  }
}

.page-header {
  background-color: var(--color-blue);
  padding: 0 var(--spacing500);
  color: var(--color-white);
  position: sticky;
  top: -5.5rem;
  z-index: 1000;
}
.page-header .page-header-container {
  display: grid;
  grid-template-columns: auto max-content;
  grid-template-rows: auto auto;
  margin: 0 auto;
  max-width: var(--site-width);
}
.page-header .page-header-container > .top {
  height: 4rem;
  margin-top: 1.5rem;
  width: 100%;
  max-width: var(--site-width);
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2;
}
.page-header .page-header-container > .top > a {
  display: block;
  color: white;
  padding-top: var(--spacing200);
  width: 300px;
}
.page-header .page-header-container > .right {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 3;
  position: sticky;
  top: 1.5rem;
  align-self: start;
}
.page-header .page-header-container > .right > :not(:first-child) {
  margin-left: var(--spacing400);
}
.page-header .page-header-container > .bottom {
  margin-top: 1.5rem;
  width: 100%;
  max-width: var(--site-width);
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 2;
  grid-row-end: 3;
}
.page-header .button {
  display: inline-flex;
  padding: var(--spacing100) var(--spacing200);
  text-decoration: none;
  text-align: center;
  font-family: var(--primary-font);
  font-size: var(--size500);
  font-weight: 700;
  border-radius: var(--common-radius);
  border-width: 1px;
  border-style: solid;
  text-transform: uppercase;
}
.page-header .button > div {
  display: inline-block;
}
.page-header .button .button-translated-text {
  font-weight: 500;
}
.page-header .button.primary {
  background-color: var(--color-orange);
  color: var(--color-white);
  border-color: var(--color-orange);
}
.page-header .button.primary:hover {
  opacity: 0.8;
}
.page-header .button.secondary {
  background: transparent;
  color: var(--color-white);
  border-color: var(--color-white);
}
.page-header .button.secondary:hover {
  opacity: 0.8;
}

@media screen and (max-width: 1200px) {
  .page-header {
    top: -4rem;
  }
  .page-header .page-header-container > .top {
    height: 2.5rem;
  }
}
@media screen and (max-width: 850px) {
  .page-header {
    padding: 0 var(--spacing400);
  }
  .page-header .page-header-container > .top {
    grid-column-start: 1;
    grid-column-end: 3;
  }
  .page-header .page-header-container > .right {
    margin-top: 1rem;
    grid-row-start: 2;
    justify-self: end;
  }
  .page-header .page-header-container > .bottom {
    margin-top: 1rem;
  }
}
.heading-block._LIGHT {
  color: var(--color-black);
}
.heading-block._DARK {
  color: var(--color-white);
}
.heading-block.coloured {
  color: var(--brand-primary-colour);
}
.heading-block.coloured_bg {
  color: var(--color-white);
  font-family: var(--primary-font);
  text-transform: uppercase;
}
.heading-block.coloured_bg > .heading-wrapper {
  display: inline-block;
  padding: 0.375em 0.75em;
  background-color: var(--brand-primary-colour);
}

.content-section .heading-block {
  max-width: var(--content-width);
}

.template-feature-page .content-section .heading-block {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.template-feature-page .content-section .accordion-content .heading-block,
.template-feature-page .content-section .image-and-content-block .heading-block,
.template-feature-page .content-section .heading-and-content-block .heading-block {
  text-align: left;
  margin-left: 0;
  margin-right: 0;
}

.horizontal-rule-block {
  color: var(--color-black);
  max-width: var(--content-width);
  margin-inline-end: auto;
  margin-inline-start: 0;
  margin-top: var(--spacing600);
  margin-bottom: var(--spacing600);
  width: 100%;
}

.template-feature-page .horizontal-rule-block {
  margin-inline-start: auto;
}

.image-and-content-block {
  display: flex;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .image-and-content-block {
    flex-direction: column;
  }
}
.image-and-content-block > .image {
  flex-basis: 40%;
  z-index: 200;
  align-self: stretch;
}
.image-and-content-block > .image > img {
  height: 100%;
  object-fit: cover;
}
.image-and-content-block > .content {
  flex-basis: 60%;
  z-index: 200;
  padding: var(--spacing500);
  padding-right: 0;
  align-self: center;
}
@media screen and (max-width: 1000px) {
  .image-and-content-block > .content {
    align-self: flex-start;
  }
}
.image-and-content-block > .dark-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 100;
}
.image-and-content-block._SMALL {
  max-width: var(--content-width);
}
.image-and-content-block._MEDIUM {
  max-width: calc(var(--content-width) * 1.5);
}
.image-and-content-block._FULL {
  width: 100%;
}
.image-and-content-block._LIGHT {
  background-color: var(--color-white);
}
.image-and-content-block._DARK {
  background-color: var(--brand-primary-colour);
}
.image-and-content-block._IMAGE_FIRST._DARK > .content {
  padding-right: var(--spacing500);
}
.image-and-content-block._CONTENT_FIRST {
  flex-direction: row-reverse;
}
.image-and-content-block._CONTENT_FIRST._LIGHT > .content {
  padding-left: 0;
  padding-right: var(--spacing500);
}
@media screen and (max-width: 1000px) {
  .image-and-content-block._CONTENT_FIRST {
    flex-direction: column;
  }
}

.template-feature-page .content-section .image-and-content-block {
  margin-left: auto;
  margin-right: auto;
}

.template-feature-page .content-section .heading-and-content-block {
  margin-left: auto;
  margin-right: auto;
}

.template-homepage .image-and-content-block > .image {
  flex-basis: 60%;
}
.template-homepage .image-and-content-block > .content {
  flex-basis: 40%;
}

.image-block {
  width: 100%;
}
.image-block .caption {
  font-size: var(--size500);
  font-family: var(--primary-font);
}
.image-block .attribution {
  font-family: var(--primary-font);
  font-size: var(--size400);
  font-style: italic;
  opacity: 0.7;
}
.image-block._THUMB {
  max-width: 300px;
}
.image-block._SMALL {
  max-width: var(--content-width);
}
.image-block._MEDIUM {
  max-width: calc(var(--content-width) * 1.5);
}
.image-block._FULL {
  width: 100%;
}

.template-feature-page .content-section .image-block {
  margin-left: auto;
  margin-right: auto;
}

.image-grid {
  display: grid;
  max-width: var(--site-width);
  grid-gap: var(--spacing500);
  margin-left: auto;
  margin-right: auto;
}
@supports (width: min(250px, 100%)) {
  .image-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
  }
}
.image-grid .image-item {
  cursor: pointer;
}
.image-grid .image-item:hover {
  opacity: 0.8;
}

ol.list-block,
ul.list-block {
  max-width: var(--content-width);
  list-style: none;
  padding-left: 0;
}
ol.list-block li,
ul.list-block li {
  display: flex;
}
ol.list-block li > .decorator,
ul.list-block li > .decorator {
  flex-basis: 4rem;
  flex-shrink: 0;
  font-family: var(--secondary-font);
  font-size: 2.625rem;
  color: var(--brand-primary-colour);
}
ol.list-block li > .content > :first-child,
ul.list-block li > .content > :first-child {
  margin-top: 0;
}

.template-feature-page .content-section .list-block {
  margin-left: auto;
  margin-right: auto;
}
.template-feature-page .content-section .accordion-content .list-block,
.template-feature-page .content-section .image-and-content-block .list-block {
  margin-left: 0;
  margin-right: 0;
}

.main-menu-button {
  padding: 10px 0;
  margin-top: 4px;
  display: none;
}

.sub-menu-toggle {
  display: none;
}

@media (max-width: 1199px) {
  .main-menu {
    padding-bottom: var(--spacing400);
    display: flex;
    flex-direction: column;
    max-height: 100vh;
  }
  .main-menu .menu-items {
    display: flex;
    margin: 0;
    align-items: center;
    z-index: 300;
    overflow-y: scroll;
  }
  .main-menu .menu-items > li {
    font-size: var(--size600);
    text-transform: uppercase;
    align-self: flex-start;
    height: 100%;
    display: flex;
    flex-direction: row-reverse;
  }
  .main-menu .menu-items > li:not(:first-child) {
    margin-left: var(--spacing500);
  }
  .main-menu .menu-items > li .menu-item-text {
    font-weight: 700;
    display: flex;
  }
  .main-menu .menu-items > li .menu-item {
    color: inherit;
  }
  .main-menu .menu-items > li .sub-menu-toggle {
    display: block;
    transform: scale(-1, 1);
    margin-left: var(--spacing300);
    cursor: pointer;
  }
  .main-menu .menu {
    display: none;
  }
  .main-menu .sub-menu {
    display: none;
  }
  .main-menu .sub-menu a {
    color: inherit;
  }
  .main-menu .sub-menu .sub-menu-item {
    margin-top: 1em;
  }
  .main-menu .sub-menu-title {
    font-size: var(--size600);
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
  }
  .main-menu .menu-list-item.active .menu-item {
    display: none;
  }
  .main-menu .menu-list-item.active .sub-menu {
    display: block;
  }
  .main-menu .menu-list-item.active .sub-menu-toggle {
    transform: scale(1, 1);
  }
  .main-menu .main-menu-button {
    display: inline-block;
  }
  .main-menu .main-menu-button.active + .menu {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
    gap: var(--spacing400);
    margin-top: var(--spacing500);
    margin-bottom: var(--spacing500);
  }
  .main-menu .main-menu-button.active + .menu > li:not(:first-child) {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .main-menu {
    display: flex;
    justify-content: space-between;
    max-width: var(--site-width);
    margin: 0 auto;
  }
  .main-menu .menu-items {
    display: flex;
    margin: 0;
    align-items: center;
    z-index: 300;
  }
  .main-menu .menu-items > li {
    font-size: var(--size600);
    text-transform: uppercase;
    align-self: flex-start;
    padding-bottom: var(--spacing400);
    height: 100%;
  }
  .main-menu .menu-items > li:not(:first-child) {
    margin-left: var(--spacing500);
  }
  .main-menu .menu-items > li .menu-item-text {
    font-weight: 700;
  }
  .main-menu a {
    color: inherit;
  }
  .sub-menu {
    display: none;
    position: absolute;
    background-color: #F1F2F2;
    width: 100%;
    left: 0;
    top: 100%;
    padding: var(--spacing400) var(--spacing500);
    color: #001624;
  }
  .sub-menu .content {
    max-width: var(--site-width);
    margin: 0 auto;
    display: flex;
  }
  .sub-menu .content.has-image {
    min-height: 200px;
  }
  .sub-menu .content .menu-text {
    width: 60%;
  }
  .sub-menu .content .menu-text a:hover {
    opacity: 0.8;
  }
  .sub-menu .content .menu-text > a {
    font-weight: 600;
    border-bottom: 1.5px solid var(--color-orange);
  }
  .sub-menu .content .menu-text ul {
    font-size: var(--size600);
  }
  .sub-menu .content .menu-text ul.divided {
    columns: 2;
  }
  .sub-menu .content .menu-text ul li {
    line-height: 1.25;
    margin-bottom: var(--size500);
  }
  .sub-menu .content .menu-image {
    width: 40%;
    margin-top: calc(var(--spacing400) * -1);
    margin-bottom: calc(var(--spacing400) * -1);
    position: relative;
    margin-left: var(--spacing500);
    background-size: cover;
    background-position: center center;
  }
  .main-menu > .menu > li:hover > .sub-menu {
    display: block;
  }
}
.menu-button {
  cursor: pointer;
}

.menu-button.active .burger-icon {
  background-color: transparent;
}

.menu-button.active .burger-icon:before {
  transform: translateY(9px) rotate(45deg);
}

.menu-button.active .burger-icon:after {
  transform: translateY(-8px) rotate(-45deg);
}

.burger-icon:before {
  content: "";
  top: -8px;
}

.burger-icon:after {
  content: "";
  top: 6px;
}

.burger-icon,
.burger-icon:before,
.burger-icon:after {
  display: block;
  width: 25px;
  height: 3px;
  background-color: var(--color-white);
  -webkit-transition-property: background-color, -webkit-transform;
  -moz-transition-property: background-color, -moz-transform;
  -o-transition-property: background-color, -o-transform;
  transition-property: background-color, transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  position: relative;
}

.notification-bar {
  display: flex;
  align-content: center;
  justify-content: center;
  color: var(--color-white);
  background-color: var(--brand-primary-colour);
  font-size: var(--size600);
}
.notification-bar p {
  font-size: var(--size600);
  margin: var(--spacing100) var(--spacing300);
}
.notification-bar p a {
  color: inherit;
  text-decoration: underline;
}

.page-hero {
  background-color: #001624;
  background-position: center;
  background-size: cover;
  color: #fff;
}

.page-hero.with-content {
  position: relative;
  padding: 0 var(--spacing500);
  width: 100%;
  background-color: var(--color-blue);
}
.page-hero.with-content .hero-background {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat;
}
.page-hero.with-content .hero-background .background-gradient {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  background: linear-gradient(90deg, rgb(0, 22, 36) 0%, rgba(0, 0, 0, 0) 100%);
}
.page-hero.with-content .hero-content-wrapper {
  position: relative;
  display: flex;
  min-height: 100%;
  max-width: var(--site-width);
  margin: 0 auto;
  z-index: 2;
}
.page-hero.with-content .hero-content {
  padding: var(--spacing800) 0;
  max-width: 43rem;
  justify-content: center;
}
.page-hero.with-content .hero-content .buttons-row {
  margin-top: var(--spacing600);
}
.page-hero.with-content .hero-heading {
  color: var(--brand-primary-colour);
}
.page-hero.with-content .hero-text {
  font-size: var(--size700);
}

.page-menu {
  background-color: var(--brand-primary-colour);
  color: var(--color-white);
  position: relative;
  padding: var(--spacing400) var(--spacing500);
}
@media screen and (max-width: 850px) {
  .page-menu {
    padding: var(--spacing400) var(--spacing400);
  }
}
.page-menu > .dark-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 100;
  pointer-events: none;
}
.page-menu .menu-container {
  max-width: var(--site-width);
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: var(--spacing200);
}
.page-menu .menu-title {
  font-family: var(--primary-font);
  font-size: var(--size800);
  font-weight: 500;
  margin-right: var(--spacing500);
  z-index: 200;
  display: inline-block;
  line-height: 1.1;
}
.page-menu .menu-title > .menu-title-translated {
  font-weight: 400;
}
.page-menu .menu-items {
  display: flex;
  margin: 0;
  align-items: center;
  z-index: 200;
}
@media screen and (max-width: 650px) {
  .page-menu .menu-items {
    display: none;
  }
}
.page-menu .menu-items > li {
  font-size: var(--size600);
  text-transform: uppercase;
  display: flex;
  align-content: start;
  height: 100%;
}
.page-menu .menu-items > li:not(:first-child) {
  margin-left: var(--spacing500);
}
.page-menu .menu-items > li .menu-item-text {
  font-weight: 700;
}
.page-menu .page-menu-button {
  padding: 10px;
  margin-top: 4px;
  margin-right: -10px;
  display: none;
}
@media screen and (max-width: 650px) {
  .page-menu .page-menu-button {
    display: inline-block;
  }
}
@media screen and (max-width: 650px) and (max-width: 650px) {
  .page-menu .page-menu-button.active + .menu-items {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
    gap: var(--spacing400);
    margin-top: var(--spacing300);
  }
  .page-menu .page-menu-button.active + .menu-items > li:not(:first-child) {
    margin-left: 0;
  }
}
.page-menu a {
  color: inherit;
}

.quote-block {
  display: flex;
  gap: 1rem;
  max-width: var(--content-width);
}
.quote-block > .quote__mark {
  margin-top: 0.5em;
}
.quote-block > .quote__mark path {
  fill: var(--brand-primary-colour);
}
.quote-block > .quote__wrapper {
  margin: 0;
}
.quote-block .quote__text {
  margin-top: 0;
  font-size: 48px;
  font-weight: bold;
  font-style: italic;
  font-family: var(--secondary-font);
  line-height: 1.1;
}
.quote-block .quote__citation {
  font-style: italic;
  font-family: var(--secondary-font);
}

.template-feature-page .content-section .quote-block {
  margin-left: auto;
  margin-right: auto;
}

.richtext-block {
  max-width: var(--content-width);
}
.richtext-block._LIGHT {
  color: var(--black);
}
.richtext-block._DARK {
  color: var(--color-white);
}
.richtext-block._DARK a {
  color: var(--color-white);
}
.richtext-block > h2 {
  font-size: var(--size1000);
  line-height: 1.1;
}
.richtext-block > h3 {
  font-size: var(--size900);
  line-height: 1.1;
}
.richtext-block > h4 {
  font-size: var(--size800);
  line-height: 1.1;
}

.template-feature-page .content-section .richtext-block {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.template-feature-page .content-section .accordion-content .richtext-block,
.template-feature-page .content-section .image-and-content-block .richtext-block,
.template-feature-page .content-section .heading-and-content-block .richtext-block {
  text-align: left;
  margin-left: 0;
  margin-right: 0;
}
@media screen and (max-width: 1000px) {
  .template-feature-page .content-section .heading-and-content-block .richtext-block {
    text-align: center;
  }
}

.search-form {
  width: 100%;
  max-width: var(--content-width);
  display: flex;
  gap: var(--spacing300);
  margin-left: auto;
  margin-right: auto;
}
.search-form.document-search-form {
  margin-left: 0;
}
.search-form input[type=search] {
  display: block;
  padding: 0.75rem 0.75rem 0.9rem;
  border-radius: var(--common-radius);
  width: 100%;
  max-width: var(--content-width);
  border: 1px solid var(--color-black);
  font-family: var(--primary-font);
  font-size: var(--size600);
  background-color: transparent;
}
.search-form .button {
  display: inline-flex;
  padding: var(--spacing100) var(--spacing300);
  text-decoration: none;
  text-align: center;
  font-family: var(--primary-font);
  font-size: var(--size500);
  font-weight: 700;
  border-radius: var(--common-radius);
  border-width: 1px;
  border-style: solid;
  text-transform: uppercase;
  background-color: var(--color-orange);
  color: var(--color-white);
  border-color: var(--color-orange);
}
.search-form .button:hover {
  opacity: 0.8;
}

.sidebar {
  width: 400px;
  padding-bottom: 4rem;
  top: 6rem;
  position: sticky;
  margin-top: var(--spacing400);
}
.sidebar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.sidebar ul li {
  margin: 0;
  padding: 0;
}
.sidebar ul a {
  display: block;
  font-size: 20px;
  padding: 1rem 0;
  border-bottom: 1px solid #bbb;
}
.sidebar__header {
  font-size: 16px;
  font-weight: bold;
  border-bottom: 2px solid !important;
  text-transform: uppercase;
}
@media screen and (max-width: 1200px) {
  .sidebar {
    display: none;
  }
}

.template-document-index-page .sidebar .toggle-collections,
.template-document-index-page .sidebar .toggle-tags {
  display: none;
}
@media screen and (max-width: 1200px) {
  .template-document-index-page .sidebar {
    display: block;
    width: 100%;
    max-width: 800px;
  }
  .template-document-index-page .sidebar > ul li:first-of-type {
    display: none;
  }
  .template-document-index-page .sidebar .toggle-collections,
  .template-document-index-page .sidebar .toggle-tags {
    display: inline-block;
    font-size: 20px;
    text-transform: uppercase;
    border-bottom: 1px solid;
    font-family: var(--primary-font);
  }
  .template-document-index-page .sidebar .toggle-collections > .show-text,
  .template-document-index-page .sidebar .toggle-tags > .show-text {
    display: inline;
  }
  .template-document-index-page .sidebar .toggle-collections > .hide-text,
  .template-document-index-page .sidebar .toggle-tags > .hide-text {
    display: none;
  }
  .template-document-index-page .sidebar .toggle-collections.active > .show-text,
  .template-document-index-page .sidebar .toggle-tags.active > .show-text {
    display: none;
  }
  .template-document-index-page .sidebar .toggle-collections.active > .hide-text,
  .template-document-index-page .sidebar .toggle-tags.active > .hide-text {
    display: inline;
  }
  .template-document-index-page .sidebar .document-collections,
  .template-document-index-page .sidebar .document-tags {
    display: none;
  }
  .template-document-index-page .sidebar .document-collections.active,
  .template-document-index-page .sidebar .document-tags.active {
    display: block;
  }
}

.with-sidebar {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing700);
}
@media screen and (max-width: 1200px) {
  .with-sidebar {
    display: block;
  }
  .with-sidebar .content-section {
    margin-left: 0;
  }
}

.with-sidebar > :first-child {
  flex-grow: 1;
}

.with-sidebar > :last-child {
  flex-basis: 0;
  flex-grow: 999;
  min-width: 55%;
}

.spacer-block._large {
  margin-top: var(--spacing800);
}
.spacer-block._small {
  margin-top: var(--spacing600);
}

.table {
  width: 100%;
  table-layout: fixed;
}

th {
  font-weight: bold;
  text-align: left;
}

td {
  border-bottom: 2px solid var(--color-grey);
}

tbody tr:hover {
  background-color: var(--color-grey);
}

:root {
  --color-white: #fff;
  --color-black: #000;
  --color-blue: rgb(0, 22, 36);
  --color-grey: #EDEDED;
  --color-darkgrey: #6c757d;
  --color-orange: #ff5800;
  --ratio: 1.25;
  --size100: calc(var(--size200) / var(--ratio));
  --size200: calc(var(--size300) / var(--ratio));
  --size300: calc(var(--size400) / var(--ratio));
  --size400: calc(var(--size500) / var(--ratio));
  --size500: 1rem;
  --size600: calc(var(--size500) * var(--ratio));
  --size700: calc(var(--size600) * var(--ratio));
  --size800: calc(var(--size700) * var(--ratio));
  --size900: calc(var(--size800) * var(--ratio));
  --size1000: calc(var(--size900) * var(--ratio));
  --size1100: calc(var(--size1000) * var(--ratio));
  --size1200: calc(var(--size1100) * var(--ratio));
  --spacing-ratio: 1.5;
  --spacing100: calc(var(--spacing200) / var(--spacing-ratio));
  --spacing200: calc(var(--spacing300) / var(--spacing-ratio));
  --spacing300: calc(var(--spacing400) / var(--spacing-ratio));
  --spacing400: calc(var(--spacing500) / var(--spacing-ratio));
  --spacing500: var(--size900);
  --spacing600: calc(var(--spacing500) * var(--spacing-ratio));
  --spacing700: calc(var(--spacing600) * var(--spacing-ratio));
  --spacing800: calc(var(--spacing700) * var(--spacing-ratio));
  --spacing900: calc(var(--spacing800) * var(--spacing-ratio));
  --primary-font: "Metric", sans-serif;
  --secondary-font: "Newzald", serif;
  --site-width: 90rem;
  --content-width: 50rem;
  --horizontal-padding: var(--spacing500);
  --common-radius: 6px;
}
@media screen and (max-width: 800px) {
  :root {
    --size500: 0.8rem;
  }
}

.hidden {
  display: none !important;
}

* {
  box-sizing: border-box;
}

html {
  width: 100%;
  min-height: 100%;
  -moz-osx-font-smoothing: grayscale;
  font-family: var(--secondary-font);
}

@media screen and (max-width: 850px) {
  html {
    font-size: 14px;
  }
}
body {
  margin: 0;
  width: 100%;
  min-height: 100%;
  overflow-x: hidden;
}

img {
  width: 100%;
  height: auto;
}

h1, h2, h3, h4 {
  margin: 0;
}

a {
  text-decoration: none;
  color: var(--brand-primary-colour);
}

p,
ul,
ol {
  margin: 1em 0 0;
  font-family: var(--primary-font);
  font-weight: 400;
  line-height: 1.5em;
  font-size: var(--size500);
}

.template-feature-page .content-section p,
.template-feature-page .content-section ul,
.template-feature-page .content-section ol {
  font-size: var(--size700);
}

.template-feature-page .content-section ul,
.template-feature-page .content-section ol {
  text-align: left;
}

.container {
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

.page-content-wrapper {
  margin: 3rem auto 0 auto;
  max-width: var(--site-width);
}

.content-section {
  margin-top: 0;
  flex-grow: 1;
  max-width: var(--site-width);
}
.content-section .richtext-block p a,
.content-section .richtext-block ul a,
.content-section .richtext-block ol a,
.content-section .list-block p a,
.content-section .list-block ul a,
.content-section .list-block ol a {
  border-bottom: 1px solid;
}
.content-section .richtext-block p a:hover, .content-section .richtext-block p a:visited,
.content-section .richtext-block ul a:hover,
.content-section .richtext-block ul a:visited,
.content-section .richtext-block ol a:hover,
.content-section .richtext-block ol a:visited,
.content-section .list-block p a:hover,
.content-section .list-block p a:visited,
.content-section .list-block ul a:hover,
.content-section .list-block ul a:visited,
.content-section .list-block ol a:hover,
.content-section .list-block ol a:visited {
  opacity: 0.8;
}

.content-section p,
.content-section ul,
.content-section ol {
  font-size: var(--size700);
  font-weight: 400;
  line-height: 1.5em;
  text-transform: none;
}
.content-section p._light,
.content-section ul._light,
.content-section ol._light {
  color: var(--color-white);
}
.content-section p._center,
.content-section ul._center,
.content-section ol._center {
  text-align: center;
}

._light {
  color: var(--color-white);
}

@media screen and (max-width: 850px) {
  ._fs8 {
    font-size: 3.5rem;
  }
}
.text > h3 {
  font-size: 2rem;
}

.text > h4 {
  font-size: 1.5rem;
}

.text > h3,
.text > h4 {
  font-family: var(--secondary-font);
  font-weight: 700;
}

.text > h3:not(:first-child),
.text > h4:not(:first-child) {
  margin-top: 1.5em;
}

.button {
  cursor: pointer;
}

.page-body {
  display: grid;
  grid-template-rows: auto 1fr auto;
  min-height: 100%;
}

.page-pre-header {
  background-color: rgb(0, 31.35, 51.3);
}

.content-section {
  margin-top: var(--spacing400);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.content-section ._padt0 {
  margin-top: 0;
}
.content-section > :last-child:not(.fullbleed) {
  margin-bottom: var(--spacing900);
}
.content-section h1.title {
  max-width: 30ch;
  margin-bottom: var(--spacing500);
}

.template-feature-page .content-section h1.title,
.template-search-page .content-section h1.title {
  margin-left: auto;
  margin-right: auto;
}

.standard-page .content-section {
  max-width: calc(var(--site-width) - 400px);
}

.page-main {
  padding: var(--spacing300) var(--spacing500);
}
@media screen and (max-width: 850px) {
  .page-main {
    padding: var(--spacing300) var(--spacing400);
  }
}
.page-main > .title {
  text-align: center;
  margin-bottom: var(--spacing600);
  margin-top: var(--spacing500);
  font-size: var(--size1000);
}

.page-footer {
  color: var(--color-white);
  background-color: #001624;
  padding: 2.5rem 5rem 5rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(3, auto);
  grid-column-gap: 2rem;
  grid-row-gap: 1rem;
  font-family: var(--primary-font);
}
.page-footer a {
  border-bottom: none;
  color: inherit;
}
.page-footer > .logo {
  width: 25rem;
  grid-column: 1/span 2;
  grid-row: 1;
  margin-bottom: 1.5rem;
}
.page-footer > .contact-info {
  grid-column: 1;
  grid-row: 2;
}
.page-footer > .social-info {
  grid-column: 2;
  grid-row: 2;
}
.page-footer > .join-info {
  grid-column: 3;
  grid-row: 2;
  grid-row-start: 2;
  grid-row-end: 4;
}
.page-footer > .subscription-form {
  grid-column: 4;
  grid-row: 2;
  grid-row-start: 2;
  grid-row-end: 4;
}
.page-footer > .site-smallprint {
  grid-column: 1/span 2;
  grid-row: 3;
}

@media screen and (max-width: 1250px) {
  .page-footer {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(8, auto);
    grid-column-gap: 2rem;
  }
  .page-footer > .logo {
    width: 25rem;
    grid-column: 1;
    grid-row: 1;
    margin-bottom: 4.5rem;
  }
  .page-footer > .contact-info {
    grid-column: 1;
    grid-row: 2;
    margin-bottom: 3rem;
  }
  .page-footer > .social-info {
    grid-column: 1;
    grid-row: 3;
    margin-bottom: 3rem;
  }
  .page-footer > .join-info {
    grid-column: 1;
    grid-row: 4;
    max-width: 20rem;
    margin-bottom: 3rem;
  }
  .page-footer > .subscription-form {
    grid-column: 1;
    grid-row: 5;
    max-width: 20rem;
  }
  .page-footer > .site-smallprint {
    grid-column: 1;
    grid-row: 8;
  }
}
@media screen and (max-width: 850px) {
  .page-footer {
    padding: 2.5rem 2.5rem 5rem;
  }
  .page-footer > .logo {
    width: 20rem;
  }
}
.contact-info {
  font-size: 1.125rem;
  line-height: 1.25rem;
}
.contact-info > .title {
  font-weight: 700;
  text-transform: uppercase;
  color: var(--color-white);
  font-size: var(--size600);
}
.contact-info > .text {
  margin: 0;
  color: var(--color-white);
}

.social-info {
  display: flex;
  flex-direction: column;
  font-size: 1.125rem;
  line-height: 1.25rem;
  gap: 1.25rem;
}
.social-info > .icon {
  width: 1.5rem;
  margin-top: 1rem;
  align-self: flex-start;
}
.social-info > .tags {
  margin: 1rem 0 0;
}

.join-info {
  font-size: 1.125rem;
  line-height: 1.25rem;
}
.join-info > .title {
  font-weight: 700;
  text-transform: uppercase;
  font-size: var(--size600);
}
.join-info > .text {
  margin: 0;
  margin-bottom: var(--spacing300);
}
.join-info > .buttons-row {
  padding-top: var(--spacing300);
}

.subscription-form .title {
  font-size: var(--size600);
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
}

.site-smallprint {
  display: flex;
  align-items: flex-end;
}

.container.fullbleed {
  width: calc(100% + var(--page-margin) + var(--page-margin));
  margin-left: -var(--page-margin);
  margin-right: -var(--page-margin);
  padding-left: var(--page-margin);
  padding-right: var(--page-margin);
}
.container.fullbleed:not(:first-child) {
  margin-top: 2rem;
}

@media screen and (max-width: 850px) {
  .container.fullbleed {
    width: calc(100% + 2.5rem + 2.5rem);
    margin-left: -2.5rem;
    margin-right: -2.5rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.content-section .container.fullbleed {
  left: calc(-50vw + 50% + var(--page-margin));
  background-position: center center;
  background-size: cover;
  position: relative;
  min-height: 35vw;
  width: 100vw;
  display: flex;
  align-items: center;
}
.content-section .container.fullbleed > .content-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  z-index: 2;
  position: relative;
  margin-bottom: 0;
}

.sidebar-wrapper + .content-section .container.fullbleed {
  left: 0;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

@media screen and (max-width: 850px) {
  .content-section .container.fullbleed {
    left: calc(-50vw + 50% + 2.5rem);
  }
}
.gradient-overlay.academic-freedom {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(270deg, rgba(98, 179, 70, 0) 0%, var(--brand-primary-colour) 100%);
}

.search-results {
  margin: 0 auto;
}
.search-results__result {
  margin: 0;
  padding: 32px 0;
  max-width: var(--content-width);
  border-bottom: 1px solid #ddd;
}
.search-results__result__title {
  font-size: 24px;
  line-height: 1.25;
  font-weight: bold;
}
.search-results__result__url {
  color: #555;
  text-decoration: none;
  display: inline-block;
  padding-top: 4px;
}
.search-results__result__description {
  margin-top: 16px;
}
.search-results__result__document-date {
  margin-top: 0px;
  font-size: var(--size500);
}
.search-results__result__document-collection {
  font-size: var(--size500);
}

.search-results.document-search-results {
  margin-left: 0;
  max-width: var(--content-width);
}

.search-navigation {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  margin: 4rem auto;
  gap: 2rem;
  font-family: var(--primary-font);
}
.search-navigation__link {
  display: inline-block;
  font-size: 24px;
}
.search-navigation__link.disabled {
  visibility: hidden;
}
.search-navigation__link.previous {
  justify-self: start;
}
.search-navigation__link.next {
  justify-self: end;
}
.search-navigation .page-enumeration {
  text-align: center;
}

.header-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.content-section .article-date {
  font-size: var(--size600);
  font-style: italic;
}

.icon {
  width: 0.75em;
  width: 1cap;
  height: 0.75em;
  height: 1cap;
  align-self: center;
  color: inherit;
  fill: currentColor;
}

.large-icon {
  width: 1.5em;
  width: 2cap;
  height: 1.5em;
  height: 2cap;
}

.with-icon-left,
.with-icon-right {
  display: inline-flex;
  align-items: center;
}

.with-icon-left .icon {
  margin-right: var(--size200);
}

.with-icon-right .icon {
  margin-left: var(--size200);
}

p.media-contact {
  font-size: var(--size600);
}
p.media-contact > a {
  border-bottom: 1px solid;
}

/*# sourceMappingURL=styles.css.map */
