@charset "UTF-8";

:root {
  --ds26-bg: #00504d;
  --ds26-bg-dark: #003c39;
  --ds26-grid: rgba(116, 183, 176, 0.15);
  --ds26-grid-strong: rgba(116, 183, 176, 0.28);
  --ds26-teal: #74b7b0;
  --ds26-red: #d74633;
  --ds26-red-accessible: #b53325;
  --ds26-pink: #edbad6;
  --ds26-yellow: #ece63a;
  --ds26-white: #ffffff;
  --ds26-ink: #111111;
  --ds26-grey-light: #e6e6e6;
  --ds26-grey-mid: #666666;
  --ds26-grey-dark: #333333;
  --ds26-focus: #ece63a;
  --ds26-radius-pill: 999px;
  --ds26-card-shadow-pink: 8px 8px 0 #edbad6;
  --ds26-card-shadow-teal: 8px 8px 0 #74b7b0;
  --primary: var(--ds26-yellow);
  --primary-interact: var(--ds26-red-accessible);
  --primary-contrast: var(--ds26-ink);
  --primary-contrast-interact: var(--ds26-white);
  --secondary: var(--ds26-bg);
  --secondary-interact: var(--ds26-bg-dark);
  --secondary-contrast: var(--ds26-white);
  --secondary-contrast-interact: var(--ds26-yellow);
  --green: var(--ds26-bg);
  --site-bg: var(--ds26-bg);
  --site-bg-dark: var(--ds26-bg-dark);
  --site-text: var(--ds26-white);
  --surface: var(--ds26-white);
  --surface-text: var(--ds26-ink);
  --surface-border: var(--ds26-ink);
  --surface-muted: var(--ds26-grey-light);
  --link: var(--ds26-ink);
  --link-hover: var(--ds26-red-accessible);
  --header-bg: var(--ds26-bg);
  --header-text: var(--ds26-white);
  --header-action-bg: var(--ds26-bg);
  --header-action-text: var(--ds26-white);
  --header-action-hover-bg: var(--ds26-red-accessible);
  --header-action-hover-text: var(--ds26-white);
  --button-bg: var(--ds26-yellow);
  --button-text: var(--ds26-ink);
  --button-border: var(--ds26-yellow);
  --button-hover-bg: var(--ds26-red-accessible);
  --button-hover-text: var(--ds26-white);
  --button-secondary-bg: transparent;
  --button-secondary-text: var(--ds26-white);
  --button-secondary-border: var(--ds26-teal);
  --button-secondary-hover-bg: var(--ds26-teal);
  --button-secondary-hover-text: var(--ds26-ink);
  --focus-colour: var(--ds26-focus);
  --panel-shadow-primary: var(--ds26-card-shadow-pink);
  --panel-shadow-secondary: var(--ds26-card-shadow-teal);
}

html, body {
  font-size: 100%;
}

body {
  font-family: "akzidenz-grotesk_promedium", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  line-height: 150%;
  margin: 0;
  padding: 0;
  position: relative;
  background: inherit;
  color: #222222;
}

div,
ul,
ol,
dl {
  font-size: inherit;
  line-height: inherit;
}

img {
  max-width: 100%;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  image-rendering: crisp-edges;
}

textarea {
  height: auto;
  min-height: 50px;
}

a:not(button, .button) {
  color: var(--secondary);
  cursor: pointer;
  line-height: inherit;
}

a:not(button, .button):is(:hover, :focus, :active) {
  color: var(--secondary-interact);
}

a:not(button, .button) img {
  border: none;
}

a:not(button, .button, .ignore-bg-underline) {
  will-change: background-size, color;
  text-decoration: none;
  background-image: linear-gradient(#fff, #fff);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 100% 0.1em;
  transition: background-size 0.15s ease, color 0.3s ease;
}

a:not(button, .button, .ignore-bg-underline):is(:hover, :focus, :active) {
  background-size: 100% 100%;
}

a:has(img, svg) {
  display: block;
}

.post-content ul, .post-content ol, .post-content li {
  margin: 0;
  padding: 0;
}

.post-content ul, .post-content ol {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  list-style-position: outside;
  line-height: inherit;
}

.post-content li {
  font-size: inherit;
  margin-bottom: 1.25em;
}

.post-content ul, .post-content ol {
  margin-left: 2.5rem;
}

.post-content ul {
  list-style-type: disc;
}

.post-content ol {
  list-style-type: auto;
}

.post-content ul ul, .post-content ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
}

.post-content dl, .post-content dt, .post-content dd {
  margin: 0;
  padding: 0;
}

.post-content dl {
  list-style-position: outside;
  line-height: 1.6;
  margin-bottom: 1.25rem;
}

.post-content dl dt {
  margin-top: 1.25rem;
  margin-bottom: 0.3125rem;
  font-weight: bold;
}

.post-content mark {
  background-color: #ece63a;
  color: #00504d;
}

.post-content hr {
  border: solid rgba(128, 128, 128, 0.2);
  border-width: 2px 0 0;
  clear: both;
  height: 0;
  margin: 40px auto;
  max-width: 66%;
}

h1, .h1 {
  font-size: 2.25rem !important;
}

h2, .h2 {
  font-size: 1.5rem !important;
}

h3, .h3 {
  font-size: 1.375rem !important;
}

h4, .h4 {
  font-size: 1.25rem !important;
}

h5, .h5 {
  font-size: 1.125rem !important;
}

h6, .h6 {
  font-size: 1rem !important;
}

@media only screen and (min-width:40rem) {
  h1, .h1 {
    font-size: 2.475rem !important;
  }

  h2, .h2 {
    font-size: 1.65rem !important;
  }

  h3, .h3 {
    font-size: 1.5125rem !important;
  }

  h4, .h4 {
    font-size: 1.375rem !important;
  }

  h5, .h5 {
    font-size: 1.2375rem !important;
  }

  h6, .h6 {
    font-size: 1.1rem !important;
  }
}

@media only screen and (min-width:64rem) {
  h1, .h1 {
    font-size: 2.7rem !important;
  }

  h2, .h2 {
    font-size: 1.8rem !important;
  }

  h3, .h3 {
    font-size: 1.65rem !important;
  }

  h4, .h4 {
    font-size: 1.5rem !important;
  }

  h5, .h5 {
    font-size: 1.35rem !important;
  }

  h6, .h6 {
    font-size: 1.2rem !important;
  }
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "akzidenz-grotesk_promedium", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 0.625rem;
  margin-top: 1.25rem;
  overflow-wrap: break-word;
}

body {
  font-size: 1rem;
}

@media only screen and (min-width:40rem) {
  body {
    font-size: 1rem;
  }
}

@media only screen and (min-width:64rem) {
  body {
    font-size: 1rem;
  }
}

li,
p {
  font-size: 1.1rem;
  font-family: inherit;
  font-weight: inherit;
  line-height: 1.6;
  margin-bottom: 1.25rem;
  text-rendering: optimizeLegibility;
}

li {
  margin-bottom: 0.625rem;
}

input[type=text],
input[type=tel],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=url],
select,
textarea {
  background: #fff;
  border-radius: 0.1875rem !important;
  border: #ddd 1px solid;
  display: block;
  height: 3rem;
  line-height: 1;
  outline-width: 0;
  outline: none;
  padding: 0 1rem;
  resize: none;
  transition: box-shadow 0.3s ease;
  width: 100%;
}

input[type=text]:focus-visible, input[type=text]:focus,
input[type=tel]:focus-visible,
input[type=tel]:focus,
input[type=email]:focus-visible,
input[type=email]:focus,
input[type=number]:focus-visible,
input[type=number]:focus,
input[type=password]:focus-visible,
input[type=password]:focus,
input[type=search]:focus-visible,
input[type=search]:focus,
input[type=url]:focus-visible,
input[type=url]:focus,
select:focus-visible,
select:focus,
textarea:focus-visible,
textarea:focus {
  outline: none;
  border: 1px solid #aaaaaa !important;
  box-shadow: 0 -0.2em 0 #ece63a !important;
}

input[type=text],
input[type=tel],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=url],
select,
textarea,
button {
  font-size: 1.2em;
  font-weight: 400;
  color: #222222;
}

input[type=text],
input[type=tel],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=url],
select,
textarea {
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input, select, textarea, button {
  font-family: "akzidenz-grotesk_promedium", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

textarea {
  padding: 16px !important;
  line-height: 1.2;
  resize: both;
  overflow: auto;
}

.select {
  position: relative;
}

.select select {
  position: relative;
  z-index: 1;
  line-height: 2;
  padding-right: 2.8em;
}

.select .select-arrow {
  position: absolute;
  z-index: 2;
  right: 1em;
  top: 50%;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  pointer-events: none;
}

.select .select-arrow:before {
  top: 0;
  left: 0;
  position: absolute;
  width: inherit;
  height: inherit;
  content: "";
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiAgdmlld0JveD0iMCAwIDEyOCAxMjgiPjxwYXRoIGQ9Ik05My42OCA2MC44OUw0MC4xMSA3LjMyYTQuMDk1IDQuMDk1IDAgMDAtNS44IDAgNC4wOTUgNC4wOTUgMCAwMDAgNS44TDg1LjIgNjRsLTUwLjg5IDUwLjg5YTQuMDk1IDQuMDk1IDAgMDAwIDUuOGMxLjYgMS42IDQuMTkgMS42MSA1LjggMGw1My41Ny01My41N2MuODUtLjg1IDEuMjQtMS45OCAxLjE4LTMuMS4wNy0xLjEzLS4zMi0yLjI3LTEuMTgtMy4xM3oiIGZpbGw9IiNmZmYiLz48L3N2Zz4K");
  transform: rotate(90deg);
}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6, .content p {
  margin-bottom: 1rem;
}

.content li,
.content p {
  max-width: 76ch;
}

:focus-visible {
  outline: #ece63a auto 3px;
}

html, body {
  width: 100%;
  /*overflow: hidden;*/
}

body.js-close-any {
  overflow-x: hidden;
}

[data-canvas] {
  z-index: 1;
}

[data-canvas=container] {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  position: relative;
  z-index: 1;
}

html.js [data-canvas=container] {
  z-index: 2;
}

[data-canvas=container]:before, [data-canvas=container]:after {
  clear: both;
  content: "";
  display: table;
}

html.js .off-canvas-exit,
html.no-js .off-canvas-exit a {
  cursor: pointer;
  cursor: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTIwIDFsLTEtMS05IDktOS05LTEgMSA5IDktOSA5IDEgMSA5LTkgOSA5IDEtMS05LTkiLz48L3N2Zz4=") 20 20, pointer;
  /*pointer-events: none;*/
  position: absolute;
  content: "";
  display: block;
  right: 0;
  top: 0;
  z-index: 99;
  width: 0;
  height: 0;
  opacity: 0;
  transform: translate(0, 0);
  transition: transform 0.3s ease;
}

html.js .off-canvas-exit:after {
  position: absolute;
  content: "";
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--secondary);
  opacity: 0.72;
  /*background-image: url(/2024dev/dist/images/graphic-01.svg);*/
  background-position: top right;
  transition: opacity 0.3s ease;
  background-size: calc(100% - 15.9375rem) auto;
}

@media only screen and (min-width:40rem) {
  html.js .off-canvas-exit:after {
    background-size: calc(100% - 20rem) auto;
  }
}

html.js body.cursor-remove .off-canvas-exit {
  cursor: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIwIDFsLTEtMS05IDktOS05LTEgMSA5IDktOSA5IDEgMSA5LTkgOSA5IDEtMS05LTkiLz48L3N2Zz4=") 10 10, pointer;
}

html.no-js [id=off-canvas-menu]:target ~ .off-canvas-exit noscript a, body.js-close-any .off-canvas-exit {
  opacity: 1;
  width: 100%;
  height: 100%;
}

body.js-close-any.offcanvas-move-left .off-canvas-exit {
  transform: translate(-15.9375rem, 0);
}

@media only screen and (min-width:40rem) {
  body.js-close-any.offcanvas-move-left .off-canvas-exit {
    transform: translate(-20rem, 0);
  }
}

@media only screen and (min-width:64rem) {
  body.js-close-any.offcanvas-move-left .off-canvas-exit {
    transform: translate(-33.3vw, 0);
  }
}

body.js-close-any.offcanvas-move-right .off-canvas-exit {
  transform: translate(15.9375rem, 0);
}

@media only screen and (min-width:40rem) {
  body.js-close-any.offcanvas-move-right .off-canvas-exit {
    transform: translate(20rem, 0);
  }
}

@media only screen and (min-width:64rem) {
  body.js-close-any.offcanvas-move-right .off-canvas-exit {
    transform: translate(33.3vw, 0);
  }
}

html.no-js [id=off-canvas-menu]:target {
  display: block;
  z-index: 2;
}

html.no-js [id=off-canvas-menu]:target ~ .off-canvas-exit noscript a {
  transition: none;
  pointer-events: all;
  transform: translate(-15.9375rem, 0);
}

@media only screen and (min-width:40rem) {
  html.no-js [id=off-canvas-menu]:target ~ .off-canvas-exit noscript a {
    transform: translate(-20rem, 0);
  }
}

@media only screen and (min-width:64rem) {
  html.no-js [id=off-canvas-menu]:target ~ .off-canvas-exit noscript a {
    transform: translate(-33.3vw, 0);
  }
}

[data-off-canvas] {
  display: none;
  position: fixed;
  overflow: hidden;
  overflow-y: auto;
  background-color: var(--site-bg);
  color: var(--primary-contrast);
  border-left: 0.0625rem solid var(--ds26-teal);
}

[data-off-canvas]:is(:link, :hover, :visited, :active) {
  color: var(--primary-contrast);
  text-decoration: none;
}

[data-off-canvas*=right] {
  height: 100%;
  top: 0;
  right: 0;
  width: 15.9375rem;
}

@media only screen and (min-width:40rem) {
  [data-off-canvas*=right] {
    width: 20rem;
  }
}

@media only screen and (min-width:64rem) {
  [data-off-canvas*=right] {
    width: 33.3vw;
  }
}

[data-off-canvas*=left] {
  height: 100%;
  top: 0;
  left: 0;
  width: 15.9375rem;
}

@media only screen and (min-width:40rem) {
  [data-off-canvas*=left] {
    width: 20rem;
  }
}

@media only screen and (min-width:64rem) {
  [data-off-canvas*=left] {
    width: 33.3vw;
  }
}

[data-off-canvas*=push] {
  z-index: 3;
}

[data-off-canvas*=overlay] {
  z-index: 9999;
}

[data-off-canvas*=shift] {
  z-index: 0;
}

[data-canvas], [data-off-canvas] {
  transform: translate(0, 0);
  transition: transform 300ms;
}

/*
@media only screen and (min-width:64rem){
	.js-close-any.offcanvas-move-left { //if open, and browser goes from med to large, force/fake the close
		[data-canvas] {
			transform: translate(0, 0) !important;
		}
		[data-off-canvas] {
			display: block;
			transform: translate(0, 0) !important;
		}
		.off-canvas-exit {
			transform: translate(0, 0) !important;
			opacity: 0 !important;
			width: 0 !important;
			height: 0 !important;
		}
	}
}
*/

[data-off-canvas*=shift][data-off-canvas*=top] {
  transform: translate(0, 50%);
}

[data-off-canvas*=shift][data-off-canvas*=right] {
  transform: translate(-50%, 0);
}

[data-off-canvas*=shift][data-off-canvas*=bottom] {
  transform: translate(0, -50%);
}

[data-off-canvas*=shift][data-off-canvas*=left] {
  transform: translate(50%, 0);
}

@media print {
  [data-off-canvas] {
    display: none !important;
  }
}

ul.off-canvas-list {
  margin-top: 0;
  margin-left: 0;
  padding: 0;
}

ul.off-canvas-list ul {
  margin-top: 0;
}

[data-dropdown-toggle] {
  position: relative;
}

[data-dropdown-toggle]:before {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  opacity: 0;
  transition: opacity 0.4s ease;
}

[data-dropdown-toggle] > * {
  position: relative;
  z-index: 2;
}

.off-canvas-link-container,
.off-canvas-link {
  display: block;
  text-decoration: none;
  transition: all 300ms ease;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--ds26-teal);
}

[data-off-canvas] a.off-canvas-link {
  color: var(--secondary-contrast);
  background-color: transparent;
  padding: 0.9375rem 1.25rem;
  font-size: 20px;
  font-weight: 800;
}

[data-off-canvas] a.off-canvas-link:focus, [data-off-canvas] a.off-canvas-link:hover {
  background-color: var(--ds26-red-accessible);
  color: var(--secondary-contrast);
}

[data-off-canvas] a.off-canvas-link:focus {
  z-index: 2;
}

[data-dropdown-toggle] {
  transition: background-color 0.3s ease;
  background-color: transparent;
  padding: 0.4375rem 0.625rem;
  box-shadow: inset 1px 0 0 0 var(--ds26-teal);
}

@media only screen and (min-width:40rem) {
  [data-dropdown-toggle] {
    padding: 0.4375rem 1.25rem;
  }
}

[data-dropdown-toggle] .arrow {
  width: 1em;
  height: 1em;
  transition: transform 0.3s ease;
  background-size: contain;
}

[data-dropdown-toggle] .arrow:before {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiAgdmlld0JveD0iMCAwIDEyOCAxMjgiPjxwYXRoIGQ9Ik05My42OCA2MC44OUw0MC4xMSA3LjMyYTQuMDk1IDQuMDk1IDAgMDAtNS44IDAgNC4wOTUgNC4wOTUgMCAwMDAgNS44TDg1LjIgNjRsLTUwLjg5IDUwLjg5YTQuMDk1IDQuMDk1IDAgMDAwIDUuOGMxLjYgMS42IDQuMTkgMS42MSA1LjggMGw1My41Ny01My41N2MuODUtLjg1IDEuMjQtMS45OCAxLjE4LTMuMS4wNy0xLjEzLS4zMi0yLjI3LTEuMTgtMy4xM3oiIGZpbGw9IiNmZmYiLz48L3N2Zz4K");
}

[data-dropdown-toggle]:hover {
  box-shadow: inset 1px 0 0 0 var(--ds26-teal);
  border-bottom-color: var(--ds26-teal);
  background-color: var(--ds26-red-accessible);
  text-decoration: none;
}

[data-dropdown-toggle]:focus {
  z-index: 2;
}

.off-canvas-link-container.open [data-dropdown-toggle] .arrow {
  transform: rotate(90deg);
}

[data-off-canvas] .subnav-dropdown .off-canvas-link {
  font-size: 1.125rem;
  color: var(--secondary-contrast);
  background-color: rgba(255, 255, 255, 0.04);
  border-bottom-color: var(--ds26-teal);
  padding-left: 1.875rem;
}

[data-off-canvas] .subnav-dropdown .off-canvas-link:hover {
  border-bottom-color: var(--ds26-teal);
  color: var(--secondary-contrast);
  background-color: var(--ds26-red-accessible);
}

.menu-item {
  display: block;
  margin-bottom: 0;
}

.menu-item .off-canvas-link-container {
  padding: 0;
}

.menu-item .off-canvas-link-container .off-canvas-link {
  width: 100%;
  border-bottom: 0;
  position: relative;
  z-index: 1;
  transition: color 0.2s ease, background-color 0.2s ease;
  box-shadow: none;
  line-height: 1.2;
  color: var(--secondary-contrast) !important;
  text-decoration: none;
}

.menu-item [data-dropdown-toggle] {
  display: none;
}

.menu-item.menu-item-has-children > .off-canvas-link-container {
  display: table;
  width: 100%;
}

.menu-item.menu-item-has-children > .off-canvas-link-container .off-canvas-link,
.menu-item.menu-item-has-children > .off-canvas-link-container [data-dropdown-toggle] {
  display: table-cell;
  vertical-align: middle;
}

html.no-js .menu-item [data-dropdown-toggle] {
  display: none !important;
}

[data-off-canvas] .logo {
  display: block;
}

[data-off-canvas] .logo svg {
  max-width: 100%;
  width: 100%;
  display: block;
}

.off-canvas-link-container.logo-container {
  display: flex;
  gap: 20px;
  padding: 20px;
  align-items: flex-end;
}

.off-canvas-link-container.logo-container a {
  color: var(--primary-contrast);
}

.off-canvas-link-container.logo-container a:is(:hover, :active) {
  color: var(--primary-contrast-interact);
}

.fixed-header {
  transition: transform 0.2s ease-in;
}

.fixed-header.headroom--down {
  transform: translateY(0);
}

.fixed-header.headroom--up {
  transform: translateY(-100%);
}

/* Slider */

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-slider {
  margin-bottom: 0;
}

.slick-loading .slick-list {
  background-image: url(data:image/gif;base64,R0lGODlhGAAYAPQAAP///wAAAM7Ozvr6+uDg4LCwsOjo6I6OjsjIyJycnNjY2KioqMDAwPLy8nZ2doaGhri4uGhoaAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJBwAAACwAAAAAGAAYAAAFriAgjiQAQWVaDgr5POSgkoTDjFE0NoQ8iw8HQZQTDQjDn4jhSABhAAOhoTqSDg7qSUQwxEaEwwFhXHhHgzOA1xshxAnfTzotGRaHglJqkJcaVEqCgyoCBQkJBQKDDXQGDYaIioyOgYSXA36XIgYMBWRzXZoKBQUMmil0lgalLSIClgBpO0g+s26nUWddXyoEDIsACq5SsTMMDIECwUdJPw0Mzsu0qHYkw72bBmozIQAh+QQJBwAAACwAAAAAGAAYAAAFsCAgjiTAMGVaDgR5HKQwqKNxIKPjjFCk0KNXC6ATKSI7oAhxWIhezwhENTCQEoeGCdWIPEgzESGxEIgGBWstEW4QCGGAIJEoxGmGt5ZkgCRQQHkGd2CESoeIIwoMBQUMP4cNeQQGDYuNj4iSb5WJnmeGng0CDGaBlIQEJziHk3sABidDAHBgagButSKvAAoyuHuUYHgCkAZqebw0AgLBQyyzNKO3byNuoSS8x8OfwIchACH5BAkHAAAALAAAAAAYABgAAAW4ICCOJIAgZVoOBJkkpDKoo5EI43GMjNPSokXCINKJCI4HcCRIQEQvqIOhGhBHhUTDhGo4diOZyFAoKEQDxra2mAEgjghOpCgz3LTBIxJ5kgwMBShACREHZ1V4Kg1rS44pBAgMDAg/Sw0GBAQGDZGTlY+YmpyPpSQDiqYiDQoCliqZBqkGAgKIS5kEjQ21VwCyp76dBHiNvz+MR74AqSOdVwbQuo+abppo10ssjdkAnc0rf8vgl8YqIQAh+QQJBwAAACwAAAAAGAAYAAAFrCAgjiQgCGVaDgZZFCQxqKNRKGOSjMjR0qLXTyciHA7AkaLACMIAiwOC1iAxCrMToHHYjWQiA4NBEA0Q1RpWxHg4cMXxNDk4OBxNUkPAQAEXDgllKgMzQA1pSYopBgonCj9JEA8REQ8QjY+RQJOVl4ugoYssBJuMpYYjDQSliwasiQOwNakALKqsqbWvIohFm7V6rQAGP6+JQLlFg7KDQLKJrLjBKbvAor3IKiEAIfkECQcAAAAsAAAAABgAGAAABbUgII4koChlmhokw5DEoI4NQ4xFMQoJO4uuhignMiQWvxGBIQC+AJBEUyUcIRiyE6CR0CllW4HABxBURTUw4nC4FcWo5CDBRpQaCoF7VjgsyCUDYDMNZ0mHdwYEBAaGMwwHDg4HDA2KjI4qkJKUiJ6faJkiA4qAKQkRB3E0i6YpAw8RERAjA4tnBoMApCMQDhFTuySKoSKMJAq6rD4GzASiJYtgi6PUcs9Kew0xh7rNJMqIhYchACH5BAkHAAAALAAAAAAYABgAAAW0ICCOJEAQZZo2JIKQxqCOjWCMDDMqxT2LAgELkBMZCoXfyCBQiFwiRsGpku0EshNgUNAtrYPT0GQVNRBWwSKBMp98P24iISgNDAS4ipGA6JUpA2WAhDR4eWM/CAkHBwkIDYcGiTOLjY+FmZkNlCN3eUoLDmwlDW+AAwcODl5bYl8wCVYMDw5UWzBtnAANEQ8kBIM0oAAGPgcREIQnVloAChEOqARjzgAQEbczg8YkWJq8nSUhACH5BAkHAAAALAAAAAAYABgAAAWtICCOJGAYZZoOpKKQqDoORDMKwkgwtiwSBBYAJ2owGL5RgxBziQQMgkwoMkhNqAEDARPSaiMDFdDIiRSFQowMXE8Z6RdpYHWnEAWGPVkajPmARVZMPUkCBQkJBQINgwaFPoeJi4GVlQ2Qc3VJBQcLV0ptfAMJBwdcIl+FYjALQgimoGNWIhAQZA4HXSpLMQ8PIgkOSHxAQhERPw7ASTSFyCMMDqBTJL8tf3y2fCEAIfkECQcAAAAsAAAAABgAGAAABa8gII4k0DRlmg6kYZCoOg5EDBDEaAi2jLO3nEkgkMEIL4BLpBAkVy3hCTAQKGAznM0AFNFGBAbj2cA9jQixcGZAGgECBu/9HnTp+FGjjezJFAwFBQwKe2Z+KoCChHmNjVMqA21nKQwJEJRlbnUFCQlFXlpeCWcGBUACCwlrdw8RKGImBwktdyMQEQciB7oACwcIeA4RVwAODiIGvHQKERAjxyMIB5QlVSTLYLZ0sW8hACH5BAkHAAAALAAAAAAYABgAAAW0ICCOJNA0ZZoOpGGQrDoOBCoSxNgQsQzgMZyIlvOJdi+AS2SoyXrK4umWPM5wNiV0UDUIBNkdoepTfMkA7thIECiyRtUAGq8fm2O4jIBgMBA1eAZ6Knx+gHaJR4QwdCMKBxEJRggFDGgQEREPjjAMBQUKIwIRDhBDC2QNDDEKoEkDoiMHDigICGkJBS2dDA6TAAnAEAkCdQ8ORQcHTAkLcQQODLPMIgIJaCWxJMIkPIoAt3EhACH5BAkHAAAALAAAAAAYABgAAAWtICCOJNA0ZZoOpGGQrDoOBCoSxNgQsQzgMZyIlvOJdi+AS2SoyXrK4umWHM5wNiV0UN3xdLiqr+mENcWpM9TIbrsBkEck8oC0DQqBQGGIz+t3eXtob0ZTPgNrIwQJDgtGAgwCWSIMDg4HiiUIDAxFAAoODwxDBWINCEGdSTQkCQcoegADBaQ6MggHjwAFBZUFCm0HB0kJCUy9bAYHCCPGIwqmRq0jySMGmj6yRiEAIfkECQcAAAAsAAAAABgAGAAABbIgII4k0DRlmg6kYZCsOg4EKhLE2BCxDOAxnIiW84l2L4BLZKipBopW8XRLDkeCiAMyMvQAA+uON4JEIo+vqukkKQ6RhLHplVGN+LyKcXA4Dgx5DWwGDXx+gIKENnqNdzIDaiMECwcFRgQCCowiCAcHCZIlCgICVgSfCEMMnA0CXaU2YSQFoQAKUQMMqjoyAglcAAyBAAIMRUYLCUkFlybDeAYJryLNk6xGNCTQXY0juHghACH5BAkHAAAALAAAAAAYABgAAAWzICCOJNA0ZVoOAmkY5KCSSgSNBDE2hDyLjohClBMNij8RJHIQvZwEVOpIekRQJyJs5AMoHA+GMbE1lnm9EcPhOHRnhpwUl3AsknHDm5RN+v8qCAkHBwkIfw1xBAYNgoSGiIqMgJQifZUjBhAJYj95ewIJCQV7KYpzBAkLLQADCHOtOpY5PgNlAAykAEUsQ1wzCgWdCIdeArczBQVbDJ0NAqyeBb64nQAGArBTt8R8mLuyPyEAOwAAAAAAAAAAAA==);
  background-position: center center;
  background-repeat: repeat;
  background-color: transparent;
}

.slick-dots {
  position: relative;
  bottom: 0;
  display: table !important;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  margin-bottom: 10px;
  pointer-events: none;
  max-width: 80%;
  font-size: 0;
}

@media only screen and (min-width:40rem) {
  .slick-dots-inside .slick-dots {
    position: absolute;
    display: block;
    z-index: 3;
    width: 100%;
  }

  .slick-dots-inside .slick-dots li {
    display: inline-block;
  }
}

.slick-dots li {
  display: inline-block;
  font-size: inherit;
  box-sizing: content-box;
  margin: 0;
  cursor: default;
  pointer-events: auto;
  width: 10px;
  height: 10px;
  padding: 10px;
}

@media only screen and (min-width:40rem) {
  .slick-dots li {
    width: 16px;
    height: 16px;
    padding: 10px;
  }
}

@media only screen and (min-width:64rem) {
  .slick-dots li {
    width: 16px;
    height: 16px;
    padding: 10px;
  }
}

.slick-dots li button {
  box-sizing: border-box;
  font-size: inherit;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  cursor: default;
}

.slick-dots li button:is(:hover, :focus) {
  background-color: transparent;
}

.slick-dots li button:before {
  pointer-events: auto;
  opacity: 0.75;
  cursor: pointer;
  content: "";
  font-size: 0.8125rem;
  width: 1em;
  height: 1em;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
  background-color: black;
  border-radius: 50%;
  z-index: 3;
}

.slick-dots li button:before:hover {
  opacity: 0.85;
}

.slick-dots li.slick-active button:before {
  cursor: default;
  background-color: #ece63a;
}

.slick-dotted:not(.slick-dots-inside) > .slick-arrow {
  top: calc(50% - 20px);
}

@media only screen and (min-width:40rem) {
  .slick-dotted:not(.slick-dots-inside) > .slick-arrow {
    top: calc(50% - 23px);
  }
}

@media only screen and (min-width:64rem) {
  .slick-dotted:not(.slick-dots-inside) > .slick-arrow {
    top: calc(50% - 23px);
  }
}

.slick-slider > .slick-list {
  z-index: 2;
}

.slick-slider > .slick-arrow {
  font-size: inherit;
  z-index: 3;
  margin: 0;
  transform: translate(0, -50%);
  width: 1.6em;
  height: 1.6em;
  background-color: #ece63a;
  border-radius: 0.1875rem;
  position: absolute;
  display: block;
}

.slick-slider > .slick-arrow:before {
  font-size: inherit;
  width: 1em;
  height: 1em;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}

.slick-slider > .slick-arrow:after {
  content: "";
  display: block;
  /*background-color: rgba(red, 0.5);*/
  position: absolute;
  z-index: 2;
  cursor: default;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
}

@media only screen and (min-width:40rem) {
  .slick-slider > .slick-arrow:after {
    width: 16px;
    height: 16px;
  }
}

@media only screen and (min-width:64rem) {
  .slick-slider > .slick-arrow:after {
    width: 16px;
    height: 16px;
  }
}

.slick-slider .slick-prev {
  left: 0;
  transform: translate(-50%, -50%);
}

.slick-slider .slick-next {
  right: 0;
  transform: translate(50%, -50%);
}

.slick-slider.slick-arrows-inside .slick-prev {
  left: 0;
  right: auto;
  border-radius: 0 0.1875rem 0.1875rem 0;
  transform: translate(0, -50%);
}

.slick-slider.slick-arrows-inside .slick-prev:after {
  left: 0;
  right: auto;
  transform: translate(0, -50%);
}

.slick-slider.slick-arrows-inside .slick-next {
  left: auto;
  right: 0;
  border-radius: 0.1875rem 0 0 0.1875rem;
  transform: translate(0, -50%);
}

.slick-slider.slick-arrows-inside .slick-next:after {
  left: auto;
  right: 0;
  transform: translate(0, -50%);
}

.slick-slider.slick-arrows-outside .slick-prev {
  left: auto;
  right: 100%;
  border-radius: 0.1875rem 0 0 0.1875rem;
  transform: translate(0, -50%);
}

.slick-slider.slick-arrows-outside .slick-prev:after {
  left: auto;
  right: 0;
  transform: translate(0, -50%);
}

.slick-slider.slick-arrows-outside .slick-next {
  left: 100%;
  right: auto;
  border-radius: 0 0.1875rem 0.1875rem 0;
  transform: translate(0, -50%);
}

.slick-slider.slick-arrows-outside .slick-next:after {
  left: 0;
  right: auto;
  transform: translate(0, -50%);
}

.js-slick-height-100 .slick-list,
.js-slick-height-100 .slick-track {
  height: inherit !important;
}

[data-slick].hide-post-items-pre-init.post-items.post-items-inline-list:not(.slick-initialized) {
  padding-left: calc(4.5vw - 1.25rem);
  padding-right: calc(4.5vw - 1.25rem);
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

[data-slick].hide-post-items-pre-init.post-items.post-items-inline-list:not(.slick-initialized) > div + div {
  display: none !important;
}

@media only screen and (min-width:40rem) {
  [data-slick].hide-post-items-pre-init.post-items.post-items-inline-list:not(.slick-initialized) > div {
    width: 50%;
  }

  [data-slick].hide-post-items-pre-init.post-items.post-items-inline-list:not(.slick-initialized) > div + div {
    display: block !important;
  }

  [data-slick].hide-post-items-pre-init.post-items.post-items-inline-list:not(.slick-initialized) > div + div + div {
    display: none !important;
  }
}

@media only screen and (min-width:64rem) {
  [data-slick].hide-post-items-pre-init.post-items.post-items-inline-list:not(.slick-initialized) > div {
    width: 33.333%;
  }

  [data-slick].hide-post-items-pre-init.post-items.post-items-inline-list:not(.slick-initialized) > div + div + div {
    display: block !important;
  }

  [data-slick].hide-post-items-pre-init.post-items.post-items-inline-list:not(.slick-initialized) > div + div + div + div {
    display: none !important;
  }
}

[data-slick].hide-post-items-pre-init.post-items.post-items-inline-list.slick-initialized {
  padding: 0;
  margin: 0;
}

[data-slick].hide-post-items-pre-init.post-items.post-items-inline-list.slick-initialized > div + div {
  display: block !important;
}

.slide:focus,
.slide {
  outline: none;
}

.slick-track {
  margin: 0 auto;
}

.slick-arrows-inside .slick-arrow {
  font-size: 18px;
}

@media only screen and (min-width:40rem) {
  .slick-arrows-inside .slick-arrow {
    font-size: 42px;
  }
}

.slick-dots-inside .slick-dots {
  margin-top: 0;
  margin-bottom: 0;
  position: absolute !important;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}

.slick-dots-inside .slick-dots li button:before {
  background-color: rgba(255, 255, 255, 0.5);
}

.slick-dots-inside .slick-dots li.slick-active button:before {
  background-color: #fff;
}

/* Icons */

/**
  Slider
*/

/*=================================
  Previous and Next icon buttons
==================================*/

.slick-prev,
.slick-next {
  position: absolute;
  top: 50%;
  display: block;
  padding: 0;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  border: none;
  transform: translate(0, -50%);
}

.slick-prev:hover .slick-prev-icon,
.slick-prev:hover .slick-next-icon, .slick-prev:focus .slick-prev-icon,
.slick-prev:focus .slick-next-icon,
.slick-next:hover .slick-prev-icon,
.slick-next:hover .slick-next-icon,
.slick-next:focus .slick-prev-icon,
.slick-next:focus .slick-next-icon {
  opacity: 1;
}

.slick-prev:focus,
.slick-next:focus {
  top: calc(50% - 1px);
}

.slick-prev:focus .slick-prev-icon,
.slick-prev:focus .slick-next-icon,
.slick-next:focus .slick-prev-icon,
.slick-next:focus .slick-next-icon {
  color: #fff;
  font-size: 28px;
}

.slick-prev.slick-disabled,
.slick-next.slick-disabled {
  cursor: default;
}

.slick-prev.slick-disabled .slick-prev-icon,
.slick-prev.slick-disabled .slick-next-icon,
.slick-next.slick-disabled .slick-prev-icon,
.slick-next.slick-disabled .slick-next-icon {
  opacity: 0.25;
}

.slick-prev .slick-prev-icon,
.slick-prev .slick-next-icon,
.slick-next .slick-prev-icon,
.slick-next .slick-next-icon {
  display: block;
  color: white;
  opacity: 0.75;
  font-size: 24px;
  line-height: 1;
  text-shadow: none;
  width: 1em;
  height: 1em;
  margin: auto;
}

.slick-prev .slick-prev-icon:before,
.slick-prev .slick-next-icon:before,
.slick-next .slick-prev-icon:before,
.slick-next .slick-next-icon:before {
  content: "";
  display: block;
  width: inherit;
  height: inherit;
}

.slick-prev {
  left: -25px;
}

[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}

.slick-prev .slick-prev-icon:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 128 128'%3E%3Cpath d='M33.1 64c-.1 1.1.3 2.2 1.2 3.1l53.6 53.6c1.6 1.6 4.2 1.6 5.8 0 1.6-1.6 1.6-4.2 0-5.8L42.8 64l50.9-50.9c1.6-1.6 1.6-4.2 0-5.8-1.6-1.6-4.2-1.6-5.8 0L34.3 60.9c-.9.9-1.3 2-1.2 3.1z' fill='white' /%3E%3C/svg%3E");
}

[dir=rtl] .slick-prev .slick-prev-icon:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E%3Cpath d='M93.68 60.89L40.11 7.32a4.095 4.095 0 00-5.8 0 4.095 4.095 0 000 5.8L85.2 64l-50.89 50.89a4.095 4.095 0 000 5.8c1.6 1.6 4.19 1.61 5.8 0l53.57-53.57c.85-.85 1.24-1.98 1.18-3.1.07-1.13-.32-2.27-1.18-3.13z' fill='white'/%3E%3C/svg%3E");
}

.slick-next {
  right: -25px;
}

[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}

.slick-next .slick-next-icon:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E%3Cpath d='M93.68 60.89L40.11 7.32a4.095 4.095 0 00-5.8 0 4.095 4.095 0 000 5.8L85.2 64l-50.89 50.89a4.095 4.095 0 000 5.8c1.6 1.6 4.19 1.61 5.8 0l53.57-53.57c.85-.85 1.24-1.98 1.18-3.1.07-1.13-.32-2.27-1.18-3.13z' fill='white'/%3E%3C/svg%3E");
}

[dir=rtl] .slick-next .slick-next-icon:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 128 128'%3E%3Cpath d='M33.1 64c-.1 1.1.3 2.2 1.2 3.1l53.6 53.6c1.6 1.6 4.2 1.6 5.8 0 1.6-1.6 1.6-4.2 0-5.8L42.8 64l50.9-50.9c1.6-1.6 1.6-4.2 0-5.8-1.6-1.6-4.2-1.6-5.8 0L34.3 60.9c-.9.9-1.3 2-1.2 3.1z' fill='white' /%3E%3C/svg%3E");
}

/*==========================
  Slide navigation dots
===========================*/

.slick-slider {
  margin-bottom: 30px;
}

.slick-slider.slick-dotted {
  margin-bottom: 60px;
}

/*
.slick-dots {
  position: absolute;
  bottom: -30px;
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;

  list-style: none;
  text-align: center;

  li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;

    button {
      display: block;
      height: 20px;
      width: 20px;
      margin-top: -4px;
      margin-left: -4px;

      line-height: 0px;
      font-size: 0px;
      color: transparent;
      border: 0;
      background: transparent;
      padding: 5px;
      cursor: pointer;

      .slick-dot-icon {
        @apply sr-only;
      }

      // Hover and focus states
      //&:hover,
      //&:focus {
      //  .slick-dot-icon {
      //    opacity: $slick-opacity-active;
      //  }
      //}
      //
      //&:focus {
      //  .slick-dot-icon:before {
      //    color: colour.$colour-primary; //TODO
      //  }
      //}

      // Inner dot icons
      //.slick-dot-icon {
      //  color: $slick-dot-color;
      //  opacity: $slick-opacity-not-active;
      //
      //  &:before {
      //    position: absolute;
      //    top: 0;
      //    left: 0;
      //
      //    content: $slick-dot-character; //TODO
      //    //font-family: $slick-font-family;
      //    font-size: $slick-dot-size;
      //    line-height: 1;
      //    text-align: center;
      //
      //    transition: all .05s linear; //TODO
      //    color: $slick-dot-color;
      //    opacity: $slick-opacity-not-active;
      //  }
      //}
    }

    // Active dot
    &.slick-active {
      button {
        &:focus {
          .slick-dot-icon {
            color: $slick-dot-color-active;
            //color: orange; //TODO
            opacity: 1;
          }
        }

        .slick-dot-icon {
          color: $slick-dot-color-active;
          opacity: $slick-opacity-active;

          &:before {
            margin-top: -3px;
            margin-left: -2px;
            font-size: 18px;
          }
        }
      }
    }
  }
}
*/

/**
 Improved .sr-only class by ffoodd: https://gist.github.com/ffoodd/000b59f431e3e64e4ce1a24d5bb36034
 */

.slick-sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

/*===========================
  Pause/play icon button
============================*/

.slick-autoplay-toggle-button {
  position: absolute;
  left: 5px;
  bottom: 0px;
  z-index: 10;
  opacity: 0.75;
  background: none;
  border: 0;
  cursor: pointer;
  color: white;
}

.slick-autoplay-toggle-button:hover, .slick-autoplay-toggle-button:focus {
  opacity: 1;
}

.slick-autoplay-toggle-button:focus {
  color: orange;
}

.slick-autoplay-toggle-button .slick-pause-icon:before {
  content: "⏸";
  width: 20px;
  height: 20px;
  font-size: 18px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
}

.slick-autoplay-toggle-button .slick-play-icon:before {
  content: "▶";
  width: 20px;
  height: 20px;
  font-size: 18px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.highlighted-text {
  padding: 20px 0;
  margin-right: 5vw;
  left: -2.5vw;
  position: relative;
}

.highlighted-text > * {
  z-index: 3;
  display: inline !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  left: 2.5vw;
  padding-top: 20px;
  padding-bottom: 20px;
}

.highlighted-text > * > span {
  position: relative;
  left: -2.5vw;
}

.highlighted-text > *:last-child {
  position: relative !important;
  z-index: 1;
  overflow: hidden;
  background-color: inherit;
  left: 5vw;
}

.highlighted-text > *:last-child:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  height: 100%;
  width: 5vw;
  background-color: inherit;
  background: inherit;
}

.highlighted-text.highlighted-text-right {
  margin-right: 0;
  margin-left: 5vw;
}

.highlighted-text.highlighted-text-right > * {
  left: auto;
  right: 2.5vw;
}

.highlighted-text.highlighted-text-right > * > span {
  left: auto;
  right: -2.5vw;
}

.highlighted-text.highlighted-text-right > *:last-child {
  left: auto;
  right: 5vw;
}

.highlighted-text.highlighted-text-right > *:last-child:before {
  right: auto;
  left: 100%;
}

.highlighted-text.no-pseudo > *:last-child:before {
  display: none;
}

@-moz-document url-prefix() {
  .highlighted-text {
    margin-right: 0 !important;
  }

  .highlighted-text > * {
    box-decoration-break: clone !important;
    left: 0 !important;
    padding-left: 2.5vw !important;
    padding-right: 2.5vw !important;
    z-index: auto !important;
  }

  .highlighted-text > * > span {
    left: auto !important;
    z-index: 2 !important;
  }

  .highlighted-text > *:before {
    display: none !important;
  }

  .highlighted-text > *.absolute {
    z-index: 3 !important;
  }

  .highlighted-text.highlighted-text-right {
    margin-right: 0;
    margin-left: 5vw;
  }

  .highlighted-text.highlighted-text-right > * {
    left: auto;
    right: 2.5vw;
  }

  .highlighted-text.highlighted-text-right > * > span {
    left: auto;
    right: -2.5vw;
  }

  .highlighted-text.highlighted-text-right > *:last-child {
    left: auto;
    right: 5vw;
  }

  .highlighted-text.highlighted-text-right > *:last-child:before {
    right: auto;
    left: 100%;
  }

  .highlighted-text.no-pseudo > *:last-child:before {
    display: none;
  }
}

/* or dark scheme - user OS defined */

.highlighted-text > *:last-child {
  background-color: inherit;
}

:root {
  --ds26-bg: #00504d;
  --ds26-bg-dark: #003c39;
  --ds26-grid: rgba(116, 183, 176, 0.15);
  --ds26-grid-strong: rgba(116, 183, 176, 0.28);
  --ds26-teal: #74b7b0;
  --ds26-red: #d74633;
  --ds26-red-accessible: #b53325;
  --ds26-pink: #edbad6;
  --ds26-yellow: #ece63a;
  --ds26-white: #ffffff;
  --ds26-ink: #111111;
  --ds26-grey-light: #e6e6e6;
  --ds26-grey-mid: #666666;
  --ds26-grey-dark: #333333;
  --ds26-focus: #ece63a;
  --ds26-radius-pill: 999px;
  --ds26-card-shadow-pink: 8px 8px 0 #edbad6;
  --ds26-card-shadow-teal: 8px 8px 0 #74b7b0;
  --primary: var(--ds26-yellow);
  --primary-interact: var(--ds26-red-accessible);
  --primary-contrast: var(--ds26-ink);
  --primary-contrast-interact: var(--ds26-white);
  --secondary: var(--ds26-bg);
  --secondary-interact: var(--ds26-bg-dark);
  --secondary-contrast: var(--ds26-white);
  --secondary-contrast-interact: var(--ds26-yellow);
  --green: var(--ds26-bg);
  --site-bg: var(--ds26-bg);
  --site-bg-dark: var(--ds26-bg-dark);
  --site-text: var(--ds26-white);
  --surface: var(--ds26-white);
  --surface-text: var(--ds26-ink);
  --surface-border: var(--ds26-ink);
  --surface-muted: var(--ds26-grey-light);
  --link: var(--ds26-ink);
  --link-hover: var(--ds26-red-accessible);
  --header-bg: var(--ds26-bg);
  --header-text: var(--ds26-white);
  --header-action-bg: var(--ds26-bg);
  --header-action-text: var(--ds26-white);
  --header-action-hover-bg: var(--ds26-red-accessible);
  --header-action-hover-text: var(--ds26-white);
  --button-bg: var(--ds26-yellow);
  --button-text: var(--ds26-ink);
  --button-border: var(--ds26-yellow);
  --button-hover-bg: var(--ds26-red-accessible);
  --button-hover-text: var(--ds26-white);
  --button-secondary-bg: transparent;
  --button-secondary-text: var(--ds26-white);
  --button-secondary-border: var(--ds26-teal);
  --button-secondary-hover-bg: var(--ds26-teal);
  --button-secondary-hover-text: var(--ds26-ink);
  --focus-colour: var(--ds26-focus);
  --panel-shadow-primary: var(--ds26-card-shadow-pink);
  --panel-shadow-secondary: var(--ds26-card-shadow-teal);
}

.selectize-control.plugin-drag_drop.multi > .selectize-input.dragging {
  overflow: visible;
}

.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  box-shadow: inset 0 0 12px 4px #fff;
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: "!";
  visibility: hidden;
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header {
  position: relative;
  padding: 10px 8px;
  border-bottom: 1px solid transparent;
  background: rgba(255, 255, 255, 0.85);
  border-radius: 0 0 0 0;
}

.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #00504d;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
  text-decoration: none;
}

.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header-close:hover {
  color: black;
}

.selectize-dropdown.plugin-optgroup_columns .selectize-dropdown-content {
  display: flex;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}

.selectize-control.plugin-clear_button .clear {
  text-decoration: none;
  display: flex;
  position: absolute;
  height: 100%;
  width: 25px;
  top: 0;
  right: calc(8px - 6px);
  color: rgb(0, 0, 0);
  opacity: 0.4;
  font-weight: bold;
  border: none;
  cursor: pointer;
  z-index: 1;
  font-size: 21px;
  justify-content: center;
  align-items: center;
}

.selectize-control.plugin-clear_button .clear:hover {
  opacity: 1;
}

.selectize-control.plugin-clear_button.single .clear {
  right: calc(8px - 6px + 1.5rem);
}

.selectize-dropdown.plugin-auto_position.selectize-position-top {
  border-top: 1px solid transparent;
  border-bottom: 0 none;
  border-radius: 3px 3px 0 0;
  box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.18);
}

.selectize-control.plugin-auto_position .selectize-input.selectize-position-top.dropdown-active {
  border-radius: 0 0 3px 3px;
  border-top: 0 none;
}

.selectize-control.plugin-auto_position .selectize-input.selectize-position-top.dropdown-active::before {
  top: 0;
  bottom: unset;
}

.selectize-control {
  position: relative;
}

.selectize-dropdown,
.selectize-input,
.selectize-input input {
  color: #00504d;
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.5rem;
  font-smoothing: inherit;
}

.selectize-input,
.selectize-control.single .selectize-input.input-active {
  background: #fff;
  cursor: text;
  display: inline-block;
}

.selectize-input {
  border: 0;
  padding: 8px 52px 8px 8px;
  display: inline-block;
  width: 100%;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 0;
}

.selectize-control.multi .selectize-input.has-items {
  padding: calc(8px - 2px - 1px) 8px calc(8px - 2px - 3px - 1px);
}

.selectize-input.full {
  background-color: #fff;
}

.selectize-input.disabled, .selectize-input.disabled * {
  cursor: default !important;
}

.selectize-input.focus {
  box-shadow: none;
}

.selectize-input.dropdown-active {
  border-radius: 0 0 0 0;
}

.selectize-input > * {
  vertical-align: baseline;
  display: inline-block;
  zoom: 1;
}

.selectize-control.single .selectize-input > .item {
  display: block;
  max-width: 100%;
  overflow: hidden;
  padding-right: 0.25rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #1da7ee;
  color: #fff;
  border: 1px solid #0073bb;
}

.selectize-control.multi .selectize-input > div.active {
  background: var(--secondary);
  color: var(--secondary-contrast);
  border: 1px solid var(--secondary);
}

.selectize-control.multi .selectize-input.disabled > div, .selectize-control.multi .selectize-input.disabled > div.active {
  color: white;
  background: #d2d2d2;
  border: 1px solid #aaaaaa;
}

.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  user-select: auto !important;
  box-shadow: none !important;
}

.selectize-input > input::-ms-clear {
  display: none;
}

.selectize-input > input:focus {
  outline: none !important;
}

.selectize-input > input[placeholder] {
  box-sizing: initial;
}

.selectize-input.has-items > input {
  margin: 0 0px !important;
}

.selectize-input:before, .selectize-input:after {
  pointer-events: none;
  display: block;
  position: absolute;
  content: "";
}

.selectize-input:before {
  top: 2px;
  right: 2px;
  width: 36px;
  height: 36px;
  background: #00504d;
}

.selectize-input:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolyline points='16,10 12,14 8,10' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  color: white;
  font-size: 24px;
  width: 1em;
  height: 1em;
  top: 8px;
  right: 8px;
}

.selectize-input:is(:hover, :focus):before {
  background: black;
}

.selectize-control.plugin-clear_button .selectize-input {
  padding-right: 52px;
}

.selectize-control.plugin-clear_button .has-clear-item.selectize-input {
  padding-right: 76px;
}

.selectize-control.plugin-clear_button .clear {
  align-items: center;
  justify-content: center;
  top: 2px;
  right: 42px;
  width: 36px;
  height: 36px;
  background: #fff;
  border: 2px solid #00504d;
  box-sizing: border-box;
  opacity: 1;
  color: #00504d;
  display: none !important;
  font-size: 0;
}

.selectize-control.plugin-clear_button .has-clear-item ~ .clear {
  display: flex !important;
}

.selectize-control.plugin-clear_button .clear:before {
  content: "";
  display: block;
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg stroke-linecap='round' fill='none' stroke='%23000' stroke-linejoin='round' stroke-width='2.5'%3E%3Cline x1='16' y1='8' x2='8' y2='16'/%3E%3Cline x1='16' y1='16' x2='8' y2='8'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

.selectize-control.plugin-clear_button.single .clear {
  top: 2px;
  right: 42px;
  width: 36px;
  height: 36px;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
}

.selectize-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 10;
  border: 10;
  background: #fff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 0 0;
}

.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}

.selectize-dropdown [data-selectable] .highlight {
  background: var(--secondary);
  color: var(--secondary-contrast);
  border-radius: 1px;
}

.selectize-dropdown .option,
.selectize-dropdown .optgroup-header,
.selectize-dropdown .no-results,
.selectize-dropdown .create {
  padding: 5px 8px;
}

.selectize-dropdown .option {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.selectize-dropdown .option,
.selectize-dropdown [data-disabled],
.selectize-dropdown [data-disabled] [data-selectable].option {
  cursor: inherit;
  opacity: 0.5;
}

.selectize-dropdown [data-selectable].option {
  opacity: 1;
  cursor: pointer;
}

.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}

.selectize-dropdown .optgroup-header {
  color: #00504d;
  background: #fff;
  cursor: default;
}

.selectize-dropdown .active {
  background-color: var(--secondary);
  color: var(--secondary-contrast);
}

.selectize-dropdown .active.create {
  color: #00504d;
}

.selectize-dropdown .selected {
  background-color: var(--secondary);
  color: var(--secondary-contrast);
}

.selectize-dropdown .create {
  color: rgba(0, 80, 77, 0.5);
}

.selectize-dropdown .active:not(.selected) {
  background: #ece63a;
  color: #00504d;
}

.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  overflow-scrolling: touch;
}

.selectize-dropdown-emptyoptionlabel {
  text-align: center;
}

.selectize-dropdown .spinner {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 5px 8px;
}

.selectize-dropdown .spinner:after {
  content: " ";
  display: block;
  width: 24px;
  height: 24px;
  margin: 3px;
  border-radius: 50%;
  border: 5px solid transparent;
  border-color: transparent transparent transparent transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}

.selectize-control.single .selectize-input.input-active input:not(:-moz-read-only) {
  cursor: text;
}

.selectize-control.single .selectize-input.input-active, .selectize-control.single .selectize-input.input-active input:not(:read-only) {
  cursor: text;
}

.selectize-control.rtl {
  text-align: right;
}

.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto;
}

.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}

.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fafafa;
}

.selectize-control {
  font-weight: 500;
}

.selectize-control.multi .selectize-input.has-items {
  padding-left: 5px;
  padding-right: 5px;
}

.selectize-control.multi .selectize-input.disabled [data-value] {
  color: #999;
  text-shadow: none;
  background: none;
  box-shadow: none;
}

.selectize-control.multi .selectize-input.disabled [data-value],
.selectize-control.multi .selectize-input.disabled [data-value] .remove {
  border-color: #e6e6e6;
}

.selectize-control.multi .selectize-input.disabled [data-value] .remove {
  background: none;
}

.selectize-control.multi .selectize-input [data-value] {
  text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3);
  border-radius: 3px;
  background-color: rgb(26.6, 157, 236);
  background-image: linear-gradient(to bottom, #1da7ee, #178ee9);
  background-repeat: repeat-x;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
}

.selectize-control.multi .selectize-input [data-value].active {
  background-color: rgb(0, 132.6, 212.4);
  background-image: linear-gradient(to bottom, #008fd8, #0075cf);
  background-repeat: repeat-x;
}

.selectize-control input {
  font-weight: 500;
}

.selectize-control.single .selectize-input,
.selectize-dropdown.single {
  border-color: #b8b8b8;
}

.selectize-dropdown {
  font-weight: 700;
  font-size: 1.375rem;
}

.selectize-dropdown .optgroup-header {
  padding-top: 7px;
  font-weight: bold;
  font-size: 0.85em;
}

.selectize-dropdown .optgroup {
  border-top: 1px solid #f0f0f0;
}

.selectize-dropdown .optgroup:first-child {
  border-top: 0 none;
}

.inline-list {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.inline-list > li {
  display: inline-block;
  margin: 0;
}

.simple-list {
  margin: 0;
  padding: 0;
}

.simple-list > li {
  list-style: none;
}

.show-on-focus {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  width: 1px;
}

.show-on-focus:focus, .show-on-focus:active {
  position: static !important;
  height: auto;
  width: auto;
  overflow: visible;
  clip: auto;
}

.visually-hidden {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  width: 1px;
}

p.button a,
button,
input[type=button],
input[type=submit],
.button:not(p) {
  background-color: var(--ds26-bg-dark);
  border-color: transparent;
  border-radius: 0;
  border-style: solid;
  border-width: 0;
  box-shadow: none;
  color: var(--secondary-contrast);
  cursor: pointer;
  display: inline-block;
  font-family: "akzidenz-grotesk_promedium", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-size: 1em;
  font-weight: 700;
  line-height: 1;
  margin: 0 0 rem-calc(20);
  padding: 1em 2em;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
}

p.button a:focus, p.button a:hover,
button:focus,
button:hover,
input[type=button]:focus,
input[type=button]:hover,
input[type=submit]:focus,
input[type=submit]:hover,
.button:not(p):focus,
.button:not(p):hover {
  background-color: var(--ds26-red-accessible);
  text-decoration: none;
}

p.button a:active,
button:active,
input[type=button]:active,
input[type=submit]:active,
.button:not(p):active {
  background-color: var(--ds26-red-accessible);
  outline-color: #ece63a;
}

button.show-on-focus:focus,
.button.show-on-focus:focus {
  box-shadow: 0 0 10px #ece63a;
  outline: none;
}

button.sm,
.button.sm {
  font-size: 0.7em;
}

button.lrg,
.button.lrg {
  font-size: 1.3em;
}

.flex-direction-row-reverse {
  flex-direction: row-reverse;
}

label[for] {
  cursor: pointer;
  font-weight: 700;
}

.line-height-1 {
  line-height: 1 !important;
}

.line-height-1pt2 {
  line-height: 1.2 !important;
}

.nowrap {
  white-space: nowrap !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.background-size-cover {
  background-size: cover !important;
}

.block {
  display: block !important;
}

.inline-block {
  display: inline-block !important;
}

.inline {
  display: inline !important;
}

.none {
  display: none !important;
}

@media only screen and (max-width: 39.9375rem) {
  .block-small-only {
    display: block !important;
  }
}

@media only screen and (min-width:40rem) {
  .block-medium-up {
    display: block !important;
  }
}

.width-100 {
  width: 100% !important;
}

.height-100 {
  height: 100% !important;
}

.z-index-1 {
  z-index: 1 !important;
}

.z-index-2 {
  z-index: 2 !important;
}

.z-index-3 {
  z-index: 3 !important;
}

.z-index-9 {
  z-index: 9 !important;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

@media only screen and (min-width:64rem) {
  .text-right-large-up {
    text-align: right;
  }
}

.break-word {
  word-break: break-word;
}

.static {
  position: static !important;
}

.relative {
  position: relative !important;
}

.absolute {
  position: absolute !important;
}

.top-0 {
  top: 0 !important;
}

.left-0 {
  left: 0 !important;
}

.right-0 {
  right: 0 !important;
}

.object-fit-cover {
  -o-object-fit: cover;
  object-fit: cover;
}

.min-width-100 {
  min-width: 100%;
}

.min-height-100 {
  min-height: 100%;
}

.br-0 {
  border-radius: 0 !important;
}

.focus-relative.focus-relative:focus {
  position: relative !important;
}

.background-cover {
  background-size: cover;
}

.underline-on-hover {
  text-decoration: none;
}

.underline-on-hover:hover, .underline-on-hover:active {
  text-decoration: underline;
}

.underline-none {
  text-decoration: none !important;
}

.optimal-line-length {
  max-width: 36em;
}

.opacity-0point5 {
  opacity: 0.5;
}

.visually-hidden{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.mt-2vw {
  margin-top: 2vw;
}

.mb-2vw {
  margin-bottom: 2vw;
}

.mb-0 {
  margin-bottom: 0;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.flex-wrap {
  flex-wrap: wrap;
}

.justify-center {
  justify-content: center;
}

.items-center {
  align-items: center;
}

.gap-4 {
  gap: 1rem;
}

.text-balance {
  text-wrap: balance;
}

@media only screen and (min-width:40rem) {
  .md\:text-2-column {
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 30px;
    column-gap: 30px;
  }

  .md\:text-2-column li {
    -moz-column-break-inside: avoid;
    break-inside: avoid;
  }
}

.font-thin {
  font-weight: 100;
}

.font-extralight {
  font-weight: 200;
}

.font-light {
  font-weight: 300;
}

.font-normal {
  font-weight: 400;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.font-bold {
  font-weight: 700;
}

.font-extrabold {
  font-weight: 800;
}

.font-black {
  font-weight: 900;
}

.p-5 {
  padding: 1.25rem;
}

.text-xs {
  font-size: 0.75rem;
  /* 12px */
  line-height: 1rem;
  /* 16px */
}

.text-sm {
  font-size: 0.875rem;
  /* 14px */
  line-height: 1.25rem;
  /* 20px */
}

.text-base {
  font-size: 1rem;
  /* 16px */
  line-height: 1.5rem;
  /* 24px */
}

.text-lg {
  font-size: 1.125rem;
  /* 18px */
  line-height: 1.75rem;
  /* 28px */
}

.text-xl {
  font-size: 1.25rem;
  /* 20px */
  line-height: 1.75rem;
  /* 28px */
}

.text-2xl {
  font-size: 1.5rem;
  /* 24px */
  line-height: 2rem;
  /* 32px */
}

.text-3xl {
  font-size: 1.875rem;
  /* 30px */
  line-height: 2.25rem;
  /* 36px */
}

.text-4xl {
  font-size: 2.25rem;
  /* 36px */
  line-height: 2.5rem;
  /* 40px */
}

.text-5xl {
  font-size: 3rem;
  /* 48px */
  line-height: 1;
}

.text-6xl {
  font-size: 3.75rem;
  /* 60px */
  line-height: 1;
}

.text-7xl {
  font-size: 4.5rem;
  /* 72px */
  line-height: 1;
}

.text-8xl {
  font-size: 6rem;
  /* 96px */
  line-height: 1;
}

.text-9xl {
  font-size: 8rem;
  /* 128px */
  line-height: 1;
}

[id=page-header] {
  position: relative;
  z-index: 2;
}

.container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

@media only screen and (min-width:40rem) {
  .container {
    padding-left: 4.5vw;
    padding-right: 4.5vw;
  }
}

@media only screen and (min-width:90rem) {
  .container {
    padding: 0 4.0625rem;
    max-width: 87.5rem;
  }
}

.fixed-header {
  position: fixed;
  z-index: 8;
  width: 100%;
  top: 0;
  display: flex;
  min-height: 84px;
  background-color: var(--header-bg);
  background-image: linear-gradient(var(--ds26-grid) 1px, transparent 1px), linear-gradient(90deg, var(--ds26-grid) 1px, transparent 1px), linear-gradient(var(--ds26-grid-strong) 2px, transparent 2px), linear-gradient(90deg, var(--ds26-grid-strong) 2px, transparent 2px);
  background-size: 16px 16px, 16px 16px, 128px 128px, 128px 128px;
  border-bottom: 2px solid var(--ds26-grid-strong);
  background-position: 0% 84px;
  transition: box-shadow 0.2s ease;
  box-shadow: 0 0 40px var(--site-bg-dark);
}

.fixed-header:is(.headroom--up, .headroom--top) {
  box-shadow: 0 0 40px transparent;
}

#navigation {
  width: 100%;
  display: flex;
  gap: 1.25rem;
  justify-content: space-between;
  align-items: center;
  max-width: 75rem;
  margin-inline: auto;
  padding-inline: 1.25rem;
  color: var(--header-text);
}

#navigation a,
#navigation a:visited {
  color: var(--header-text);
}

#navigation a:is(:hover, :focus) {
  color: var(--header-action-hover-text);
}

#navigation .logo-container {
  max-width: 15.625rem;
  width: 100%;
  transition: all 0.2s ease;
}

#navigation .navigation-container {
  display: none;
}

@media only screen and (min-width:64rem) {
  #navigation .navigation-container {
    display: block;
  }
}

#navigation .navigation-container ul {
  display: flex;
  justify-content: center;
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  row-gap: 0.5rem;
  padding-block: 0.5rem;
}

#navigation .navigation-container li {
  padding-bottom: 0;
}

#navigation .navigation-container a {
  color: var(--header-action-text);
  background-color: var(--header-action-bg);
  border: 2px solid var(--button-secondary-border);
  border-radius: var(--ds26-radius-pill);
  box-shadow: none;
  padding: 0.6em 1em 0.7em;
  font-size: 1rem;
  display: block;
  white-space: nowrap;
}

#navigation .navigation-container a:is(:hover, :focus) {
  color: var(--header-action-hover-text);
  background-color: var(--header-action-hover-bg);
  border-color: var(--header-action-hover-bg);
}

#navigation .mmu-logos-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

#navigation .mmu-logos-container .small-logo {
  display: none;
  width: 100%;
}

#navigation .mmu-logos-container .small-logo a {
  display: flex;
}

#navigation .mmu-logos-container .small-logo + .small-logo {
  width: 82%;
}

body.mfi #navigation .mmu-logos-container .small-logo + .small-logo {
  width: 50%;
}

body.mfi #navigation .mmu-logos-container .small-logo + .small-logo svg path {
  fill: var(--secondary);
}

body.mfi #navigation .mmu-logos-container .small-logo + .small-logo svg path + path {
  fill: var(--secondary-contrast);
}

@media only screen and (min-width:40rem) {
  #navigation .mmu-logos-container {
    display: flex !important;
    gap: 1.25rem;
    width: 100%;
    max-width: 19.375rem;
  }

  #navigation .mmu-logos-container .small-logo {
    display: block;
  }
}

@media only screen and (min-width:64rem) {
  #navigation .mmu-logos-container {
    max-width: 15.875rem;
  }
}

#navigation .off-canvas-button-container .right-off-canvas-toggle {
  background-color: var(--header-action-bg);
  color: var(--header-action-text);
  border: 0;
  border-radius: 0.125rem;
  padding: 0;
  width: 1em;
  height: 1em;
  font-size: 36px;
}

#navigation .off-canvas-button-container .right-off-canvas-toggle:hover, #navigation .off-canvas-button-container .right-off-canvas-toggle:focus {
  color: var(--header-action-hover-text);
  background-color: var(--header-action-hover-bg);
}

.header-height {
  height: auto;
  min-height: 84px;
}

@media only screen and (min-width: 1024px) and (max-width: 1189px) {
  .header-height {
    min-height: calc(84px + 14px);
  }
}

#header-video-size {
  height: calc(100lvh - 84px);
  position: relative;
  background-color: var(--site-bg);
  background-image: linear-gradient(var(--ds26-grid) 1px, transparent 1px), linear-gradient(90deg, var(--ds26-grid) 1px, transparent 1px), linear-gradient(var(--ds26-grid-strong) 2px, transparent 2px), linear-gradient(90deg, var(--ds26-grid-strong) 2px, transparent 2px);
  background-size: 16px 16px, 16px 16px, 128px 128px, 128px 128px;
  display: grid;
}

#header-video-size video {
  height: inherit;
  width: inherit;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

#header-video-landscape,
#header-video-portrait {
  width: 100%;
  display: none;
  position: absolute;
  pointer-events: none;
  inset: 0;
  height: inherit;
}

#header-logo {
  position: relative;
  height: inherit;
  width: calc(100% - 2.5rem);
  max-width: 75rem;
  margin: auto;
  display: flex;
  align-items: center;
  max-height: 80svh;
}

#header-logo a {
  display: block;
  width: 100%;
  max-height: inherit;
}

#header-logo img {
  margin-inline: auto;
  max-height: inherit;
}

@media (orientation: portrait) {
  #header-logo img {
    display: none;
  }

  #header-logo img[src*="logo-more-to-come-portrait.svg"] {
    display: block;
    aspect-ratio: 230/320;
    height: 100%;
    width: auto;
  }
}

@media (orientation: landscape) {
  #header-logo img {
    display: none;
  }

  #header-logo img[src*="logo-more-to-come.svg"] {
    display: block;
    aspect-ratio: 300/200;
    width: 100%;
    height: auto;
  }
}

@media (orientation: portrait) {
  div#header-video-portrait {
    display: flex;
  }

  #header-date,
  #header-title {
    width: calc(50% - 2.5rem);
    max-width: 75rem;
    margin-left: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size: 3vw;
    line-height: 1.5;
  }

  #header-date {
    top: 2rem;
  }

  #header-title {
    bottom: 2rem;
  }
}

@media (orientation: landscape) {
  div#header-video-landscape {
    display: flex;
  }

  #header-date,
  #header-title {
    width: calc(100% - 2.5rem);
    max-width: 75rem;
    margin-inline: auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size: 3vw;
    line-height: 1.5;
  }

  #header-date {
    top: 2rem;
  }

  #header-title {
    bottom: 2rem;
  }
}

#content {
  position: relative;
  padding-bottom: 8vw;
}

#content .content-bg {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  pointer-events: none;
  content: "";
  position: absolute;
  inset: 0;
  top: 0;
  background-size: 100% auto;
  background-repeat: repeat;
  background-position: top center;
  z-index: -1;
}

#content .content-bg img {
  width: 100%;
}

@media (orientation: portrait) {
  body.homepage #content .content-bg {
    top: 36%;
  }
}

@media (orientation: landscape) {
  body.homepage #content .content-bg {
    top: 21.7%;
  }
}

@font-face {
  font-family: "akzidenz-grotesk_promedium";

  src: url("../fonts/akzidgrtskpromed-webfont.woff2") format("woff2"), url("../fonts/akzidgrtskpromed-webfont.woff") format("woff");

  font-weight: normal;

  font-style: normal;
}

[aria-label="Skip links"] {
  position: fixed;
  z-index: 9;
}

[aria-label="Skip links"] a.button {
  border-radius: 0 0 1.5rem 0;
  font-size: 1.25rem;
  margin-bottom: 0;
}

[aria-label="Skip links"] a.button:before {
  border-radius: 0 0 1.5rem 0;
}

html, body {
  height: auto;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 75px;
  background-color: var(--site-bg-dark);
}

body {
  font-family: "akzidenz-grotesk_promedium", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  background-color: var(--site-bg);
  color: var(--site-text);
  background-image: linear-gradient(var(--ds26-grid) 1px, transparent 1px), linear-gradient(90deg, var(--ds26-grid) 1px, transparent 1px), linear-gradient(var(--ds26-grid-strong) 2px, transparent 2px), linear-gradient(90deg, var(--ds26-grid-strong) 2px, transparent 2px);
  background-size: 16px 16px, 16px 16px, 128px 128px, 128px 128px;
  background-position-y: 84px;
}

strong {
  font-family: "akzidenz-grotesk_promedium", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 700;
}

:focus-visible {
  outline: 4px solid var(--focus-colour);
  outline-offset: 4px;
  box-shadow: none !important;
}

a {
  color: var(--link);
}

a:hover, a:active {
  color: var(--link-hover);
}

a .border-1 {
  border-color: var(--surface-border);
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
.course-list a,
.button {
  font-family: "akzidenz-grotesk_promedium", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  line-height: 1.1;
  font-weight: 700;
  display: inline-block;
}

.page-top-section {
  min-height: 100dvh;
}

.page-top-section.minus-header-height {
  min-height: calc(100dvh - 84px - 9.375rem);
}

.box-shadow-none {
  box-shadow: none !important;
}

[id=profile-search] > div,
[id=student-search] > div {
  max-width: none;
}

[id=profile-search] .profile-search-grid,
[id=student-search] .profile-search-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
}

@media only screen and (min-width:40rem) {
  [id=profile-search] .profile-search-grid,
  [id=student-search] .profile-search-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

[id=profile-search] .profile-search-field,
[id=student-search] .profile-search-field {
  min-width: 0;
}

[id=profile-search] .student-search,
[id=student-search] .student-search {
  max-width: 30.75rem;
}

button,
.button {
  border: 2px solid var(--button-border);
  background-color: var(--button-bg);
  color: var(--button-text);
  text-shadow: none !important;
  font-size: 1rem;
  padding: 0.75rem 1.75rem;
  border-radius: var(--ds26-radius-pill);
  font-weight: 800;
}

button:is(:hover, :focus, :active),
.button:is(:hover, :focus, :active) {
  color: var(--button-hover-text);
  background-color: var(--button-hover-bg);
  border-color: var(--button-hover-bg);
}

button.secondary,
.button.secondary {
  color: var(--button-secondary-text);
  background-color: var(--button-secondary-bg);
  border-color: var(--button-secondary-border);
}

button.secondary:is(:hover, :focus, :active),
.button.secondary:is(:hover, :focus, :active) {
  color: var(--button-secondary-hover-text);
  background-color: var(--button-secondary-hover-bg);
  border-color: var(--button-secondary-hover-bg);
}

.logo.mmu-mfi {
  max-width: 6.25rem;
}

.main-carousel {
  text-align: center;
  font-size: 17px;
}

@media only screen and (min-width:40rem) {
  .main-carousel {
    font-size: 24px;
  }
}

.main-carousel .slick-track {
  display: flex;
  align-items: center;
}

.mfi-slide {
  position: relative;
}

.mfi-slide.slide {
  width: auto !important;
  margin-inline: auto;
}

.mfi-slide a {
  display: flex;
  flex-direction: column !important;
  flex-flow: wrap;
  justify-content: center;
  max-width: 100%;
  background-color: white;
}

.mfi-slide .image-item {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}

.mfi-slide .image-item img {
  margin: 0 auto;
  max-height: calc(100dvh - 258px);
  width: auto;
  height: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
  object-fit: contain;
}

.student-profile .mfi-slide .image-item img {
  max-height: calc(100dvh - 300px);
}

.student-profile .mfi-slide .image-item img.nocaption {
  max-height: calc(100dvh - 258px);
}

.mfi-slide .slide-caption {
  margin-top: 10px;
  margin-bottom: 17px;
}

.slick-slider.slick-arrows-inside .slick-prev,
.slick-slider.slick-arrows-inside .slick-next {
  border-radius: 0;
}

.slick-slider.slick-arrows-inside .slick-prev:before,
.slick-slider.slick-arrows-inside .slick-next:before {
  color: black;
}

.slick-slider.slick-arrows-inside .slick-prev.slick-disabled,
.slick-slider.slick-arrows-inside .slick-next.slick-disabled {
  filter: grayscale(1);
  opacity: 0.25;
}

#breadcrumbs a {
  color: white;
}

#breadcrumbs a:hover {
  color: var(--ds26-bg-dark);
}

.fancybox-thumbs__list a:before {
  border: 6px solid #808080;
}

.slick-slider > .slick-arrow:after {
  width: inherit;
  position: absolute;
  top: 0;
  transform: translate(0, 0%) !important;
  pointer-events: auto !important;
}

button.slick-arrow:focus {
  outline-style: dotted;
  outline-color: var(--focus-colour);
}

.off-canvas-exit-button {
  padding: 1px;
  margin-bottom: 0;
  display: inline-block;
  opacity: 1;
  border: 1px solid currentColor;
  border-radius: 100%;
  width: 1em;
  height: 1em;
  font-size: 2.25rem;
  line-height: 1;
}

.off-canvas-exit-button svg {
  display: block;
  width: inherit;
  height: inherit;
  font-size: inherit;
}

.off-canvas-exit-button svg path {
  fill: currentColor;
}

.small-logo-container {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  padding: 1.25rem;
  gap: 1.25rem;
}

.small-logo-container svg path {
  fill: currentColor;
}

.small-logo-container .small-logo + .small-logo {
  width: 82%;
}

body.mfi .small-logo-container .small-logo + .small-logo {
  width: 57%;
}

body.mfi .small-logo-container .small-logo + .small-logo svg path + path {
  fill: var(--secondary-contrast);
}

.off-canvas-list .off-canvas-link-container a, .off-canvas-list .off-canvas-link a {
  text-shadow: none;
}

[id=off-canvas-exit] {
  opacity: 0.8;
}

[data-canvas=container] {
  width: auto;
  height: auto;
}

[data-off-canvas]:focus {
  outline: 4px solid var(--focus-colour);
  outline-offset: -4px;
  box-shadow: none !important;
}

[data-off-canvas*=push] {
  z-index: 8;
  background-image: linear-gradient(var(--ds26-grid) 1px, transparent 1px), linear-gradient(90deg, var(--ds26-grid) 1px, transparent 1px), linear-gradient(var(--ds26-grid-strong) 2px, transparent 2px), linear-gradient(90deg, var(--ds26-grid-strong) 2px, transparent 2px);
  background-size: 16px 16px, 16px 16px, 128px 128px, 128px 128px;
}

body.js-close-any .off-canvas-exit {
  position: fixed;
}

.off-canvas-button-container {
  display: flex;
}

@media only screen and (min-width:64rem) {
  .off-canvas-button-container {
    display: none;
  }
}

.off-canvas-link-container.logo-container {
  padding: 1.5rem;
  align-items: center;
  border-bottom: 1px solid var(--ds26-teal);
}

.off-canvas-link-container.logo-container .width-100 {
  background: var(--ds26-white);
  color: var(--ds26-ink);
  border: 2px solid var(--ds26-ink);
  box-shadow: var(--panel-shadow-primary);
  padding: 0.875rem;
}

[data-off-canvas] a.off-canvas-link {
  letter-spacing: 0.01em;
}

[data-off-canvas] .off-canvas-link-container:not(.logo-container) {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}

[data-off-canvas] .menu-item:last-child .off-canvas-link-container {
  border-bottom: 0;
}

.slick-autoplay-toggle-button,
.slick-slider > .slick-arrow {
  background-color: var(--ds26-bg-dark);
  opacity: 1;
  border-radius: 0;
}

.slick-autoplay-toggle-button:is(:hover, :active),
.slick-slider > .slick-arrow:is(:hover, :active) {
  background-color: var(--ds26-red-accessible);
}

body .slick-autoplay-toggle-button:focus {
  color: white;
}

.content-container-outer {
  margin: 8vw 1.25rem;
}

@media only screen and (min-width:40rem) {
  .content-container-outer {
    margin: 3vw 1.25rem;
  }
}

.content-container {
  margin-inline: auto;
  padding: 1.25rem 1.25rem 1.875rem;
  max-width: 75rem;
}

.content-container > *:first-child {
  margin-top: 0;
}

.content-container.course-list-container {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.bg-white {
  background-color: var(--surface);
  color: var(--surface-text);
}

.narrow-container {
  margin-inline: auto;
  max-width: calc(75rem * 0.666);
}

.text-balance {
  text-wrap: balance;
}

.theme-kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  margin-bottom: 1.125rem;
  padding: 0.5rem 1.125rem;
  border: 2px solid var(--surface-border);
  border-radius: var(--ds26-radius-pill);
  background: var(--ds26-yellow);
  color: var(--ds26-ink);
  box-shadow: var(--panel-shadow-primary);
  font-family: "akzidenz-grotesk_promedium", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 800;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.course-list {
  max-width: calc(100% - 10vw);
  display: grid;
  gap: 1rem;
  align-items: center;
}

@media only screen and (min-width:40rem) {
  .course-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

.course-list a {
  font-size: 1.75rem;
  line-height: 1.2;
  text-wrap: balance;
  color: var(--ds26-bg) !important;
}

.course-list a:is(:hover, :active, :focus) {
  color: var(--ds26-bg-dark) !important;
}

.course-list a:is(:visited) {
  color: color-mix(in srgb, var(--ds26-bg-dark) 50%, transparent) !important;
}

.bg-pink .course-list a {
  color: var(--ds26-red-accessible) !important;
}

#footer {
  padding: 3.125rem 1.25rem;
  background-color: var(--secondary);
  color: var(--secondary-contrast);
  background-image: linear-gradient(var(--ds26-grid) 1px, transparent 1px), linear-gradient(90deg, var(--ds26-grid) 1px, transparent 1px), linear-gradient(var(--ds26-grid-strong) 2px, transparent 2px), linear-gradient(90deg, var(--ds26-grid-strong) 2px, transparent 2px);
  background-size: 16px 16px, 16px 16px, 128px 128px, 128px 128px;
}

#footer > * {
  margin-inline: auto;
  max-width: 75rem;
}

#footer a {
  color: var(--secondary-contrast);
}

#footer a:is(:hover, :active, :focus) {
  color: var(--secondary-interact);
}

#footer .logo-container {
  max-width: 31.25rem;
}

#footer .logo-container a:is(:hover, :active) svg {
  filter: grayscale(100) brightness(0);
}

#footer .mmu-logos-container {
  margin-top: 2.5rem;
  display: inline-flex;
  width: 66.666%;
  max-width: 360px;
  gap: 1.875rem;
  align-items: center;
}

#footer .mmu-logos-container .small-logo {
  width: 100%;
}

#footer .mmu-logos-container .small-logo + .small-logo {
  width: 82%;
}

body.mfi #footer .mmu-logos-container .small-logo + .small-logo {
  width: 50%;
}

body.mfi #footer .mmu-logos-container .small-logo + .small-logo svg path {
  fill: var(--secondary-contrast);
}

body.mfi #footer .mmu-logos-container .small-logo + .small-logo svg path + path {
  fill: var(--secondary);
}

#footer .social-icons {
  display: inline-flex;
  margin-top: 2.5rem;
}

#footer .social-icons a {
  display: flex;
}

#footer .social-icons a:hover {
  color: var(--secondary-contrast-interact);
}

#footer .social-icons svg {
  width: 2.25rem;
}

.is-selected {
  padding-inline: 0.4em;
  background-color: var(--ds26-red-accessible);
  color: var(--ds26-white);
}

.is-selected a:is(:link, :visited) {
  color: inherit;
  text-decoration: none;
}

.profile-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

@media only screen and (min-width:40rem) {
  .profile-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
}

@media only screen and (min-width:64rem) {
  .profile-list {
    grid-template-columns: repeat(3, 1fr);
  }
}

.profile-list-item a {
  display: grid;
  align-items: center;
  background-color: color-mix(in srgb, var(--ds26-bg-dark) 50%, transparent);
  color: white;
}

.profile-pic {
  position: relative;
  overflow: hidden;
  /*img {
    mask: url(../images/profile-clip-1.svg);

    .profile-list-item:nth-child(8n+2) & {
      mask: url(../images/profile-clip-2.svg);
    }
    .profile-list-item:nth-child(8n+3) & {
      mask: url(../images/profile-clip-3.svg);
    }
    .profile-list-item:nth-child(8n+4) & {
      mask: url(../images/profile-clip-4.svg);
    }
    .profile-list-item:nth-child(8n+5) & {
      mask: url(../images/profile-clip-5.svg);
    }
    .profile-list-item:nth-child(8n+6) & {
      mask: url(../images/profile-clip-6.svg);
    }
    .profile-list-item:nth-child(8n+7) & {
      mask: url(../images/profile-clip-7.svg);
    }
    .profile-list-item:nth-child(8n+8) & {
      mask: url(../images/profile-clip-8.svg);
    }
  }*/
}

.profile-pic:before {
  position: absolute;
  z-index: 2;
  content: "";
  inset: 0;
  -webkit-backdrop-filter: blur(10px) brightness(1.5);
  backdrop-filter: blur(10px) brightness(1.5);
}

.profile-pic img.profile-pic-bg {
  z-index: 1;
  position: absolute;
  inset: 0;
  width: 150%;
  height: 150%;
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
}

.profile-pic img {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: 15rem;
  display: block;
  margin-inline: auto;
}

.profile-title {
  padding: 1.5rem;
}

.profile-title h3 {
  margin-block: 0;
}

.profile-title h3 .course-name {
  font-weight: 400;
}

.profile-title > * {
  display: flex;
  flex-direction: column;
  text-wrap: balance;
}

.profile-item {
  max-width: 100dvh;
}

.profile-item-title {
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 0.5em;
}

.student-work {
  display: grid;
  grid-template-columns: repeat(3, [col] 1fr);
}

.student-work img {
  aspect-ratio: 1/1;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.student-work > img:nth-child(1) {
  grid-column: 1/span 3;
  grid-row: 1/span 3;
}

.student-work > img:nth-child(2) {
  grid-column: 2;
  grid-row: 4;
}

.student-work > img:nth-child(3) {
  grid-column: 3;
  grid-row: 4;
}

@media only screen and (min-width:40rem) {
  .student-work {
    grid-template-columns: repeat(4, [col] 1fr);
  }

  .student-work > img:nth-child(2) {
    grid-column: 4;
    grid-row: 2;
  }

  .student-work > img:nth-child(3) {
    grid-column: 4;
    grid-row: 3;
  }
}

.gallery-images {
  display: flex;
  flex-wrap: wrap;
}

.gallery-images > * {
  max-width: 50%;
}

@media only screen and (min-width:40rem) {
  .gallery-images > * {
    max-width: 33.333%;
  }
}

.profile-intro {
  display: flex;
  flex-direction: column;
  margin-inline: auto;
  padding-block: 4vw;
  align-items: start;
}

.profile-intro .profile-pic {
  width: 100%;
  max-width: 12.5rem;
}

.profile-works {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  align-items: center;
  justify-content: center;
  padding: 3vw;
  gap: 3vw;
}

@media only screen and (min-width:64rem) {
  .profile-works {
    grid-template-columns: repeat(2, 1fr);
  }
}

.profile-description {
  align-self: start;
  text-wrap: pretty;
}

@media only screen and (min-width:64rem) {
  .profile-description {
    grid-row: span var(--profile-description-row-span, 1);
  }
}

.profile-description + .profile-work {
  align-self: start;
}

.profile-description + .profile-work + .profile-work {
  align-self: unset;
}

.profile-description p {
  font-size: 1.2rem;
}

.profile-description > *:first-child {
  margin-block-start: 0;
}

.profile-description > *:last-child {
  margin-block-end: 0;
}

.profile-work {
  max-height: 90dvh;
}

.profile-work.profile-work-image * {
  max-height: inherit;
}

.profile-work > a {
  display: flex;
  justify-content: center;
  align-items: center;
}

.profile-work-video a:is(:hover, :focus) .play-icon svg path[fill="var(--secondary)"] {
  fill: var(--secondary-interact);
}

.play-icon {
  width: 1em;
  height: 1em;
  font-size: 5.625rem;
  position: absolute;
}

.profile-links li {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: nowrap;
}

.profile-links svg {
  width: 1em;
  height: 1em;
  font-size: 32px;
  fill: var(--secondary);
}

[data-slick] .slick-slide > div {
  display: flex;
  flex: 1;
  justify-content: space-evenly;
}

[data-slick] .student-work {
  max-width: 100dvh;
  margin-inline: auto;
}

[data-slick] .slide {
  display: block;
}

[data-slick] .slide + .slide {
  display: none;
}

[data-slick].slick-initialized .slide + .slide {
  display: block;
}

@media only screen and (min-width: 64.063em) {
  .profile-items.profile-listing {
    padding-left: 1vw;
    padding-right: 1vw;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 1vw;
  }

  .profile-items.profile-listing .profile-item:nth-child(even) {
    margin-top: 25%;
  }

  .profile-items.profile-listing .profile-item {
    margin-bottom: -20%;
    max-width: calc(50% - 2vw);
  }

  .profile-items.profile-listing .profile-item:last-child {
    margin-bottom: 0;
  }
}

.filter-list.filter-list {
  display: block;
  -moz-column-count: 2;
  column-count: 2;
  text-align: left;
}

@media only screen and (min-width:40rem) {
  .filter-list.filter-list {
    -moz-column-count: 3;
    column-count: 3;
  }
}

.filter-list.filter-list > li {
  display: block;
  padding-block: 5px;
  line-height: 1.4;
}

[id=profile-search] .selectize-control.single .selectize-input,
[id=profile-search] select,
[id=profile-search] input[type=search],
[id=profile-search] input[type=text],
[id=student-search] .selectize-control.single .selectize-input,
[id=student-search] select,
[id=student-search] input[type=search],
[id=student-search] input[type=text] {
  border: 2px solid var(--surface-border);
  background: var(--surface);
  color: var(--surface-text);
  height: 44px;
}

.content-container.bg-white h2,
.content-container.bg-white h3,
.content-container.bg-white p,
.content-container.bg-white li,
.content-container.bg-white label {
  background: transparent !important;
  padding-inline: 0;
}

.two-colum {
  display: grid;
  gap: 3vw;
  grid-template-columns: 1fr;
  align-items: start;
}

@media only screen and (min-width:40rem) {
  .two-colum {
    grid-template-columns: repeat(2, 1fr);
  }
}

.two-colum.content-container {
  padding: 0;
}

.logo svg {
  width: 100%;
}

[title=Homepage].logo svg {
  /*width: 66.666%;*/
  max-width: 14rem;
  padding: 1rem;
}

.min-screen-height {
  min-height: calc(100svh + 84px);
}

.grid {
  display: grid;
}

.items-center {
  align-items: center;
}

.bg-grid {
  background-color: var(--ds26-bg-dark) !important;
  color: var(--ds26-white);
}

.bg-teal {
  background-color: var(--ds26-teal) !important;
  color: var(--ds26-yellow);
}

.bg-teal > .bg-more-to-come {
  fill: var(--ds26-yellow);
}

.bg-red {
  background-color: var(--ds26-red) !important;
  color: var(--ds26-yellow);
}

.bg-red > .bg-more-to-come {
  fill: var(--ds26-yellow);
}

.bg-pink {
  background-color: var(--ds26-pink) !important;
  color: var(--ds26-red-accessible);
}

.bg-pink > .bg-more-to-come {
  fill: var(--ds26-red);
}

.bg-yellow {
  background-color: var(--ds26-yellow) !important;
  color: var(--ds26-red);
}

.bg-yellow > .bg-more-to-come {
  fill: var(--ds26-red);
}

.bg-grid a,
.bg-teal a,
.bg-red a,
.bg-pink a,
.bg-yellow a {
  color: inherit;
}

.bg-more-to-come {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  color: inherit;
  opacity: 0.333;
}

.bg-more-to-come-svg {
  transform: scale(2);
  transform-origin: center;
  min-height: 100%;
  min-width: 100%;
}

.section-title {
  font-size: clamp(2rem, 3vw + 2rem, 3.5rem) !important;
  line-height: 1.1;
}

.section-sub-title {
  font-size: clamp(1rem, 2vw + 1.5rem, 2.5rem);
  line-height: 1.1;
}

#about p {
  font-size: clamp(1rem, 2vw + 1.5rem, 2.5rem);
  line-height: 1.35;
}

#about .bg-more-to-come-svg {
  transform: scale(1.8);
  transform-origin: 10% 15%;
}

#departments .bg-more-to-come-svg {
  transform: scale(1.5);
  transform-origin: 80% 75%;
}

#undergraduate .bg-more-to-come-svg {
  transform: scale(1.9);
  transform-origin: 80% 75%;
}

#postgraduate .bg-more-to-come-svg {
  transform: scale(1.1);
  transform-origin: 0% 5%;
}

.py-4point5vw {
  padding-top: 4.5vw;
  padding-bottom: 4.5vw;
}

.text-balance {
  text-wrap: balance;
}

[id] {
  scroll-margin-top: -84px;
}

.\!mt-0 {
  margin-top: 0 !important;
}

.\!mb-0 {
  margin-bottom: 0 !important;
}

.\!my-0 {
  margin-block: 0 !important;
}

.content-container p:last-child {
  margin-bottom: 0;
}
/*# sourceMappingURL=style.css.map */