/* Import base CSS files. */
@tailwind base;
/**
 * @file
 * Basic typography overrides.
 */
/**
 * @file
 * Index file for the fonts directory.
 */
/**
 * @file
 * Font definition and overrides for the Geomanist font.
 */
/**
 * @file
 * Font definition and overrides for the Arvo font.
 */
/**
 * @file
 * Font definition and overrides for the Proxima Nova font.
 */
/**
 * @file
 * Font definition and overrides for the Timmons NY font.
 */
/**
 * @file
 * Font definition and overrides for the Timothy font.
 */
/* ! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}
::before,
::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: Geomanist, sans-serif; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
  padding: 0;
}
legend {
  padding: 0;
}
ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}
@font-face {
    font-family: Arvo;
    src: url("../../fonts/Arvo-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }
@font-face {
    font-family: Arvo;
    src: url("../../fonts/ArvoItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
  }
@font-face {
    font-family: Arvo;
    src: url("../../fonts/Arvo-Italic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
  }
@font-face {
    font-family: Arvo;
    src: url("../../fonts/Arvo-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
@font-face {
    font-family: "Proxima Nova";
    src: url("../../fonts/ProximaNova-Black.otf") format("opentype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
  }
@font-face {
    font-family: "Proxima Nova";
    src: url("../../fonts/ProximaNova-Extrabld.otf") format("opentype");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
  }
@font-face {
    font-family: "Proxima Nova";
    src: url("../../fonts/ProximaNova-Bold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }
@font-face {
    font-family: "Proxima Nova";
    src: url("../../fonts/ProximaNova-BoldIt.otf") format("opentype");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
  }
@font-face {
    font-family: "Proxima Nova";
    src: url("../../fonts/ProximaNova-Semibold.otf") format("opentype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
  }
@font-face {
    font-family: "Proxima Nova";
    src: url("../../fonts/ProximaNova-SemiboldIt.otf") format("opentype");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
  }
@font-face {
    font-family: "Proxima Nova";
    src: url("../../fonts/ProximaNova-Medium.otf") format("opentype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
@font-face {
    font-family: "Proxima Nova";
    src: url("../../fonts/ProximaNova-MediumIt.otf") format("opentype");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
  }
@font-face {
    font-family: "Proxima Nova";
    src: url("../../fonts/ProximaNova-Regular.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
@font-face {
    font-family: "Proxima Nova";
    src: url("../../fonts/ProximaNova-RegularIt.otf") format("opentype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
  }
@font-face {
    font-family: "Proxima Nova";
    src: url("../../fonts/ProximaNova-Light.otf") format("opentype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }
@font-face {
    font-family: "Proxima Nova";
    src: url("../../fonts/ProximaNova-LightIt.otf") format("opentype");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
  }
@font-face {
    font-family: "Timmons NY";
    src: url("../../fonts/TIMMONSNY2.0-Regular.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
@font-face {
    font-family: Timothy;
    src: url("../../fonts/Timothy-Regular.otf") format("opentype"), url("../../fonts/Timothy-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
/* If this isn't applied to the front end only, then entity edit forms (or
     wherever there is a CKEditor field) start using the font styles too. */
body.is-frontend.ms-font--body--default .page-wrapper, body.is-frontend.ms-font--body--geomanist .page-wrapper {
    /* Default falls back to the Geomanist font. */
    font-family: Geomanist, sans-serif;
  }
body.is-frontend.ms-font--body--arvo .page-wrapper{
  font-family: Arvo, sans-serif;
    /* 1.25 * 16px = 20px. */
    font-size: 1.25rem;
    line-height: 1.25;
    /* H3 and below are added to the body mixin, as the headline class only
       applies to h1/h2. */
}
body.is-frontend.ms-font--body--arvo .page-wrapper h3,
  body.is-frontend.ms-font--body--arvo .page-wrapper h4,
  body.is-frontend.ms-font--body--arvo .page-wrapper h5,
  body.is-frontend.ms-font--body--arvo .page-wrapper h6 {
    line-height: 1;
  }
body.is-frontend.ms-font--body--arvo .page-wrapper h3 {
    /* 2 * 16px = 32px. */
    font-size: 2rem;
    font-weight: 600;
  }
body.is-frontend.ms-font--body--arvo .page-wrapper h4 {
    /* 1.75 * 16px = 28px. */
    font-size: 1.75rem;
    font-weight: 600;
  }
body.is-frontend.ms-font--body--arvo .page-wrapper h5 {
    /* 1.25 * 16px = 20px. */
    font-size: 1.25rem;
    font-weight: 600;
  }
body.is-frontend.ms-font--body--proxima-nova .page-wrapper{
  font-family: "Proxima Nova", sans-serif;
    /* 1.25 * 16px = 20px. */
    font-size: 1.25rem;
    line-height: 1.25;
    /* H3 and below are added to the body mixin, as the headline class only
       applies to h1/h2. */
}
body.is-frontend.ms-font--body--proxima-nova .page-wrapper h3,
  body.is-frontend.ms-font--body--proxima-nova .page-wrapper h4,
  body.is-frontend.ms-font--body--proxima-nova .page-wrapper h5,
  body.is-frontend.ms-font--body--proxima-nova .page-wrapper h6 {
    line-height: 1;
  }
body.is-frontend.ms-font--body--proxima-nova .page-wrapper h3 {
    /* 2.25 * 16px = 36px. */
    font-size: 2.25rem;
    font-weight: 600;
  }
body.is-frontend.ms-font--body--proxima-nova .page-wrapper h4 {
    /* 1.875 * 16px = 30px. */
    font-size: 1.875rem;
    font-weight: 600;
  }
body.is-frontend.ms-font--body--proxima-nova .page-wrapper h5 {
    /* 1.25 * 16px = 20px. */
    font-size: 1.25rem;
    font-weight: 600;
  }
body.is-frontend.ms-font--body--timmons-ny .page-wrapper{
  font-family: "Timmons NY", sans-serif;
    /* Add some extra styling to make this font family legible. These values
       have been lifted directly from the old binthewipe.org site, where this
       font was originally used. */
    font-weight: 400;
    letter-spacing: 0.1rem;
    line-height: 0.85;
    /* 1.6 * 16px = 25.6px. */
    font-size: 1.6rem;
    /* Ensure buttons have the same font size as body copy. */
    /* H3 and below are added to the body mixin, as the headline class only
      applies to h1/h2. */
}
body.is-frontend.ms-font--body--timmons-ny .page-wrapper .btn {
    font-size: 1.6rem;
  }
body.is-frontend.ms-font--body--timmons-ny .page-wrapper h3,
  body.is-frontend.ms-font--body--timmons-ny .page-wrapper h4,
  body.is-frontend.ms-font--body--timmons-ny .page-wrapper h5,
  body.is-frontend.ms-font--body--timmons-ny .page-wrapper h6 {
    font-weight: 400;
    letter-spacing: 0.1rem;
    line-height: 0.85;
  }
body.is-frontend.ms-font--body--timmons-ny .page-wrapper h3 {
    /* 7.5 * 16px = 120px. */
    font-size: 7.4rem;
  }
body.is-frontend.ms-font--body--timmons-ny .page-wrapper h4 {
    /* 5.125 * 16px = 82px. */
    font-size: 5.125rem;
  }
body.is-frontend.ms-font--body--timmons-ny .page-wrapper h5,
  body.is-frontend.ms-font--body--timmons-ny .page-wrapper h6 {
    /* 2 * 16px = 32px. */
    font-size: 2rem;
  }
body.is-frontend.ms-font--body--timothy .page-wrapper{
  font-family: Timothy, sans-serif;
    /* 1.75 * 16px = 28px. */
    font-size: 1.75rem;
    /* H3 and below are added to the body mixin, as the headline class only
      applies to h1/h2. */
}
body.is-frontend.ms-font--body--timothy .page-wrapper h3,
  body.is-frontend.ms-font--body--timothy .page-wrapper h4,
  body.is-frontend.ms-font--body--timothy .page-wrapper h5,
  body.is-frontend.ms-font--body--timothy .page-wrapper h6 {
    line-height: 0.85;
  }
body.is-frontend.ms-font--headline--default .page-wrapper h1,
  body.is-frontend.ms-font--headline--default .page-wrapper h2, body.is-frontend.ms-font--headline--geomanist .page-wrapper h1,
  body.is-frontend.ms-font--headline--geomanist .page-wrapper h2 {
    /* Default falls back to the Geomanist font. */
    font-family: Geomanist, sans-serif;
  }
body.is-frontend.ms-font--headline--arvo .page-wrapper h1,
  body.is-frontend.ms-font--headline--arvo .page-wrapper h2{
  font-family: Arvo, sans-serif;
    line-height: 1;
}
body.is-frontend.ms-font--headline--arvo .page-wrapper h1 {
    /* 3 * 16px = 48px. */
    font-size: 3rem;
    font-weight: 700;
    /* This font is fairly legible at most sizes so only need to have one step
       up to a larger size. */
  }
@media (min-width: 1024px) {
    body.is-frontend.ms-font--headline--arvo .page-wrapper h1 {
      /* 3.5 * 16px = 56px. */
      font-size: 3.5rem;
    }
  }
body.is-frontend.ms-font--headline--arvo .page-wrapper h2 {
    /* 2 * 16px = 32px. */
    font-size: 2rem;
    font-weight: 600;
  }
@media (min-width: 1024px) {
    body.is-frontend.ms-font--headline--arvo .page-wrapper h2 {
      /* 2.5 * 16px = 40px. */
      font-size: 2.5rem;
    }
  }
body.is-frontend.ms-font--headline--proxima-nova .page-wrapper h1,
  body.is-frontend.ms-font--headline--proxima-nova .page-wrapper h2{
  font-family: "Proxima Nova", sans-serif;
    line-height: 1;
}
body.is-frontend.ms-font--headline--proxima-nova .page-wrapper h1 {
    /* 3 * 16px = 44px. */
    font-size: 3rem;
    font-weight: 700;
    /* This font is fairly legible at most sizes so only need to have one step
       up to a larger size. */
  }
@media (min-width: 1024px) {
    body.is-frontend.ms-font--headline--proxima-nova .page-wrapper h1 {
      /* 3.75 * 16px = 60px. */
      font-size: 3.75rem;
    }
  }
body.is-frontend.ms-font--headline--proxima-nova .page-wrapper h2 {
    /* 2.5 * 16px = 40px. */
    font-size: 2.5rem;
    font-weight: 600;
  }
@media (min-width: 1024px) {
    body.is-frontend.ms-font--headline--proxima-nova .page-wrapper h2 {
      /* 3 * 16px = 48px. */
      font-size: 3rem;
    }
  }
body.is-frontend.ms-font--headline--timmons-ny .page-wrapper {
    /* Add some extra styling to make this font family legible. These values
       have been lifted directly from the old binthewipe.org site, where
       this font was originally used. */
  }
body.is-frontend.ms-font--headline--timmons-ny .page-wrapper h1,
  body.is-frontend.ms-font--headline--timmons-ny .page-wrapper h2{
  font-family: "Timmons NY", sans-serif;
    font-weight: 400;
    letter-spacing: 0.1rem;
    line-height: 0.85;
}
body.is-frontend.ms-font--headline--timmons-ny .page-wrapper h1 {
    /* 8 * 16px = 128px. */
    font-size: 8rem;
  }
@media (min-width: 1024px) {
    body.is-frontend.ms-font--headline--timmons-ny .page-wrapper h1 {
      /* 12 * 16px = 184px. */
      font-size: 12rem;
    }
  }
@media (min-width: 1280px) {
    body.is-frontend.ms-font--headline--timmons-ny .page-wrapper h1 {
      /* 16 * 16px = 256px. */
      font-size: 16rem;
    }
  }
body.is-frontend.ms-font--headline--timmons-ny .page-wrapper h2 {
    /* 6 * 16px = 96px. */
    font-size: 6rem;
  }
@media (min-width: 1024px) {
    body.is-frontend.ms-font--headline--timmons-ny .page-wrapper h2 {
      /* 7 * 16px = 114px. */
      font-size: 7rem;
    }
  }
@media (min-width: 1280px) {
    body.is-frontend.ms-font--headline--timmons-ny .page-wrapper h2 {
      /* 8.25 * 16px = 132px. */
      font-size: 8.25rem;
    }
  }
body.is-frontend.ms-font--headline--timothy .page-wrapper h1,
  body.is-frontend.ms-font--headline--timothy .page-wrapper h2{
  font-family: Timothy, sans-serif;
    font-weight: 500;
    line-height: 0.85;
}
body.is-frontend.ms-font--headline--timothy .page-wrapper h1 {
    /* 6 * 16px = 96px. */
    font-size: 6rem;
    font-weight: 500;
    line-height: 0.85;
  }
@media (min-width: 1024px) {
    body.is-frontend.ms-font--headline--timothy .page-wrapper h1 {
      /* 7.5 * 16px = 120px. */
      font-size: 7.5rem;
    }
  }
@media (min-width: 1280px) {
    body.is-frontend.ms-font--headline--timothy .page-wrapper h1 {
      /* 9 * 16px = 144px. */
      font-size: 9rem;
    }
  }
body.is-frontend.ms-font--headline--timothy .page-wrapper h2 {
    /* 4 * 16px = 64px. */
    font-size: 4rem;
    font-weight: 500;
    line-height: 0.85;
  }
@media (min-width: 1024px) {
    body.is-frontend.ms-font--headline--timothy .page-wrapper h2 {
      /* 6 * 16px = 96px. */
      font-size: 6rem;
    }
  }
@media (min-width: 1280px) {
    body.is-frontend.ms-font--headline--timothy .page-wrapper h2 {
      /* 8 * 16px = 128px. */
      font-size: 8rem;
    }
  }
*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}
/* Background colour definitions. */
.ms-background--background-colour {
  background-color: var(--microsite-theme-colour-background);
}
.ms-background--text-colour {
  background-color: var(--microsite-theme-colour-text);
}
.ms-background--primary {
  background-color: var(--microsite-theme-colour-primary);
}
.ms-background--secondary {
  background-color: var(--microsite-theme-colour-secondary);
}
.ms-background--tertiary {
  background-color: var(--microsite-theme-colour-tertiary);
}
.ms-background--black {
  background-color: black;
}
.ms-background--white {
  background-color: white;
}
.ms-text--background-colour {
  color: var(--microsite-theme-colour-background);
}
.ms-text--text-colour {
  color: var(--microsite-theme-colour-text);
}
.ms-text--primary {
  color: var(--microsite-theme-colour-primary);
}
.ms-text--secondary {
  color: var(--microsite-theme-colour-secondary);
}
.ms-text--tertiary {
  color: var(--microsite-theme-colour-tertiary);
}
.ms-text--black {
  color: black;
}
.ms-text--white {
  color: white;
}
/* Import component styles. */
/* Footer menu styling. */
@tailwind components;
/* Styling for all paragraphs on a microsite page. */
.section--statistics__stat-text {
  /* Always apply the default font for statistics, for legibility. */
  font-family: Geomanist, sans-serif;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--microsite-theme-colour-text);
}
/* Button styles. */
@tailwind components;
/* Styling for the social links in the footer. */
:root{
  --color-transparent: transparent;
  --color-current: currentColor;
  --color-primary: #2F3739;
  --color-primary-mid: #979B9C;
  --color-primary-bright: #D5D7D7;
  --color-primary-light: #F4F5F5;
  --color-secondary: #155277;
  --color-secondary-mid: #3D7299;
  --color-secondary-bright: #2B96DD;
  --color-secondary-light: #80C0EB;
  --color-tertiary: #006C78;
  --color-tertiary-mid: #119CA9;
  --color-tertiary-bright: #3CB9C5;
  --color-tertiary-light: #8AD5DC;
  --color-black: #000000;
  --color-white: #ffffff;
  --color-green-50: #f0fdf4;
  --color-green-100: #dcfce7;
  --color-green-200: #bbf7d0;
  --color-green-300: #86efac;
  --color-green-400: #4ade80;
  --color-green-500: #22c55e;
  --color-green-600: #16a34a;
  --color-green-700: #15803d;
  --color-green-800: #166534;
  --color-green-900: #14532d;
  --color-green-950: #052e16;
  --color-red-50: #fef2f2;
  --color-red-100: #fee2e2;
  --color-red-200: #fecaca;
  --color-red-300: #fca5a5;
  --color-red-400: #f87171;
  --color-red-500: #ef4444;
  --color-red-600: #dc2626;
  --color-red-700: #b91c1c;
  --color-red-800: #991b1b;
  --color-red-900: #7f1d1d;
  --color-red-950: #450a0a;
  --color-grey-50: #fafafa;
  --color-grey-100: #f5f5f5;
  --color-grey-200: #e5e5e5;
  --color-grey-300: #d4d4d4;
  --color-grey-400: #a3a3a3;
  --color-grey-500: #737373;
  --color-grey-600: #525252;
  --color-grey-700: #404040;
  --color-grey-800: #262626;
  --color-grey-900: #171717;
  --color-grey-950: #0a0a0a;
  --screen-sm: 640px;
  --screen-md: 768px;
  --screen-lg: 1024px;
  --screen-xl: 1280px;
  --screen-2xl: 1536px;
  --font-sans: Geomanist,sans-serif;
  --font-arvo: Arvo,sans-serif;
  --font-geomanist: Geomanist,sans-serif;
  --font-proximanova: "Proxima Nova",sans-serif;
  --font-timmons: "Timmons NY",sans-serif;
  --font-timothy: Timothy,sans-serif;
  --text-15: 0.938rem;
  --text-22: 1.375rem;
  --text-42: 2.625rem;
  --text-54: 3.375rem;
  --text-xs: 0.75rem;
  --text-xs-line-height: 1rem;
  --text-sm: 0.875rem;
  --text-sm-line-height: 1.25rem;
  --text-base: 1rem;
  --text-base-line-height: 1.5rem;
  --text-lg: 1.125rem;
  --text-lg-line-height: 1.75rem;
  --text-xl: 1.25rem;
  --text-xl-line-height: 1.75rem;
  --text-2xl: 1.5rem;
  --text-2xl-line-height: 2rem;
  --text-3xl: 1.875rem;
  --text-3xl-line-height: 2.25rem;
  --text-4xl: 2.25rem;
  --text-4xl-line-height: 2.5rem;
  --text-5xl: 3rem;
  --text-5xl-line-height: 1;
  --text-6xl: 3.75rem;
  --text-6xl-line-height: 1;
  --text-7xl: 4.5rem;
  --text-7xl-line-height: 1;
  --text-8xl: 6rem;
  --text-8xl-line-height: 1;
  --text-9xl: 8rem;
  --text-9xl-line-height: 1;
  --font-thin: 100;
  --font-extralight: 200;
  --font-light: 300;
  --font-normal: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;
  --font-extrabold: 800;
  --font-black: 900;
  --font-bolder: bolder;
  --leading-3: .75rem;
  --leading-4: 1rem;
  --leading-5: 1.25rem;
  --leading-6: 1.5rem;
  --leading-7: 1.75rem;
  --leading-8: 2rem;
  --leading-9: 2.25rem;
  --leading-10: 2.5rem;
  --leading-15: 0.938rem;
  --leading-22: 1.375rem;
  --leading-42: 2.625rem;
  --leading-54: 3.375rem;
  --leading-none: 1;
  --leading-tight: 1.25;
  --leading-snug: 1.375;
  --leading-normal: 1.5;
  --leading-relaxed: 1.625;
  --leading-loose: 2;
  --tracking-tighter: -0.05em;
  --tracking-tight: -0.025em;
  --tracking-normal: 0em;
  --tracking-wide: 0.025em;
  --tracking-wider: 0.05em;
  --tracking-widest: 0.1em;
  --bg-auto: auto;
  --bg-cover: cover;
  --bg-contain: contain;
  --border-0: 0px;
  --border-2: 2px;
  --border-4: 4px;
  --border-8: 8px;
  --border-default: 1px;
  --rounded-none: 0px;
  --rounded-sm: 0.125rem;
  --rounded-default: 0.25rem;
  --rounded-md: 0.375rem;
  --rounded-lg: 0.5rem;
  --rounded-xl: 0.75rem;
  --rounded-2xl: 1rem;
  --rounded-3xl: 1.5rem;
  --rounded-full: 9999px;
  --w-0: 0px;
  --w-1: 0.25rem;
  --w-2: 0.5rem;
  --w-3: 0.75rem;
  --w-4: 1rem;
  --w-5: 1.25rem;
  --w-6: 1.5rem;
  --w-7: 1.75rem;
  --w-8: 2rem;
  --w-9: 2.25rem;
  --w-10: 2.5rem;
  --w-11: 2.75rem;
  --w-12: 3rem;
  --w-14: 3.5rem;
  --w-16: 4rem;
  --w-20: 5rem;
  --w-24: 6rem;
  --w-28: 7rem;
  --w-32: 8rem;
  --w-36: 9rem;
  --w-40: 10rem;
  --w-44: 11rem;
  --w-48: 12rem;
  --w-52: 13rem;
  --w-56: 14rem;
  --w-60: 15rem;
  --w-64: 16rem;
  --w-72: 18rem;
  --w-80: 20rem;
  --w-96: 24rem;
  --w-auto: auto;
  --w-px: 1px;
  --w-0_5: 0.125rem;
  --w-1_5: 0.375rem;
  --w-2_5: 0.625rem;
  --w-3_5: 0.875rem;
  --w-1-2: 50%;
  --w-1-3: 33.333333%;
  --w-2-3: 66.666667%;
  --w-1-4: 25%;
  --w-2-4: 50%;
  --w-3-4: 75%;
  --w-1-5: 20%;
  --w-2-5: 40%;
  --w-3-5: 60%;
  --w-4-5: 80%;
  --w-1-6: 16.666667%;
  --w-2-6: 33.333333%;
  --w-3-6: 50%;
  --w-4-6: 66.666667%;
  --w-5-6: 83.333333%;
  --w-1-12: 8.333333%;
  --w-2-12: 16.666667%;
  --w-3-12: 25%;
  --w-4-12: 33.333333%;
  --w-5-12: 41.666667%;
  --w-6-12: 50%;
  --w-7-12: 58.333333%;
  --w-8-12: 66.666667%;
  --w-9-12: 75%;
  --w-10-12: 83.333333%;
  --w-11-12: 91.666667%;
  --w-full: 100%;
  --w-screen: 100vw;
  --w-svw: 100svw;
  --w-lvw: 100lvw;
  --w-dvw: 100dvw;
  --w-min: min-content;
  --w-max: max-content;
  --w-fit: fit-content;
  --w-1-2-cols: var(--one-of-two-cols);
  --w-1-3-cols: var(--one-of-three-cols);
  --w-2-3-cols: var(--two-of-three-cols);
  --w-1-4-cols: var(--one-of-four-cols);
  --w-2-4-cols: var(--two-of-four-cols);
  --w-3-4-cols: var(--three-of-four-cols);
  --h-0: 0px;
  --h-1: 0.25rem;
  --h-2: 0.5rem;
  --h-3: 0.75rem;
  --h-4: 1rem;
  --h-5: 1.25rem;
  --h-6: 1.5rem;
  --h-7: 1.75rem;
  --h-8: 2rem;
  --h-9: 2.25rem;
  --h-10: 2.5rem;
  --h-11: 2.75rem;
  --h-12: 3rem;
  --h-14: 3.5rem;
  --h-16: 4rem;
  --h-20: 5rem;
  --h-24: 6rem;
  --h-28: 7rem;
  --h-32: 8rem;
  --h-36: 9rem;
  --h-40: 10rem;
  --h-44: 11rem;
  --h-48: 12rem;
  --h-52: 13rem;
  --h-56: 14rem;
  --h-60: 15rem;
  --h-64: 16rem;
  --h-72: 18rem;
  --h-80: 20rem;
  --h-96: 24rem;
  --h-128: 32rem;
  --h-auto: auto;
  --h-px: 1px;
  --h-0_5: 0.125rem;
  --h-1_5: 0.375rem;
  --h-2_5: 0.625rem;
  --h-3_5: 0.875rem;
  --h-1-2: 50%;
  --h-1-3: 33.333333%;
  --h-2-3: 66.666667%;
  --h-1-4: 25%;
  --h-2-4: 50%;
  --h-3-4: 75%;
  --h-1-5: 20%;
  --h-2-5: 40%;
  --h-3-5: 60%;
  --h-4-5: 80%;
  --h-1-6: 16.666667%;
  --h-2-6: 33.333333%;
  --h-3-6: 50%;
  --h-4-6: 66.666667%;
  --h-5-6: 83.333333%;
  --h-full: 100%;
  --h-screen: 100vh;
  --h-svh: 100svh;
  --h-lvh: 100lvh;
  --h-dvh: 100dvh;
  --h-min: min-content;
  --h-max: max-content;
  --h-fit: fit-content;
  --min-w-0: 0px;
  --min-w-1: 0.25rem;
  --min-w-2: 0.5rem;
  --min-w-3: 0.75rem;
  --min-w-4: 1rem;
  --min-w-5: 1.25rem;
  --min-w-6: 1.5rem;
  --min-w-7: 1.75rem;
  --min-w-8: 2rem;
  --min-w-9: 2.25rem;
  --min-w-10: 2.5rem;
  --min-w-11: 2.75rem;
  --min-w-12: 3rem;
  --min-w-14: 3.5rem;
  --min-w-16: 4rem;
  --min-w-20: 5rem;
  --min-w-24: 6rem;
  --min-w-28: 7rem;
  --min-w-32: 8rem;
  --min-w-36: 9rem;
  --min-w-40: 10rem;
  --min-w-44: 11rem;
  --min-w-48: 12rem;
  --min-w-52: 13rem;
  --min-w-56: 14rem;
  --min-w-60: 15rem;
  --min-w-64: 16rem;
  --min-w-72: 18rem;
  --min-w-80: 20rem;
  --min-w-96: 24rem;
  --min-w-px: 1px;
  --min-w-0_5: 0.125rem;
  --min-w-1_5: 0.375rem;
  --min-w-2_5: 0.625rem;
  --min-w-3_5: 0.875rem;
  --min-w-full: 100%;
  --min-w-min: min-content;
  --min-w-max: max-content;
  --min-w-fit: fit-content;
  --min-h-0: 0px;
  --min-h-1: 0.25rem;
  --min-h-2: 0.5rem;
  --min-h-3: 0.75rem;
  --min-h-4: 1rem;
  --min-h-5: 1.25rem;
  --min-h-6: 1.5rem;
  --min-h-7: 1.75rem;
  --min-h-8: 2rem;
  --min-h-9: 2.25rem;
  --min-h-10: 2.5rem;
  --min-h-11: 2.75rem;
  --min-h-12: 3rem;
  --min-h-14: 3.5rem;
  --min-h-16: 4rem;
  --min-h-20: 5rem;
  --min-h-24: 6rem;
  --min-h-28: 7rem;
  --min-h-32: 8rem;
  --min-h-36: 9rem;
  --min-h-40: 10rem;
  --min-h-44: 11rem;
  --min-h-48: 12rem;
  --min-h-52: 13rem;
  --min-h-56: 14rem;
  --min-h-60: 15rem;
  --min-h-64: 16rem;
  --min-h-72: 18rem;
  --min-h-80: 20rem;
  --min-h-96: 24rem;
  --min-h-100: 25rem;
  --min-h-px: 1px;
  --min-h-0_5: 0.125rem;
  --min-h-1_5: 0.375rem;
  --min-h-2_5: 0.625rem;
  --min-h-3_5: 0.875rem;
  --min-h-full: 100%;
  --min-h-screen: 100vh;
  --min-h-svh: 100svh;
  --min-h-lvh: 100lvh;
  --min-h-dvh: 100dvh;
  --min-h-min: min-content;
  --min-h-max: max-content;
  --min-h-fit: fit-content;
  --min-h-1-4-screen: 25vh;
  --min-h-1-2-screen: 50vh;
  --min-h-3-4-screen: 75vh;
  --max-w-0: 0px;
  --max-w-1: 0.25rem;
  --max-w-2: 0.5rem;
  --max-w-3: 0.75rem;
  --max-w-4: 1rem;
  --max-w-5: 1.25rem;
  --max-w-6: 1.5rem;
  --max-w-7: 1.75rem;
  --max-w-8: 2rem;
  --max-w-9: 2.25rem;
  --max-w-10: 2.5rem;
  --max-w-11: 2.75rem;
  --max-w-12: 3rem;
  --max-w-14: 3.5rem;
  --max-w-16: 4rem;
  --max-w-20: 5rem;
  --max-w-24: 6rem;
  --max-w-28: 7rem;
  --max-w-32: 8rem;
  --max-w-36: 9rem;
  --max-w-40: 10rem;
  --max-w-44: 11rem;
  --max-w-48: 12rem;
  --max-w-52: 13rem;
  --max-w-56: 14rem;
  --max-w-60: 15rem;
  --max-w-64: 16rem;
  --max-w-72: 18rem;
  --max-w-80: 20rem;
  --max-w-96: 24rem;
  --max-w-px: 1px;
  --max-w-0_5: 0.125rem;
  --max-w-1_5: 0.375rem;
  --max-w-2_5: 0.625rem;
  --max-w-3_5: 0.875rem;
  --max-w-none: none;
  --max-w-xs: 20rem;
  --max-w-sm: 24rem;
  --max-w-md: 28rem;
  --max-w-lg: 32rem;
  --max-w-xl: 36rem;
  --max-w-2xl: 42rem;
  --max-w-3xl: 48rem;
  --max-w-4xl: 56rem;
  --max-w-5xl: 64rem;
  --max-w-6xl: 72rem;
  --max-w-7xl: 80rem;
  --max-w-full: 100%;
  --max-w-min: min-content;
  --max-w-max: max-content;
  --max-w-fit: fit-content;
  --max-w-prose: 65ch;
  --max-w-screen-sm: 640px;
  --max-w-screen-md: 768px;
  --max-w-screen-lg: 1024px;
  --max-w-screen-xl: 1280px;
  --max-w-screen-2xl: 1536px;
  --max-w-2xs: 16rem;
  --max-h-0: 0px;
  --max-h-1: 0.25rem;
  --max-h-2: 0.5rem;
  --max-h-3: 0.75rem;
  --max-h-4: 1rem;
  --max-h-5: 1.25rem;
  --max-h-6: 1.5rem;
  --max-h-7: 1.75rem;
  --max-h-8: 2rem;
  --max-h-9: 2.25rem;
  --max-h-10: 2.5rem;
  --max-h-11: 2.75rem;
  --max-h-12: 3rem;
  --max-h-14: 3.5rem;
  --max-h-16: 4rem;
  --max-h-20: 5rem;
  --max-h-24: 6rem;
  --max-h-28: 7rem;
  --max-h-32: 8rem;
  --max-h-36: 9rem;
  --max-h-40: 10rem;
  --max-h-44: 11rem;
  --max-h-48: 12rem;
  --max-h-52: 13rem;
  --max-h-56: 14rem;
  --max-h-60: 15rem;
  --max-h-64: 16rem;
  --max-h-72: 18rem;
  --max-h-80: 20rem;
  --max-h-96: 24rem;
  --max-h-128: 32rem;
  --max-h-px: 1px;
  --max-h-0_5: 0.125rem;
  --max-h-1_5: 0.375rem;
  --max-h-2_5: 0.625rem;
  --max-h-3_5: 0.875rem;
  --max-h-none: none;
  --max-h-full: 100%;
  --max-h-screen: 100vh;
  --max-h-svh: 100svh;
  --max-h-lvh: 100lvh;
  --max-h-dvh: 100dvh;
  --max-h-min: min-content;
  --max-h-max: max-content;
  --max-h-fit: fit-content;
  --p-0: 0px;
  --p-1: 0.25rem;
  --p-2: 0.5rem;
  --p-3: 0.75rem;
  --p-4: 1rem;
  --p-5: 1.25rem;
  --p-6: 1.5rem;
  --p-7: 1.75rem;
  --p-8: 2rem;
  --p-9: 2.25rem;
  --p-10: 2.5rem;
  --p-11: 2.75rem;
  --p-12: 3rem;
  --p-14: 3.5rem;
  --p-16: 4rem;
  --p-20: 5rem;
  --p-24: 6rem;
  --p-28: 7rem;
  --p-32: 8rem;
  --p-36: 9rem;
  --p-40: 10rem;
  --p-44: 11rem;
  --p-48: 12rem;
  --p-52: 13rem;
  --p-56: 14rem;
  --p-60: 15rem;
  --p-64: 16rem;
  --p-72: 18rem;
  --p-80: 20rem;
  --p-96: 24rem;
  --p-px: 1px;
  --p-0_5: 0.125rem;
  --p-1_5: 0.375rem;
  --p-2_5: 0.625rem;
  --p-3_5: 0.875rem;
  --m-0: 0px;
  --m-1: 0.25rem;
  --m-2: 0.5rem;
  --m-3: 0.75rem;
  --m-4: 1rem;
  --m-5: 1.25rem;
  --m-6: 1.5rem;
  --m-7: 1.75rem;
  --m-8: 2rem;
  --m-9: 2.25rem;
  --m-10: 2.5rem;
  --m-11: 2.75rem;
  --m-12: 3rem;
  --m-14: 3.5rem;
  --m-16: 4rem;
  --m-20: 5rem;
  --m-24: 6rem;
  --m-28: 7rem;
  --m-32: 8rem;
  --m-36: 9rem;
  --m-40: 10rem;
  --m-44: 11rem;
  --m-48: 12rem;
  --m-52: 13rem;
  --m-56: 14rem;
  --m-60: 15rem;
  --m-64: 16rem;
  --m-72: 18rem;
  --m-80: 20rem;
  --m-96: 24rem;
  --m-auto: auto;
  --m-px: 1px;
  --m-0_5: 0.125rem;
  --m-1_5: 0.375rem;
  --m-2_5: 0.625rem;
  --m-3_5: 0.875rem;
  --m-1-2-screen: 50vw;
  --shadows-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadows-default: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --shadows-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadows-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --shadows-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --shadows-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --shadows-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --shadows-none: none;
  --shadows-halo: 0 0 0 6px rgba(0, 0, 0, 0.15);
  --z-0: 0;
  --z-1: 1;
  --z-10: 10;
  --z-20: 20;
  --z-30: 30;
  --z-40: 40;
  --z-50: 50;
  --z-auto: auto;
  --opacity-0: 0;
  --opacity-5: 0.05;
  --opacity-10: 0.1;
  --opacity-15: 0.15;
  --opacity-20: 0.2;
  --opacity-25: 0.25;
  --opacity-30: 0.3;
  --opacity-35: 0.35;
  --opacity-40: 0.4;
  --opacity-45: 0.45;
  --opacity-50: 0.5;
  --opacity-55: 0.55;
  --opacity-60: 0.6;
  --opacity-65: 0.65;
  --opacity-70: 0.7;
  --opacity-75: 0.75;
  --opacity-80: 0.8;
  --opacity-85: 0.85;
  --opacity-90: 0.9;
  --opacity-95: 0.95;
  --opacity-100: 1;
}
footer .justify-evenly {
    /* This class doesn't seem to be getting picked up, even though it's a
       Tailwind class, so adding support for it here. */
    justify-content: space-evenly;
  }
.footer-menu--override ul{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 1.25rem;
}
@media (min-width: 640px) {
    .footer-menu--override ul{
    flex-direction: row;
    gap: 2.5rem;
  }
  }
.footer-menu a,
  .footer-menu--override a {
    color: var(--microsite-theme-colour-primary);
  }
.footer-menu a:hover,
  .footer-menu--override a:hover{
  text-decoration-line: underline;
  text-underline-offset: 8px;
  text-decoration-thickness: 2px;
}
/* Buttons with styles applied directly. */
.btn.ms-background--background-colour {
    background-color: var(--microsite-theme-colour-background);
  }
.btn.ms-background--text-colour {
    background-color: var(--microsite-theme-colour-text);
  }
.btn.ms-background--primary {
    background-color: var(--microsite-theme-colour-primary);
  }
.btn.ms-background--secondary {
    background-color: var(--microsite-theme-colour-secondary);
  }
.btn.ms-background--tertiary {
    background-color: var(--microsite-theme-colour-tertiary);
  }
.btn.ms-background--black {
    background-color: black;
  }
.btn.ms-background--white {
    background-color: white;
  }
.btn.ms-text--background-colour .button-text, .btn.ms-text--text-colour .button-text, .btn.ms-text--primary .button-text, .btn.ms-text--secondary .button-text, .btn.ms-text--tertiary .button-text, .btn.ms-text--black .button-text, .btn.ms-text--white .button-text {
    border-bottom-color: inherit;
  }
/* Some buttons have the colour applied via a wrapper class. */
.ms-button--bg--background-colour .btn {
    background-color: var(--microsite-theme-colour-background);
  }
.ms-button--bg--text-colour .btn {
    background-color: var(--microsite-theme-colour-text);
  }
.ms-button--bg--primary .btn {
    background-color: var(--microsite-theme-colour-primary);
  }
.ms-button--bg--secondary .btn {
    background-color: var(--microsite-theme-colour-secondary);
  }
.ms-button--bg--tertiary .btn {
    background-color: var(--microsite-theme-colour-tertiary);
  }
.ms-button--bg--white .btn {
    background-color: white;
  }
.ms-button--bg--black .btn {
    background-color: black;
  }
.ms-button--link--background-colour .cta,
  .ms-button--link--background-colour .btn {
    color: var(--microsite-theme-colour-background);
  }
.ms-button--link--background-colour .cta .button-arrow,
  .ms-button--link--background-colour .btn .button-arrow {
    background-color: var(--microsite-theme-colour-background);
  }
.ms-button--link--text-colour .cta,
  .ms-button--link--text-colour .btn {
    color: var(--microsite-theme-colour-text);
  }
.ms-button--link--text-colour .cta .button-arrow,
  .ms-button--link--text-colour .btn .button-arrow {
    background-color: var(--microsite-theme-colour-text);
  }
.ms-button--link--primary .cta,
  .ms-button--link--primary .btn {
    color: var(--microsite-theme-colour-primary);
  }
.ms-button--link--primary .cta .button-arrow,
  .ms-button--link--primary .btn .button-arrow {
    background-color: var(--microsite-theme-colour-primary);
  }
.ms-button--link--secondary .cta,
  .ms-button--link--secondary .btn {
    color: var(--microsite-theme-colour-secondary);
  }
.ms-button--link--secondary .cta .button-arrow,
  .ms-button--link--secondary .btn .button-arrow {
    background-color: var(--microsite-theme-colour-secondary);
  }
.ms-button--link--tertiary .cta,
  .ms-button--link--tertiary .btn {
    color: var(--microsite-theme-colour-tertiary);
  }
.ms-button--link--tertiary .cta .button-arrow,
  .ms-button--link--tertiary .btn .button-arrow {
    background-color: var(--microsite-theme-colour-tertiary);
  }
.ms-button--link--white .cta,
  .ms-button--link--white .btn {
    color: white;
  }
.ms-button--link--white .cta .button-arrow,
  .ms-button--link--white .btn .button-arrow {
    background-color: white;
  }
.ms-button--link--black .cta,
  .ms-button--link--black .btn {
    color: black;
  }
.ms-button--link--black .cta .button-arrow,
  .ms-button--link--black .btn .button-arrow {
    background-color: black;
  }
.footer-social .social-link svg {
    fill: var(--microsite-theme-colour-primary);
    width: 2rem;
    height: 2rem;
    margin: 0.25rem;
  }
@media (min-width: 768px) {
    .footer-social .social-link svg{
    width: 2.5rem;
    height: 2.5rem;
    margin: 0.5rem;
  }
  }
.footer-social .social-link .cls-1 {
    fill: var(--microsite-theme-colour-primary);
  }

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