@charset "UTF-8";
/**
 * Foundation for Sites
 * Version 6.9.0
 * https://get.foundation
 * Licensed under MIT Open Source
 */
@media print, screen and (min-width: 48em) {
  .reveal.large, .reveal.small, .reveal.tiny, .reveal {
    right: auto;
    left: auto;
    margin: 0 auto;
  }
}
.slide-in-down.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(-100%);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-in-down.mui-enter.mui-enter-active {
  transform: translateY(0);
}

.slide-in-left.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(-100%);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-in-left.mui-enter.mui-enter-active {
  transform: translateX(0);
}

.slide-in-up.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(100%);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-in-up.mui-enter.mui-enter-active {
  transform: translateY(0);
}

.slide-in-right.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(100%);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-in-right.mui-enter.mui-enter-active {
  transform: translateX(0);
}

.slide-out-down.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(0);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-out-down.mui-leave.mui-leave-active {
  transform: translateY(100%);
}

.slide-out-right.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(0);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-out-right.mui-leave.mui-leave-active {
  transform: translateX(100%);
}

.slide-out-up.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(0);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-out-up.mui-leave.mui-leave-active {
  transform: translateY(-100%);
}

.slide-out-left.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(0);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-out-left.mui-leave.mui-leave-active {
  transform: translateX(-100%);
}

.fade-in.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  opacity: 0;
  transition-property: opacity;
}

.fade-in.mui-enter.mui-enter-active {
  opacity: 1;
}

.fade-out.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  opacity: 1;
  transition-property: opacity;
}

.fade-out.mui-leave.mui-leave-active {
  opacity: 0;
}

.hinge-in-from-top.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(-90deg);
  transform-origin: top;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-top.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-right.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(-90deg);
  transform-origin: right;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-right.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-bottom.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(90deg);
  transform-origin: bottom;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-bottom.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-left.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(90deg);
  transform-origin: left;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-left.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-middle-x.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(-90deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-middle-y.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(-90deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-middle-y.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-out-from-top.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: top;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-top.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(-90deg);
  opacity: 0;
}

.hinge-out-from-right.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: right;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-right.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(-90deg);
  opacity: 0;
}

.hinge-out-from-bottom.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: bottom;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-bottom.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(90deg);
  opacity: 0;
}

.hinge-out-from-left.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: left;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-left.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(90deg);
  opacity: 0;
}

.hinge-out-from-middle-x.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(-90deg);
  opacity: 0;
}

.hinge-out-from-middle-y.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(-90deg);
  opacity: 0;
}

.scale-in-up.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(0.5);
  transition-property: transform, opacity;
  opacity: 0;
}

.scale-in-up.mui-enter.mui-enter-active {
  transform: scale(1);
  opacity: 1;
}

.scale-in-down.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(1.5);
  transition-property: transform, opacity;
  opacity: 0;
}

.scale-in-down.mui-enter.mui-enter-active {
  transform: scale(1);
  opacity: 1;
}

.scale-out-up.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(1);
  transition-property: transform, opacity;
  opacity: 1;
}

.scale-out-up.mui-leave.mui-leave-active {
  transform: scale(1.5);
  opacity: 0;
}

.scale-out-down.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(1);
  transition-property: transform, opacity;
  opacity: 1;
}

.scale-out-down.mui-leave.mui-leave-active {
  transform: scale(0.5);
  opacity: 0;
}

.spin-in.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(-0.75turn);
  transition-property: transform, opacity;
  opacity: 0;
}

.spin-in.mui-enter.mui-enter-active {
  transform: rotate(0);
  opacity: 1;
}

.spin-out.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(0);
  transition-property: transform, opacity;
  opacity: 1;
}

.spin-out.mui-leave.mui-leave-active {
  transform: rotate(0.75turn);
  opacity: 0;
}

.spin-in-ccw.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(0.75turn);
  transition-property: transform, opacity;
  opacity: 0;
}

.spin-in-ccw.mui-enter.mui-enter-active {
  transform: rotate(0);
  opacity: 1;
}

.spin-out-ccw.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(0);
  transition-property: transform, opacity;
  opacity: 1;
}

.spin-out-ccw.mui-leave.mui-leave-active {
  transform: rotate(-0.75turn);
  opacity: 0;
}

.slow {
  transition-duration: 750ms !important;
}

.fast {
  transition-duration: 250ms !important;
}

.linear {
  transition-timing-function: linear !important;
}

.ease {
  transition-timing-function: ease !important;
}

.ease-in {
  transition-timing-function: ease-in !important;
}

.ease-out {
  transition-timing-function: ease-out !important;
}

.ease-in-out {
  transition-timing-function: ease-in-out !important;
}

.bounce-in {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
}

.bounce-out {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
}

.bounce-in-out {
  transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
}

.short-delay {
  transition-delay: 300ms !important;
}

.long-delay {
  transition-delay: 700ms !important;
}

.shake {
  animation-name: shake-7;
}
@keyframes shake-7 {
  0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
    transform: translateX(7%);
  }
  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
    transform: translateX(-7%);
  }
}

.spin-cw {
  animation-name: spin-cw-1turn;
}
@keyframes spin-cw-1turn {
  0% {
    transform: rotate(-1turn);
  }
  100% {
    transform: rotate(0);
  }
}

.spin-ccw {
  animation-name: spin-cw-1turn;
}
@keyframes spin-cw-1turn {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(1turn);
  }
}

.wiggle {
  animation-name: wiggle-7deg;
}
@keyframes wiggle-7deg {
  40%, 50%, 60% {
    transform: rotate(7deg);
  }
  35%, 45%, 55%, 65% {
    transform: rotate(-7deg);
  }
  0%, 30%, 70%, 100% {
    transform: rotate(0);
  }
}

.shake,
.spin-cw,
.spin-ccw,
.wiggle {
  animation-duration: 500ms;
}

.infinite {
  animation-iteration-count: infinite;
}

.slow {
  animation-duration: 750ms !important;
}

.fast {
  animation-duration: 250ms !important;
}

.linear {
  animation-timing-function: linear !important;
}

.ease {
  animation-timing-function: ease !important;
}

.ease-in {
  animation-timing-function: ease-in !important;
}

.ease-out {
  animation-timing-function: ease-out !important;
}

.ease-in-out {
  animation-timing-function: ease-in-out !important;
}

.bounce-in {
  animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
}

.bounce-out {
  animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
}

.bounce-in-out {
  animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
}

.short-delay {
  animation-delay: 300ms !important;
}

.long-delay {
  animation-delay: 700ms !important;
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: 0;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

[data-whatintent=mouse] *, [data-whatintent=mouse] *:focus,
[data-whatintent=touch] *,
[data-whatintent=touch] *:focus,
[data-whatinput=mouse] *,
[data-whatinput=mouse] *:focus,
[data-whatinput=touch] *,
[data-whatinput=touch] *:focus {
  outline: none;
}

[draggable=false] {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}

.foundation-mq {
  font-family: "small=0em&medium=48em&large=64em&xlarge=80em&xxlarge=90em&wide=131.25em";
}

html {
  box-sizing: border-box;
  font-size: 100%;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  margin: 0;
  padding: 0;
  background: #fefefe;
  font-family: "Source Sans 3", sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0;
}

select {
  box-sizing: border-box;
  width: 100%;
  border-radius: 0;
}

.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important;
}

button {
  padding: 0;
  appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 1;
  cursor: auto;
}
[data-whatinput=mouse] button {
  outline: 0;
}

pre {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
}

.is-visible {
  display: block !important;
}

.is-hidden {
  display: none !important;
}

[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color],
textarea {
  appearance: none;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
[type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus,
textarea:focus {
  outline: none;
  border: 1px solid #8a8a8a;
  background-color: #fefefe;
  box-shadow: 0 0 5px #cacaca;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}

textarea {
  max-width: 100%;
}
textarea[rows] {
  height: auto;
}

input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: #e6e6e6;
  cursor: not-allowed;
}

[type=submit],
[type=button] {
  appearance: none;
  border-radius: 0;
}

input[type=search] {
  box-sizing: border-box;
}

::placeholder {
  color: #cacaca;
}

[type=file],
[type=checkbox],
[type=radio] {
  margin: 0 0 1rem;
}

[type=checkbox] + label,
[type=radio] + label {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
}
[type=checkbox] + label[for],
[type=radio] + label[for] {
  cursor: pointer;
}

label > [type=checkbox],
label > [type=radio] {
  margin-right: 0.5rem;
}

[type=file] {
  width: 100%;
}

label {
  display: block;
  margin: 0;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.8;
  color: #0a0a0a;
}
label.middle {
  margin: 0 0 1rem;
  line-height: 1.5;
  padding: 0.5625rem 0;
}

.help-text {
  margin-top: -0.5rem;
  font-size: 0.8125rem;
  font-style: italic;
  color: #0a0a0a;
}

.input-group {
  display: flex;
  width: 100%;
  margin-bottom: 1rem;
  align-items: stretch;
}
.input-group > :first-child, .input-group > :first-child.input-group-button > * {
  border-radius: 0 0 0 0;
}
.input-group > :last-child, .input-group > :last-child.input-group-button > * {
  border-radius: 0 0 0 0;
}

.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label, .input-group-button, .input-group-field, .input-group-label {
  margin: 0;
  white-space: nowrap;
}

.input-group-label {
  padding: 0 1rem;
  border: 1px solid #cacaca;
  background: #e6e6e6;
  color: #0a0a0a;
  text-align: center;
  white-space: nowrap;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
}
.input-group-label:first-child {
  border-right: 0;
}
.input-group-label:last-child {
  border-left: 0;
}

.input-group-field {
  border-radius: 0;
  flex: 1 1 0px;
  min-width: 0;
}

.input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  display: flex;
  flex: 0 0 auto;
}
.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
  align-self: stretch;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1rem;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

legend {
  max-width: 100%;
  margin-bottom: 0.5rem;
}

.fieldset {
  margin: 1.125rem 0;
  padding: 1.25rem;
  border: 1px solid #cacaca;
}
.fieldset legend {
  margin: 0;
  margin-left: -0.1875rem;
  padding: 0 0.1875rem;
}

select {
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  appearance: none;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  background-origin: content-box;
  background-position: right -1rem center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  padding-right: 1.5rem;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb%28138, 138, 138%29"></polygon></svg>');
}
@media screen and (min-width: 0\0 ) {
  select {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
  }
}
select:focus {
  outline: none;
  border: 1px solid #8a8a8a;
  background-color: #fefefe;
  box-shadow: 0 0 5px #cacaca;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
select:disabled {
  background-color: #e6e6e6;
  cursor: not-allowed;
}
select::-ms-expand {
  display: none;
}
select[multiple] {
  height: auto;
  background-image: none;
}
select:not([multiple]) {
  padding-top: 0;
  padding-bottom: 0;
}

.is-invalid-input:not(:focus) {
  border-color: #cc4b37;
  background-color: rgb(249, 236.1, 234.1);
}
.is-invalid-input:not(:focus)::placeholder {
  color: #cc4b37;
}

.is-invalid-label {
  color: #cc4b37;
}

.form-error {
  display: none;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: bold;
  color: #cc4b37;
}
.form-error.is-visible {
  display: block;
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

p {
  margin-bottom: 1rem;
  font-size: inherit;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
}

em,
i {
  font-style: italic;
  line-height: inherit;
}

strong,
b {
  font-weight: bold;
  line-height: inherit;
}

small {
  font-size: 80%;
  line-height: inherit;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: "Source Serif", serif;
  font-style: normal;
  font-weight: 700;
  color: inherit;
  text-rendering: optimizeLegibility;
}
h1 small, .h1 small,
h2 small, .h2 small,
h3 small, .h3 small,
h4 small, .h4 small,
h5 small, .h5 small,
h6 small, .h6 small {
  line-height: 0;
  color: #cacaca;
}

h1, .h1 {
  font-size: 1.5rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h2, .h2 {
  font-size: 1.25rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h3, .h3 {
  font-size: 1.1875rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h4, .h4 {
  font-size: 1.125rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h5, .h5 {
  font-size: 1.0625rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h6, .h6 {
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

@media print, screen and (min-width: 48em) {
  h1, .h1 {
    font-size: 3rem;
  }
  h2, .h2 {
    font-size: 2.5rem;
  }
  h3, .h3 {
    font-size: 1.9375rem;
  }
  h4, .h4 {
    font-size: 1.5625rem;
  }
  h5, .h5 {
    font-size: 1.25rem;
  }
  h6, .h6 {
    font-size: 1rem;
  }
}
a {
  line-height: inherit;
  color: #1779ba;
  text-decoration: none;
  cursor: pointer;
}
a:hover, a:focus {
  color: rgb(19.78, 104.06, 159.96);
}
a img {
  border: 0;
}

hr {
  clear: both;
  max-width: 75rem;
  height: 0;
  margin: 1.25rem auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #cacaca;
  border-left: 0;
}

ul,
ol,
dl {
  margin-bottom: 1rem;
  list-style-position: outside;
  line-height: 1.6;
}

li {
  font-size: inherit;
}

ul {
  margin-left: 1.25rem;
  list-style-type: disc;
}

ol {
  margin-left: 1.25rem;
}

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

dl {
  margin-bottom: 1rem;
}
dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold;
}

blockquote {
  margin: 0 0 1rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #cacaca;
}
blockquote, blockquote p {
  line-height: 1.6;
  color: #8a8a8a;
}

abbr, abbr[title] {
  border-bottom: 1px dotted #0a0a0a;
  cursor: help;
  text-decoration: none;
}

figure {
  margin: 0;
}

kbd {
  margin: 0;
  padding: 0.125rem 0.25rem 0;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  color: #0a0a0a;
}

.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
  line-height: 1.4;
  color: #8a8a8a;
}

.lead {
  font-size: 125%;
  line-height: 1.6;
}

.stat {
  font-size: 2.5rem;
  line-height: 1;
}
p + .stat {
  margin-top: -1rem;
}

ul.no-bullet, ol.no-bullet {
  margin-left: 0;
  list-style: none;
}

.cite-block, cite {
  display: block;
  color: #8a8a8a;
  font-size: 0.8125rem;
}
.cite-block:before, cite:before {
  content: "— ";
}

.code-inline, code {
  border: 1px solid #cacaca;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #0a0a0a;
  display: inline;
  max-width: 100%;
  word-wrap: break-word;
  padding: 0.125rem 0.3125rem 0.0625rem;
}

.code-block {
  border: 1px solid #cacaca;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #0a0a0a;
  display: block;
  overflow: auto;
  white-space: pre;
  padding: 1rem;
  margin-bottom: 1.5rem;
}

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

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

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

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

@media print, screen and (min-width: 48em) {
  .medium-text-left {
    text-align: left;
  }
  .medium-text-right {
    text-align: right;
  }
  .medium-text-center {
    text-align: center;
  }
  .medium-text-justify {
    text-align: justify;
  }
}
@media print, screen and (min-width: 64em) {
  .large-text-left {
    text-align: left;
  }
  .large-text-right {
    text-align: right;
  }
  .large-text-center {
    text-align: center;
  }
  .large-text-justify {
    text-align: justify;
  }
}
@media screen and (min-width: 80em) {
  .xlarge-text-left {
    text-align: left;
  }
  .xlarge-text-right {
    text-align: right;
  }
  .xlarge-text-center {
    text-align: center;
  }
  .xlarge-text-justify {
    text-align: justify;
  }
}
@media screen and (min-width: 90em) {
  .xxlarge-text-left {
    text-align: left;
  }
  .xxlarge-text-right {
    text-align: right;
  }
  .xxlarge-text-center {
    text-align: center;
  }
  .xxlarge-text-justify {
    text-align: justify;
  }
}
@media screen and (min-width: 131.25em) {
  .wide-text-left {
    text-align: left;
  }
  .wide-text-right {
    text-align: right;
  }
  .wide-text-center {
    text-align: center;
  }
  .wide-text-justify {
    text-align: justify;
  }
}
.show-for-print {
  display: none !important;
}

@media print {
  * {
    background: transparent !important;
    color: black !important;
    print-color-adjust: economy;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  .show-for-print {
    display: block !important;
  }
  .hide-for-print {
    display: none !important;
  }
  table.show-for-print {
    display: table !important;
  }
  thead.show-for-print {
    display: table-header-group !important;
  }
  tbody.show-for-print {
    display: table-row-group !important;
  }
  tr.show-for-print {
    display: table-row !important;
  }
  td.show-for-print {
    display: table-cell !important;
  }
  th.show-for-print {
    display: table-cell !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  pre,
  blockquote {
    border: 1px solid #8a8a8a;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .print-break-inside {
    page-break-inside: auto;
  }
}
.row {
  max-width: 75rem;
  margin-right: auto;
  margin-left: auto;
}
.row::before, .row::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.row::after {
  clear: both;
}
.row.collapse > .column, .row.collapse > .columns {
  padding-right: 0;
  padding-left: 0;
}
.row .row {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}
@media print, screen and (min-width: 48em) {
  .row .row {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}
@media print, screen and (min-width: 64em) {
  .row .row {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}
@media screen and (min-width: 80em) {
  .row .row {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}
@media screen and (min-width: 90em) {
  .row .row {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}
@media screen and (min-width: 131.25em) {
  .row .row {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}
.row .row.collapse {
  margin-right: 0;
  margin-left: 0;
}
.row.expanded {
  max-width: none;
}
.row.expanded .row {
  margin-right: auto;
  margin-left: auto;
}
.row:not(.expanded) .row {
  max-width: none;
}
.row.gutter-small > .column, .row.gutter-small > .columns {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
.row.gutter-medium > .column, .row.gutter-medium > .columns {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
}

.column, .columns {
  float: left;
  width: 100%;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}
@media print, screen and (min-width: 48em) {
  .column, .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
.column, .columns, .column:last-child:not(:first-child) {
  float: left;
  clear: none;
}
.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
  float: right;
}
.column.end:last-child:last-child, .end.columns:last-child:last-child {
  float: left;
}

.column.row.row, .row.row.columns {
  float: none;
}

.row .column.row.row, .row .row.row.columns {
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0;
}

.small-1 {
  width: 8.3333333333%;
}

.small-push-1 {
  position: relative;
  left: 8.3333333333%;
}

.small-pull-1 {
  position: relative;
  left: -8.3333333333%;
}

.small-offset-0 {
  margin-left: 0%;
}

.small-2 {
  width: 16.6666666667%;
}

.small-push-2 {
  position: relative;
  left: 16.6666666667%;
}

.small-pull-2 {
  position: relative;
  left: -16.6666666667%;
}

.small-offset-1 {
  margin-left: 8.3333333333%;
}

.small-3 {
  width: 25%;
}

.small-push-3 {
  position: relative;
  left: 25%;
}

.small-pull-3 {
  position: relative;
  left: -25%;
}

.small-offset-2 {
  margin-left: 16.6666666667%;
}

.small-4 {
  width: 33.3333333333%;
}

.small-push-4 {
  position: relative;
  left: 33.3333333333%;
}

.small-pull-4 {
  position: relative;
  left: -33.3333333333%;
}

.small-offset-3 {
  margin-left: 25%;
}

.small-5 {
  width: 41.6666666667%;
}

.small-push-5 {
  position: relative;
  left: 41.6666666667%;
}

.small-pull-5 {
  position: relative;
  left: -41.6666666667%;
}

.small-offset-4 {
  margin-left: 33.3333333333%;
}

.small-6 {
  width: 50%;
}

.small-push-6 {
  position: relative;
  left: 50%;
}

.small-pull-6 {
  position: relative;
  left: -50%;
}

.small-offset-5 {
  margin-left: 41.6666666667%;
}

.small-7 {
  width: 58.3333333333%;
}

.small-push-7 {
  position: relative;
  left: 58.3333333333%;
}

.small-pull-7 {
  position: relative;
  left: -58.3333333333%;
}

.small-offset-6 {
  margin-left: 50%;
}

.small-8 {
  width: 66.6666666667%;
}

.small-push-8 {
  position: relative;
  left: 66.6666666667%;
}

.small-pull-8 {
  position: relative;
  left: -66.6666666667%;
}

.small-offset-7 {
  margin-left: 58.3333333333%;
}

.small-9 {
  width: 75%;
}

.small-push-9 {
  position: relative;
  left: 75%;
}

.small-pull-9 {
  position: relative;
  left: -75%;
}

.small-offset-8 {
  margin-left: 66.6666666667%;
}

.small-10 {
  width: 83.3333333333%;
}

.small-push-10 {
  position: relative;
  left: 83.3333333333%;
}

.small-pull-10 {
  position: relative;
  left: -83.3333333333%;
}

.small-offset-9 {
  margin-left: 75%;
}

.small-11 {
  width: 91.6666666667%;
}

.small-push-11 {
  position: relative;
  left: 91.6666666667%;
}

.small-pull-11 {
  position: relative;
  left: -91.6666666667%;
}

.small-offset-10 {
  margin-left: 83.3333333333%;
}

.small-12 {
  width: 100%;
}

.small-offset-11 {
  margin-left: 91.6666666667%;
}

.small-up-1 > .column, .small-up-1 > .columns {
  float: left;
  width: 100%;
}
.small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
  clear: both;
}
.small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
  float: left;
}

.small-up-2 > .column, .small-up-2 > .columns {
  float: left;
  width: 50%;
}
.small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
  clear: both;
}
.small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
  float: left;
}

.small-up-3 > .column, .small-up-3 > .columns {
  float: left;
  width: 33.3333333333%;
}
.small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
  clear: both;
}
.small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
  float: left;
}

.small-up-4 > .column, .small-up-4 > .columns {
  float: left;
  width: 25%;
}
.small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
  clear: both;
}
.small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
  float: left;
}

.small-up-5 > .column, .small-up-5 > .columns {
  float: left;
  width: 20%;
}
.small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
  clear: both;
}
.small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
  float: left;
}

.small-up-6 > .column, .small-up-6 > .columns {
  float: left;
  width: 16.6666666667%;
}
.small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
  clear: both;
}
.small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
  float: left;
}

.small-up-7 > .column, .small-up-7 > .columns {
  float: left;
  width: 14.2857142857%;
}
.small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
  clear: both;
}
.small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
  float: left;
}

.small-up-8 > .column, .small-up-8 > .columns {
  float: left;
  width: 12.5%;
}
.small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
  clear: both;
}
.small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
  float: left;
}

.small-collapse > .column, .small-collapse > .columns {
  padding-right: 0;
  padding-left: 0;
}
.small-collapse .row {
  margin-right: 0;
  margin-left: 0;
}

.expanded.row .small-collapse.row {
  margin-right: 0;
  margin-left: 0;
}

.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}

.small-centered {
  margin-left: auto;
  margin-right: auto;
}
.small-centered, .small-centered:last-child:not(:first-child) {
  float: none;
  clear: both;
}

.small-uncentered, .small-push-0, .small-pull-0 {
  position: static;
  margin-right: 0;
  margin-left: 0;
}
.small-uncentered, .small-uncentered:last-child:not(:first-child), .small-push-0, .small-push-0:last-child:not(:first-child), .small-pull-0, .small-pull-0:last-child:not(:first-child) {
  float: left;
  clear: none;
}
.small-uncentered:last-child:not(:first-child), .small-push-0:last-child:not(:first-child), .small-pull-0:last-child:not(:first-child) {
  float: right;
}

@media print, screen and (min-width: 48em) {
  .medium-1 {
    width: 8.3333333333%;
  }
  .medium-push-1 {
    position: relative;
    left: 8.3333333333%;
  }
  .medium-pull-1 {
    position: relative;
    left: -8.3333333333%;
  }
  .medium-offset-0 {
    margin-left: 0%;
  }
  .medium-2 {
    width: 16.6666666667%;
  }
  .medium-push-2 {
    position: relative;
    left: 16.6666666667%;
  }
  .medium-pull-2 {
    position: relative;
    left: -16.6666666667%;
  }
  .medium-offset-1 {
    margin-left: 8.3333333333%;
  }
  .medium-3 {
    width: 25%;
  }
  .medium-push-3 {
    position: relative;
    left: 25%;
  }
  .medium-pull-3 {
    position: relative;
    left: -25%;
  }
  .medium-offset-2 {
    margin-left: 16.6666666667%;
  }
  .medium-4 {
    width: 33.3333333333%;
  }
  .medium-push-4 {
    position: relative;
    left: 33.3333333333%;
  }
  .medium-pull-4 {
    position: relative;
    left: -33.3333333333%;
  }
  .medium-offset-3 {
    margin-left: 25%;
  }
  .medium-5 {
    width: 41.6666666667%;
  }
  .medium-push-5 {
    position: relative;
    left: 41.6666666667%;
  }
  .medium-pull-5 {
    position: relative;
    left: -41.6666666667%;
  }
  .medium-offset-4 {
    margin-left: 33.3333333333%;
  }
  .medium-6 {
    width: 50%;
  }
  .medium-push-6 {
    position: relative;
    left: 50%;
  }
  .medium-pull-6 {
    position: relative;
    left: -50%;
  }
  .medium-offset-5 {
    margin-left: 41.6666666667%;
  }
  .medium-7 {
    width: 58.3333333333%;
  }
  .medium-push-7 {
    position: relative;
    left: 58.3333333333%;
  }
  .medium-pull-7 {
    position: relative;
    left: -58.3333333333%;
  }
  .medium-offset-6 {
    margin-left: 50%;
  }
  .medium-8 {
    width: 66.6666666667%;
  }
  .medium-push-8 {
    position: relative;
    left: 66.6666666667%;
  }
  .medium-pull-8 {
    position: relative;
    left: -66.6666666667%;
  }
  .medium-offset-7 {
    margin-left: 58.3333333333%;
  }
  .medium-9 {
    width: 75%;
  }
  .medium-push-9 {
    position: relative;
    left: 75%;
  }
  .medium-pull-9 {
    position: relative;
    left: -75%;
  }
  .medium-offset-8 {
    margin-left: 66.6666666667%;
  }
  .medium-10 {
    width: 83.3333333333%;
  }
  .medium-push-10 {
    position: relative;
    left: 83.3333333333%;
  }
  .medium-pull-10 {
    position: relative;
    left: -83.3333333333%;
  }
  .medium-offset-9 {
    margin-left: 75%;
  }
  .medium-11 {
    width: 91.6666666667%;
  }
  .medium-push-11 {
    position: relative;
    left: 91.6666666667%;
  }
  .medium-pull-11 {
    position: relative;
    left: -91.6666666667%;
  }
  .medium-offset-10 {
    margin-left: 83.3333333333%;
  }
  .medium-12 {
    width: 100%;
  }
  .medium-offset-11 {
    margin-left: 91.6666666667%;
  }
  .medium-up-1 > .column, .medium-up-1 > .columns {
    float: left;
    width: 100%;
  }
  .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
    float: left;
  }
  .medium-up-2 > .column, .medium-up-2 > .columns {
    float: left;
    width: 50%;
  }
  .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
    float: left;
  }
  .medium-up-3 > .column, .medium-up-3 > .columns {
    float: left;
    width: 33.3333333333%;
  }
  .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
    float: left;
  }
  .medium-up-4 > .column, .medium-up-4 > .columns {
    float: left;
    width: 25%;
  }
  .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
    float: left;
  }
  .medium-up-5 > .column, .medium-up-5 > .columns {
    float: left;
    width: 20%;
  }
  .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
    float: left;
  }
  .medium-up-6 > .column, .medium-up-6 > .columns {
    float: left;
    width: 16.6666666667%;
  }
  .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
    float: left;
  }
  .medium-up-7 > .column, .medium-up-7 > .columns {
    float: left;
    width: 14.2857142857%;
  }
  .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
    float: left;
  }
  .medium-up-8 > .column, .medium-up-8 > .columns {
    float: left;
    width: 12.5%;
  }
  .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
    float: left;
  }
  .medium-collapse > .column, .medium-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .medium-collapse .row {
    margin-right: 0;
    margin-left: 0;
  }
  .expanded.row .medium-collapse.row {
    margin-right: 0;
    margin-left: 0;
  }
  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
  .medium-centered {
    margin-left: auto;
    margin-right: auto;
  }
  .medium-centered, .medium-centered:last-child:not(:first-child) {
    float: none;
    clear: both;
  }
  .medium-uncentered, .medium-push-0, .medium-pull-0 {
    position: static;
    margin-right: 0;
    margin-left: 0;
  }
  .medium-uncentered, .medium-uncentered:last-child:not(:first-child), .medium-push-0, .medium-push-0:last-child:not(:first-child), .medium-pull-0, .medium-pull-0:last-child:not(:first-child) {
    float: left;
    clear: none;
  }
  .medium-uncentered:last-child:not(:first-child), .medium-push-0:last-child:not(:first-child), .medium-pull-0:last-child:not(:first-child) {
    float: right;
  }
}
@media print, screen and (min-width: 64em) {
  .large-1 {
    width: 8.3333333333%;
  }
  .large-push-1 {
    position: relative;
    left: 8.3333333333%;
  }
  .large-pull-1 {
    position: relative;
    left: -8.3333333333%;
  }
  .large-offset-0 {
    margin-left: 0%;
  }
  .large-2 {
    width: 16.6666666667%;
  }
  .large-push-2 {
    position: relative;
    left: 16.6666666667%;
  }
  .large-pull-2 {
    position: relative;
    left: -16.6666666667%;
  }
  .large-offset-1 {
    margin-left: 8.3333333333%;
  }
  .large-3 {
    width: 25%;
  }
  .large-push-3 {
    position: relative;
    left: 25%;
  }
  .large-pull-3 {
    position: relative;
    left: -25%;
  }
  .large-offset-2 {
    margin-left: 16.6666666667%;
  }
  .large-4 {
    width: 33.3333333333%;
  }
  .large-push-4 {
    position: relative;
    left: 33.3333333333%;
  }
  .large-pull-4 {
    position: relative;
    left: -33.3333333333%;
  }
  .large-offset-3 {
    margin-left: 25%;
  }
  .large-5 {
    width: 41.6666666667%;
  }
  .large-push-5 {
    position: relative;
    left: 41.6666666667%;
  }
  .large-pull-5 {
    position: relative;
    left: -41.6666666667%;
  }
  .large-offset-4 {
    margin-left: 33.3333333333%;
  }
  .large-6 {
    width: 50%;
  }
  .large-push-6 {
    position: relative;
    left: 50%;
  }
  .large-pull-6 {
    position: relative;
    left: -50%;
  }
  .large-offset-5 {
    margin-left: 41.6666666667%;
  }
  .large-7 {
    width: 58.3333333333%;
  }
  .large-push-7 {
    position: relative;
    left: 58.3333333333%;
  }
  .large-pull-7 {
    position: relative;
    left: -58.3333333333%;
  }
  .large-offset-6 {
    margin-left: 50%;
  }
  .large-8 {
    width: 66.6666666667%;
  }
  .large-push-8 {
    position: relative;
    left: 66.6666666667%;
  }
  .large-pull-8 {
    position: relative;
    left: -66.6666666667%;
  }
  .large-offset-7 {
    margin-left: 58.3333333333%;
  }
  .large-9 {
    width: 75%;
  }
  .large-push-9 {
    position: relative;
    left: 75%;
  }
  .large-pull-9 {
    position: relative;
    left: -75%;
  }
  .large-offset-8 {
    margin-left: 66.6666666667%;
  }
  .large-10 {
    width: 83.3333333333%;
  }
  .large-push-10 {
    position: relative;
    left: 83.3333333333%;
  }
  .large-pull-10 {
    position: relative;
    left: -83.3333333333%;
  }
  .large-offset-9 {
    margin-left: 75%;
  }
  .large-11 {
    width: 91.6666666667%;
  }
  .large-push-11 {
    position: relative;
    left: 91.6666666667%;
  }
  .large-pull-11 {
    position: relative;
    left: -91.6666666667%;
  }
  .large-offset-10 {
    margin-left: 83.3333333333%;
  }
  .large-12 {
    width: 100%;
  }
  .large-offset-11 {
    margin-left: 91.6666666667%;
  }
  .large-up-1 > .column, .large-up-1 > .columns {
    float: left;
    width: 100%;
  }
  .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
    float: left;
  }
  .large-up-2 > .column, .large-up-2 > .columns {
    float: left;
    width: 50%;
  }
  .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
    float: left;
  }
  .large-up-3 > .column, .large-up-3 > .columns {
    float: left;
    width: 33.3333333333%;
  }
  .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
    float: left;
  }
  .large-up-4 > .column, .large-up-4 > .columns {
    float: left;
    width: 25%;
  }
  .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
    float: left;
  }
  .large-up-5 > .column, .large-up-5 > .columns {
    float: left;
    width: 20%;
  }
  .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
    float: left;
  }
  .large-up-6 > .column, .large-up-6 > .columns {
    float: left;
    width: 16.6666666667%;
  }
  .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
    float: left;
  }
  .large-up-7 > .column, .large-up-7 > .columns {
    float: left;
    width: 14.2857142857%;
  }
  .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
    float: left;
  }
  .large-up-8 > .column, .large-up-8 > .columns {
    float: left;
    width: 12.5%;
  }
  .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
    float: left;
  }
  .large-collapse > .column, .large-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .large-collapse .row {
    margin-right: 0;
    margin-left: 0;
  }
  .expanded.row .large-collapse.row {
    margin-right: 0;
    margin-left: 0;
  }
  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
  .large-centered {
    margin-left: auto;
    margin-right: auto;
  }
  .large-centered, .large-centered:last-child:not(:first-child) {
    float: none;
    clear: both;
  }
  .large-uncentered, .large-push-0, .large-pull-0 {
    position: static;
    margin-right: 0;
    margin-left: 0;
  }
  .large-uncentered, .large-uncentered:last-child:not(:first-child), .large-push-0, .large-push-0:last-child:not(:first-child), .large-pull-0, .large-pull-0:last-child:not(:first-child) {
    float: left;
    clear: none;
  }
  .large-uncentered:last-child:not(:first-child), .large-push-0:last-child:not(:first-child), .large-pull-0:last-child:not(:first-child) {
    float: right;
  }
}
@media screen and (min-width: 80em) {
  .xlarge-1 {
    width: 8.3333333333%;
  }
  .xlarge-push-1 {
    position: relative;
    left: 8.3333333333%;
  }
  .xlarge-pull-1 {
    position: relative;
    left: -8.3333333333%;
  }
  .xlarge-offset-0 {
    margin-left: 0%;
  }
  .xlarge-2 {
    width: 16.6666666667%;
  }
  .xlarge-push-2 {
    position: relative;
    left: 16.6666666667%;
  }
  .xlarge-pull-2 {
    position: relative;
    left: -16.6666666667%;
  }
  .xlarge-offset-1 {
    margin-left: 8.3333333333%;
  }
  .xlarge-3 {
    width: 25%;
  }
  .xlarge-push-3 {
    position: relative;
    left: 25%;
  }
  .xlarge-pull-3 {
    position: relative;
    left: -25%;
  }
  .xlarge-offset-2 {
    margin-left: 16.6666666667%;
  }
  .xlarge-4 {
    width: 33.3333333333%;
  }
  .xlarge-push-4 {
    position: relative;
    left: 33.3333333333%;
  }
  .xlarge-pull-4 {
    position: relative;
    left: -33.3333333333%;
  }
  .xlarge-offset-3 {
    margin-left: 25%;
  }
  .xlarge-5 {
    width: 41.6666666667%;
  }
  .xlarge-push-5 {
    position: relative;
    left: 41.6666666667%;
  }
  .xlarge-pull-5 {
    position: relative;
    left: -41.6666666667%;
  }
  .xlarge-offset-4 {
    margin-left: 33.3333333333%;
  }
  .xlarge-6 {
    width: 50%;
  }
  .xlarge-push-6 {
    position: relative;
    left: 50%;
  }
  .xlarge-pull-6 {
    position: relative;
    left: -50%;
  }
  .xlarge-offset-5 {
    margin-left: 41.6666666667%;
  }
  .xlarge-7 {
    width: 58.3333333333%;
  }
  .xlarge-push-7 {
    position: relative;
    left: 58.3333333333%;
  }
  .xlarge-pull-7 {
    position: relative;
    left: -58.3333333333%;
  }
  .xlarge-offset-6 {
    margin-left: 50%;
  }
  .xlarge-8 {
    width: 66.6666666667%;
  }
  .xlarge-push-8 {
    position: relative;
    left: 66.6666666667%;
  }
  .xlarge-pull-8 {
    position: relative;
    left: -66.6666666667%;
  }
  .xlarge-offset-7 {
    margin-left: 58.3333333333%;
  }
  .xlarge-9 {
    width: 75%;
  }
  .xlarge-push-9 {
    position: relative;
    left: 75%;
  }
  .xlarge-pull-9 {
    position: relative;
    left: -75%;
  }
  .xlarge-offset-8 {
    margin-left: 66.6666666667%;
  }
  .xlarge-10 {
    width: 83.3333333333%;
  }
  .xlarge-push-10 {
    position: relative;
    left: 83.3333333333%;
  }
  .xlarge-pull-10 {
    position: relative;
    left: -83.3333333333%;
  }
  .xlarge-offset-9 {
    margin-left: 75%;
  }
  .xlarge-11 {
    width: 91.6666666667%;
  }
  .xlarge-push-11 {
    position: relative;
    left: 91.6666666667%;
  }
  .xlarge-pull-11 {
    position: relative;
    left: -91.6666666667%;
  }
  .xlarge-offset-10 {
    margin-left: 83.3333333333%;
  }
  .xlarge-12 {
    width: 100%;
  }
  .xlarge-offset-11 {
    margin-left: 91.6666666667%;
  }
  .xlarge-up-1 > .column, .xlarge-up-1 > .columns {
    float: left;
    width: 100%;
  }
  .xlarge-up-1 > .column:nth-of-type(1n), .xlarge-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-up-1 > .column:nth-of-type(1n+1), .xlarge-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .xlarge-up-1 > .column:last-child, .xlarge-up-1 > .columns:last-child {
    float: left;
  }
  .xlarge-up-2 > .column, .xlarge-up-2 > .columns {
    float: left;
    width: 50%;
  }
  .xlarge-up-2 > .column:nth-of-type(1n), .xlarge-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-up-2 > .column:nth-of-type(2n+1), .xlarge-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .xlarge-up-2 > .column:last-child, .xlarge-up-2 > .columns:last-child {
    float: left;
  }
  .xlarge-up-3 > .column, .xlarge-up-3 > .columns {
    float: left;
    width: 33.3333333333%;
  }
  .xlarge-up-3 > .column:nth-of-type(1n), .xlarge-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-up-3 > .column:nth-of-type(3n+1), .xlarge-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .xlarge-up-3 > .column:last-child, .xlarge-up-3 > .columns:last-child {
    float: left;
  }
  .xlarge-up-4 > .column, .xlarge-up-4 > .columns {
    float: left;
    width: 25%;
  }
  .xlarge-up-4 > .column:nth-of-type(1n), .xlarge-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-up-4 > .column:nth-of-type(4n+1), .xlarge-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .xlarge-up-4 > .column:last-child, .xlarge-up-4 > .columns:last-child {
    float: left;
  }
  .xlarge-up-5 > .column, .xlarge-up-5 > .columns {
    float: left;
    width: 20%;
  }
  .xlarge-up-5 > .column:nth-of-type(1n), .xlarge-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-up-5 > .column:nth-of-type(5n+1), .xlarge-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .xlarge-up-5 > .column:last-child, .xlarge-up-5 > .columns:last-child {
    float: left;
  }
  .xlarge-up-6 > .column, .xlarge-up-6 > .columns {
    float: left;
    width: 16.6666666667%;
  }
  .xlarge-up-6 > .column:nth-of-type(1n), .xlarge-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-up-6 > .column:nth-of-type(6n+1), .xlarge-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .xlarge-up-6 > .column:last-child, .xlarge-up-6 > .columns:last-child {
    float: left;
  }
  .xlarge-up-7 > .column, .xlarge-up-7 > .columns {
    float: left;
    width: 14.2857142857%;
  }
  .xlarge-up-7 > .column:nth-of-type(1n), .xlarge-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-up-7 > .column:nth-of-type(7n+1), .xlarge-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .xlarge-up-7 > .column:last-child, .xlarge-up-7 > .columns:last-child {
    float: left;
  }
  .xlarge-up-8 > .column, .xlarge-up-8 > .columns {
    float: left;
    width: 12.5%;
  }
  .xlarge-up-8 > .column:nth-of-type(1n), .xlarge-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xlarge-up-8 > .column:nth-of-type(8n+1), .xlarge-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .xlarge-up-8 > .column:last-child, .xlarge-up-8 > .columns:last-child {
    float: left;
  }
  .xlarge-collapse > .column, .xlarge-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .xlarge-collapse .row {
    margin-right: 0;
    margin-left: 0;
  }
  .expanded.row .xlarge-collapse.row {
    margin-right: 0;
    margin-left: 0;
  }
  .xlarge-uncollapse > .column, .xlarge-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
  .xlarge-centered {
    margin-left: auto;
    margin-right: auto;
  }
  .xlarge-centered, .xlarge-centered:last-child:not(:first-child) {
    float: none;
    clear: both;
  }
  .xlarge-uncentered, .xlarge-push-0, .xlarge-pull-0 {
    position: static;
    margin-right: 0;
    margin-left: 0;
  }
  .xlarge-uncentered, .xlarge-uncentered:last-child:not(:first-child), .xlarge-push-0, .xlarge-push-0:last-child:not(:first-child), .xlarge-pull-0, .xlarge-pull-0:last-child:not(:first-child) {
    float: left;
    clear: none;
  }
  .xlarge-uncentered:last-child:not(:first-child), .xlarge-push-0:last-child:not(:first-child), .xlarge-pull-0:last-child:not(:first-child) {
    float: right;
  }
}
@media screen and (min-width: 90em) {
  .xxlarge-1 {
    width: 8.3333333333%;
  }
  .xxlarge-push-1 {
    position: relative;
    left: 8.3333333333%;
  }
  .xxlarge-pull-1 {
    position: relative;
    left: -8.3333333333%;
  }
  .xxlarge-offset-0 {
    margin-left: 0%;
  }
  .xxlarge-2 {
    width: 16.6666666667%;
  }
  .xxlarge-push-2 {
    position: relative;
    left: 16.6666666667%;
  }
  .xxlarge-pull-2 {
    position: relative;
    left: -16.6666666667%;
  }
  .xxlarge-offset-1 {
    margin-left: 8.3333333333%;
  }
  .xxlarge-3 {
    width: 25%;
  }
  .xxlarge-push-3 {
    position: relative;
    left: 25%;
  }
  .xxlarge-pull-3 {
    position: relative;
    left: -25%;
  }
  .xxlarge-offset-2 {
    margin-left: 16.6666666667%;
  }
  .xxlarge-4 {
    width: 33.3333333333%;
  }
  .xxlarge-push-4 {
    position: relative;
    left: 33.3333333333%;
  }
  .xxlarge-pull-4 {
    position: relative;
    left: -33.3333333333%;
  }
  .xxlarge-offset-3 {
    margin-left: 25%;
  }
  .xxlarge-5 {
    width: 41.6666666667%;
  }
  .xxlarge-push-5 {
    position: relative;
    left: 41.6666666667%;
  }
  .xxlarge-pull-5 {
    position: relative;
    left: -41.6666666667%;
  }
  .xxlarge-offset-4 {
    margin-left: 33.3333333333%;
  }
  .xxlarge-6 {
    width: 50%;
  }
  .xxlarge-push-6 {
    position: relative;
    left: 50%;
  }
  .xxlarge-pull-6 {
    position: relative;
    left: -50%;
  }
  .xxlarge-offset-5 {
    margin-left: 41.6666666667%;
  }
  .xxlarge-7 {
    width: 58.3333333333%;
  }
  .xxlarge-push-7 {
    position: relative;
    left: 58.3333333333%;
  }
  .xxlarge-pull-7 {
    position: relative;
    left: -58.3333333333%;
  }
  .xxlarge-offset-6 {
    margin-left: 50%;
  }
  .xxlarge-8 {
    width: 66.6666666667%;
  }
  .xxlarge-push-8 {
    position: relative;
    left: 66.6666666667%;
  }
  .xxlarge-pull-8 {
    position: relative;
    left: -66.6666666667%;
  }
  .xxlarge-offset-7 {
    margin-left: 58.3333333333%;
  }
  .xxlarge-9 {
    width: 75%;
  }
  .xxlarge-push-9 {
    position: relative;
    left: 75%;
  }
  .xxlarge-pull-9 {
    position: relative;
    left: -75%;
  }
  .xxlarge-offset-8 {
    margin-left: 66.6666666667%;
  }
  .xxlarge-10 {
    width: 83.3333333333%;
  }
  .xxlarge-push-10 {
    position: relative;
    left: 83.3333333333%;
  }
  .xxlarge-pull-10 {
    position: relative;
    left: -83.3333333333%;
  }
  .xxlarge-offset-9 {
    margin-left: 75%;
  }
  .xxlarge-11 {
    width: 91.6666666667%;
  }
  .xxlarge-push-11 {
    position: relative;
    left: 91.6666666667%;
  }
  .xxlarge-pull-11 {
    position: relative;
    left: -91.6666666667%;
  }
  .xxlarge-offset-10 {
    margin-left: 83.3333333333%;
  }
  .xxlarge-12 {
    width: 100%;
  }
  .xxlarge-offset-11 {
    margin-left: 91.6666666667%;
  }
  .xxlarge-up-1 > .column, .xxlarge-up-1 > .columns {
    float: left;
    width: 100%;
  }
  .xxlarge-up-1 > .column:nth-of-type(1n), .xxlarge-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xxlarge-up-1 > .column:nth-of-type(1n+1), .xxlarge-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .xxlarge-up-1 > .column:last-child, .xxlarge-up-1 > .columns:last-child {
    float: left;
  }
  .xxlarge-up-2 > .column, .xxlarge-up-2 > .columns {
    float: left;
    width: 50%;
  }
  .xxlarge-up-2 > .column:nth-of-type(1n), .xxlarge-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xxlarge-up-2 > .column:nth-of-type(2n+1), .xxlarge-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .xxlarge-up-2 > .column:last-child, .xxlarge-up-2 > .columns:last-child {
    float: left;
  }
  .xxlarge-up-3 > .column, .xxlarge-up-3 > .columns {
    float: left;
    width: 33.3333333333%;
  }
  .xxlarge-up-3 > .column:nth-of-type(1n), .xxlarge-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xxlarge-up-3 > .column:nth-of-type(3n+1), .xxlarge-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .xxlarge-up-3 > .column:last-child, .xxlarge-up-3 > .columns:last-child {
    float: left;
  }
  .xxlarge-up-4 > .column, .xxlarge-up-4 > .columns {
    float: left;
    width: 25%;
  }
  .xxlarge-up-4 > .column:nth-of-type(1n), .xxlarge-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xxlarge-up-4 > .column:nth-of-type(4n+1), .xxlarge-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .xxlarge-up-4 > .column:last-child, .xxlarge-up-4 > .columns:last-child {
    float: left;
  }
  .xxlarge-up-5 > .column, .xxlarge-up-5 > .columns {
    float: left;
    width: 20%;
  }
  .xxlarge-up-5 > .column:nth-of-type(1n), .xxlarge-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xxlarge-up-5 > .column:nth-of-type(5n+1), .xxlarge-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .xxlarge-up-5 > .column:last-child, .xxlarge-up-5 > .columns:last-child {
    float: left;
  }
  .xxlarge-up-6 > .column, .xxlarge-up-6 > .columns {
    float: left;
    width: 16.6666666667%;
  }
  .xxlarge-up-6 > .column:nth-of-type(1n), .xxlarge-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xxlarge-up-6 > .column:nth-of-type(6n+1), .xxlarge-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .xxlarge-up-6 > .column:last-child, .xxlarge-up-6 > .columns:last-child {
    float: left;
  }
  .xxlarge-up-7 > .column, .xxlarge-up-7 > .columns {
    float: left;
    width: 14.2857142857%;
  }
  .xxlarge-up-7 > .column:nth-of-type(1n), .xxlarge-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xxlarge-up-7 > .column:nth-of-type(7n+1), .xxlarge-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .xxlarge-up-7 > .column:last-child, .xxlarge-up-7 > .columns:last-child {
    float: left;
  }
  .xxlarge-up-8 > .column, .xxlarge-up-8 > .columns {
    float: left;
    width: 12.5%;
  }
  .xxlarge-up-8 > .column:nth-of-type(1n), .xxlarge-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .xxlarge-up-8 > .column:nth-of-type(8n+1), .xxlarge-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .xxlarge-up-8 > .column:last-child, .xxlarge-up-8 > .columns:last-child {
    float: left;
  }
  .xxlarge-collapse > .column, .xxlarge-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .xxlarge-collapse .row {
    margin-right: 0;
    margin-left: 0;
  }
  .expanded.row .xxlarge-collapse.row {
    margin-right: 0;
    margin-left: 0;
  }
  .xxlarge-uncollapse > .column, .xxlarge-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
  .xxlarge-centered {
    margin-left: auto;
    margin-right: auto;
  }
  .xxlarge-centered, .xxlarge-centered:last-child:not(:first-child) {
    float: none;
    clear: both;
  }
  .xxlarge-uncentered, .xxlarge-push-0, .xxlarge-pull-0 {
    position: static;
    margin-right: 0;
    margin-left: 0;
  }
  .xxlarge-uncentered, .xxlarge-uncentered:last-child:not(:first-child), .xxlarge-push-0, .xxlarge-push-0:last-child:not(:first-child), .xxlarge-pull-0, .xxlarge-pull-0:last-child:not(:first-child) {
    float: left;
    clear: none;
  }
  .xxlarge-uncentered:last-child:not(:first-child), .xxlarge-push-0:last-child:not(:first-child), .xxlarge-pull-0:last-child:not(:first-child) {
    float: right;
  }
}
@media screen and (min-width: 131.25em) {
  .wide-1 {
    width: 8.3333333333%;
  }
  .wide-push-1 {
    position: relative;
    left: 8.3333333333%;
  }
  .wide-pull-1 {
    position: relative;
    left: -8.3333333333%;
  }
  .wide-offset-0 {
    margin-left: 0%;
  }
  .wide-2 {
    width: 16.6666666667%;
  }
  .wide-push-2 {
    position: relative;
    left: 16.6666666667%;
  }
  .wide-pull-2 {
    position: relative;
    left: -16.6666666667%;
  }
  .wide-offset-1 {
    margin-left: 8.3333333333%;
  }
  .wide-3 {
    width: 25%;
  }
  .wide-push-3 {
    position: relative;
    left: 25%;
  }
  .wide-pull-3 {
    position: relative;
    left: -25%;
  }
  .wide-offset-2 {
    margin-left: 16.6666666667%;
  }
  .wide-4 {
    width: 33.3333333333%;
  }
  .wide-push-4 {
    position: relative;
    left: 33.3333333333%;
  }
  .wide-pull-4 {
    position: relative;
    left: -33.3333333333%;
  }
  .wide-offset-3 {
    margin-left: 25%;
  }
  .wide-5 {
    width: 41.6666666667%;
  }
  .wide-push-5 {
    position: relative;
    left: 41.6666666667%;
  }
  .wide-pull-5 {
    position: relative;
    left: -41.6666666667%;
  }
  .wide-offset-4 {
    margin-left: 33.3333333333%;
  }
  .wide-6 {
    width: 50%;
  }
  .wide-push-6 {
    position: relative;
    left: 50%;
  }
  .wide-pull-6 {
    position: relative;
    left: -50%;
  }
  .wide-offset-5 {
    margin-left: 41.6666666667%;
  }
  .wide-7 {
    width: 58.3333333333%;
  }
  .wide-push-7 {
    position: relative;
    left: 58.3333333333%;
  }
  .wide-pull-7 {
    position: relative;
    left: -58.3333333333%;
  }
  .wide-offset-6 {
    margin-left: 50%;
  }
  .wide-8 {
    width: 66.6666666667%;
  }
  .wide-push-8 {
    position: relative;
    left: 66.6666666667%;
  }
  .wide-pull-8 {
    position: relative;
    left: -66.6666666667%;
  }
  .wide-offset-7 {
    margin-left: 58.3333333333%;
  }
  .wide-9 {
    width: 75%;
  }
  .wide-push-9 {
    position: relative;
    left: 75%;
  }
  .wide-pull-9 {
    position: relative;
    left: -75%;
  }
  .wide-offset-8 {
    margin-left: 66.6666666667%;
  }
  .wide-10 {
    width: 83.3333333333%;
  }
  .wide-push-10 {
    position: relative;
    left: 83.3333333333%;
  }
  .wide-pull-10 {
    position: relative;
    left: -83.3333333333%;
  }
  .wide-offset-9 {
    margin-left: 75%;
  }
  .wide-11 {
    width: 91.6666666667%;
  }
  .wide-push-11 {
    position: relative;
    left: 91.6666666667%;
  }
  .wide-pull-11 {
    position: relative;
    left: -91.6666666667%;
  }
  .wide-offset-10 {
    margin-left: 83.3333333333%;
  }
  .wide-12 {
    width: 100%;
  }
  .wide-offset-11 {
    margin-left: 91.6666666667%;
  }
  .wide-up-1 > .column, .wide-up-1 > .columns {
    float: left;
    width: 100%;
  }
  .wide-up-1 > .column:nth-of-type(1n), .wide-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .wide-up-1 > .column:nth-of-type(1n+1), .wide-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .wide-up-1 > .column:last-child, .wide-up-1 > .columns:last-child {
    float: left;
  }
  .wide-up-2 > .column, .wide-up-2 > .columns {
    float: left;
    width: 50%;
  }
  .wide-up-2 > .column:nth-of-type(1n), .wide-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .wide-up-2 > .column:nth-of-type(2n+1), .wide-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .wide-up-2 > .column:last-child, .wide-up-2 > .columns:last-child {
    float: left;
  }
  .wide-up-3 > .column, .wide-up-3 > .columns {
    float: left;
    width: 33.3333333333%;
  }
  .wide-up-3 > .column:nth-of-type(1n), .wide-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .wide-up-3 > .column:nth-of-type(3n+1), .wide-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .wide-up-3 > .column:last-child, .wide-up-3 > .columns:last-child {
    float: left;
  }
  .wide-up-4 > .column, .wide-up-4 > .columns {
    float: left;
    width: 25%;
  }
  .wide-up-4 > .column:nth-of-type(1n), .wide-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .wide-up-4 > .column:nth-of-type(4n+1), .wide-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .wide-up-4 > .column:last-child, .wide-up-4 > .columns:last-child {
    float: left;
  }
  .wide-up-5 > .column, .wide-up-5 > .columns {
    float: left;
    width: 20%;
  }
  .wide-up-5 > .column:nth-of-type(1n), .wide-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .wide-up-5 > .column:nth-of-type(5n+1), .wide-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .wide-up-5 > .column:last-child, .wide-up-5 > .columns:last-child {
    float: left;
  }
  .wide-up-6 > .column, .wide-up-6 > .columns {
    float: left;
    width: 16.6666666667%;
  }
  .wide-up-6 > .column:nth-of-type(1n), .wide-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .wide-up-6 > .column:nth-of-type(6n+1), .wide-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .wide-up-6 > .column:last-child, .wide-up-6 > .columns:last-child {
    float: left;
  }
  .wide-up-7 > .column, .wide-up-7 > .columns {
    float: left;
    width: 14.2857142857%;
  }
  .wide-up-7 > .column:nth-of-type(1n), .wide-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .wide-up-7 > .column:nth-of-type(7n+1), .wide-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .wide-up-7 > .column:last-child, .wide-up-7 > .columns:last-child {
    float: left;
  }
  .wide-up-8 > .column, .wide-up-8 > .columns {
    float: left;
    width: 12.5%;
  }
  .wide-up-8 > .column:nth-of-type(1n), .wide-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .wide-up-8 > .column:nth-of-type(8n+1), .wide-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .wide-up-8 > .column:last-child, .wide-up-8 > .columns:last-child {
    float: left;
  }
  .wide-collapse > .column, .wide-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .wide-collapse .row {
    margin-right: 0;
    margin-left: 0;
  }
  .expanded.row .wide-collapse.row {
    margin-right: 0;
    margin-left: 0;
  }
  .wide-uncollapse > .column, .wide-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
  .wide-centered {
    margin-left: auto;
    margin-right: auto;
  }
  .wide-centered, .wide-centered:last-child:not(:first-child) {
    float: none;
    clear: both;
  }
  .wide-uncentered, .wide-push-0, .wide-pull-0 {
    position: static;
    margin-right: 0;
    margin-left: 0;
  }
  .wide-uncentered, .wide-uncentered:last-child:not(:first-child), .wide-push-0, .wide-push-0:last-child:not(:first-child), .wide-pull-0, .wide-pull-0:last-child:not(:first-child) {
    float: left;
    clear: none;
  }
  .wide-uncentered:last-child:not(:first-child), .wide-push-0:last-child:not(:first-child), .wide-pull-0:last-child:not(:first-child) {
    float: right;
  }
}
.column-block {
  margin-bottom: 1.25rem;
}
.column-block > :last-child {
  margin-bottom: 0;
}
@media print, screen and (min-width: 48em) {
  .column-block {
    margin-bottom: 1.875rem;
  }
  .column-block > :last-child {
    margin-bottom: 0;
  }
}

.button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  border: 1px solid transparent;
  border-radius: 0;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-family: inherit;
  font-size: 0.9rem;
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  padding: 0.85em 1em;
}
[data-whatinput=mouse] .button {
  outline: 0;
}
.button.tiny {
  font-size: 0.6rem;
}
.button.small {
  font-size: 0.75rem;
}
.button.large {
  font-size: 1.25rem;
}
.button.expanded {
  display: block;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}
.button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus {
  background-color: #1779ba;
  color: #fefefe;
}
.button:hover, .button:focus {
  background-color: rgb(19.55, 102.85, 158.1);
  color: #fefefe;
}
.button.primary, .button.primary.disabled, .button.primary[disabled], .button.primary.disabled:hover, .button.primary[disabled]:hover, .button.primary.disabled:focus, .button.primary[disabled]:focus {
  background-color: #1779ba;
  color: #fefefe;
}
.button.primary:hover, .button.primary:focus {
  background-color: rgb(18.4, 96.8, 148.8);
  color: #fefefe;
}
.button.secondary, .button.secondary.disabled, .button.secondary[disabled], .button.secondary.disabled:hover, .button.secondary[disabled]:hover, .button.secondary.disabled:focus, .button.secondary[disabled]:focus {
  background-color: #767676;
  color: #fefefe;
}
.button.secondary:hover, .button.secondary:focus {
  background-color: rgb(94.4, 94.4, 94.4);
  color: #fefefe;
}
.button.success, .button.success.disabled, .button.success[disabled], .button.success.disabled:hover, .button.success[disabled]:hover, .button.success.disabled:focus, .button.success[disabled]:focus {
  background-color: #3adb76;
  color: #0a0a0a;
}
.button.success:hover, .button.success:focus {
  background-color: rgb(34.2386266094, 187.3613733906, 91.3030042918);
  color: #0a0a0a;
}
.button.warning, .button.warning.disabled, .button.warning[disabled], .button.warning.disabled:hover, .button.warning[disabled]:hover, .button.warning.disabled:focus, .button.warning[disabled]:focus {
  background-color: #ffae00;
  color: #0a0a0a;
}
.button.warning:hover, .button.warning:focus {
  background-color: rgb(204, 139.2, 0);
  color: #0a0a0a;
}
.button.alert, .button.alert.disabled, .button.alert[disabled], .button.alert.disabled:hover, .button.alert[disabled]:hover, .button.alert.disabled:focus, .button.alert[disabled]:focus {
  background-color: #cc4b37;
  color: #fefefe;
}
.button.alert:hover, .button.alert:focus {
  background-color: rgb(165.0996015936, 58.6103585657, 42.1003984064);
  color: #fefefe;
}
.button.hollow, .button.hollow:hover, .button.hollow:focus, .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus {
  background-color: transparent;
}
.button.hollow, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus {
  border: 1px solid #1779ba;
  color: #1779ba;
}
.button.hollow:hover, .button.hollow:focus {
  border-color: rgb(11.5, 60.5, 93);
  color: rgb(11.5, 60.5, 93);
}
.button.hollow.primary, .button.hollow.primary.disabled, .button.hollow.primary[disabled], .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled]:hover, .button.hollow.primary.disabled:focus, .button.hollow.primary[disabled]:focus {
  border: 1px solid #1779ba;
  color: #1779ba;
}
.button.hollow.primary:hover, .button.hollow.primary:focus {
  border-color: rgb(11.5, 60.5, 93);
  color: rgb(11.5, 60.5, 93);
}
.button.hollow.secondary, .button.hollow.secondary.disabled, .button.hollow.secondary[disabled], .button.hollow.secondary.disabled:hover, .button.hollow.secondary[disabled]:hover, .button.hollow.secondary.disabled:focus, .button.hollow.secondary[disabled]:focus {
  border: 1px solid #767676;
  color: #767676;
}
.button.hollow.secondary:hover, .button.hollow.secondary:focus {
  border-color: #3b3b3b;
  color: #3b3b3b;
}
.button.hollow.success, .button.hollow.success.disabled, .button.hollow.success[disabled], .button.hollow.success.disabled:hover, .button.hollow.success[disabled]:hover, .button.hollow.success.disabled:focus, .button.hollow.success[disabled]:focus {
  border: 1px solid #3adb76;
  color: #3adb76;
}
.button.hollow.success:hover, .button.hollow.success:focus {
  border-color: rgb(21.3991416309, 117.1008583691, 57.0643776824);
  color: rgb(21.3991416309, 117.1008583691, 57.0643776824);
}
.button.hollow.warning, .button.hollow.warning.disabled, .button.hollow.warning[disabled], .button.hollow.warning.disabled:hover, .button.hollow.warning[disabled]:hover, .button.hollow.warning.disabled:focus, .button.hollow.warning[disabled]:focus {
  border: 1px solid #ffae00;
  color: #ffae00;
}
.button.hollow.warning:hover, .button.hollow.warning:focus {
  border-color: rgb(127.5, 87, 0);
  color: rgb(127.5, 87, 0);
}
.button.hollow.alert, .button.hollow.alert.disabled, .button.hollow.alert[disabled], .button.hollow.alert.disabled:hover, .button.hollow.alert[disabled]:hover, .button.hollow.alert.disabled:focus, .button.hollow.alert[disabled]:focus {
  border: 1px solid #cc4b37;
  color: #cc4b37;
}
.button.hollow.alert:hover, .button.hollow.alert:focus {
  border-color: rgb(103.187250996, 36.6314741036, 26.312749004);
  color: rgb(103.187250996, 36.6314741036, 26.312749004);
}
.button.clear, .button.clear:hover, .button.clear:focus, .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus {
  border-color: transparent;
  background-color: transparent;
}
.button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear.disabled:hover, .button.clear[disabled]:hover, .button.clear.disabled:focus, .button.clear[disabled]:focus {
  color: #1779ba;
}
.button.clear:hover, .button.clear:focus {
  color: rgb(11.5, 60.5, 93);
}
.button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary.disabled:hover, .button.clear.primary[disabled]:hover, .button.clear.primary.disabled:focus, .button.clear.primary[disabled]:focus {
  color: #1779ba;
}
.button.clear.primary:hover, .button.clear.primary:focus {
  color: rgb(11.5, 60.5, 93);
}
.button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary.disabled:hover, .button.clear.secondary[disabled]:hover, .button.clear.secondary.disabled:focus, .button.clear.secondary[disabled]:focus {
  color: #767676;
}
.button.clear.secondary:hover, .button.clear.secondary:focus {
  color: #3b3b3b;
}
.button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success.disabled:hover, .button.clear.success[disabled]:hover, .button.clear.success.disabled:focus, .button.clear.success[disabled]:focus {
  color: #3adb76;
}
.button.clear.success:hover, .button.clear.success:focus {
  color: rgb(21.3991416309, 117.1008583691, 57.0643776824);
}
.button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning.disabled:hover, .button.clear.warning[disabled]:hover, .button.clear.warning.disabled:focus, .button.clear.warning[disabled]:focus {
  color: #ffae00;
}
.button.clear.warning:hover, .button.clear.warning:focus {
  color: rgb(127.5, 87, 0);
}
.button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert.disabled:hover, .button.clear.alert[disabled]:hover, .button.clear.alert.disabled:focus, .button.clear.alert[disabled]:focus {
  color: #cc4b37;
}
.button.clear.alert:hover, .button.clear.alert:focus {
  color: rgb(103.187250996, 36.6314741036, 26.312749004);
}
.button.disabled, .button[disabled] {
  opacity: 0.25;
  cursor: not-allowed;
}
.button.dropdown::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.4em;
  content: "";
  border-bottom-width: 0;
  border-color: #fefefe transparent transparent;
  position: relative;
  top: 0.4em;
  display: inline-block;
  float: right;
  margin-left: 1em;
}
.button.dropdown.hollow::after, .button.dropdown.clear::after {
  border-top-color: #1779ba;
}
.button.dropdown.hollow.primary::after, .button.dropdown.clear.primary::after {
  border-top-color: #1779ba;
}
.button.dropdown.hollow.secondary::after, .button.dropdown.clear.secondary::after {
  border-top-color: #767676;
}
.button.dropdown.hollow.success::after, .button.dropdown.clear.success::after {
  border-top-color: #3adb76;
}
.button.dropdown.hollow.warning::after, .button.dropdown.clear.warning::after {
  border-top-color: #ffae00;
}
.button.dropdown.hollow.alert::after, .button.dropdown.clear.alert::after {
  border-top-color: #cc4b37;
}
.button.arrow-only::after {
  top: -0.1em;
  float: none;
  margin-left: 0;
}

a.button:hover, a.button:focus {
  text-decoration: none;
}

.button-group {
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  flex-grow: 1;
}
.button-group::before, .button-group::after {
  display: none;
}
.button-group::before, .button-group::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.button-group::after {
  clear: both;
}
.button-group .button {
  margin: 0;
  margin-right: 1px;
  margin-bottom: 1px;
  font-size: 0.9rem;
  flex: 0 0 auto;
}
.button-group .button:last-child {
  margin-right: 0;
}
.button-group.tiny .button {
  font-size: 0.6rem;
}
.button-group.small .button {
  font-size: 0.75rem;
}
.button-group.large .button {
  font-size: 1.25rem;
}
.button-group.expanded .button {
  flex: 1 1 0px;
}
.button-group.primary .button, .button-group.primary .button.disabled, .button-group.primary .button[disabled], .button-group.primary .button.disabled:hover, .button-group.primary .button[disabled]:hover, .button-group.primary .button.disabled:focus, .button-group.primary .button[disabled]:focus {
  background-color: #1779ba;
  color: #fefefe;
}
.button-group.primary .button:hover, .button-group.primary .button:focus {
  background-color: rgb(18.4, 96.8, 148.8);
  color: #fefefe;
}
.button-group.secondary .button, .button-group.secondary .button.disabled, .button-group.secondary .button[disabled], .button-group.secondary .button.disabled:hover, .button-group.secondary .button[disabled]:hover, .button-group.secondary .button.disabled:focus, .button-group.secondary .button[disabled]:focus {
  background-color: #767676;
  color: #fefefe;
}
.button-group.secondary .button:hover, .button-group.secondary .button:focus {
  background-color: rgb(94.4, 94.4, 94.4);
  color: #fefefe;
}
.button-group.success .button, .button-group.success .button.disabled, .button-group.success .button[disabled], .button-group.success .button.disabled:hover, .button-group.success .button[disabled]:hover, .button-group.success .button.disabled:focus, .button-group.success .button[disabled]:focus {
  background-color: #3adb76;
  color: #0a0a0a;
}
.button-group.success .button:hover, .button-group.success .button:focus {
  background-color: rgb(34.2386266094, 187.3613733906, 91.3030042918);
  color: #0a0a0a;
}
.button-group.warning .button, .button-group.warning .button.disabled, .button-group.warning .button[disabled], .button-group.warning .button.disabled:hover, .button-group.warning .button[disabled]:hover, .button-group.warning .button.disabled:focus, .button-group.warning .button[disabled]:focus {
  background-color: #ffae00;
  color: #0a0a0a;
}
.button-group.warning .button:hover, .button-group.warning .button:focus {
  background-color: rgb(204, 139.2, 0);
  color: #0a0a0a;
}
.button-group.alert .button, .button-group.alert .button.disabled, .button-group.alert .button[disabled], .button-group.alert .button.disabled:hover, .button-group.alert .button[disabled]:hover, .button-group.alert .button.disabled:focus, .button-group.alert .button[disabled]:focus {
  background-color: #cc4b37;
  color: #fefefe;
}
.button-group.alert .button:hover, .button-group.alert .button:focus {
  background-color: rgb(165.0996015936, 58.6103585657, 42.1003984064);
  color: #fefefe;
}
.button-group.hollow .button, .button-group.hollow .button:hover, .button-group.hollow .button:focus, .button-group.hollow .button.disabled, .button-group.hollow .button.disabled:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled], .button-group.hollow .button[disabled]:hover, .button-group.hollow .button[disabled]:focus {
  background-color: transparent;
}
.button-group.hollow .button, .button-group.hollow .button.disabled, .button-group.hollow .button[disabled], .button-group.hollow .button.disabled:hover, .button-group.hollow .button[disabled]:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled]:focus {
  border: 1px solid #1779ba;
  color: #1779ba;
}
.button-group.hollow .button:hover, .button-group.hollow .button:focus {
  border-color: rgb(11.5, 60.5, 93);
  color: rgb(11.5, 60.5, 93);
}
.button-group.hollow.primary .button, .button-group.hollow.primary .button.disabled, .button-group.hollow.primary .button[disabled], .button-group.hollow.primary .button.disabled:hover, .button-group.hollow.primary .button[disabled]:hover, .button-group.hollow.primary .button.disabled:focus, .button-group.hollow.primary .button[disabled]:focus, .button-group.hollow .button.primary, .button-group.hollow .button.primary.disabled, .button-group.hollow .button.primary[disabled], .button-group.hollow .button.primary.disabled:hover, .button-group.hollow .button.primary[disabled]:hover, .button-group.hollow .button.primary.disabled:focus, .button-group.hollow .button.primary[disabled]:focus {
  border: 1px solid #1779ba;
  color: #1779ba;
}
.button-group.hollow.primary .button:hover, .button-group.hollow.primary .button:focus, .button-group.hollow .button.primary:hover, .button-group.hollow .button.primary:focus {
  border-color: rgb(11.5, 60.5, 93);
  color: rgb(11.5, 60.5, 93);
}
.button-group.hollow.secondary .button, .button-group.hollow.secondary .button.disabled, .button-group.hollow.secondary .button[disabled], .button-group.hollow.secondary .button.disabled:hover, .button-group.hollow.secondary .button[disabled]:hover, .button-group.hollow.secondary .button.disabled:focus, .button-group.hollow.secondary .button[disabled]:focus, .button-group.hollow .button.secondary, .button-group.hollow .button.secondary.disabled, .button-group.hollow .button.secondary[disabled], .button-group.hollow .button.secondary.disabled:hover, .button-group.hollow .button.secondary[disabled]:hover, .button-group.hollow .button.secondary.disabled:focus, .button-group.hollow .button.secondary[disabled]:focus {
  border: 1px solid #767676;
  color: #767676;
}
.button-group.hollow.secondary .button:hover, .button-group.hollow.secondary .button:focus, .button-group.hollow .button.secondary:hover, .button-group.hollow .button.secondary:focus {
  border-color: #3b3b3b;
  color: #3b3b3b;
}
.button-group.hollow.success .button, .button-group.hollow.success .button.disabled, .button-group.hollow.success .button[disabled], .button-group.hollow.success .button.disabled:hover, .button-group.hollow.success .button[disabled]:hover, .button-group.hollow.success .button.disabled:focus, .button-group.hollow.success .button[disabled]:focus, .button-group.hollow .button.success, .button-group.hollow .button.success.disabled, .button-group.hollow .button.success[disabled], .button-group.hollow .button.success.disabled:hover, .button-group.hollow .button.success[disabled]:hover, .button-group.hollow .button.success.disabled:focus, .button-group.hollow .button.success[disabled]:focus {
  border: 1px solid #3adb76;
  color: #3adb76;
}
.button-group.hollow.success .button:hover, .button-group.hollow.success .button:focus, .button-group.hollow .button.success:hover, .button-group.hollow .button.success:focus {
  border-color: rgb(21.3991416309, 117.1008583691, 57.0643776824);
  color: rgb(21.3991416309, 117.1008583691, 57.0643776824);
}
.button-group.hollow.warning .button, .button-group.hollow.warning .button.disabled, .button-group.hollow.warning .button[disabled], .button-group.hollow.warning .button.disabled:hover, .button-group.hollow.warning .button[disabled]:hover, .button-group.hollow.warning .button.disabled:focus, .button-group.hollow.warning .button[disabled]:focus, .button-group.hollow .button.warning, .button-group.hollow .button.warning.disabled, .button-group.hollow .button.warning[disabled], .button-group.hollow .button.warning.disabled:hover, .button-group.hollow .button.warning[disabled]:hover, .button-group.hollow .button.warning.disabled:focus, .button-group.hollow .button.warning[disabled]:focus {
  border: 1px solid #ffae00;
  color: #ffae00;
}
.button-group.hollow.warning .button:hover, .button-group.hollow.warning .button:focus, .button-group.hollow .button.warning:hover, .button-group.hollow .button.warning:focus {
  border-color: rgb(127.5, 87, 0);
  color: rgb(127.5, 87, 0);
}
.button-group.hollow.alert .button, .button-group.hollow.alert .button.disabled, .button-group.hollow.alert .button[disabled], .button-group.hollow.alert .button.disabled:hover, .button-group.hollow.alert .button[disabled]:hover, .button-group.hollow.alert .button.disabled:focus, .button-group.hollow.alert .button[disabled]:focus, .button-group.hollow .button.alert, .button-group.hollow .button.alert.disabled, .button-group.hollow .button.alert[disabled], .button-group.hollow .button.alert.disabled:hover, .button-group.hollow .button.alert[disabled]:hover, .button-group.hollow .button.alert.disabled:focus, .button-group.hollow .button.alert[disabled]:focus {
  border: 1px solid #cc4b37;
  color: #cc4b37;
}
.button-group.hollow.alert .button:hover, .button-group.hollow.alert .button:focus, .button-group.hollow .button.alert:hover, .button-group.hollow .button.alert:focus {
  border-color: rgb(103.187250996, 36.6314741036, 26.312749004);
  color: rgb(103.187250996, 36.6314741036, 26.312749004);
}
.button-group.clear .button, .button-group.clear .button:hover, .button-group.clear .button:focus, .button-group.clear .button.disabled, .button-group.clear .button.disabled:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled], .button-group.clear .button[disabled]:hover, .button-group.clear .button[disabled]:focus {
  border-color: transparent;
  background-color: transparent;
}
.button-group.clear .button, .button-group.clear .button.disabled, .button-group.clear .button[disabled], .button-group.clear .button.disabled:hover, .button-group.clear .button[disabled]:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled]:focus {
  color: #1779ba;
}
.button-group.clear .button:hover, .button-group.clear .button:focus {
  color: rgb(11.5, 60.5, 93);
}
.button-group.clear.primary .button, .button-group.clear.primary .button.disabled, .button-group.clear.primary .button[disabled], .button-group.clear.primary .button.disabled:hover, .button-group.clear.primary .button[disabled]:hover, .button-group.clear.primary .button.disabled:focus, .button-group.clear.primary .button[disabled]:focus, .button-group.clear .button.primary, .button-group.clear .button.primary.disabled, .button-group.clear .button.primary[disabled], .button-group.clear .button.primary.disabled:hover, .button-group.clear .button.primary[disabled]:hover, .button-group.clear .button.primary.disabled:focus, .button-group.clear .button.primary[disabled]:focus {
  color: #1779ba;
}
.button-group.clear.primary .button:hover, .button-group.clear.primary .button:focus, .button-group.clear .button.primary:hover, .button-group.clear .button.primary:focus {
  color: rgb(11.5, 60.5, 93);
}
.button-group.clear.secondary .button, .button-group.clear.secondary .button.disabled, .button-group.clear.secondary .button[disabled], .button-group.clear.secondary .button.disabled:hover, .button-group.clear.secondary .button[disabled]:hover, .button-group.clear.secondary .button.disabled:focus, .button-group.clear.secondary .button[disabled]:focus, .button-group.clear .button.secondary, .button-group.clear .button.secondary.disabled, .button-group.clear .button.secondary[disabled], .button-group.clear .button.secondary.disabled:hover, .button-group.clear .button.secondary[disabled]:hover, .button-group.clear .button.secondary.disabled:focus, .button-group.clear .button.secondary[disabled]:focus {
  color: #767676;
}
.button-group.clear.secondary .button:hover, .button-group.clear.secondary .button:focus, .button-group.clear .button.secondary:hover, .button-group.clear .button.secondary:focus {
  color: #3b3b3b;
}
.button-group.clear.success .button, .button-group.clear.success .button.disabled, .button-group.clear.success .button[disabled], .button-group.clear.success .button.disabled:hover, .button-group.clear.success .button[disabled]:hover, .button-group.clear.success .button.disabled:focus, .button-group.clear.success .button[disabled]:focus, .button-group.clear .button.success, .button-group.clear .button.success.disabled, .button-group.clear .button.success[disabled], .button-group.clear .button.success.disabled:hover, .button-group.clear .button.success[disabled]:hover, .button-group.clear .button.success.disabled:focus, .button-group.clear .button.success[disabled]:focus {
  color: #3adb76;
}
.button-group.clear.success .button:hover, .button-group.clear.success .button:focus, .button-group.clear .button.success:hover, .button-group.clear .button.success:focus {
  color: rgb(21.3991416309, 117.1008583691, 57.0643776824);
}
.button-group.clear.warning .button, .button-group.clear.warning .button.disabled, .button-group.clear.warning .button[disabled], .button-group.clear.warning .button.disabled:hover, .button-group.clear.warning .button[disabled]:hover, .button-group.clear.warning .button.disabled:focus, .button-group.clear.warning .button[disabled]:focus, .button-group.clear .button.warning, .button-group.clear .button.warning.disabled, .button-group.clear .button.warning[disabled], .button-group.clear .button.warning.disabled:hover, .button-group.clear .button.warning[disabled]:hover, .button-group.clear .button.warning.disabled:focus, .button-group.clear .button.warning[disabled]:focus {
  color: #ffae00;
}
.button-group.clear.warning .button:hover, .button-group.clear.warning .button:focus, .button-group.clear .button.warning:hover, .button-group.clear .button.warning:focus {
  color: rgb(127.5, 87, 0);
}
.button-group.clear.alert .button, .button-group.clear.alert .button.disabled, .button-group.clear.alert .button[disabled], .button-group.clear.alert .button.disabled:hover, .button-group.clear.alert .button[disabled]:hover, .button-group.clear.alert .button.disabled:focus, .button-group.clear.alert .button[disabled]:focus, .button-group.clear .button.alert, .button-group.clear .button.alert.disabled, .button-group.clear .button.alert[disabled], .button-group.clear .button.alert.disabled:hover, .button-group.clear .button.alert[disabled]:hover, .button-group.clear .button.alert.disabled:focus, .button-group.clear .button.alert[disabled]:focus {
  color: #cc4b37;
}
.button-group.clear.alert .button:hover, .button-group.clear.alert .button:focus, .button-group.clear .button.alert:hover, .button-group.clear .button.alert:focus {
  color: rgb(103.187250996, 36.6314741036, 26.312749004);
}
.button-group.no-gaps .button {
  margin-right: -0.0625rem;
}
.button-group.no-gaps .button + .button {
  border-left-color: transparent;
}
.button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium {
  flex-wrap: wrap;
}
.button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {
  flex: 0 0 100%;
}
.button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child {
  margin-bottom: 0;
}
.button-group.stacked.expanded .button, .button-group.stacked-for-small.expanded .button, .button-group.stacked-for-medium.expanded .button {
  flex: 1 1 0px;
}
@media print, screen and (min-width: 48em) {
  .button-group.stacked-for-small .button {
    flex: 0 0 auto;
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 64em) {
  .button-group.stacked-for-medium .button {
    flex: 0 0 auto;
    margin-bottom: 0;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .button-group.stacked-for-small.expanded {
    display: block;
  }
  .button-group.stacked-for-small.expanded .button {
    display: block;
    margin-right: 0;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .button-group.stacked-for-medium.expanded {
    display: block;
  }
  .button-group.stacked-for-medium.expanded .button {
    display: block;
    margin-right: 0;
  }
}

.close-button {
  position: absolute;
  z-index: 10;
  color: #8a8a8a;
  cursor: pointer;
}
[data-whatinput=mouse] .close-button {
  outline: 0;
}
.close-button:hover, .close-button:focus {
  color: #0a0a0a;
}
.close-button.small {
  right: 0.66rem;
  top: 0.33em;
  font-size: 1.5em;
  line-height: 1;
}

.close-button.medium, .close-button {
  right: 1rem;
  top: 0.5rem;
  font-size: 2em;
  line-height: 1;
}

.label {
  display: inline-block;
  padding: 0.33333rem 0.5rem;
  border-radius: 0;
  font-size: 0.8rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  background: #1779ba;
  color: #fefefe;
}
.label.primary {
  background: #1779ba;
  color: #fefefe;
}
.label.secondary {
  background: #767676;
  color: #fefefe;
}
.label.success {
  background: #3adb76;
  color: #0a0a0a;
}
.label.warning {
  background: #ffae00;
  color: #0a0a0a;
}
.label.alert {
  background: #cc4b37;
  color: #fefefe;
}

input[type=range] {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 0.45rem;
  margin-bottom: 0.45rem;
  appearance: none;
  border: 0;
  line-height: 1;
  cursor: pointer;
}
input[type=range]:focus {
  outline: 0;
}
input[type=range][disabled] {
  opacity: 0.25;
}
input[type=range]::-webkit-slider-runnable-track {
  height: 0.5rem;
  background: #e6e6e6;
}
input[type=range]::-webkit-slider-thumb {
  width: 1.4rem;
  height: 1.4rem;
  margin-top: -0.45rem;
  -webkit-appearance: none;
  background: #1779ba;
}
input[type=range]::-moz-range-track {
  height: 0.5rem;
  -moz-appearance: none;
  background: #e6e6e6;
}
input[type=range]::-moz-range-thumb {
  width: 1.4rem;
  height: 1.4rem;
  margin-top: -0.45rem;
  -moz-appearance: none;
  background: #1779ba;
}
input[type=range]::-ms-track {
  height: 0.5rem;
  border: 0;
  border-top: 0.45rem solid #fefefe;
  border-bottom: 0.45rem solid #fefefe;
  background: #e6e6e6;
  overflow: visible;
  color: transparent;
}
input[type=range]::-ms-thumb {
  width: 1.4rem;
  height: 1.4rem;
  border: 0;
  background: #1779ba;
}
input[type=range]::-ms-fill-lower {
  background: #cacaca;
}
input[type=range]::-ms-fill-upper {
  background: #e6e6e6;
}
output {
  vertical-align: middle;
  margin-left: 0.5em;
  line-height: 1.4rem;
}

table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 0;
}
thead,
tbody,
tfoot {
  border: 1px solid rgb(247.65, 247.65, 247.65);
  background-color: #fefefe;
}

caption {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: bold;
}

thead {
  background: #fff;
  color: #0a0a0a;
}

tfoot {
  background: rgb(247.65, 247.65, 247.65);
  color: #0a0a0a;
}

thead tr,
tfoot tr {
  background: transparent;
}
thead th,
thead td,
tfoot th,
tfoot td {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: bold;
  text-align: left;
}

tbody th,
tbody td {
  padding: 0.5rem 0.625rem 0.625rem;
}

tbody tr:nth-child(odd) {
  background-color: rgb(247.65, 247.65, 247.65);
}

table.unstriped tbody {
  background-color: #fefefe;
}
table.unstriped tbody tr {
  border-bottom: 1px solid rgb(247.65, 247.65, 247.65);
  background-color: #fefefe;
}

@media print, screen and (max-width: 63.99875em) {
  table.stack thead {
    display: none;
  }
  table.stack tfoot {
    display: none;
  }
  table.stack tr,
  table.stack th,
  table.stack td {
    display: block;
  }
  table.stack td {
    border-top: 0;
  }
}

table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto;
}

table.hover thead tr:hover {
  background-color: rgb(249.9, 249.9, 249.9);
}
table.hover tfoot tr:hover {
  background-color: rgb(242.55, 242.55, 242.55);
}
table.hover tbody tr:hover {
  background-color: rgb(248.9, 248.9, 248.9);
}
table.hover:not(.unstriped) tr:nth-of-type(odd):hover {
  background-color: rgb(242.525, 242.525, 242.525);
}

.table-scroll {
  overflow-x: auto;
}

.breadcrumbs {
  margin: 0 0 1rem 0;
  list-style: none;
}
.breadcrumbs::before, .breadcrumbs::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.breadcrumbs::after {
  clear: both;
}
.breadcrumbs li {
  float: left;
  font-size: 0.6875rem;
  color: #0a0a0a;
  cursor: default;
  text-transform: uppercase;
}
.breadcrumbs li:not(:last-child)::after {
  position: relative;
  margin: 0 0.75rem;
  opacity: 1;
  content: "/";
  color: #cacaca;
}
.breadcrumbs a {
  color: #1779ba;
}
.breadcrumbs a:hover {
  text-decoration: underline;
}
.breadcrumbs .disabled {
  color: #cacaca;
  cursor: not-allowed;
}

.callout {
  background-color: rgb(254.85, 254.85, 254.85);
  color: #0a0a0a;
  position: relative;
  margin: 0 0 1rem 0;
  padding: 1rem;
  border: 1px solid rgba(10, 10, 10, 0.25);
  border-radius: 0;
}
.callout > :first-child {
  margin-top: 0;
}
.callout > :last-child {
  margin-bottom: 0;
}
.callout.primary {
  background-color: rgb(214.8186602871, 235.9894736842, 250.0313397129);
  color: #0a0a0a;
}
.callout.secondary {
  background-color: rgb(234.45, 234.45, 234.45);
  color: #0a0a0a;
}
.callout.success {
  background-color: rgb(225.45, 249.6, 234.45);
  color: #0a0a0a;
}
.callout.warning {
  background-color: rgb(255, 242.85, 216.75);
  color: #0a0a0a;
}
.callout.alert {
  background-color: rgb(247.35, 228, 225);
  color: #0a0a0a;
}
.callout.small {
  padding-top: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
}
.callout.large {
  padding-top: 3rem;
  padding-right: 3rem;
  padding-bottom: 3rem;
  padding-left: 3rem;
}

.card {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-bottom: 1rem;
  border: 1px solid #e6e6e6;
  border-radius: 0;
  background: #fefefe;
  box-shadow: none;
  overflow: hidden;
  color: #0a0a0a;
}
.card > :last-child {
  margin-bottom: 0;
}

.card-divider {
  display: flex;
  flex: 0 1 auto;
  padding: 1rem;
  background: #e6e6e6;
}
.card-divider > :last-child {
  margin-bottom: 0;
}

.card-section {
  flex: 1 0 auto;
  padding: 1rem;
}
.card-section > :last-child {
  margin-bottom: 0;
}

.card-image {
  min-height: 1px;
}

.dropdown-pane {
  position: absolute;
  z-index: 10;
  display: none;
  width: 300px;
  padding: 1rem;
  visibility: hidden;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  font-size: 1rem;
}
.dropdown-pane.is-opening {
  display: block;
}
.dropdown-pane.is-open {
  display: block;
  visibility: visible;
}

.dropdown-pane.tiny {
  width: 100px;
}

.dropdown-pane.small {
  width: 200px;
}

.dropdown-pane.large {
  width: 400px;
}

.pagination {
  margin-left: 0;
  margin-bottom: 1rem;
}
.pagination::before, .pagination::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.pagination::after {
  clear: both;
}
.pagination li {
  margin-right: 0.0625rem;
  border-radius: 0;
  font-size: 0.875rem;
  display: none;
}
.pagination li:last-child, .pagination li:first-child {
  display: inline-block;
}
@media print, screen and (min-width: 48em) {
  .pagination li {
    display: inline-block;
  }
}
.pagination a,
.pagination button {
  display: block;
  padding: 0.1875rem 0.625rem;
  border-radius: 0;
  color: #0a0a0a;
}
.pagination a:hover,
.pagination button:hover {
  background: #e6e6e6;
}
.pagination .current {
  padding: 0.1875rem 0.625rem;
  background: #1779ba;
  color: #fefefe;
  cursor: default;
}
.pagination .disabled {
  padding: 0.1875rem 0.625rem;
  color: #cacaca;
  cursor: not-allowed;
}
.pagination .disabled:hover {
  background: transparent;
}
.pagination .ellipsis::after {
  padding: 0.1875rem 0.625rem;
  content: "…";
  color: #0a0a0a;
}

.pagination-previous a::before,
.pagination-previous.disabled::before {
  display: inline-block;
  margin-right: 0.5rem;
  content: "«";
}

.pagination-next a::after,
.pagination-next.disabled::after {
  display: inline-block;
  margin-left: 0.5rem;
  content: "»";
}

.accordion {
  margin-left: 0;
  background: #fefefe;
  list-style-type: none;
}
.accordion[disabled] .accordion-title {
  cursor: not-allowed;
}

.accordion-item:first-child > :first-child {
  border-radius: 0 0 0 0;
}
.accordion-item:last-child > :last-child {
  border-radius: 0 0 0 0;
}

.accordion-title {
  position: relative;
  display: block;
  padding: 1.25rem 1rem;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  font-size: 0.75rem;
  line-height: 1;
  color: #1779ba;
}
:last-child:not(.is-active) > .accordion-title {
  border-bottom: 1px solid #e6e6e6;
  border-radius: 0 0 0 0;
}
.accordion-title:hover, .accordion-title:focus {
  background-color: #e6e6e6;
}
.accordion-title::before {
  position: absolute;
  top: 50%;
  right: 1rem;
  margin-top: -0.5rem;
  content: "+";
}
.is-active > .accordion-title::before {
  content: "–";
}

.accordion-content {
  display: none;
  padding: 1rem;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  background-color: #fefefe;
  color: #0a0a0a;
}
:last-child > .accordion-content:last-child {
  border-bottom: 1px solid #e6e6e6;
}

.media-object {
  display: flex;
  margin-bottom: 1rem;
  flex-wrap: nowrap;
}
.media-object img {
  max-width: none;
}
@media print, screen and (max-width: 47.99875em) {
  .media-object.stack-for-small {
    flex-wrap: wrap;
  }
}

.media-object-section {
  flex: 0 1 auto;
}
.media-object-section:first-child {
  padding-right: 1rem;
}
.media-object-section:last-child:not(:nth-child(2)) {
  padding-left: 1rem;
}
.media-object-section > :last-child {
  margin-bottom: 0;
}
@media print, screen and (max-width: 47.99875em) {
  .stack-for-small .media-object-section {
    padding: 0;
    padding-bottom: 1rem;
    flex-basis: 100%;
    max-width: 100%;
  }
  .stack-for-small .media-object-section img {
    width: 100%;
  }
}
.media-object-section.main-section {
  flex: 1 1 0px;
}

.tabs {
  margin: 0;
  border: 1px solid #e6e6e6;
  background: #fefefe;
  list-style-type: none;
}
.tabs::before, .tabs::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.tabs::after {
  clear: both;
}

.tabs.vertical > li {
  display: block;
  float: none;
  width: auto;
}

.tabs.simple > li > a {
  padding: 0;
}
.tabs.simple > li > a:hover {
  background: transparent;
}

.tabs.primary {
  background: #1779ba;
}
.tabs.primary > li > a {
  color: #fefefe;
}
.tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
  background: rgb(21.85, 114.95, 176.7);
}

.tabs-title {
  float: left;
}
.tabs-title > a {
  display: block;
  padding: 1.25rem 1.5rem;
  font-size: 0.75rem;
  line-height: 1;
  color: #1779ba;
}
[data-whatinput=mouse] .tabs-title > a {
  outline: 0;
}
.tabs-title > a:hover {
  background: #fefefe;
  color: rgb(19.78, 104.06, 159.96);
}
.tabs-title > a:focus, .tabs-title > a[aria-selected=true] {
  background: #e6e6e6;
  color: #1779ba;
}

.tabs-content {
  border: 1px solid #e6e6e6;
  border-top: 0;
  background: #fefefe;
  color: #0a0a0a;
  transition: all 0.5s ease;
}

.tabs-content.vertical {
  border: 1px solid #e6e6e6;
  border-left: 0;
}

.tabs-panel {
  display: none;
  padding: 1rem;
}
.tabs-panel.is-active {
  display: block;
}

.thumbnail {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 1rem;
  border: 4px solid #fefefe;
  border-radius: 0;
  box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
  line-height: 0;
}

a.thumbnail {
  transition: box-shadow 200ms ease-out;
}
a.thumbnail:hover, a.thumbnail:focus {
  box-shadow: 0 0 6px 1px rgba(23, 121, 186, 0.5);
}
a.thumbnail image {
  box-shadow: none;
}

.menu {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
[data-whatinput=mouse] .menu li {
  outline: 0;
}
.menu a,
.menu .button {
  line-height: 1;
  text-decoration: none;
  display: block;
  padding: 0.7rem 1rem;
}
.menu input,
.menu select,
.menu a,
.menu button {
  margin-bottom: 0;
}
.menu input {
  display: inline-block;
}
.menu, .menu.horizontal {
  flex-wrap: wrap;
  flex-direction: row;
}
.menu.vertical {
  flex-wrap: nowrap;
  flex-direction: column;
}
.menu.vertical.icon-top li a img,
.menu.vertical.icon-top li a i,
.menu.vertical.icon-top li a svg, .menu.vertical.icon-bottom li a img,
.menu.vertical.icon-bottom li a i,
.menu.vertical.icon-bottom li a svg {
  text-align: left;
}
.menu.expanded li {
  flex: 1 1 0px;
}
.menu.expanded.icon-top li a img,
.menu.expanded.icon-top li a i,
.menu.expanded.icon-top li a svg, .menu.expanded.icon-bottom li a img,
.menu.expanded.icon-bottom li a i,
.menu.expanded.icon-bottom li a svg {
  text-align: left;
}
.menu.simple {
  align-items: center;
}
.menu.simple li + li {
  margin-left: 1rem;
}
.menu.simple a {
  padding: 0;
}
@media print, screen and (min-width: 48em) {
  .menu.medium-horizontal {
    flex-wrap: wrap;
    flex-direction: row;
  }
  .menu.medium-vertical {
    flex-wrap: nowrap;
    flex-direction: column;
  }
  .menu.medium-expanded li {
    flex: 1 1 0px;
  }
  .menu.medium-simple li {
    flex: 1 1 0px;
  }
}
@media print, screen and (min-width: 64em) {
  .menu.large-horizontal {
    flex-wrap: wrap;
    flex-direction: row;
  }
  .menu.large-vertical {
    flex-wrap: nowrap;
    flex-direction: column;
  }
  .menu.large-expanded li {
    flex: 1 1 0px;
  }
  .menu.large-simple li {
    flex: 1 1 0px;
  }
}
@media screen and (min-width: 80em) {
  .menu.xlarge-horizontal {
    flex-wrap: wrap;
    flex-direction: row;
  }
  .menu.xlarge-vertical {
    flex-wrap: nowrap;
    flex-direction: column;
  }
  .menu.xlarge-expanded li {
    flex: 1 1 0px;
  }
  .menu.xlarge-simple li {
    flex: 1 1 0px;
  }
}
@media screen and (min-width: 90em) {
  .menu.xxlarge-horizontal {
    flex-wrap: wrap;
    flex-direction: row;
  }
  .menu.xxlarge-vertical {
    flex-wrap: nowrap;
    flex-direction: column;
  }
  .menu.xxlarge-expanded li {
    flex: 1 1 0px;
  }
  .menu.xxlarge-simple li {
    flex: 1 1 0px;
  }
}
@media screen and (min-width: 131.25em) {
  .menu.wide-horizontal {
    flex-wrap: wrap;
    flex-direction: row;
  }
  .menu.wide-vertical {
    flex-wrap: nowrap;
    flex-direction: column;
  }
  .menu.wide-expanded li {
    flex: 1 1 0px;
  }
  .menu.wide-simple li {
    flex: 1 1 0px;
  }
}
.menu.nested {
  margin-right: 0;
  margin-left: 1rem;
}
.menu.icons a {
  display: flex;
}
.menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a {
  display: flex;
}
.menu.icon-left li a, .menu.nested.icon-left li a {
  flex-flow: row nowrap;
}
.menu.icon-left li a img,
.menu.icon-left li a i,
.menu.icon-left li a svg, .menu.nested.icon-left li a img,
.menu.nested.icon-left li a i,
.menu.nested.icon-left li a svg {
  margin-right: 0.25rem;
}
.menu.icon-right li a, .menu.nested.icon-right li a {
  flex-flow: row nowrap;
}
.menu.icon-right li a img,
.menu.icon-right li a i,
.menu.icon-right li a svg, .menu.nested.icon-right li a img,
.menu.nested.icon-right li a i,
.menu.nested.icon-right li a svg {
  margin-left: 0.25rem;
}
.menu.icon-top li a, .menu.nested.icon-top li a {
  flex-flow: column nowrap;
}
.menu.icon-top li a img,
.menu.icon-top li a i,
.menu.icon-top li a svg, .menu.nested.icon-top li a img,
.menu.nested.icon-top li a i,
.menu.nested.icon-top li a svg {
  align-self: stretch;
  margin-bottom: 0.25rem;
  text-align: center;
}
.menu.icon-bottom li a, .menu.nested.icon-bottom li a {
  flex-flow: column nowrap;
}
.menu.icon-bottom li a img,
.menu.icon-bottom li a i,
.menu.icon-bottom li a svg, .menu.nested.icon-bottom li a img,
.menu.nested.icon-bottom li a i,
.menu.nested.icon-bottom li a svg {
  align-self: stretch;
  margin-bottom: 0.25rem;
  text-align: center;
}
.menu .is-active > a {
  background: #1779ba;
  color: #fefefe;
}
.menu .active > a {
  background: #1779ba;
  color: #fefefe;
}
.menu.align-left {
  justify-content: flex-start;
}
.menu.align-right li {
  display: flex;
  justify-content: flex-end;
}
.menu.align-right li .submenu li {
  justify-content: flex-start;
}
.menu.align-right.vertical li {
  display: block;
  text-align: right;
}
.menu.align-right.vertical li .submenu li {
  text-align: right;
}
.menu.align-right.icon-top li a img,
.menu.align-right.icon-top li a i,
.menu.align-right.icon-top li a svg, .menu.align-right.icon-bottom li a img,
.menu.align-right.icon-bottom li a i,
.menu.align-right.icon-bottom li a svg {
  text-align: right;
}
.menu.align-right .nested {
  margin-right: 1rem;
  margin-left: 0;
}
.menu.align-center li {
  display: flex;
  justify-content: center;
}
.menu.align-center li .submenu li {
  justify-content: flex-start;
}
.menu .menu-text {
  padding: 0.7rem 1rem;
  font-weight: bold;
  line-height: 1;
  color: inherit;
}

.menu-centered > .menu {
  justify-content: center;
}
.menu-centered > .menu li {
  display: flex;
  justify-content: center;
}
.menu-centered > .menu li .submenu li {
  justify-content: flex-start;
}

.no-js [data-responsive-menu] ul {
  display: none;
}

.menu-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer;
}
.menu-icon::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #fefefe;
  box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
  content: "";
}
.menu-icon:hover::after {
  background: #cacaca;
  box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca;
}

.menu-icon.dark {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer;
}
.menu-icon.dark::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #0a0a0a;
  box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
  content: "";
}
.menu-icon.dark:hover::after {
  background: #8a8a8a;
  box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a;
}

.is-drilldown {
  position: relative;
  overflow: hidden;
}
.is-drilldown li {
  display: block;
}
.is-drilldown.animate-height {
  transition: height 0.5s;
}

.drilldown a {
  padding: 0.7rem 1rem;
  background: #fefefe;
}
.drilldown .is-drilldown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: -1;
  width: 100%;
  background: #fefefe;
  transition: transform 0.15s linear;
}
.drilldown .is-drilldown-submenu.is-active {
  z-index: 1;
  display: block;
  transform: translateX(-100%);
}
.drilldown .is-drilldown-submenu.is-closing {
  transform: translateX(100%);
}
.drilldown .is-drilldown-submenu a {
  padding: 0.7rem 1rem;
}
.drilldown .nested.is-drilldown-submenu {
  margin-right: 0;
  margin-left: 0;
}
.drilldown .drilldown-submenu-cover-previous {
  min-height: 100%;
}
.drilldown .is-drilldown-submenu-parent > a {
  position: relative;
}
.drilldown .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-right-width: 0;
  border-color: transparent transparent transparent #1779ba;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 1rem;
}
.drilldown.align-left .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-right-width: 0;
  border-color: transparent transparent transparent #1779ba;
  right: 1rem;
  left: auto;
}
.drilldown.align-right .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-left-width: 0;
  border-color: transparent #1779ba transparent transparent;
  right: auto;
  left: 1rem;
}
.drilldown .js-drilldown-back > a::before {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-left-width: 0;
  border-color: transparent #1779ba transparent transparent;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.75rem;
}

.dropdown.menu > li.opens-left > .is-dropdown-submenu {
  top: 100%;
  right: 0;
  left: auto;
}
.dropdown.menu > li.opens-right > .is-dropdown-submenu {
  top: 100%;
  right: auto;
  left: 0;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a {
  position: relative;
  padding-right: 1.5rem;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-bottom-width: 0;
  border-color: #1779ba transparent transparent;
  right: 5px;
  left: auto;
  margin-top: -3px;
}
[data-whatinput=mouse] .dropdown.menu a {
  outline: 0;
}
.dropdown.menu > li > a {
  padding: 0.7rem 1rem;
}
.dropdown.menu > li.is-active > a {
  background: transparent;
  color: #1779ba;
}
.no-js .dropdown.menu ul {
  display: none;
}
.dropdown.menu .nested.is-dropdown-submenu {
  margin-right: 0;
  margin-left: 0;
}
.dropdown.menu.vertical > li .is-dropdown-submenu {
  top: 0;
}
.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
  top: 0;
  right: 100%;
  left: auto;
}
.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 100%;
}
.dropdown.menu.vertical > li > a::after {
  right: 14px;
}
.dropdown.menu.vertical > li.opens-left > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-left-width: 0;
  border-color: transparent #1779ba transparent transparent;
  right: auto;
  left: 5px;
}
.dropdown.menu.vertical > li.opens-right > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-right-width: 0;
  border-color: transparent transparent transparent #1779ba;
}
@media print, screen and (min-width: 48em) {
  .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-bottom-width: 0;
    border-color: #1779ba transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
  }
  .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto;
  }
  .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .dropdown.menu.medium-vertical > li > a::after {
    right: 14px;
  }
  .dropdown.menu.medium-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-left-width: 0;
    border-color: transparent #1779ba transparent transparent;
    right: auto;
    left: 5px;
  }
  .dropdown.menu.medium-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-right-width: 0;
    border-color: transparent transparent transparent #1779ba;
  }
}
@media print, screen and (min-width: 64em) {
  .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-bottom-width: 0;
    border-color: #1779ba transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
  }
  .dropdown.menu.large-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto;
  }
  .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .dropdown.menu.large-vertical > li > a::after {
    right: 14px;
  }
  .dropdown.menu.large-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-left-width: 0;
    border-color: transparent #1779ba transparent transparent;
    right: auto;
    left: 5px;
  }
  .dropdown.menu.large-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-right-width: 0;
    border-color: transparent transparent transparent #1779ba;
  }
}
@media screen and (min-width: 80em) {
  .dropdown.menu.xlarge-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown.menu.xlarge-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }
  .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-bottom-width: 0;
    border-color: #1779ba transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
  }
  .dropdown.menu.xlarge-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.xlarge-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto;
  }
  .dropdown.menu.xlarge-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .dropdown.menu.xlarge-vertical > li > a::after {
    right: 14px;
  }
  .dropdown.menu.xlarge-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-left-width: 0;
    border-color: transparent #1779ba transparent transparent;
    right: auto;
    left: 5px;
  }
  .dropdown.menu.xlarge-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-right-width: 0;
    border-color: transparent transparent transparent #1779ba;
  }
}
@media screen and (min-width: 90em) {
  .dropdown.menu.xxlarge-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown.menu.xxlarge-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }
  .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-bottom-width: 0;
    border-color: #1779ba transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
  }
  .dropdown.menu.xxlarge-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.xxlarge-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto;
  }
  .dropdown.menu.xxlarge-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .dropdown.menu.xxlarge-vertical > li > a::after {
    right: 14px;
  }
  .dropdown.menu.xxlarge-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-left-width: 0;
    border-color: transparent #1779ba transparent transparent;
    right: auto;
    left: 5px;
  }
  .dropdown.menu.xxlarge-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-right-width: 0;
    border-color: transparent transparent transparent #1779ba;
  }
}
@media screen and (min-width: 131.25em) {
  .dropdown.menu.wide-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown.menu.wide-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .dropdown.menu.wide-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }
  .dropdown.menu.wide-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-bottom-width: 0;
    border-color: #1779ba transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
  }
  .dropdown.menu.wide-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.wide-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto;
  }
  .dropdown.menu.wide-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .dropdown.menu.wide-vertical > li > a::after {
    right: 14px;
  }
  .dropdown.menu.wide-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-left-width: 0;
    border-color: transparent #1779ba transparent transparent;
    right: auto;
    left: 5px;
  }
  .dropdown.menu.wide-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    content: "";
    border-right-width: 0;
    border-color: transparent transparent transparent #1779ba;
  }
}
.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
  top: 100%;
  right: 0;
  left: auto;
}

.is-dropdown-menu.vertical {
  width: 100px;
}
.is-dropdown-menu.vertical.align-right {
  float: right;
}

.is-dropdown-submenu-parent {
  position: relative;
}
.is-dropdown-submenu-parent a::after {
  position: absolute;
  top: 50%;
  right: 5px;
  left: auto;
  margin-top: -6px;
}
.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
  top: 100%;
  left: auto;
}
.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
  right: 100%;
  left: auto;
}
.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 100%;
}

.is-dropdown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
  display: none;
  min-width: 200px;
  border: 1px solid #cacaca;
  background: #fefefe;
}
.dropdown .is-dropdown-submenu a {
  padding: 0.7rem 1rem;
}
.is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
  right: 14px;
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-left-width: 0;
  border-color: transparent #1779ba transparent transparent;
  right: auto;
  left: 5px;
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  content: "";
  border-right-width: 0;
  border-color: transparent transparent transparent #1779ba;
}
.is-dropdown-submenu .is-dropdown-submenu {
  margin-top: -1px;
}
.is-dropdown-submenu > li {
  width: 100%;
}
.is-dropdown-submenu.js-dropdown-active {
  display: block;
}

.is-off-canvas-open {
  overflow: hidden;
}

.js-off-canvas-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  background: rgba(254, 254, 254, 0.25);
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}
.js-off-canvas-overlay.is-visible {
  opacity: 1;
  visibility: visible;
}
.js-off-canvas-overlay.is-closable {
  cursor: pointer;
}
.js-off-canvas-overlay.is-overlay-absolute {
  position: absolute;
}
.js-off-canvas-overlay.is-overlay-fixed {
  position: fixed;
}

.off-canvas-wrapper {
  position: relative;
  overflow: hidden;
}

.off-canvas {
  z-index: 12;
  transition: transform 0.5s ease;
  backface-visibility: hidden;
  background: #e6e6e6;
  position: fixed;
}
[data-whatinput=mouse] .off-canvas {
  outline: 0;
}
.off-canvas.is-transition-push {
  z-index: 12;
}
.off-canvas.is-closed {
  visibility: hidden;
}
.off-canvas.is-transition-overlap {
  z-index: 13;
}
.off-canvas.is-transition-overlap.is-open {
  box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
}
.off-canvas.is-open {
  transform: translate(0, 0);
}

.off-canvas-absolute {
  z-index: 12;
  transition: transform 0.5s ease;
  backface-visibility: hidden;
  background: #e6e6e6;
  position: absolute;
}
[data-whatinput=mouse] .off-canvas-absolute {
  outline: 0;
}
.off-canvas-absolute.is-transition-push {
  z-index: 12;
}
.off-canvas-absolute.is-closed {
  visibility: hidden;
}
.off-canvas-absolute.is-transition-overlap {
  z-index: 13;
}
.off-canvas-absolute.is-transition-overlap.is-open {
  box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
}
.off-canvas-absolute.is-open {
  transform: translate(0, 0);
}

.position-left {
  top: 0;
  left: 0;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  width: 250px;
  transform: translateX(-250px);
}
.off-canvas-content .off-canvas.position-left {
  transform: translateX(-250px);
}
.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
  transform: translate(0, 0);
}

.off-canvas-content.is-open-left.has-transition-push {
  transform: translateX(250px);
}

.position-left.is-transition-push {
  box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25);
}

.position-right {
  top: 0;
  right: 0;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  width: 250px;
  transform: translateX(250px);
}
.off-canvas-content .off-canvas.position-right {
  transform: translateX(250px);
}
.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
  transform: translate(0, 0);
}

.off-canvas-content.is-open-right.has-transition-push {
  transform: translateX(-250px);
}

.position-right.is-transition-push {
  box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25);
}

.position-top {
  top: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  height: 250px;
  transform: translateY(-250px);
}
.off-canvas-content .off-canvas.position-top {
  transform: translateY(-250px);
}
.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
  transform: translate(0, 0);
}

.off-canvas-content.is-open-top.has-transition-push {
  transform: translateY(250px);
}

.position-top.is-transition-push {
  box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25);
}

.position-bottom {
  bottom: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  height: 250px;
  transform: translateY(250px);
}
.off-canvas-content .off-canvas.position-bottom {
  transform: translateY(250px);
}
.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
  transform: translate(0, 0);
}

.off-canvas-content.is-open-bottom.has-transition-push {
  transform: translateY(-250px);
}

.position-bottom.is-transition-push {
  box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25);
}

.off-canvas-content {
  transform: none;
  backface-visibility: hidden;
}
.off-canvas-content.has-transition-overlap, .off-canvas-content.has-transition-push {
  transition: transform 0.5s ease;
}
.off-canvas-content.has-transition-push {
  transform: translate(0, 0);
}
.off-canvas-content .off-canvas.is-open {
  transform: translate(0, 0);
}

@media print, screen and (min-width: 48em) {
  .position-left.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-medium {
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 250px;
  }
  .position-left.reveal-for-medium ~ .off-canvas-content {
    margin-left: 250px;
  }
  .position-right.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-medium {
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 250px;
  }
  .position-right.reveal-for-medium ~ .off-canvas-content {
    margin-right: 250px;
  }
  .position-top.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-medium {
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 250px;
  }
  .position-top.reveal-for-medium ~ .off-canvas-content {
    margin-top: 250px;
  }
  .position-bottom.reveal-for-medium {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-medium {
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px;
  }
  .position-bottom.reveal-for-medium ~ .off-canvas-content {
    margin-bottom: 250px;
  }
}
@media print, screen and (min-width: 64em) {
  .position-left.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-large {
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 250px;
  }
  .position-left.reveal-for-large ~ .off-canvas-content {
    margin-left: 250px;
  }
  .position-right.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-large {
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 250px;
  }
  .position-right.reveal-for-large ~ .off-canvas-content {
    margin-right: 250px;
  }
  .position-top.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-large {
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 250px;
  }
  .position-top.reveal-for-large ~ .off-canvas-content {
    margin-top: 250px;
  }
  .position-bottom.reveal-for-large {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-large {
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px;
  }
  .position-bottom.reveal-for-large ~ .off-canvas-content {
    margin-bottom: 250px;
  }
}
@media screen and (min-width: 80em) {
  .position-left.reveal-for-xlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-xlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-xlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 250px;
  }
  .position-left.reveal-for-xlarge ~ .off-canvas-content {
    margin-left: 250px;
  }
  .position-right.reveal-for-xlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-xlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-xlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 250px;
  }
  .position-right.reveal-for-xlarge ~ .off-canvas-content {
    margin-right: 250px;
  }
  .position-top.reveal-for-xlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-xlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-xlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 250px;
  }
  .position-top.reveal-for-xlarge ~ .off-canvas-content {
    margin-top: 250px;
  }
  .position-bottom.reveal-for-xlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-xlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-xlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px;
  }
  .position-bottom.reveal-for-xlarge ~ .off-canvas-content {
    margin-bottom: 250px;
  }
}
@media screen and (min-width: 90em) {
  .position-left.reveal-for-xxlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-xxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-xxlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 250px;
  }
  .position-left.reveal-for-xxlarge ~ .off-canvas-content {
    margin-left: 250px;
  }
  .position-right.reveal-for-xxlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-xxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-xxlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 250px;
  }
  .position-right.reveal-for-xxlarge ~ .off-canvas-content {
    margin-right: 250px;
  }
  .position-top.reveal-for-xxlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-xxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-xxlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 250px;
  }
  .position-top.reveal-for-xxlarge ~ .off-canvas-content {
    margin-top: 250px;
  }
  .position-bottom.reveal-for-xxlarge {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-xxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-xxlarge {
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px;
  }
  .position-bottom.reveal-for-xxlarge ~ .off-canvas-content {
    margin-bottom: 250px;
  }
}
@media screen and (min-width: 131.25em) {
  .position-left.reveal-for-wide {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-wide .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-wide {
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 250px;
  }
  .position-left.reveal-for-wide ~ .off-canvas-content {
    margin-left: 250px;
  }
  .position-right.reveal-for-wide {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-wide .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-wide {
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 250px;
  }
  .position-right.reveal-for-wide ~ .off-canvas-content {
    margin-right: 250px;
  }
  .position-top.reveal-for-wide {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-wide .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-wide {
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 250px;
  }
  .position-top.reveal-for-wide ~ .off-canvas-content {
    margin-top: 250px;
  }
  .position-bottom.reveal-for-wide {
    transform: none;
    z-index: 12;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-wide .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-wide {
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px;
  }
  .position-bottom.reveal-for-wide ~ .off-canvas-content {
    margin-bottom: 250px;
  }
}
@media print, screen and (min-width: 48em) {
  .off-canvas.in-canvas-for-medium {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none;
  }
  .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom {
    box-shadow: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-medium .close-button {
    display: none;
  }
}
@media print, screen and (min-width: 64em) {
  .off-canvas.in-canvas-for-large {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none;
  }
  .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom {
    box-shadow: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-large .close-button {
    display: none;
  }
}
@media screen and (min-width: 80em) {
  .off-canvas.in-canvas-for-xlarge {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none;
  }
  .off-canvas.in-canvas-for-xlarge.position-left, .off-canvas.in-canvas-for-xlarge.position-right, .off-canvas.in-canvas-for-xlarge.position-top, .off-canvas.in-canvas-for-xlarge.position-bottom {
    box-shadow: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-xlarge .close-button {
    display: none;
  }
}
@media screen and (min-width: 90em) {
  .off-canvas.in-canvas-for-xxlarge {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none;
  }
  .off-canvas.in-canvas-for-xxlarge.position-left, .off-canvas.in-canvas-for-xxlarge.position-right, .off-canvas.in-canvas-for-xxlarge.position-top, .off-canvas.in-canvas-for-xxlarge.position-bottom {
    box-shadow: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-xxlarge .close-button {
    display: none;
  }
}
@media screen and (min-width: 131.25em) {
  .off-canvas.in-canvas-for-wide {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    transition: none;
  }
  .off-canvas.in-canvas-for-wide.position-left, .off-canvas.in-canvas-for-wide.position-right, .off-canvas.in-canvas-for-wide.position-top, .off-canvas.in-canvas-for-wide.position-bottom {
    box-shadow: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-wide .close-button {
    display: none;
  }
}
html.is-reveal-open {
  position: fixed;
  width: 100%;
  overflow-y: hidden;
}
html.is-reveal-open.zf-has-scroll {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
html.is-reveal-open body {
  overflow-y: hidden;
}

.reveal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: none;
  background-color: rgba(10, 10, 10, 0.45);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.reveal {
  position: relative;
  top: 100px;
  margin-right: auto;
  margin-left: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 1006;
  backface-visibility: hidden;
  display: none;
  padding: 1rem;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
}
[data-whatinput=mouse] .reveal {
  outline: 0;
}
@media print, screen and (min-width: 48em) {
  .reveal {
    min-height: 0;
  }
}
.reveal .column, .reveal .columns {
  min-width: 0;
}
.reveal > :last-child {
  margin-bottom: 0;
}
@media print, screen and (min-width: 48em) {
  .reveal {
    width: 600px;
    max-width: 75rem;
  }
}
.reveal.collapse {
  padding: 0;
}
@media print, screen and (min-width: 48em) {
  .reveal.tiny {
    width: 30%;
    max-width: 75rem;
  }
}
@media print, screen and (min-width: 48em) {
  .reveal.small {
    width: 50%;
    max-width: 75rem;
  }
}
@media print, screen and (min-width: 48em) {
  .reveal.large {
    width: 90%;
    max-width: 75rem;
  }
}
.reveal.full {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  min-height: 100%;
  margin-left: 0;
  border: 0;
  border-radius: 0;
}
@media print, screen and (max-width: 47.99875em) {
  .reveal {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 100%;
    margin-left: 0;
    border: 0;
    border-radius: 0;
  }
}
.reveal.without-overlay {
  position: fixed;
}

.title-bar {
  padding: 0.5rem;
  background: #0a0a0a;
  color: #fefefe;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.title-bar .menu-icon {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.title-bar-left,
.title-bar-right {
  flex: 1 1 0px;
}

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

.title-bar-title {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}

.top-bar {
  padding: 0.5rem;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.top-bar,
.top-bar ul {
  background-color: #e6e6e6;
}
.top-bar input {
  max-width: 200px;
  margin-right: 1rem;
}
.top-bar .input-group-field {
  width: 100%;
  margin-right: 0;
}
.top-bar input.button {
  width: auto;
}

.top-bar {
  flex-wrap: wrap;
}
.top-bar .top-bar-left,
.top-bar .top-bar-right {
  flex: 0 0 100%;
  max-width: 100%;
}

@media print, screen and (min-width: 48em) {
  .top-bar {
    flex-wrap: nowrap;
  }
  .top-bar .top-bar-left {
    flex: 1 1 auto;
    margin-right: auto;
  }
  .top-bar .top-bar-right {
    flex: 0 1 auto;
    margin-left: auto;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .top-bar.stacked-for-medium {
    flex-wrap: wrap;
  }
  .top-bar.stacked-for-medium .top-bar-left,
  .top-bar.stacked-for-medium .top-bar-right {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media print, screen and (max-width: 79.99875em) {
  .top-bar.stacked-for-large {
    flex-wrap: wrap;
  }
  .top-bar.stacked-for-large .top-bar-left,
  .top-bar.stacked-for-large .top-bar-right {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media print, screen and (max-width: 89.99875em) {
  .top-bar.stacked-for-xlarge {
    flex-wrap: wrap;
  }
  .top-bar.stacked-for-xlarge .top-bar-left,
  .top-bar.stacked-for-xlarge .top-bar-right {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media print, screen and (max-width: 131.24875em) {
  .top-bar.stacked-for-xxlarge {
    flex-wrap: wrap;
  }
  .top-bar.stacked-for-xxlarge .top-bar-left,
  .top-bar.stacked-for-xxlarge .top-bar-right {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.top-bar.stacked-for-wide {
  flex-wrap: wrap;
}
.top-bar.stacked-for-wide .top-bar-left,
.top-bar.stacked-for-wide .top-bar-right {
  flex: 0 0 100%;
  max-width: 100%;
}

.top-bar-title {
  flex: 0 0 auto;
  margin: 0.5rem 1rem 0.5rem 0;
}

.top-bar-left,
.top-bar-right {
  flex: 0 0 auto;
}

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

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

.float-center {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.clearfix::before, .clearfix::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.clearfix::after {
  clear: both;
}

.align-left {
  justify-content: flex-start;
}

.align-right {
  justify-content: flex-end;
}

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

.align-justify {
  justify-content: space-between;
}

.align-spaced {
  justify-content: space-around;
}

.align-left.vertical.menu > li > a {
  justify-content: flex-start;
}

.align-right.vertical.menu > li > a {
  justify-content: flex-end;
}

.align-center.vertical.menu > li > a {
  justify-content: center;
}

.align-top {
  align-items: flex-start;
}

.align-self-top {
  align-self: flex-start;
}

.align-bottom {
  align-items: flex-end;
}

.align-self-bottom {
  align-self: flex-end;
}

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

.align-self-middle {
  align-self: center;
}

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

.align-self-stretch {
  align-self: stretch;
}

.align-center-middle {
  justify-content: center;
  align-items: center;
  align-content: center;
}

.small-order-1 {
  order: 1;
}

.small-order-2 {
  order: 2;
}

.small-order-3 {
  order: 3;
}

.small-order-4 {
  order: 4;
}

.small-order-5 {
  order: 5;
}

.small-order-6 {
  order: 6;
}

@media print, screen and (min-width: 48em) {
  .medium-order-1 {
    order: 1;
  }
  .medium-order-2 {
    order: 2;
  }
  .medium-order-3 {
    order: 3;
  }
  .medium-order-4 {
    order: 4;
  }
  .medium-order-5 {
    order: 5;
  }
  .medium-order-6 {
    order: 6;
  }
}
@media print, screen and (min-width: 64em) {
  .large-order-1 {
    order: 1;
  }
  .large-order-2 {
    order: 2;
  }
  .large-order-3 {
    order: 3;
  }
  .large-order-4 {
    order: 4;
  }
  .large-order-5 {
    order: 5;
  }
  .large-order-6 {
    order: 6;
  }
}
@media screen and (min-width: 80em) {
  .xlarge-order-1 {
    order: 1;
  }
  .xlarge-order-2 {
    order: 2;
  }
  .xlarge-order-3 {
    order: 3;
  }
  .xlarge-order-4 {
    order: 4;
  }
  .xlarge-order-5 {
    order: 5;
  }
  .xlarge-order-6 {
    order: 6;
  }
}
@media screen and (min-width: 90em) {
  .xxlarge-order-1 {
    order: 1;
  }
  .xxlarge-order-2 {
    order: 2;
  }
  .xxlarge-order-3 {
    order: 3;
  }
  .xxlarge-order-4 {
    order: 4;
  }
  .xxlarge-order-5 {
    order: 5;
  }
  .xxlarge-order-6 {
    order: 6;
  }
}
@media screen and (min-width: 131.25em) {
  .wide-order-1 {
    order: 1;
  }
  .wide-order-2 {
    order: 2;
  }
  .wide-order-3 {
    order: 3;
  }
  .wide-order-4 {
    order: 4;
  }
  .wide-order-5 {
    order: 5;
  }
  .wide-order-6 {
    order: 6;
  }
}
.flex-container {
  display: flex;
}

.flex-child-auto {
  flex: 1 1 auto;
}

.flex-child-grow {
  flex: 1 0 auto;
}

.flex-child-shrink {
  flex: 0 1 auto;
}

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

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

.flex-dir-column {
  flex-direction: column;
}

.flex-dir-column-reverse {
  flex-direction: column-reverse;
}

@media print, screen and (min-width: 48em) {
  .medium-flex-container {
    display: flex;
  }
  .medium-flex-child-auto {
    flex: 1 1 auto;
  }
  .medium-flex-child-grow {
    flex: 1 0 auto;
  }
  .medium-flex-child-shrink {
    flex: 0 1 auto;
  }
  .medium-flex-dir-row {
    flex-direction: row;
  }
  .medium-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .medium-flex-dir-column {
    flex-direction: column;
  }
  .medium-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}
@media print, screen and (min-width: 64em) {
  .large-flex-container {
    display: flex;
  }
  .large-flex-child-auto {
    flex: 1 1 auto;
  }
  .large-flex-child-grow {
    flex: 1 0 auto;
  }
  .large-flex-child-shrink {
    flex: 0 1 auto;
  }
  .large-flex-dir-row {
    flex-direction: row;
  }
  .large-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .large-flex-dir-column {
    flex-direction: column;
  }
  .large-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 80em) {
  .xlarge-flex-container {
    display: flex;
  }
  .xlarge-flex-child-auto {
    flex: 1 1 auto;
  }
  .xlarge-flex-child-grow {
    flex: 1 0 auto;
  }
  .xlarge-flex-child-shrink {
    flex: 0 1 auto;
  }
  .xlarge-flex-dir-row {
    flex-direction: row;
  }
  .xlarge-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .xlarge-flex-dir-column {
    flex-direction: column;
  }
  .xlarge-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 90em) {
  .xxlarge-flex-container {
    display: flex;
  }
  .xxlarge-flex-child-auto {
    flex: 1 1 auto;
  }
  .xxlarge-flex-child-grow {
    flex: 1 0 auto;
  }
  .xxlarge-flex-child-shrink {
    flex: 0 1 auto;
  }
  .xxlarge-flex-dir-row {
    flex-direction: row;
  }
  .xxlarge-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .xxlarge-flex-dir-column {
    flex-direction: column;
  }
  .xxlarge-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 131.25em) {
  .wide-flex-container {
    display: flex;
  }
  .wide-flex-child-auto {
    flex: 1 1 auto;
  }
  .wide-flex-child-grow {
    flex: 1 0 auto;
  }
  .wide-flex-child-shrink {
    flex: 0 1 auto;
  }
  .wide-flex-dir-row {
    flex-direction: row;
  }
  .wide-flex-dir-row-reverse {
    flex-direction: row-reverse;
  }
  .wide-flex-dir-column {
    flex-direction: column;
  }
  .wide-flex-dir-column-reverse {
    flex-direction: column-reverse;
  }
}
.hide {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

.visible {
  visibility: visible;
}

@media print, screen and (max-width: 47.99875em) {
  .hide-for-small-only {
    display: none !important;
  }
}

@media screen and (max-width: 0em), screen and (min-width: 48em) {
  .show-for-small-only {
    display: none !important;
  }
}

@media print, screen and (min-width: 48em) {
  .hide-for-medium {
    display: none !important;
  }
}

@media screen and (max-width: 47.99875em) {
  .show-for-medium {
    display: none !important;
  }
}

@media print, screen and (min-width: 48em) and (max-width: 63.99875em) {
  .hide-for-medium-only {
    display: none !important;
  }
}

@media screen and (max-width: 47.99875em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important;
  }
}

@media print, screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important;
  }
}

@media screen and (max-width: 63.99875em) {
  .show-for-large {
    display: none !important;
  }
}

@media print, screen and (min-width: 64em) and (max-width: 79.99875em) {
  .hide-for-large-only {
    display: none !important;
  }
}

@media screen and (max-width: 63.99875em), screen and (min-width: 80em) {
  .show-for-large-only {
    display: none !important;
  }
}

@media screen and (min-width: 80em) {
  .hide-for-xlarge {
    display: none !important;
  }
}

@media screen and (max-width: 79.99875em) {
  .show-for-xlarge {
    display: none !important;
  }
}

@media screen and (min-width: 80em) and (max-width: 89.99875em) {
  .hide-for-xlarge-only {
    display: none !important;
  }
}

@media screen and (max-width: 79.99875em), screen and (min-width: 90em) {
  .show-for-xlarge-only {
    display: none !important;
  }
}

@media screen and (min-width: 90em) {
  .hide-for-xxlarge {
    display: none !important;
  }
}

@media screen and (max-width: 89.99875em) {
  .show-for-xxlarge {
    display: none !important;
  }
}

@media screen and (min-width: 90em) and (max-width: 131.24875em) {
  .hide-for-xxlarge-only {
    display: none !important;
  }
}

@media screen and (max-width: 89.99875em), screen and (min-width: 131.25em) {
  .show-for-xxlarge-only {
    display: none !important;
  }
}

@media screen and (min-width: 131.25em) {
  .hide-for-wide {
    display: none !important;
  }
}

@media screen and (max-width: 131.24875em) {
  .show-for-wide {
    display: none !important;
  }
}

@media screen and (min-width: 131.25em) {
  .hide-for-wide-only {
    display: none !important;
  }
}

@media screen and (max-width: 131.24875em) {
  .show-for-wide-only {
    display: none !important;
  }
}

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

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

.show-for-landscape,
.hide-for-portrait {
  display: block !important;
}
@media screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: block !important;
  }
}
@media screen and (orientation: portrait) {
  .show-for-landscape,
  .hide-for-portrait {
    display: none !important;
  }
}

.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}
@media screen and (orientation: landscape) {
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important;
  }
}
@media screen and (orientation: portrait) {
  .hide-for-landscape,
  .show-for-portrait {
    display: block !important;
  }
}

.show-for-dark-mode {
  display: none;
}

.hide-for-dark-mode {
  display: block;
}

@media screen and (prefers-color-scheme: dark) {
  .show-for-dark-mode {
    display: block !important;
  }
  .hide-for-dark-mode {
    display: none !important;
  }
}
.show-for-ie {
  display: none;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .show-for-ie {
    display: block !important;
  }
  .hide-for-ie {
    display: none !important;
  }
}
.show-for-sticky {
  display: none;
}

.is-stuck .show-for-sticky {
  display: block;
}

.is-stuck .hide-for-sticky {
  display: none;
}

.stap-card .stretched-link::before,
.stap-teaser .stretched-link::before, .vertical-video-embed::after, .sp-teaser h3 a::before, .event-card-link h2 a::before, .event-teaser .teaser-text__title a::before {
  position: absolute;
  display: block;
  content: "";
  inset: 0;
}

/**
  Useful for making links stretch to fill parent container (with position relative)
  Use this on cards or teasers that have links that should cover the entire card
  instead of wrapping entire element with anchor (because screen readers don't want that)
*/
.has-modal {
  overflow: hidden;
}

/**
 * Take values from line 26 in _helpers.scss
 * Return max-widths based on global containers
 */
.paragraph--type--para-accordion .uosblock {
  max-width: 100%;
}

.accordion {
  margin-bottom: 1.6rem;
  background-color: transparent;
}
.accordion .accordion-item {
  background-color: transparent;
}
.accordion .accordion-item .accordion-title {
  display: inline-block;
  width: 100%;
  margin: 5px 0;
  padding: calc(1.6rem / 2.4) 80px calc(1.6rem / 2.4) calc(1.6rem / 2.4);
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: right;
  background-size: 16px;
}
.accordion .accordion-item .accordion-title h3 {
  font-family: "Source Sans 3", sans-serif;
  font-size: 18px;
  font-weight: 700;
  margin: 0;
}
.accordion .accordion-item .accordion-content {
  border: 0;
}

.accordion-title::before {
  content: none !important;
}

.ckeditor-accordion-container {
  margin-bottom: 1rem;
}
.ckeditor-accordion-container > dl {
  position: relative;
  border: 0;
}
.ckeditor-accordion-container > dl, .ckeditor-accordion-container > dl dd, .ckeditor-accordion-container > dl dt {
  box-sizing: border-box;
  margin: 0;
}
.ckeditor-accordion-container > dl dd {
  display: none;
  margin: 0;
  padding: 0 10px;
  will-change: height;
}
.ckeditor-accordion-container > dl::before, .ckeditor-accordion-container > dl::after {
  display: table;
  clear: both;
  content: " ";
}
.ckeditor-accordion-container > dl dt {
  position: relative;
  font-family: "Source Serif", serif;
}
.ckeditor-accordion-container > dl dt:not(:first-of-type) {
  margin-top: 0;
}
.ckeditor-accordion-container > dl dt.active .ckeditor-accordion-toggle {
  transform: scaleY(-1);
}
.ckeditor-accordion-container > dl dt > a:not(.button) {
  position: relative;
  display: block;
  padding: 10px 40px 10px 10px;
  cursor: pointer;
  transition: background-color 300ms;
  color: #2b353e;
  border-bottom: 0;
  background-color: transparent;
}
.ckeditor-accordion-container > dl dt > a:not(.button):hover {
  color: #2b353e;
  border-bottom: none !important;
  background-color: transparent;
}
.ckeditor-accordion-container > dl dt > a:not(.button) .ckeditor-accordion-toggle {
  position: absolute;
  z-index: 1;
  top: calc(50% - 8px);
  right: 11px;
  left: initial;
  display: inline-block;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  padding: 0;
  cursor: pointer;
  transition: 0.15s ease;
  pointer-events: none;
  background-image: url("../images/accDOWN.png");
  background-size: contain;
}
.ckeditor-accordion-container > dl dt > a:not(.button) .ckeditor-accordion-toggle::before, .ckeditor-accordion-container > dl dt > a:not(.button) .ckeditor-accordion-toggle::after {
  display: none;
}
.ckeditor-accordion-container.used-outside-of-ckeditor {
  border-bottom: 0;
}
.ckeditor-accordion-container.used-outside-of-ckeditor dl dt.standalone-accordion .standalone-alternate-accordion-toggle {
  display: inline-block;
  width: 25px;
  height: 25px;
  padding-top: 6px;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  background-image: url("../images/accDOWN-white.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 13px 13px;
  line-height: 25px;
}
.ckeditor-accordion-container.used-outside-of-ckeditor dl dt.standalone-accordion.active .standalone-alternate-accordion-toggle {
  background-image: url("../images/accUP-white.png");
}
.ckeditor-accordion-container.used-outside-of-ckeditor dl dt.standalone-accordion a.standalone-accordion-toggler {
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 0;
  border-top: 0;
  font-size: 1.2rem;
  font-weight: 700;
}
.ckeditor-accordion-container.used-outside-of-ckeditor dl dt.standalone-accordion span.ckeditor-accordion-toggle.used-outside-of-ckeditor {
  background: none;
}

.toolbar-icon-views-viewviews-group-list-page-1::before {
  background-image: url("/themes/custom/common/uosadmin/images/home-icon.svg");
}

.toolbar-menu .account,
.toolbar-menu .account-edit {
  display: none;
}

.fullimgblock {
  position: relative;
  overflow: hidden;
  height: auto;
  margin-bottom: 1.6rem;
}
.fullimgblock .uosblock {
  max-width: 100%;
  padding-bottom: 1.6rem;
}
.fullimgblock .uosblock section, .fullimgblock .uosblock > div.block {
  padding: 0 1.6rem;
}
.fullimgblock .uosblock section.block-field-blockparagraphpara-featurefield-fb-background-media, .fullimgblock .uosblock section.block-field-blockparagraphpara-quotefield-qb-background-media, .fullimgblock .uosblock > div.block.block-field-blockparagraphpara-featurefield-fb-background-media, .fullimgblock .uosblock > div.block.block-field-blockparagraphpara-quotefield-qb-background-media {
  width: 100%;
  margin-bottom: 1.6rem;
  padding: 0;
}
.fullimgblock .uosblock img {
  width: 100%;
}
.fullimgblock:not(.promo) {
  padding: 0;
}
.fullimgblock:not(.promo) .uosblock {
  margin-bottom: 0;
  background-color: #e7e9ea;
}
.fullimgblock:not(.promo) .uosblock.dark {
  padding: 0 0 1.6rem;
  background-color: #2b353e;
}
.fullimgblock:not(.promo) .uosblock.highlight {
  padding: 0 0 1.6rem;
  background-color: #409;
  font-size: inherit;
}
.fullimgblock:not(.promo) blockquote {
  all: unset;
}
.fullimgblock:not(.promo) blockquote p {
  position: relative;
  color: #fff;
}
.fullimgblock:not(.promo) blockquote p:first-of-type {
  text-indent: 50px;
}
.fullimgblock:not(.promo) blockquote p:first-of-type::before {
  position: absolute;
  top: -55px;
  left: -52px;
  content: "“";
  color: rgba(255, 255, 255, 0.95);
  font-family: "Times New Roman", serif;
  font-size: 100px;
  line-height: inherit;
}
.fullimgblock:not(.promo) blockquote p:last-of-type ::after {
  position: absolute;
  margin-left: 5px;
  content: "”";
  color: rgba(255, 255, 255, 0.95);
  font-family: "Times New Roman", serif;
  font-size: 100px;
  line-height: 80px;
}
.fullimgblock:not(.promo) .qname {
  font-weight: 700;
}
@media screen and (min-width: 80em) {
  .fullimgblock:not(.promo) .qname {
    font-size: 115%;
  }
}
.fullimgblock:not(.promo) .qsource {
  font-weight: 300;
  line-height: 170%;
}
@media screen and (min-width: 80em) {
  .fullimgblock:not(.promo) .qsource {
    font-size: 115%;
  }
}
.fullimgblock .block-field-blockparagraphpara-quotefield-qb-body p {
  max-width: none;
}
.fullimgblock .block-field-blockparagraphpara-quotefield-qb-body svg {
  float: left;
  margin-right: 15px;
  opacity: 0.7;
}
.fullimgblock .block-field-blockparagraphpara-featurefield-fb-body p {
  max-width: none;
}
.fullimgblock.promo {
  color: #fff;
  text-shadow: 0 0 4px #0a0a0a;
  font-size: 2rem;
}
.fullimgblock.promo h3 {
  display: inline-block;
  margin-bottom: 2.5rem;
  padding: 0.9rem;
  color: #fff;
  background-color: rgba(43, 53, 62, 0.95);
  font-size: 170%;
}
.fullimgblock.promo a {
  display: inline-block;
  padding: 0.9rem;
  color: #fff;
  background-color: rgba(43, 53, 62, 0.95);
  font-size: 1.2rem;
}

.uosblock.grey .uosquote {
  margin: 0;
}

.embedded-entity[data-entity-type=media] + br + blockquote.uosquote {
  margin-top: -30px;
}

html {
  font-size: 16px;
}
@media print, screen and (min-width: 48em) {
  html {
    font-size: 18px;
  }
}

.block-field-blocknodepagefield-b-media {
  margin: 1rem 0;
}

hr.related, hr.onthispage {
  border: 5px solid #d0d2d4;
  background-color: #d0d2d4;
}

.block-field-blocknodepagefield-show-onpage-anchors {
  display: none;
}

.uosblock div[data-entity-embed-display="view_mode:taxonomy_term.wysiwyg_logos"] {
  display: inline-flex;
  margin: 0 1.4%;
  margin-bottom: 0 !important;
  font-size: 1rem;
}
.uosblock div[data-entity-embed-display="view_mode:taxonomy_term.wysiwyg_logos"] a[href]:not(.uosbutton, .textbutton) {
  border-bottom: 0 !important;
}

div[data-entity-embed-display="view_mode:taxonomy_term.wysiwyg_logos"] {
  width: 100%;
}
div[data-entity-embed-display="view_mode:taxonomy_term.wysiwyg_logos"] .wysilogo {
  margin: auto;
  text-align: center;
  color: #2b353e;
  font-weight: bold;
  line-height: 1.2rem;
}
div[data-entity-embed-display="view_mode:taxonomy_term.wysiwyg_logos"] .wysilogo img {
  width: auto;
  margin-bottom: 10px;
}
div[data-entity-embed-display="view_mode:taxonomy_term.wysiwyg_logos"] + * {
  clear: both;
}
div[data-entity-embed-display="view_mode:taxonomy_term.wysiwyg_logos"] + div[data-entity-embed-display="view_mode:taxonomy_term.wysiwyg_logos"] {
  float: left;
  clear: none;
}
@media print, screen and (min-width: 48em) {
  div[data-entity-embed-display="view_mode:taxonomy_term.wysiwyg_logos"] {
    float: left;
    clear: left;
    width: 30%;
    margin: 0 1.5% 1.5%;
  }
}

.block-field-blocknodepagebody .ordered-list-heading::marker {
  font-size: 1.4rem;
  font-weight: 700;
}

address {
  font-style: normal;
}

.textbutton {
  display: table;
  margin: 10px 0;
  padding-right: 40px;
  cursor: pointer;
  border: 0;
  background-color: transparent;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="navy" viewBox="0 0 448 512"><path d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"/></svg>');
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  background-size: 1rem;
  font-size: 1rem;
  font-weight: 700;
}
.textbutton:hover {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="06b" viewBox="0 0 448 512"><path d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"/></svg>');
}

.paragraph--type--para-promotion .promo-link a, .uosbutton {
  outline-offset: 2px;
  /**
    If browser supports :focus-visible pseudo
    selector lets only show focus indicators on
    relevant devices (screen readers + keyboard)
  */
  display: table;
  padding: calc(1.6rem / 4) 40px calc(1.6rem / 4) calc(1.6rem / 2.5);
  cursor: pointer;
  transition: background-color 0.2s ease-out, color 0.2s ease-out;
  color: #2b353e;
  border: 0;
  background-color: #9adbe8;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"/></svg>');
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  background-size: 0.9rem;
  font-size: 0.9rem;
  font-weight: 700;
}
.paragraph--type--para-promotion .promo-link a:focus, .uosbutton:focus {
  outline: 2px solid #9adbe8;
  box-shadow: inset 0 0 0 2px #fff;
  color: #2b353e;
}
@supports (outline-offset: 2px) {
  .paragraph--type--para-promotion .promo-link a:focus, .uosbutton:focus {
    box-shadow: none;
  }
}
@supports selector(*:focus-visible) {
  .paragraph--type--para-promotion .promo-link a:focus:not(:focus-visible), .uosbutton:focus:not(:focus-visible) {
    outline: 0;
  }
  .paragraph--type--para-promotion .promo-link a:focus-visible, .uosbutton:focus-visible {
    outline: 2px solid var(--a11y-focus-color, #9adbe8);
    color: #2b353e;
  }
}
.paragraph--type--para-promotion .promo-link a:hover, .uosbutton:hover {
  color: #2b353e;
  background-color: rgb(133.2298387097, 211.5967741935, 227.2701612903);
}
.paragraph--type--para-promotion .promo-link a:visited, .uosbutton:visited {
  color: #2b353e;
  background-color: #9adbe8;
}
.paragraph--type--para-promotion .promo-link a.primary, .primary.uosbutton {
  color: #fff;
  background-color: #409;
}
.paragraph--type--para-promotion .promo-link a.primary:hover, .primary.uosbutton:hover {
  color: #fff;
  background-color: rgb(56.6666666667, 0, 127.5);
}
.paragraph--type--para-promotion .promo-link a.warning, .warning.uosbutton {
  color: #fff;
  background-color: #e7004c;
}
.paragraph--type--para-promotion .promo-link a.warning:hover, .warning.uosbutton:hover {
  color: #fff;
  background-color: rgb(205.5, 0, 67.6103896104);
}

.uosbutton {
  margin: 10px 0;
}

.highlight .uosbutton {
  color: #fff;
  background-color: #424b54;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 448 512"><path d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"/></svg>') !important;
}
.highlight .uosbutton:hover {
  color: #fff;
  background-color: #2b353e;
}
.highlight .uosbutton:focus {
  outline-color: #fd0;
}
.highlight .textbutton {
  color: #fff;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 448 512"><path d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"/></svg>');
}
.highlight .textbutton:hover {
  color: #d0d2d4;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="lightgrey" viewBox="0 0 448 512"><path d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"/></svg>');
}

.dark .textbutton {
  color: #fff;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 448 512"><path d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"/></svg>');
}
.dark .textbutton:hover {
  color: #d0d2d4;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="lightgrey" viewBox="0 0 448 512"><path d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"/></svg>');
}

.video-embed-field-lazy:hover .video-embed-field-lazy-play {
  background-color: rgba(0, 0, 0, 0.8);
}
@supports (backdrop-filter: saturate(8)) {
  .video-embed-field-lazy:hover .video-embed-field-lazy-play {
    backdrop-filter: blur(5px) saturate(5);
    background-color: rgba(0, 0, 0, 0.2);
  }
}

.featured-news .newscard .video-embed-field-lazy {
  pointer-events: none;
}
.featured-news .newscard .video-embed-field-lazy-play {
  display: none;
}

.video-embed-field-lazy-play {
  top: inherit;
  bottom: 0;
  left: 0;
  width: 75px;
  height: 75px;
  margin: 0;
  padding: 15px 15px 11px 20px;
  background-color: rgba(0, 0, 0, 0.6);
  background-image: none;
}
.video-embed-field-lazy-play::before {
  content: url('data:image/svg+xml;utf8,<svg aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="white" d="M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z"></path></svg>');
}
.video-embed-field-lazy-play.replaced::before {
  content: "";
}
.video-embed-field-lazy-play:focus {
  background-color: rgba(0, 0, 0, 0.8);
}
@supports (backdrop-filter: saturate(0)) {
  .video-embed-field-lazy-play {
    backdrop-filter: blur(1px) saturate(0);
  }
}

.eventbutton a {
  display: table;
  margin: 10px 0;
  padding: calc(1.6rem / 4) 40px calc(1.6rem / 4) calc(1.6rem / 2.5);
  cursor: pointer;
  transition: background-color 0.2s ease-out, color 0.2s ease-out;
  color: #2b353e;
  border: 0;
  background-color: #9adbe8;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"/></svg>');
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  background-size: 0.9rem;
  font-size: 0.9rem;
  font-weight: 700;
}
.eventbutton a:hover {
  color: #2b353e;
  background-color: rgb(133.2298387097, 211.5967741935, 227.2701612903);
}
.eventbutton a:visited {
  color: #2b353e;
  background-color: #9adbe8;
}

body.node--type-campaign {
  background-color: #f3f4f4;
}
body.node--type-campaign .uosblock.grey {
  background-color: #fff;
}
body.node--type-campaign .region-banner .section-navigation,
body.node--type-campaign .region-banner .views-field-field-section-navigation {
  margin-bottom: 0;
}
@media print, screen and (min-width: 64em) {
  body.node--type-campaign .paragraph--type--para-media-box,
  body.node--type-campaign .paragraph--type--text-box-campaign {
    max-width: 52rem;
    margin: auto;
    margin-top: 2rem;
  }
}
@media print, screen and (min-width: 48em) {
  body.node--type-campaign .paragraph--type--text-box-campaign {
    max-width: 37.5555555556rem;
    margin: 0 auto;
  }
}
body.node--type-campaign .block-field-blockparagraphtext-box-campaignfield-tb-title {
  margin-top: 1rem;
}

.sectionintro {
  margin-top: 2rem;
  text-align: center;
}
.sectionintro h3 {
  font-size: 2rem;
}
.sectionintro p {
  max-width: 60ch;
  margin: auto;
  margin-bottom: 1rem;
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 1.8rem;
}

.thickblue {
  max-width: 30%;
  height: 10px;
  margin-top: 1rem;
  margin-bottom: 1rem;
  opacity: 1;
  border: none;
  background-color: #409;
}

.block-field-blockparagraphtext-box-campaignfield-text-box-media {
  margin-bottom: 1.6rem;
}

.campaign-header {
  margin-right: calc(50% - 50vw);
  margin-bottom: 10px;
  margin-left: calc(50% - 50vw);
  position: relative;
}
.campaign-header .campaign-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  pointer-events: none;
}
.campaign-header .campaign-holder {
  max-width: 1500px;
  margin: auto;
  position: relative;
}
.campaign-header .campaign-holder .info {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
}
.campaign-header .campaign-holder .campaign-media {
  display: none;
}
.campaign-header .campaign-holder .campaign-media video {
  width: 100%;
  display: block;
}
.campaign-header .campaign-holder .campaign-media .pause-button {
  color: #fff;
  position: absolute;
  font-size: 2rem;
  opacity: 0.7;
  right: 20px;
  bottom: 20px;
  cursor: pointer;
  z-index: 2000;
}
.campaign-header .campaign-holder .campaign-media .pause-button:hover {
  opacity: 1;
}
@media print, screen and (min-width: 48em) {
  .campaign-header .campaign-holder .campaign-media {
    display: block;
  }
}
.campaign-header .campaign-holder .campaign-mobile-media {
  display: block;
}
.campaign-header .campaign-holder .campaign-mobile-media img {
  width: 100%;
}
@media print, screen and (min-width: 48em) {
  .campaign-header .campaign-holder .campaign-mobile-media {
    display: none;
  }
}

.medium-8 .breakout {
  margin-right: 0;
  margin-left: 0;
}
@media print, screen and (min-width: 48em) {
  .medium-8 .breakout {
    margin-right: -12.8rem;
    margin-left: 0;
  }
}
@media print, screen and (min-width: 64em) {
  .medium-8 .breakout {
    margin-right: -15.5rem;
    margin-left: 0;
  }
}
@media screen and (min-width: 80em) {
  .medium-8 .breakout {
    margin-right: -22.87rem;
    margin-left: -3.2rem;
  }
}
.medium-8 .full-width {
  margin-left: 0;
}
@media print, screen and (min-width: 48em) {
  .medium-8 .full-width {
    margin-right: -12.8rem;
  }
}
@media print, screen and (min-width: 64em) {
  .medium-8 .full-width {
    margin-right: -15.5rem;
  }
}
@media screen and (min-width: 80em) {
  .medium-8 .full-width {
    margin-right: -19.66rem;
  }
}

.backtotop {
  position: fixed;
  z-index: 100;
  right: 10px;
  bottom: 120px;
  display: none;
  width: 50px;
  height: 50px;
  cursor: pointer;
  transition: 0.3s ease;
  text-align: center;
  border-radius: 50%;
}
@media screen and (min-width: 80em) {
  .backtotop {
    bottom: 80px;
  }
}

blockquote:not(.uosquote) {
  position: relative;
  margin: 0 20px 20px;
  padding: 0 0 0 20px;
  border-left: 8px solid #409;
  background: none;
  font-family: "Source Serif", serif;
}
blockquote:not(.uosquote) p {
  color: #2b353e;
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 1.6;
}
blockquote:not(.uosquote) p:first-of-type {
  text-indent: 40px;
}
blockquote:not(.uosquote) p:first-of-type::before {
  position: absolute;
  top: 22px;
  left: -23px;
  content: "“";
  font-family: "Source Serif", serif;
  font-size: 80px;
  font-weight: 700;
  line-height: 1.2rem;
}
blockquote.uosquote {
  position: relative;
  margin: 0 20px 20px;
  padding: 0 0 0 20px;
  border-left: 8px solid #409;
  background: none;
  font-family: "Source Serif", serif;
}
blockquote.uosquote p {
  font-size: 1.1rem;
  font-weight: 300;
}
blockquote.uosquote .uosquote-quote p:first-of-type {
  text-indent: 40px;
}
blockquote.uosquote .uosquote-quote p:first-of-type::before {
  position: absolute;
  top: 22px;
  left: -23px;
  content: "“";
  font-family: "Source Serif", serif;
  font-size: 80px;
  font-weight: 700;
  line-height: 1.2rem;
}
blockquote.uosquote .uosquote-attribution {
  font-size: 1rem;
  font-weight: 300;
}
blockquote.uosquote .uosquote-name {
  clear: both;
  margin-bottom: 0;
  font-size: 115%;
  font-weight: 700;
}
blockquote.uosquote .uosquote-name::before {
  content: "";
}

[class$=-promo-box] {
  margin-top: 0;
  padding-top: 0.75rem;
  border-top: 10px solid #409;
}
[class$=-promo-box] h2 {
  font-size: 1.3rem;
}

.row.page-body .large-8 {
  margin-bottom: 40px;
}
@media print, screen and (min-width: 64em) {
  .row.page-body .large-8 {
    margin-bottom: 0;
  }
}

.js-iframe-consent {
  position: relative;
  overflow: hidden;
}
.js-iframe-consent::before {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #fff;
  background-position: center center;
  background-size: cover;
}
.js-iframe-consent__message {
  position: absolute;
  z-index: 1;
  right: 1.125rem;
  bottom: 1.125rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 1.125rem;
  background-color: #fff;
  box-shadow: 0 0.2px 0.9px rgba(0, 0, 0, 0.024), 0 0.5px 2.4px rgba(0, 0, 0, 0.035), 0 1.2px 5.7px rgba(0, 0, 0, 0.046), 0 4px 19px rgba(0, 0, 0, 0.07);
  font-size: 16px;
}
.js-iframe-consent__message button {
  display: flex;
  margin-top: 0.6666666667rem;
}
.js-iframe-consent--map::before {
  background-image: url("../images/map-blurred.jpg");
}
.js-iframe-consent--360 {
  position: absolute;
  inset: 0;
}
.js-iframe-consent--360::before {
  background-image: url("../images/360-blurred.jpg");
}
.js-iframe-consent--loaded .js-iframe-consent__message, .js-iframe-consent--loaded::before {
  display: none;
}

/** Fix issue where buttons are chopped off */
@media screen and (min-width: 800px) and (max-width: 1024px) {
  #onetrust-banner-sdk.otFloatingFlat {
    min-width: 640px;
  }
}

.block-field-blocknodeeventtitle h2 {
  margin-bottom: 1.25rem;
  font-size: 1.8rem;
  line-height: 2.2rem;
}

.block-field-blocknodeeventfield-ev-media {
  margin-bottom: 1.5rem;
}
.block-field-blocknodeeventfield-ev-media hr {
  margin-bottom: 0;
}

.event-details,
.event2-date-times {
  margin-bottom: 0.25rem;
  color: #5a6269;
  font-size: 0.85rem;
}
.event-details.ev-date span,
.event2-date-times.ev-date span {
  margin-left: 6px;
}
.event-details.ev-time span,
.event2-date-times.ev-time span {
  margin-left: 3px;
}
.event-details.ev-venue span,
.event2-date-times.ev-venue span {
  margin-left: 8px;
}
.event-details.ev-ticket-details span,
.event2-date-times.ev-ticket-details span {
  margin-left: 6px;
}
.event-details svg,
.event2-date-times svg {
  color: #409;
}

.event2-date-times ul {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  margin-left: 0;
  list-style: none !important;
  gap: 1rem;
}
.event2-date-times ul li {
  margin: 0 0 10px !important;
}
.event2-date-times h2, .event2-date-times > h3:first-of-type {
  margin-top: 10px;
}

.block-field-blocknodeeventfield-ev-button-url .uosbutton {
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.block-field-blocknodeeventfield-ev-location h2 {
  margin-bottom: 25px;
}

.event-teaser {
  position: relative;
  display: flex;
  justify-content: flex-start;
  padding: calc(1.6rem / 2) 0;
  color: #2b353e;
  border-top: 2px solid #e7e9ea;
}
.event-teaser .teaser-text h2 {
  color: #0a0a0a;
  font-size: 1.1rem;
  line-height: 1.2rem;
}
@media print, screen and (min-width: 48em) {
  .event-teaser .teaser-text h2 {
    line-height: 1.5rem;
  }
}
.event-teaser .teaser-text p {
  display: none;
  margin-bottom: calc(1.6rem / 3);
  font-size: 0.9rem;
  line-height: 1.6;
}
@media print, screen and (min-width: 48em) {
  .event-teaser .teaser-text p {
    display: block;
  }
}
.event-teaser .teaser-text__title a {
  outline-offset: 2px;
  /**
    If browser supports :focus-visible pseudo
    selector lets only show focus indicators on
    relevant devices (screen readers + keyboard)
  */
  display: inline-block;
  color: #2b353e;
}
.event-teaser .teaser-text__title a:focus {
  outline: 2px solid #409;
  box-shadow: inset 0 0 0 2px #fff;
}
@supports (outline-offset: 2px) {
  .event-teaser .teaser-text__title a:focus {
    box-shadow: none;
  }
}
@supports selector(*:focus-visible) {
  .event-teaser .teaser-text__title a:focus:not(:focus-visible) {
    outline: 0;
  }
  .event-teaser .teaser-text__title a:focus-visible {
    outline: 2px solid var(--a11y-focus-color, #409);
  }
}
.event-teaser .teaser-text__title a:hover {
  text-decoration: underline;
  color: #409;
}
.event-teaser .teaser-text__datetime {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.event-teaser .event-details.ev-venue span {
  margin-left: 4px;
}
.event-teaser:hover h2 {
  text-decoration: underline;
  color: #409;
}

.teaser-thumb {
  flex-basis: 35%;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: calc(1.6rem / 2);
}
@media print, screen and (min-width: 64em) {
  .teaser-thumb {
    flex-basis: 215px;
  }
}

.paragraph--type--event-signposting-card {
  background-color: #fff;
}
.paragraph--type--event-signposting-card:hover .field-ev-title a {
  color: #409 !important;
}
.paragraph--type--event-signposting-card .event-tag {
  display: none;
}
.paragraph--type--event-signposting-card p {
  padding: 0 calc(1.6rem / 2);
  color: #2b353e;
  font-weight: 400;
}
.paragraph--type--event-signposting-card .field-ev-title {
  color: #2b353e;
  font-size: 1.1rem;
}
.paragraph--type--event-signposting-card .field-ev-title a {
  color: #2b353e !important;
  border-bottom: 0 !important;
}
.paragraph--type--event-signposting-card h2 {
  font-size: 1.2rem;
}
.paragraph--type--event-signposting-card h2 svg {
  display: none;
}
@media print, screen and (min-width: 48em) {
  .paragraph--type--event-signposting-card h2 {
    font-size: 1rem;
  }
}
.paragraph--type--event-signposting-card .details {
  padding: calc(1.6rem / 2);
}
.paragraph--type--event-signposting-card .event-details {
  font-weight: 400;
}
.paragraph--type--event-signposting-card .ev-time {
  display: none;
}

.paragraph--type--event-signposting-box {
  position: relative;
  color: #fff;
  background-color: #2b353e;
}
.paragraph--type--event-signposting-box p {
  padding: 0 calc(1.6rem / 2);
  color: #2b353e;
  font-weight: 400;
}
.paragraph--type--event-signposting-box .details {
  overflow: hidden;
  padding: 0.2rem 1rem 0.5rem;
}
.paragraph--type--event-signposting-box .details h2 {
  overflow: hidden;
  max-width: 40ch;
  margin-bottom: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #fff;
  font-size: 1.3rem;
  line-height: 2;
}
.paragraph--type--event-signposting-box .details h2.field-ev-title a {
  color: #fff !important;
  border-bottom: 0 !important;
}
@media print, screen and (min-width: 48em) {
  .paragraph--type--event-signposting-box .details h2 {
    font-size: 1rem;
    line-height: unset;
  }
}
.paragraph--type--event-signposting-box .details .event-details {
  display: none;
}
@media print, screen and (min-width: 48em) {
  .paragraph--type--event-signposting-box .details {
    padding: 0.5333333333rem 0.8rem;
  }
}
.paragraph--type--event-signposting-box .event-tag {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  padding: 0 15px;
  color: #fff;
  background-color: #2b353e;
  font-size: 1.1rem;
  font-weight: bold;
}
.paragraph--type--event-signposting-box .event-card-link {
  background-color: transparent;
}
.paragraph--type--event-signposting-box:hover .details h2.field-ev-title a {
  color: #d0d2d4 !important;
}

.event-card-link {
  position: relative;
  display: block;
  background-color: #fff;
}
.event-card-link h2 a {
  color: #2b353e;
}
.event-card-link h2 a:hover {
  text-decoration: underline;
  color: #409;
}
.event-card-link .details {
  padding: calc(1.6rem / 2);
}
.event-card-link .event-details {
  font-weight: 400;
}
.event-card-link .ev-time {
  display: none;
}

.event-time {
  max-width: none !important;
}
.event-time .add-to-cal {
  margin-left: 10px;
  cursor: pointer;
  color: #409 !important;
  border-bottom: 2px solid #d0d2d4 !important;
  font-weight: 700 !important;
}
.event-time .add-to-cal.event-complete {
  display: none;
}
.event-time .add-to-cal:hover {
  color: #005a8f;
}

.ev-link {
  margin-bottom: 9px;
}
.ev-link a {
  border-bottom: 2px solid #d0d2d4 !important;
  font-weight: 700 !important;
}
.ev-link svg {
  margin-right: 5px;
  color: #409;
}

.calendar-buttons {
  display: none;
  margin-bottom: 1rem;
  padding: 0.8rem;
  border: 1px solid #d0d2d4;
  border-radius: 5px;
}

.views-row .sp-teaser h2:hover {
  text-decoration: underline;
  color: #409;
}

.event-card-link .event2-date-times h2 {
  display: none !important;
}
.event-card-link .event-details.ev-date .event-teaser-date {
  margin-left: 0;
}

.form-item-field-ev2-categories-target-id select {
  min-width: 100px;
  margin: 0;
}

.ev-multidate svg,
.ev-singledate svg {
  margin-right: 9px;
}

.event-category-item {
  display: none;
}

.paragraph--type--featured-image {
  padding-bottom: 1px;
}

.featured-image {
  margin-bottom: 1.6rem;
  background-color: #2b353e;
}
.featured-image .img_container {
  outline-offset: 2px;
  /**
    If browser supports :focus-visible pseudo
    selector lets only show focus indicators on
    relevant devices (screen readers + keyboard)
  */
  display: inline-block;
  flex-grow: 0;
  flex-shrink: 0;
  width: 100%;
}
.featured-image .img_container:focus {
  outline: 2px solid #fd0;
  box-shadow: inset 0 0 0 2px #fff;
}
@supports (outline-offset: 2px) {
  .featured-image .img_container:focus {
    box-shadow: none;
  }
}
@supports selector(*:focus-visible) {
  .featured-image .img_container:focus:not(:focus-visible) {
    outline: 0;
  }
  .featured-image .img_container:focus-visible {
    outline: 2px solid var(--a11y-focus-color, #fd0);
  }
}
.featured-image .img_container img,
.featured-image .img_container picture {
  width: 100%;
}
@media screen and (min-width: 80em) {
  .featured-image .img_container {
    flex-basis: 66%;
  }
}
.featured-image .img_descript {
  padding: 1.6rem;
  word-break: break-word;
  color: #fff;
}
.featured-image .img_descript p {
  line-height: 1.4rem;
}
.featured-image .img_descript h3 {
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.8rem;
}
.featured-image .img_descript a {
  outline-offset: 2px;
  /**
    If browser supports :focus-visible pseudo
    selector lets only show focus indicators on
    relevant devices (screen readers + keyboard)
  */
  color: #fff;
  border-bottom: 2px solid #fff;
  font-weight: 700;
  line-height: 1.4rem;
}
.featured-image .img_descript a:focus {
  outline: 2px solid #fd0;
  box-shadow: inset 0 0 0 2px #fff;
}
@supports (outline-offset: 2px) {
  .featured-image .img_descript a:focus {
    box-shadow: none;
  }
}
@supports selector(*:focus-visible) {
  .featured-image .img_descript a:focus:not(:focus-visible) {
    outline: 0;
  }
  .featured-image .img_descript a:focus-visible {
    outline: 2px solid var(--a11y-focus-color, #fd0);
  }
}
.featured-image .img_descript a:hover {
  color: #d0d2d4;
  border-bottom: 2px solid #d0d2d4;
}
@media screen and (min-width: 80em) {
  .featured-image {
    display: flex;
  }
}

.pager__item--first [aria-hidden=true], .pager__item--last [aria-hidden=true], .pager__item--next [aria-hidden=true], .pager__item--previous [aria-hidden=true] {
  display: inline-block;
  text-transform: capitalize;
}

.leaflet-control-attribution a {
  text-decoration: underline;
}

/**
  Styles for section_events view
*/
@media print, screen and (min-width: 48em) {
  .block-views-blocksection-events-block-1 input {
    outline-offset: 2px;
    /**
      If browser supports :focus-visible pseudo
      selector lets only show focus indicators on
      relevant devices (screen readers + keyboard)
    */
    margin-bottom: 0;
  }
  .block-views-blocksection-events-block-1 input:focus {
    outline: 2px solid #fd0;
    box-shadow: inset 0 0 0 2px #fff;
  }
  @supports (outline-offset: 2px) {
    .block-views-blocksection-events-block-1 input:focus {
      box-shadow: none;
    }
  }
  @supports selector(*:focus-visible) {
    .block-views-blocksection-events-block-1 input:focus:not(:focus-visible) {
      outline: 0;
    }
    .block-views-blocksection-events-block-1 input:focus-visible {
      outline: 2px solid var(--a11y-focus-color, #fd0);
    }
  }
}

.event-index input {
  margin-bottom: 0;
}
.event-index .form-item label {
  margin-bottom: 0.5em;
  white-space: nowrap;
  font-size: 0.8rem;
  font-weight: normal;
  line-height: 1;
}
.event-index .views-exposed-form {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 1rem;
  gap: 1rem;
}
.event-index .views-exposed-form div {
  padding: 0;
}
@media print, screen and (min-width: 48em) {
  .event-index .views-exposed-form {
    flex-direction: row;
    flex-wrap: wrap;
    width: auto;
  }
}
@media print, screen and (min-width: 48em) {
  .event-index .views-row {
    width: 66.6667%;
  }
}

footer {
  display: block;
  align-self: stretch;
  margin-top: 2rem;
  color: #fff;
  background-color: #24135f;
}
footer .large-3 {
  margin-top: 9px;
}
footer a {
  color: #fff;
}
footer .footer-heading {
  margin-bottom: 0.5rem;
  color: #fff;
  font-family: "Source Serif", serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
}
@media print, screen and (min-width: 48em) {
  footer .footer-heading {
    font-size: 0.85rem;
  }
}
footer .quicklinks {
  margin-top: 5px;
}
footer .quicklinks a {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  color: #fff;
  line-height: 2;
  break-inside: avoid;
}
footer .quicklinks a:hover {
  text-decoration: underline;
}
@media print, screen and (min-width: 48em) {
  footer .quicklinks a {
    margin-bottom: 10px;
    padding-right: 10px;
    line-height: 1.1rem;
  }
}
footer .quicklinks ul,
footer .quicklinks li {
  display: block;
  margin: 0;
  padding: 0;
}
footer .quicklinks ul {
  display: block;
}
@media print, screen and (min-width: 48em) {
  footer .quicklinks ul {
    columns: 3;
  }
}
@media print, screen and (min-width: 64em) {
  footer .quicklinks ul {
    columns: 4;
  }
}
footer .logos {
  text-align: center;
  color: #fff;
  background-color: #409;
}
footer .logos p {
  display: inline-block;
  max-width: none;
  margin: 1.6rem;
  text-align: center;
}
@media print, screen and (min-width: 48em) {
  footer .logos p {
    font-size: 18px;
  }
}
footer .logos .row,
footer .logos .row-width {
  margin: 0 auto;
}
footer .logos .row .logo-container,
footer .logos .row-width .logo-container {
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  text-align: center;
  white-space: nowrap;
}
footer .logos .row .logo-container .group-footer-logos,
footer .logos .row-width .logo-container .group-footer-logos {
  display: inline-block;
}
footer .logos .row .logo-container picture,
footer .logos .row-width .logo-container picture {
  display: block;
}
footer .logos .row .logo-container img,
footer .logos .row-width .logo-container img {
  width: auto;
}
footer .logos .row .logo-container figcaption,
footer .logos .row .logo-container hr,
footer .logos .row-width .logo-container figcaption,
footer .logos .row-width .logo-container hr {
  display: none;
}
@media print, screen and (min-width: 48em) {
  footer .logos .row,
  footer .logos .row-width {
    width: unset;
    max-width: 768px;
    padding: 0 0.9375rem;
  }
}
@media print, screen and (min-width: 64em) {
  footer .logos .row,
  footer .logos .row-width {
    max-width: 930px;
  }
}
@media screen and (min-width: 80em) {
  footer .logos .row,
  footer .logos .row-width {
    max-width: 1180px;
  }
}
footer .logos .row .logo-container {
  padding: 0 calc(1.6rem / 2) 1.6rem;
}
footer .scrollarrows {
  margin-bottom: 5px;
}
footer .scrollarrows span {
  display: inline-block;
  padding: 0 1.6rem;
  cursor: pointer;
}
footer .scrollarrows span:hover {
  color: #9adbe8;
}
@media print, screen and (min-width: 48em) {
  footer {
    font-size: 0.85rem;
    line-height: 1.2rem;
  }
}

.footicons {
  display: block;
  justify-content: space-between;
  padding: 2rem 0.9rem;
  border-top: 1px solid #5a6269;
}
.footicons .social .embedded-entity {
  margin-bottom: 0;
}
.footicons .social > div {
  display: flex;
  justify-content: center;
  gap: 1.6rem;
  margin-top: 10px;
}
.footicons .social > div ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.footicons .social > div a {
  outline-offset: 2px;
  /**
    If browser supports :focus-visible pseudo
    selector lets only show focus indicators on
    relevant devices (screen readers + keyboard)
  */
  display: inline-block;
  width: 36px;
  margin-top: 0.8rem;
}
.footicons .social > div a:focus {
  outline: 2px solid #fd0;
  box-shadow: inset 0 0 0 2px #fff;
}
@supports (outline-offset: 2px) {
  .footicons .social > div a:focus {
    box-shadow: none;
  }
}
@supports selector(*:focus-visible) {
  .footicons .social > div a:focus:not(:focus-visible) {
    outline: 0;
  }
  .footicons .social > div a:focus-visible {
    outline: 2px solid var(--a11y-focus-color, #fd0);
  }
}
.footicons .social > div > ul {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
  gap: 1rem;
}
@media print, screen and (min-width: 48em) {
  .footicons .social > div > ul {
    gap: 0.5rem;
  }
}
@media print, screen and (min-width: 48em) {
  .footicons .social > div {
    gap: 0.5rem;
  }
}
@media print, screen and (min-width: 48em) {
  .footicons .social > div {
    justify-content: space-between;
  }
}
.footicons .awards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 0 1.6rem;
  padding: 0;
  list-style: none;
}
.footicons .awards a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 20px;
}
.footicons .awards a:focus {
  border: 1px solid black;
  outline: 2px solid #fd0;
  outline-offset: 0;
}
.footicons .awards a > img {
  width: auto;
  max-width: 120px;
}
@media print, screen and (min-width: 48em) {
  .footicons .awards a > img {
    max-height: 80px;
  }
}
@media print, screen and (min-width: 48em) {
  .footicons .awards a {
    margin: 0 44px 0 0;
  }
}
@media print, screen and (min-width: 48em) {
  .footicons .awards {
    justify-content: space-around;
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 48em) {
  .footicons {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (min-width: 80em) {
  .footicons {
    flex-direction: row;
  }
}

@media print, screen and (min-width: 48em) {
  .region-footer_last {
    display: flex;
    align-items: center;
  }
}

.bottom-bar {
  padding: 0.9rem;
  text-align: center;
  background-color: #131e29;
}
.bottom-bar .row a {
  padding: 0.3rem 1rem 0.3rem 0;
  color: #fff;
  line-height: normal;
}
.bottom-bar .row a:hover {
  text-decoration: underline;
}
.bottom-bar ul {
  margin-bottom: 15px;
}
@media print, screen and (min-width: 64em) {
  .bottom-bar ul {
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 64em) {
  .bottom-bar .copyright {
    text-align: right;
  }
}

.block-uos-minimal-footer .menu {
  margin: 0;
  padding: 0;
}
.block-uos-minimal-footer .menu a {
  padding: 0 1rem;
  color: #fff;
  line-height: inherit;
}

.accred-banner {
  padding: 1.6rem;
  text-align: center;
  background-color: #409;
  font-size: 1rem;
}
.accred-banner .mgmt-logos {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: auto;
  padding: calc(1.6rem / 2) calc(1.6rem / 2) 1rem;
}
.accred-banner .mgmt-logos div {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  margin: 0 calc(1.6rem / 2);
}
.accred-banner .mgmt-logos div.aacsb {
  margin-right: 0;
}
@media print, screen and (min-width: 48em) {
  .accred-banner .mgmt-logos {
    max-width: 40%;
  }
}

.icon-facebook {
  background-position: -41px;
}

.icon-twitter {
  background-position: -3px;
}

.icon-snapchat {
  background-position: -579px;
}

.icon-youtube {
  background-position: -79px;
}

.icon-instagram {
  background-position: -345px;
}

.icon-linkedin {
  background-position: -155px;
}

.icon-weibo {
  background-position: -117px;
}

.gallery-main {
  margin-bottom: calc(1.6rem / 2);
  background-color: #e7e9ea;
}
.gallery-main .main-img {
  position: relative;
}
.gallery-main .img-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  padding: calc(1.6rem / 2);
  color: #fff;
  background-color: rgba(19, 30, 41, 0.75);
}
.gallery-main .hidden-img {
  display: none;
}
.gallery-main .hidden-img .img-caption {
  display: none;
}
.gallery-main figcaption,
.gallery-main hr {
  display: none;
}
.gallery-main > div:first-of-type .img-caption {
  display: block;
}

.gallery-container {
  position: relative;
}
.gallery-container .gallery-thumbs {
  overflow: auto;
  white-space: nowrap;
}
.gallery-container .gallery-thumbs picture {
  display: inline-block;
  padding-right: 0.5rem;
  cursor: pointer;
  -webkit-transition: 0.6s ease;
  transition: 0.6s ease;
}
.gallery-container .gallery-thumbs picture:focus {
  border: 2px solid yellow;
}
.gallery-container .thumb img,
.gallery-container .chosen-thumb img {
  width: 100%;
}
.gallery-container .swipes {
  text-align: center;
  color: #2b353e;
  font-size: 1.4rem;
}
.gallery-container .swipes span {
  padding: 0 5px;
  cursor: pointer;
}
.gallery-container .swipes span.active {
  color: #898f94;
}
.gallery-container::after {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  width: 7%;
  height: 100%;
  content: "";
  pointer-events: none;
}

.image-gallery {
  position: relative;
  display: grid;
}
.image-gallery figcaption {
  display: none;
}
.image-gallery__image {
  grid-area: 1/1;
  width: 100%;
}
@media print, screen and (max-width: 63.99875em) {
  .image-gallery .imgcapt,
  .image-gallery .media--image--figure {
    height: 100%;
  }
}
.image-gallery img {
  display: block;
  width: 100%;
  height: auto;
}
@media print, screen and (max-width: 63.99875em) {
  .image-gallery img {
    height: 100%;
    object-fit: cover;
  }
}
.image-gallery__content {
  position: relative;
  z-index: 1;
  display: grid;
  grid-area: 1/1;
  align-content: end;
  justify-items: start;
  padding: 1rem;
  pointer-events: none;
  color: #fff;
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.7) 80%, rgb(0, 0, 0) 100%);
}
.image-gallery__content h2,
.image-gallery__content h3 {
  margin-bottom: 0;
  color: #fff;
}
@media print, screen and (min-width: 48em) {
  .image-gallery__content {
    padding: 2rem;
  }
}
.image-gallery__view-all {
  outline-offset: 2px;
  /**
    If browser supports :focus-visible pseudo
    selector lets only show focus indicators on
    relevant devices (screen readers + keyboard)
  */
  display: flex;
  cursor: pointer;
  text-decoration: underline;
  pointer-events: auto;
  color: #fff;
  font-weight: 700;
  gap: 9px;
  text-underline-offset: 3px;
}
.image-gallery__view-all:focus {
  outline: 2px solid #fd0;
  box-shadow: inset 0 0 0 2px #fff;
}
@supports (outline-offset: 2px) {
  .image-gallery__view-all:focus {
    box-shadow: none;
  }
}
@supports selector(*:focus-visible) {
  .image-gallery__view-all:focus:not(:focus-visible) {
    outline: 0;
  }
  .image-gallery__view-all:focus-visible {
    outline: 2px solid var(--a11y-focus-color, #fd0);
  }
}
.image-gallery__view-all:hover {
  text-decoration-thickness: 2px;
}
.image-gallery__view-all::before {
  position: absolute;
  inset: 0;
  display: block;
  content: "";
  cursor: pointer;
}

.image-gallery-content {
  display: none;
}

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

.block-field-blocknodegroup-publicationsfield-gp-media {
  margin: 1rem 0;
}

.groupPubsPublist #my-pubs h3 {
  font-size: 1.3rem;
}

.content {
  width: 100%;
}
@media print, screen and (min-width: 48em) {
  .content {
    width: 768px;
  }
}
@media print, screen and (min-width: 64em) {
  .content {
    width: 1024px;
  }
}
@media screen and (min-width: 80em) {
  .content {
    width: 1280px;
  }
}

@media print, screen and (min-width: 48em) {
  .row,
  .row-max-width {
    max-width: 768px;
  }
}
@media print, screen and (min-width: 64em) {
  .row,
  .row-max-width {
    max-width: 930px;
  }
}
@media screen and (min-width: 80em) {
  .row,
  .row-max-width {
    max-width: 1180px;
  }
}

.resp {
  width: 100%;
  height: auto;
}

.alignright {
  text-align: right;
}

.floatright {
  float: right;
}

.lead {
  font-weight: 700;
}

.hide {
  display: none;
}

.hideonmobile {
  display: none;
}
@media print, screen and (min-width: 48em) {
  .hideonmobile {
    display: initial;
  }
}

.printonly {
  display: none;
}

.mobileonly {
  display: block;
}
@media print, screen and (min-width: 48em) {
  .mobileonly {
    display: none;
  }
}

.hideonmobtab {
  display: none;
}
@media print, screen and (min-width: 64em) {
  .hideonmobtab {
    display: initial;
  }
}

.mobtabonly {
  display: block;
}
@media print, screen and (min-width: 64em) {
  .mobtabonly {
    display: none;
  }
}

.pad {
  padding: 1.6rem 0;
}

.padbot {
  padding: 0 0 1.6rem;
}

hr {
  height: 0;
  border: 1px solid #d0d2d4;
}

.dark hr,
.highlight hr {
  border: 1px solid #fff;
}

button {
  outline-offset: 2px;
  /**
    If browser supports :focus-visible pseudo
    selector lets only show focus indicators on
    relevant devices (screen readers + keyboard)
  */
}
button:focus {
  outline: 2px solid #fd0;
  box-shadow: inset 0 0 0 2px #fff;
}
@supports (outline-offset: 2px) {
  button:focus {
    box-shadow: none;
  }
}
@supports selector(*:focus-visible) {
  button:focus:not(:focus-visible) {
    outline: 0;
  }
  button:focus-visible {
    outline: 2px solid var(--a11y-focus-color, #fd0);
  }
}

.matchheight > columns {
  display: flex;
}
@media print, screen and (min-width: 48em) {
  .matchheight {
    display: flex;
    justify-content: space-between;
  }
  .matchheight > .columns {
    display: flex;
    flex: 0 0 auto;
    align-items: stretch;
  }
  .matchheight > .columns > div {
    flex-grow: 1;
  }
  .matchheight > .columns > div.paragraph--type--course-card {
    display: flex;
  }
  .matchheight > .columns > div.paragraph--type--course-card > a {
    display: flex;
    flex-grow: 1;
  }
  .matchheight > .columns > div.paragraph--type--event-signposting-box .event-card-link, .matchheight > .columns > div.paragraph--type--event-signposting-card .event-card-link {
    height: 100%;
    background-color: transparent;
  }
  .matchheight > .columns .block-field-blockparagraphfrom-libraryfield-reusable-paragraph {
    display: flex;
  }
}

.modalbg {
  position: absolute;
  z-index: 9;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  background-color: rgba(0, 0, 0, 0.6);
}

.modal {
  position: absolute;
  z-index: 10;
  top: 10%;
  right: 25%;
  left: 25%;
  padding: 1rem;
  border: 1px solid #2b353e;
  background-color: #e7e9ea;
  font-size: 1.2rem;
  line-height: 1.5rem;
}
.modal .closex {
  cursor: pointer;
  text-align: right;
}
@media only screen and (max-width: 1023px) {
  .modal {
    top: 10%;
    right: 5%;
    left: 5%;
  }
}

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

.node-preview-form-select {
  align-items: center;
  justify-content: space-between;
}
.node-preview-form-select .node-preview-backlink {
  padding: 10px;
  color: #e7e9ea;
  background-color: rgb(45.3333333333, 0, 102);
  font-size: 0.9rem;
}
.node-preview-form-select .node-preview-backlink:hover {
  background-color: rgb(45.3333333333, 0, 102);
}
.node-preview-form-select .node-preview-backlink::before {
  content: "<  ";
  font-weight: 700;
}
.node-preview-form-select .js-form-item-view-mode {
  display: flex;
  width: 200px;
  margin-top: 50px;
  padding: 10px;
  background-color: rgb(45.3333333333, 0, 102);
}
.node-preview-form-select .js-form-item-view-mode label {
  flex-grow: 1;
  color: #e7e9ea;
  font-size: 0.7rem;
}
.node-preview-form-select .js-form-item-view-mode .form-select {
  margin: 0;
  font-size: 0.7rem;
}

.pagination li.pager__item {
  display: inline;
}
.pagination li.pager__item--ellipsis {
  margin-right: 10px !important;
}
.pagination li.pager__item a {
  outline-offset: 2px;
  /**
    If browser supports :focus-visible pseudo
    selector lets only show focus indicators on
    relevant devices (screen readers + keyboard)
  */
  display: inline-block;
  padding: 0.5rem;
  border-bottom: 1px solid rgb(166.4285714286, 180.7142857143, 193.5714285714);
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.1;
}
.pagination li.pager__item a:focus {
  outline: 2px solid #005a8f;
  box-shadow: inset 0 0 0 2px #fff;
}
@supports (outline-offset: 2px) {
  .pagination li.pager__item a:focus {
    box-shadow: none;
  }
}
@supports selector(*:focus-visible) {
  .pagination li.pager__item a:focus:not(:focus-visible) {
    outline: 0;
  }
  .pagination li.pager__item a:focus-visible {
    outline: 2px solid var(--a11y-focus-color, #005a8f);
  }
}
.pagination li.pager__item a:hover {
  color: #2b353e;
  background: none;
}
@media print, screen and (min-width: 48em) {
  .pagination li.pager__item a {
    padding: 0.42rem;
    font-size: 0.875rem;
  }
}
.pagination li.pager__item.current {
  display: inline;
  padding: 0;
  color: #2b353e;
  background: none;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.1;
}
.pagination li.pager__item.current a {
  border-bottom: 0;
  font-weight: inherit;
}
@media print, screen and (min-width: 48em) {
  .pagination li.pager__item.current {
    font-size: 0.875rem;
  }
}

#block-uos-local-tasks .button-group li {
  margin-right: 1px;
  list-style: none;
}

#keywords:focus {
  border: 1px solid black;
  outline: 2px solid #fd0;
  outline-offset: 0;
  box-shadow: inset 0 0 0 1px;
}

.course-form select:focus,
.course-form input:focus,
.ug-course-form select:focus,
.ug-course-form input:focus,
.pg-course-form select:focus,
.pg-course-form input:focus,
.news-search-comp select:focus,
.news-search-comp input:focus {
  border: 1px solid black;
  outline: 2px solid #fd0;
  outline-offset: 0;
  box-shadow: inset 0 0 0 1px;
}
.course-form button.primary,
.ug-course-form button.primary,
.pg-course-form button.primary,
.news-search-comp button.primary {
  outline-offset: 2px;
  /**
    If browser supports :focus-visible pseudo
    selector lets only show focus indicators on
    relevant devices (screen readers + keyboard)
  */
}
.course-form button.primary:focus,
.ug-course-form button.primary:focus,
.pg-course-form button.primary:focus,
.news-search-comp button.primary:focus {
  outline: 2px solid #fd0;
  box-shadow: inset 0 0 0 2px #fff;
}
@supports (outline-offset: 2px) {
  .course-form button.primary:focus,
  .ug-course-form button.primary:focus,
  .pg-course-form button.primary:focus,
  .news-search-comp button.primary:focus {
    box-shadow: none;
  }
}
@supports selector(*:focus-visible) {
  .course-form button.primary:focus:not(:focus-visible),
  .ug-course-form button.primary:focus:not(:focus-visible),
  .pg-course-form button.primary:focus:not(:focus-visible),
  .news-search-comp button.primary:focus:not(:focus-visible) {
    outline: 0;
  }
  .course-form button.primary:focus-visible,
  .ug-course-form button.primary:focus-visible,
  .pg-course-form button.primary:focus-visible,
  .news-search-comp button.primary:focus-visible {
    outline: 2px solid var(--a11y-focus-color, #fd0);
  }
}
.course-form button.primary:focus,
.ug-course-form button.primary:focus,
.pg-course-form button.primary:focus,
.news-search-comp button.primary:focus {
  background-color: #2b353e;
}

#views-exposed-form-undergraduate-courses-search-page-1 input[type=text]:focus,
#views-exposed-form-undergraduate-courses-search-page-1 select:focus,
#views-exposed-form-postgraduate-taught-courses-search-page-1 input[type=text]:focus,
#views-exposed-form-postgraduate-taught-courses-search-page-1 select:focus,
#views-exposed-form-section-events-block-1 input[type=text]:focus,
#views-exposed-form-section-events-block-1 select:focus {
  outline-offset: 2px;
  /**
    If browser supports :focus-visible pseudo
    selector lets only show focus indicators on
    relevant devices (screen readers + keyboard)
  */
}
#views-exposed-form-undergraduate-courses-search-page-1 input[type=text]:focus:focus,
#views-exposed-form-undergraduate-courses-search-page-1 select:focus:focus,
#views-exposed-form-postgraduate-taught-courses-search-page-1 input[type=text]:focus:focus,
#views-exposed-form-postgraduate-taught-courses-search-page-1 select:focus:focus,
#views-exposed-form-section-events-block-1 input[type=text]:focus:focus,
#views-exposed-form-section-events-block-1 select:focus:focus {
  outline: 2px solid #fd0;
  box-shadow: inset 0 0 0 2px #fff;
}
@supports (outline-offset: 2px) {
  #views-exposed-form-undergraduate-courses-search-page-1 input[type=text]:focus:focus,
  #views-exposed-form-undergraduate-courses-search-page-1 select:focus:focus,
  #views-exposed-form-postgraduate-taught-courses-search-page-1 input[type=text]:focus:focus,
  #views-exposed-form-postgraduate-taught-courses-search-page-1 select:focus:focus,
  #views-exposed-form-section-events-block-1 input[type=text]:focus:focus,
  #views-exposed-form-section-events-block-1 select:focus:focus {
    box-shadow: none;
  }
}
@supports selector(*:focus-visible) {
  #views-exposed-form-undergraduate-courses-search-page-1 input[type=text]:focus:focus:not(:focus-visible),
  #views-exposed-form-undergraduate-courses-search-page-1 select:focus:focus:not(:focus-visible),
  #views-exposed-form-postgraduate-taught-courses-search-page-1 input[type=text]:focus:focus:not(:focus-visible),
  #views-exposed-form-postgraduate-taught-courses-search-page-1 select:focus:focus:not(:focus-visible),
  #views-exposed-form-section-events-block-1 input[type=text]:focus:focus:not(:focus-visible),
  #views-exposed-form-section-events-block-1 select:focus:focus:not(:focus-visible) {
    outline: 0;
  }
  #views-exposed-form-undergraduate-courses-search-page-1 input[type=text]:focus:focus-visible,
  #views-exposed-form-undergraduate-courses-search-page-1 select:focus:focus-visible,
  #views-exposed-form-postgraduate-taught-courses-search-page-1 input[type=text]:focus:focus-visible,
  #views-exposed-form-postgraduate-taught-courses-search-page-1 select:focus:focus-visible,
  #views-exposed-form-section-events-block-1 input[type=text]:focus:focus-visible,
  #views-exposed-form-section-events-block-1 select:focus:focus-visible {
    outline: 2px solid var(--a11y-focus-color, #fd0);
  }
}

::placeholder {
  opacity: 1;
  color: #5a6269 !important;
}

.site-owners td {
  vertical-align: top;
}

.funnelback-results-top {
  overflow-x: hidden;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
}

body.modal-overlay {
  position: relative;
  overflow: hidden;
}

select:not([multiple]) {
  padding-top: 0;
  padding-bottom: 0;
}

.responsive-preview-frame {
  background-color: #f8f8f9 !important;
}

#views-exposed-form-site-owner-directory-page-1 {
  display: flex;
  gap: 1rem;
  margin-top: 1.6rem;
  padding: 1.6rem;
}
#views-exposed-form-site-owner-directory-page-1 .form-actions,
#views-exposed-form-site-owner-directory-page-1 .form-item-search {
  display: flex;
  gap: 1rem;
  padding: 0;
}
#views-exposed-form-site-owner-directory-page-1 .form-item-search {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}
#views-exposed-form-site-owner-directory-page-1 .form-item-search label {
  flex-shrink: 0;
  line-height: 1;
}
#views-exposed-form-site-owner-directory-page-1 .form-actions {
  align-items: flex-end;
}
#views-exposed-form-site-owner-directory-page-1 input[type=text], #views-exposed-form-site-owner-directory-page-1 input[type=search], #views-exposed-form-site-owner-directory-page-1 input[type=submit] {
  outline-offset: 2px;
  /**
    If browser supports :focus-visible pseudo
    selector lets only show focus indicators on
    relevant devices (screen readers + keyboard)
  */
}
#views-exposed-form-site-owner-directory-page-1 input[type=text]:focus, #views-exposed-form-site-owner-directory-page-1 input[type=search]:focus, #views-exposed-form-site-owner-directory-page-1 input[type=submit]:focus {
  outline: 2px solid #fd0;
  box-shadow: inset 0 0 0 2px #fff;
}
@supports (outline-offset: 2px) {
  #views-exposed-form-site-owner-directory-page-1 input[type=text]:focus, #views-exposed-form-site-owner-directory-page-1 input[type=search]:focus, #views-exposed-form-site-owner-directory-page-1 input[type=submit]:focus {
    box-shadow: none;
  }
}
@supports selector(*:focus-visible) {
  #views-exposed-form-site-owner-directory-page-1 input[type=text]:focus:not(:focus-visible), #views-exposed-form-site-owner-directory-page-1 input[type=search]:focus:not(:focus-visible), #views-exposed-form-site-owner-directory-page-1 input[type=submit]:focus:not(:focus-visible) {
    outline: 0;
  }
  #views-exposed-form-site-owner-directory-page-1 input[type=text]:focus-visible, #views-exposed-form-site-owner-directory-page-1 input[type=search]:focus-visible, #views-exposed-form-site-owner-directory-page-1 input[type=submit]:focus-visible {
    outline: 2px solid var(--a11y-focus-color, #fd0);
  }
}
#views-exposed-form-site-owner-directory-page-1 input[type=text] {
  padding: 0 0.5rem;
}
#views-exposed-form-site-owner-directory-page-1 input,
#views-exposed-form-site-owner-directory-page-1 label,
#views-exposed-form-site-owner-directory-page-1 .button {
  margin-bottom: 0;
}

.featured-news > div .newscard {
  flex-direction: column;
  background-color: #fff;
}
.featured-news > div .newscard.mainfeat {
  flex-direction: row-reverse;
}
.featured-news .featured-news-view-all-link {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.5rem;
  text-rendering: optimizeLegibility;
}
.featured-news .featured-news-view-all-link:hover {
  text-decoration: underline;
}

.home-banner-link .homepage-header {
  margin-right: calc(50% - 50vw);
  margin-bottom: 10px;
  margin-left: calc(50% - 50vw);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%231bbbe8' fill-opacity='0.1'%3E%3Cpath d='M0 38.59l2.83-2.83 1.41 1.41L1.41 40H0v-1.41zM0 1.4l2.83 2.83 1.41-1.41L1.41 0H0v1.41zM38.59 40l-2.83-2.83 1.41-1.41L40 38.59V40h-1.41zM40 1.41l-2.83 2.83-1.41-1.41L38.59 0H40v1.41zM20 18.6l2.83-2.83 1.41 1.41L21.41 20l2.83 2.83-1.41 1.41L20 21.41l-2.83 2.83-1.41-1.41L18.59 20l-2.83-2.83 1.41-1.41L20 18.59z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.home-banner-link .homepage-header figcaption {
  display: none;
}
.home-banner-link .homepage-header .imgbanner {
  position: relative;
  overflow: hidden;
  max-width: 1500px;
  margin: auto;
  transition: all 0.6s ease-in-out;
}
.home-banner-link .homepage-header .imgbanner img {
  aspect-ratio: 3/1;
  width: 100%;
}
.home-banner-link .homepage-header .headrow {
  max-width: 1500px;
  margin: auto;
  padding: 1rem;
  background-color: #f8f8f9;
}
.home-banner-link .homepage-header .headrow .mainheadline {
  padding-bottom: 10px;
  color: #409;
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.8rem;
}
.home-banner-link .homepage-header .headrow .mainheadline p {
  max-width: none;
  color: #2b353e;
}
@media print, screen and (min-width: 48em) {
  .home-banner-link .homepage-header .headrow .mainheadline {
    max-width: 730px;
    margin: auto;
    line-height: 2.4rem;
  }
}
@media print, screen and (min-width: 64em) {
  .home-banner-link .homepage-header .headrow .mainheadline {
    max-width: 890px;
    margin: auto;
  }
}
@media screen and (min-width: 80em) {
  .home-banner-link .homepage-header .headrow .mainheadline {
    max-width: 1140px;
    margin: auto;
  }
}
.home-banner-link .homepage-header .headrow .subheadline {
  color: #2b353e;
}
.home-banner-link .homepage-header .headrow .subheadline svg {
  color: #409;
}
.home-banner-link .homepage-header .headrow .subheadline p {
  max-width: none;
}
@media print, screen and (min-width: 48em) {
  .home-banner-link .homepage-header .headrow .subheadline {
    max-width: 730px;
    margin: auto;
  }
}
@media print, screen and (min-width: 64em) {
  .home-banner-link .homepage-header .headrow .subheadline {
    max-width: 890px;
    margin: auto;
  }
}
@media screen and (min-width: 80em) {
  .home-banner-link .homepage-header .headrow .subheadline {
    max-width: 1140px;
    margin: auto;
  }
}
.home-banner-link .homepage-header .inner-wrap {
  position: relative;
  max-width: 1500px;
  margin: 0 auto;
}
.home-banner-link .homepage-header .inner-wrap::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  outline-offset: -6px;
}
.home-banner-link:focus {
  outline-color: transparent;
}
.home-banner-link:focus .inner-wrap::after {
  outline: 3px solid #fd0;
}
.home-banner-link:focus:not(:focus-visible) .inner-wrap::after {
  outline: 0;
}
.home-banner-link:focus-visible .inner-wrap::after {
  outline: 3px solid #fd0;
}

body.node--type-hub {
  background-color: #f3f4f4;
}
body.node--type-hub .uosblock.grey {
  background-color: #fff;
}
body.node--type-hub .region-banner .section-navigation,
body.node--type-hub .region-banner .views-field-field-section-navigation {
  margin-bottom: 0;
}

.hub-header {
  margin-bottom: 25px;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  background-color: #fff;
}
.hub-header .hubintro {
  max-width: 100%;
  margin: auto;
  padding-top: 1rem;
  padding-bottom: 2rem;
  text-align: center;
  font-size: 1.1em;
}
.hub-header .hubintro p {
  max-width: 80ch;
  margin: auto;
  padding: 0 1.6rem;
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 1.8rem;
}
.hub-header .hubintro h1 {
  display: inline-block;
  margin-bottom: 1.6rem;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (max-width: 768px) {
  .hub-header .hubintro h1 {
    font-size: 2rem;
  }
}
@media print, screen and (min-width: 48em) {
  .hub-header .hubintro h1 {
    text-shadow: 0;
  }
}
@media print, screen and (min-width: 48em) {
  .hub-header .hubintro {
    max-width: 734px;
  }
}
@media print, screen and (min-width: 64em) {
  .hub-header .hubintro {
    max-width: 896px;
  }
}
@media screen and (min-width: 80em) {
  .hub-header .hubintro {
    max-width: 1146px;
  }
}

.homehub-top {
  margin-bottom: 25px;
}
@media print, screen and (min-width: 48em) {
  .homehub-top {
    margin-top: -29px;
  }
}

.logos-homehub {
  text-align: center;
}
.logos-homehub p {
  display: inline-block;
  max-width: none;
  margin: 1.6rem;
  text-align: center;
}
.logos-homehub .row-width {
  position: relative;
  width: 100%;
  margin: auto;
  padding: 0 1.6rem;
}
.logos-homehub .row-width .logo-container {
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  text-align: center;
  white-space: nowrap;
}
.logos-homehub .row-width .logo-container .home-hub-logos {
  display: inline-block;
  margin: 0 calc(1.6rem / 2) 1.6rem;
}
.logos-homehub .row-width .logo-container img {
  width: 100%;
}
.logos-homehub .row-width .logo-container figcaption,
.logos-homehub .row-width .logo-container hr {
  display: none;
}
@media print, screen and (min-width: 48em) {
  .logos-homehub .row-width {
    width: unset;
    max-width: 768px;
    padding: 0 0.9375rem;
  }
}
@media print, screen and (min-width: 64em) {
  .logos-homehub .row-width {
    max-width: 930px;
  }
}
@media screen and (min-width: 80em) {
  .logos-homehub .row-width {
    max-width: 1180px;
  }
}
.logos-homehub .scrollarrows span,
.logos-homehub .scrollarrows button {
  padding: 0 1.6rem;
  cursor: pointer;
}

.bottomlogos {
  margin-bottom: -2rem;
}
.bottomlogos:empty {
  display: none;
}

body.node--type-landing {
  background-color: #f3f4f4;
}
body.node--type-landing .uosblock.grey {
  background-color: #fff;
}

.nlpheader {
  display: flex;
  justify-content: center;
  width: 100vw;
  margin-top: -1rem;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  font-weight: 700;
}
.nlpheader .lpaspect {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  width: 100%;
}
.nlpheader .lpaspect .lpcontent {
  z-index: 3;
  flex-direction: column;
  text-align: center;
  color: #2b353e;
}
@media print, screen and (min-width: 48em) {
  .nlpheader .lpaspect .lpcontent {
    max-width: 768px;
  }
}
@media print, screen and (min-width: 64em) {
  .nlpheader .lpaspect .lpcontent {
    max-width: 930px;
  }
}
@media screen and (min-width: 80em) {
  .nlpheader .lpaspect .lpcontent {
    max-width: 1180px;
  }
}
@media screen and (min-width: 131.25em) {
  .nlpheader .lpaspect .lpcontent {
    max-width: 1550px;
  }
}
.nlpheader .lpaspect .lpcontent svg {
  color: #fff;
}
.nlpheader .lpaspect .lpcontent p {
  max-width: 80ch;
  padding-bottom: 1rem;
  font-size: 1.1em;
  font-weight: 400;
  line-height: 1.6rem;
}
@media print, screen and (min-width: 48em) {
  .nlpheader .lpaspect .lpcontent p {
    margin-right: auto;
    margin-left: auto;
    font-weight: 900;
  }
}
.nlpheader .lpaspect .lpcontent h1 {
  display: inline-block;
  margin-bottom: 1.6rem;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #2b353e;
  border-bottom: 7px solid #409;
}
@media (max-width: 768px) {
  .nlpheader .lpaspect .lpcontent h1 {
    margin-top: 1rem;
    font-size: 2rem;
  }
}
@media print, screen and (min-width: 48em) {
  .nlpheader .lpaspect .lpcontent h1 {
    color: #fff;
    border-bottom: 10px solid #409;
  }
}
@media print, screen and (min-width: 64em) {
  .nlpheader .lpaspect .lpcontent h1 {
    border-bottom: 14px solid #409;
  }
}
.nlpheader .lpaspect .lpcontent .arrow {
  display: none;
  margin: 2% 0;
  text-align: center;
}
.nlpheader .lpaspect .lpcontent .arrow a {
  text-decoration: none;
  color: #fff;
}
@media print, screen and (min-width: 64em) {
  .nlpheader .lpaspect .lpcontent .arrow {
    display: block;
  }
}
.nlpheader .lpaspect .lpcontent .mgmt-logos {
  display: flex;
  justify-content: stretch;
  width: 100%;
  margin: auto;
  padding: 0 calc(1.6rem / 2);
}
.nlpheader .lpaspect .lpcontent .mgmt-logos div {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  margin: 0 calc(1.6rem / 2);
}
.nlpheader .lpaspect .lpcontent .mgmt-logos div.aacsb {
  margin-right: 0;
}
.nlpheader .lpaspect .lpcontent .mgmt-logos.hideonmobile {
  display: none;
  max-width: 35%;
}
@media print, screen and (min-width: 48em) {
  .nlpheader .lpaspect .lpcontent .mgmt-logos.hideonmobile {
    display: flex;
    max-width: 50%;
  }
}
@media print, screen and (min-width: 64em) {
  .nlpheader .lpaspect .lpcontent .mgmt-logos.hideonmobile {
    max-width: 55%;
  }
}
@media screen and (min-width: 80em) {
  .nlpheader .lpaspect .lpcontent .mgmt-logos.hideonmobile {
    max-width: 60%;
  }
}
@media print, screen and (min-width: 48em) {
  .nlpheader .lpaspect .lpcontent .mgmt-logos {
    display: none;
  }
}
@media print, screen and (min-width: 48em) {
  .nlpheader .lpaspect .lpcontent {
    padding: 0 15px;
  }
}
@media screen and (min-width: 131.25em) {
  .nlpheader .lpaspect .lpcontent {
    max-width: 1280px;
  }
}
@media print, screen and (min-width: 48em) {
  .nlpheader .lpaspect .lpcontent {
    color: #fff;
    text-shadow: 1px 1px 10px #000, 1px 1px 30px #000;
  }
}
@media print, screen and (min-width: 48em) {
  .nlpheader .lpaspect {
    background-color: #000;
  }
}
@media print, screen and (min-width: 64em) {
  .nlpheader .lpaspect {
    aspect-ratio: 8/3;
  }
}
@media screen and (min-width: 90em) {
  .nlpheader .lpaspect {
    max-width: 1700px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .nlpheader {
    padding-right: 1.6rem;
    padding-left: 1.6rem;
  }
}
@media print, screen and (min-width: 48em) {
  .nlpheader {
    margin-bottom: 1rem;
  }
}

.lpheaderimg {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  opacity: 0.4;
}
@media print, screen and (min-width: 48em) {
  .lpheaderimg {
    display: block;
  }
}

@supports (object-fit: cover) {
  @media print, screen and (min-width: 48em) and (max-width: 63.99875em) {
    .nlpheader .lpheaderimg .media--image--figure {
      height: 100%;
    }
    .nlpheader .lpheaderimg .media--image--figure .imgcapt picture img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  }
}
.nohead .nlpheader .lpaspect {
  padding: 1.6rem;
  background-color: transparent;
  aspect-ratio: unset;
}
.nohead .nlpheader .lpaspect .lpcontent {
  padding: 0 10%;
}
.nohead .nlpheader .lpaspect .lpcontent p,
.nohead .nlpheader .lpaspect .lpcontent h1,
.nohead .nlpheader .lpaspect .lpcontent svg {
  color: #2b353e;
  text-shadow: none;
}
@media print, screen and (min-width: 48em) {
  .nohead .nlpheader .lpaspect .lpcontent p,
  .nohead .nlpheader .lpaspect .lpcontent h1,
  .nohead .nlpheader .lpaspect .lpcontent svg {
    color: #2b353e;
  }
}
.nohead .nlpheader .lpaspect .lpcontent p {
  font-weight: 300;
}
@media print, screen and (min-width: 48em) {
  .nohead .nlpheader .lpaspect .lpcontent .mgmt-logos.mobileonly {
    display: flex;
  }
}
@media print, screen and (min-width: 48em) {
  .nohead .nlpheader .lpaspect .lpcontent .mgmt-logos.hideonmobile {
    display: none;
  }
}
@media print, screen and (min-width: 48em) {
  .nohead .nlpheader .lpaspect {
    background-color: #fff;
  }
}
@media print, screen and (min-width: 48em) {
  .nohead .nlpheader {
    margin-bottom: 1rem;
    background-color: #fff;
  }
}

.a-to-z-rollup-list,
.atoz-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  list-style: none;
}
.a-to-z-rollup-list li,
.a-to-z-rollup-list span,
.atoz-list li,
.atoz-list span {
  display: inline-flex;
  margin: 0 !important;
}
.a-to-z-rollup-list li a,
.a-to-z-rollup-list span a,
.atoz-list li a,
.atoz-list span a {
  outline-offset: 2px;
  /**
    If browser supports :focus-visible pseudo
    selector lets only show focus indicators on
    relevant devices (screen readers + keyboard)
  */
  display: inline-block;
  min-width: 40px;
  margin: 5px;
  padding: 6px;
  text-align: center;
  color: #fff;
  border-bottom: 0 !important;
  background-color: #2b353e;
  font-weight: 700;
}
.a-to-z-rollup-list li a:focus,
.a-to-z-rollup-list span a:focus,
.atoz-list li a:focus,
.atoz-list span a:focus {
  outline: 2px solid #fd0;
  box-shadow: inset 0 0 0 2px #fff;
}
@supports (outline-offset: 2px) {
  .a-to-z-rollup-list li a:focus,
  .a-to-z-rollup-list span a:focus,
  .atoz-list li a:focus,
  .atoz-list span a:focus {
    box-shadow: none;
  }
}
@supports selector(*:focus-visible) {
  .a-to-z-rollup-list li a:focus:not(:focus-visible),
  .a-to-z-rollup-list span a:focus:not(:focus-visible),
  .atoz-list li a:focus:not(:focus-visible),
  .atoz-list span a:focus:not(:focus-visible) {
    outline: 0;
  }
  .a-to-z-rollup-list li a:focus-visible,
  .a-to-z-rollup-list span a:focus-visible,
  .atoz-list li a:focus-visible,
  .atoz-list span a:focus-visible {
    outline: 2px solid var(--a11y-focus-color, #fd0);
  }
}
@media print, screen and (min-width: 48em) {
  .a-to-z-rollup-list li a,
  .a-to-z-rollup-list span a,
  .atoz-list li a,
  .atoz-list span a {
    min-width: 0;
    margin: 0;
    padding: 0 9px;
    text-decoration: none;
    color: #2b353e;
    background-color: transparent;
    font-size: 1.4rem;
    font-weight: 700;
  }
  .a-to-z-rollup-list li a:hover,
  .a-to-z-rollup-list span a:hover,
  .atoz-list li a:hover,
  .atoz-list span a:hover {
    text-decoration: underline;
    color: #409;
  }
  .a-to-z-rollup-list li a:focus,
  .a-to-z-rollup-list span a:focus,
  .atoz-list li a:focus,
  .atoz-list span a:focus {
    outline-color: currentColor;
  }
}
@media print, screen and (min-width: 48em) {
  .a-to-z-rollup-list li,
  .a-to-z-rollup-list span,
  .atoz-list li,
  .atoz-list span {
    margin: 0 !important;
  }
  .a-to-z-rollup-list li:not(:last-child)::after,
  .a-to-z-rollup-list span:not(:last-child)::after,
  .atoz-list li:not(:last-child)::after,
  .atoz-list span:not(:last-child)::after {
    display: inline-block;
    content: "|";
    font-size: 1.4rem;
    font-weight: 700;
  }
}
@media print, screen and (min-width: 48em) {
  .a-to-z-rollup-list,
  .atoz-list {
    margin-left: -9px;
  }
}

.atoz-list.view-atoz:not(:has(ul)) {
  display: none;
}

.block-field-blockparagraphpara-media-boxfield-mb-text {
  padding-top: calc(1.6rem / 2);
}

.field-paragraph--field-mb-media-item {
  margin-bottom: 0.8rem;
}
.field-paragraph--field-mb-media-item img {
  width: 100%;
}

.mediacard {
  margin-bottom: 1.6rem;
  transition: box-shadow 0.4s;
  border: 1px solid #e6e6e6;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.mediacard:hover {
  box-shadow: 0 6 5px 0 rgba(0, 0, 0, 0.2);
}
.mediacard h2 {
  padding: calc(1.6rem / 2) calc(1.6rem / 2) 0;
  font-size: 1rem;
  font-weight: 700;
}
.mediacard p {
  max-width: none;
  padding: 0 calc(1.6rem / 2);
  color: #2b353e;
}
.mediacard img {
  width: 100%;
  height: auto;
}

.node--type-hub .paragraph--type--para-media-box {
  background-color: #fff;
}
.node--type-hub .paragraph--type--para-media-box h2,
.node--type-hub .paragraph--type--para-media-box h3.field-mb-title {
  padding: calc(1.6rem / 2);
}
.node--type-hub .paragraph--type--para-media-box h3,
.node--type-hub .paragraph--type--para-media-box p {
  padding: 0 calc(1.6rem / 2);
}

.node--type-landing .paragraph--type--para-media-box {
  background-color: #fff;
}
.node--type-landing .paragraph--type--para-media-box h2 {
  padding: calc(1.6rem / 2);
}
.node--type-landing .paragraph--type--para-media-box h3,
.node--type-landing .paragraph--type--para-media-box p {
  padding: 0 calc(1.6rem / 2);
}

.multicol .coursecard,
.multicol .mediacard {
  margin-bottom: 0;
}
.multicol p {
  line-height: 1.35rem;
}
.multicol .paragraph,
.multicol .profilecard {
  margin-bottom: 1.6rem;
}
.multicol .uosblock {
  width: 100%;
  max-width: 100%;
}
.multicol .columns {
  display: flex;
}
.multicol .columns > a {
  flex-grow: 1;
  max-width: 100%;
}
.multicol .medium-6 .paragraph--type--para-signpost-box {
  padding-bottom: 0;
}
.multicol .medium-6 .paragraph--type--para-signpost-box .block-field-blockparagraphpara-signpost-boxfield-sb-title {
  position: absolute;
  bottom: 0;
  height: auto;
  padding: 1rem 1rem 0.5rem;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#a6000000",GradientType=0 );
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(19, 30, 41, 0.75) 60%, rgba(19, 30, 41, 0.75) 100%);
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.6rem;
}
.multicol .medium-6 .paragraph--type--event-signposting-box .details {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: auto;
  padding: 1rem 1rem 0.5rem;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#a6000000",GradientType=0 );
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(19, 30, 41, 0.75) 60%, rgba(19, 30, 41, 0.75) 100%);
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.6rem;
}
.multicol .medium-6 .paragraph--type--event-signposting-box .details h2 {
  margin-bottom: 0;
  font-size: 1.2rem;
}
.multicol .medium-6 > a {
  display: flex;
}
.multicol .medium-4 .block-field-blockparagraphfrom-libraryfield-reusable-paragraph > a {
  display: flex;
}
@media print, screen and (min-width: 48em) {
  .multicol .medium-4 .paragraph--type--para-signpost-box .block-field-blockparagraphpara-signpost-boxfield-sb-title {
    height: auto;
    padding: 0.6rem 0.7rem;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3rem;
  }
}
@media print, screen and (min-width: 48em) {
  .multicol .medium-4 .paragraph--type--para-signpost-box {
    padding-bottom: 0;
    font-size: 0.8rem;
    line-height: 1.2rem;
  }
}
.multicol .medium-4 > a {
  display: flex;
}
.multicol .medium-3 > a {
  display: flex;
}
.multicol .block-field-blockmediavideo-embedfield-media-video-embed-field {
  max-width: 100%;
}
@media print, screen and (min-width: 48em) {
  .multicol .columns {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
}
@media print, screen and (min-width: 48em) {
  .multicol .row {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
  }
}
@media print, screen and (min-width: 48em) {
  .multicol {
    font-size: 0.9rem;
  }
}

#nap_allServices .atoz-list {
  margin-top: 10px;
}
#nap_allServices .atoz-list a {
  font-size: 1.25rem;
}

@media print, screen and (min-width: 48em) {
  .nap-service-list li:not(:last-child)::after {
    font-size: 1.25em;
  }
}

.filter-services {
  position: relative;
  margin-bottom: 12px;
  padding: 24px;
  background-color: #e7e9ea;
}
.filter-services svg {
  position: absolute;
  bottom: calc(0.65rem + 24px);
  left: calc(0.9rem + 24px);
  pointer-events: none;
  color: #898f94;
}
.filter-services--label {
  margin-bottom: 16px;
  font-size: 1rem;
  line-height: 1;
}
.filter-services--input {
  outline-offset: 2px;
  /**
    If browser supports :focus-visible pseudo
    selector lets only show focus indicators on
    relevant devices (screen readers + keyboard)
  */
  margin-bottom: 0;
  padding-left: 48px;
}
.filter-services--input:focus {
  outline: 2px solid #409;
  box-shadow: inset 0 0 0 2px #fff;
}
@supports (outline-offset: 2px) {
  .filter-services--input:focus {
    box-shadow: none;
  }
}
@supports selector(*:focus-visible) {
  .filter-services--input:focus:not(:focus-visible) {
    outline: 0;
  }
  .filter-services--input:focus-visible {
    outline: 2px solid var(--a11y-focus-color, #409);
  }
}

.filter-services-empty-results {
  display: none;
}

.nap-alphahead {
  margin-top: 1.6rem;
  margin-bottom: -20px;
}

.nap-service {
  margin-top: 1.6rem;
  color: #409;
  font-weight: 700;
}
.nap-service a {
  margin-right: 10px;
  border-bottom: 2px solid #d0d2d4;
  font-weight: 700;
}

.node--type-news-article ul.breadcrumbs li:nth-last-child(2)::after {
  color: transparent;
}
.node--type-news-article ul.breadcrumbs li:last-child {
  display: none;
}

.block-field-blocknodenews-articlefield-n-media {
  margin: 0 0 1.6rem;
}

.news-date {
  display: inline-block;
  margin-bottom: calc(1.6rem / 2);
  border-radius: 12px;
  font-weight: 900;
}

h1.headline {
  text-transform: none;
  font-size: 1.8rem;
  line-height: 2.2rem;
}

.embedded-entity {
  margin-bottom: calc(1.6rem / 2);
}

.block-field-blocknodenews-indexfield-ni-intro {
  margin-bottom: 1.6rem;
}

.news-teaser-link {
  outline-offset: 2px;
  /**
    If browser supports :focus-visible pseudo
    selector lets only show focus indicators on
    relevant devices (screen readers + keyboard)
  */
  display: block;
}
.news-teaser-link:focus {
  outline: 2px solid #fd0;
  box-shadow: inset 0 0 0 2px #fff;
}
@supports (outline-offset: 2px) {
  .news-teaser-link:focus {
    box-shadow: none;
  }
}
@supports selector(*:focus-visible) {
  .news-teaser-link:focus:not(:focus-visible) {
    outline: 0;
  }
  .news-teaser-link:focus-visible {
    outline: 2px solid var(--a11y-focus-color, #fd0);
  }
}

.news-teaser {
  display: flex;
  justify-content: flex-start;
  padding: calc(1.6rem / 2) 0;
}
.news-teaser .teaser-text {
  flex-grow: 1;
}
.news-teaser .teaser-text h2,
.news-teaser .teaser-text h3 {
  font-size: 1.1rem;
  line-height: 1.2rem !important;
}
@media print, screen and (min-width: 48em) {
  .news-teaser .teaser-text h2,
  .news-teaser .teaser-text h3 {
    line-height: 1.5rem;
  }
}
.news-teaser .teaser-text p {
  display: none;
  margin-bottom: calc(1.6rem / 3);
  font-size: 0.9rem;
  line-height: 1.6;
}
@media print, screen and (min-width: 48em) {
  .news-teaser .teaser-text p {
    display: block;
  }
}
.news-teaser .news-date {
  margin: 0;
  padding: 0;
  font-weight: 700;
}
.news-teaser .news-src {
  margin: 0;
  padding: 0;
  color: #5a6269;
  border-radius: none;
  background: none;
  font-size: 0.9rem;
  font-weight: 400;
  font-style: italic;
}
.news-teaser:hover h2 {
  text-decoration: underline;
  color: #409;
}

.teaser-thumb {
  flex-basis: 35%;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: calc(1.6rem / 2);
}
@media print, screen and (min-width: 64em) {
  .teaser-thumb {
    flex-basis: 215px;
  }
}

.newscard h3 {
  font-size: 1.1rem;
}

.featured-news {
  margin-bottom: 1.6rem;
}
.featured-news > div {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
}
.featured-news > div .newscard {
  display: flex;
  flex-grow: 1;
  margin: 0 0 calc(1.6rem / 2) 0;
}
.featured-news > div .newscard .news-src {
  display: block;
  padding-bottom: calc(1.6rem / 2);
}
.featured-news > div .newscard .headline {
  max-width: 100%;
}
.featured-news > div .newscard .card-content {
  padding: calc(1.6rem / 2);
}
.featured-news > div .newscard a {
  outline-offset: 2px;
  /**
    If browser supports :focus-visible pseudo
    selector lets only show focus indicators on
    relevant devices (screen readers + keyboard)
  */
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.featured-news > div .newscard a:focus {
  outline: 2px solid #fd0;
  box-shadow: inset 0 0 0 2px #fff;
}
@supports (outline-offset: 2px) {
  .featured-news > div .newscard a:focus {
    box-shadow: none;
  }
}
@supports selector(*:focus-visible) {
  .featured-news > div .newscard a:focus:not(:focus-visible) {
    outline: 0;
  }
  .featured-news > div .newscard a:focus-visible {
    outline: 2px solid var(--a11y-focus-color, #fd0);
  }
}
.featured-news > div .newscard a:hover p {
  color: #2b353e;
}
.featured-news > div .newscard a p {
  color: #2b353e;
}
.featured-news > div .newscard.mainfeat {
  width: auto;
}
.featured-news > div .newscard.mainfeat .thumb img {
  width: 100%;
}
@media print, screen and (min-width: 48em) {
  .featured-news > div .newscard.mainfeat a .thumb {
    max-width: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .featured-news > div .newscard.mainfeat {
    width: 100%;
    margin: 0 0 1.6rem;
  }
  .featured-news > div .newscard.mainfeat a {
    display: flex;
    flex-direction: row-reverse;
    flex-grow: 1;
    justify-content: space-between;
  }
  .featured-news > div .newscard.mainfeat a .thumb {
    flex-shrink: 0;
    max-width: 580px;
  }
}
@media screen and (min-width: 80em) {
  .featured-news > div .newscard.mainfeat a .thumb {
    max-width: 752px;
  }
}
.featured-news > div .newscard h2,
.featured-news > div .newscard h3 {
  font-size: 1.1rem;
  line-height: 1.4rem;
}
.featured-news > div .newscard p {
  font-size: 0.9rem;
  line-height: 1.6rem;
}
.featured-news > div .newscard:hover a h2,
.featured-news > div .newscard:hover a h3 {
  text-decoration: underline;
  color: #409;
}
@media print, screen and (min-width: 48em) {
  .featured-news > div .newscard {
    width: 31%;
    margin: 0 calc(1.6rem / 2) calc(1.6rem / 2) 0;
  }
  .featured-news > div .newscard:last-of-type {
    margin-right: 0;
  }
}

.block-views-blocksection-news-block-1 .views-exposed-form {
  flex-direction: row;
  justify-content: flex-end;
  padding: 0 0 1rem 0;
  background-color: #fff;
  font-size: 1rem;
}
.block-views-blocksection-news-block-1 .views-exposed-form div {
  padding: 0;
}
.block-views-blocksection-news-block-1 .views-exposed-form div label {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.block-views-blocksection-news-block-1 .views-exposed-form input {
  margin: 0;
  font-size: 0.9rem;
}
.block-views-blocksection-news-block-1 .views-exposed-form input:focus {
  border: 1px solid black;
  outline: 2px solid #fd0;
  outline-offset: 0;
  box-shadow: inset 0 0 0 1px;
}
.block-views-blocksection-news-block-1 .views-exposed-form input::placeholder {
  opacity: 1; /* Firefox */
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #5a6269;
}
.block-views-blocksection-news-block-1 .views-exposed-form .button {
  margin-left: 0.6rem;
  padding: 0.72rem;
  color: #2b353e;
  background-color: #d0d2d4;
}

.news-search-comp {
  margin-bottom: 1.6rem;
  padding: calc(1.6rem / 2);
  color: #fff;
  background-color: #409;
}
.news-search-comp ::placeholder {
  opacity: 1;
  color: #5a6269;
}
.news-search-comp input {
  height: 45px;
  margin: 0 0 calc(1.6rem / 2);
}
@media print, screen and (min-width: 48em) {
  .news-search-comp input {
    margin: 0;
  }
}
.news-search-comp button {
  outline-offset: 2px;
  /**
    If browser supports :focus-visible pseudo
    selector lets only show focus indicators on
    relevant devices (screen readers + keyboard)
  */
  height: 45px;
  padding: 0 1.6rem;
  cursor: pointer;
  color: #fff;
  background-color: #2b353e;
  font-weight: 700;
}
.news-search-comp button:focus {
  outline: 2px solid #fd0;
  box-shadow: inset 0 0 0 2px #fff;
}
@supports (outline-offset: 2px) {
  .news-search-comp button:focus {
    box-shadow: none;
  }
}
@supports selector(*:focus-visible) {
  .news-search-comp button:focus:not(:focus-visible) {
    outline: 0;
  }
  .news-search-comp button:focus-visible {
    outline: 2px solid var(--a11y-focus-color, #fd0);
  }
}
@media print, screen and (min-width: 48em) {
  .news-search-comp button {
    margin-left: calc(1.6rem / 2);
  }
}
.news-search-comp form {
  display: flex;
  flex-direction: column;
}
@media print, screen and (min-width: 48em) {
  .news-search-comp form {
    flex-direction: row;
  }
}

.paragraph--type--para-promotion {
  margin-bottom: 1.6rem;
  padding-bottom: 1.6rem;
}
@media print, screen and (min-width: 48em) {
  .paragraph--type--para-promotion .media--image--figure,
  .paragraph--type--para-promotion article {
    flex-basis: 45%;
    min-width: 150px;
    margin-right: calc(1.6rem / 2);
  }
}
@media print, screen and (min-width: 64em) {
  .paragraph--type--para-promotion .media--image--figure,
  .paragraph--type--para-promotion article {
    margin-right: 0;
  }
}
.paragraph--type--para-promotion.blue-bar {
  margin-top: 0;
}
.paragraph--type--para-promotion h2 {
  margin-top: 1rem;
  padding: 0 calc(1.6rem / 2);
  font-size: 1.3rem;
  line-height: 1.6rem;
}
@media print, screen and (min-width: 48em) {
  .paragraph--type--para-promotion h2 {
    margin-top: 0;
    padding: 0;
  }
}
@media print, screen and (min-width: 64em) {
  .paragraph--type--para-promotion h2 {
    margin-top: 1rem;
    padding: 0 1.6rem;
  }
}
.paragraph--type--para-promotion p {
  padding: 0 calc(1.6rem / 2);
  font-size: 0.9rem;
  line-height: 1.35rem;
}
@media print, screen and (min-width: 48em) {
  .paragraph--type--para-promotion p {
    padding: 0;
    font-size: 0.85rem;
    line-height: 1.1rem;
  }
}
@media print, screen and (min-width: 64em) {
  .paragraph--type--para-promotion p {
    padding: 0 1.6rem;
    font-size: 0.9rem;
    line-height: 1.35rem;
  }
}
.paragraph--type--para-promotion ul {
  padding: 0 calc(1.6rem / 2);
  list-style-position: inside;
}
.paragraph--type--para-promotion ul li {
  font-size: 0.9rem;
  line-height: 1.35rem;
}
@media print, screen and (min-width: 48em) {
  .paragraph--type--para-promotion ul li {
    font-size: 0.85rem;
    line-height: 1.1rem;
  }
}
@media print, screen and (min-width: 64em) {
  .paragraph--type--para-promotion ul li {
    font-size: 0.9rem;
    line-height: 1.35rem;
  }
}
@media print, screen and (min-width: 48em) {
  .paragraph--type--para-promotion ul {
    padding: 0;
  }
}
@media print, screen and (min-width: 64em) {
  .paragraph--type--para-promotion ul {
    padding: 0 1.6rem;
  }
}
.paragraph--type--para-promotion .promo-link {
  padding: 0;
}
.paragraph--type--para-promotion .promo-link a {
  margin-left: calc(1.6rem / 2);
}
@media print, screen and (min-width: 48em) {
  .paragraph--type--para-promotion .promo-link a {
    margin: 0;
  }
}
@media print, screen and (min-width: 48em) {
  .paragraph--type--para-promotion .promo-link {
    padding: 0;
  }
}
@media print, screen and (min-width: 64em) {
  .paragraph--type--para-promotion .promo-link {
    padding: 0 1.6rem;
  }
}
.paragraph--type--para-promotion .promo-links {
  padding-left: calc(1.6rem / 2);
  line-height: 1.35rem;
}
.paragraph--type--para-promotion .promo-links a {
  display: inline;
  padding: 0;
  border-bottom: 2px solid #d0d2d4;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.35rem;
}
.paragraph--type--para-promotion .promo-links a::after {
  content: "\a";
  white-space: pre;
}
@media print, screen and (min-width: 48em) {
  .paragraph--type--para-promotion .promo-links a {
    margin-bottom: 10px;
    padding: 0;
    font-size: 0.85rem;
  }
}
.paragraph--type--para-promotion .promo-links br {
  display: block;
  margin: 10px 0;
}
@media print, screen and (min-width: 48em) {
  .paragraph--type--para-promotion .promo-links {
    padding-left: 0;
  }
}
@media print, screen and (min-width: 64em) {
  .paragraph--type--para-promotion .promo-links {
    padding: 0 1.6rem;
  }
}
@media print, screen and (min-width: 48em) {
  .paragraph--type--para-promotion {
    display: flex;
    margin-bottom: 1.6rem;
    padding: calc(1.6rem / 2);
    border-top: 10px solid #409;
    background-color: #e7e9ea;
  }
}
@media print, screen and (min-width: 64em) {
  .paragraph--type--para-promotion {
    display: block;
    padding: 0 0 calc(1.6rem / 1.5);
    border-top: 0;
  }
}

.site-search {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
}
.site-search .site-search-wrapper {
  display: block;
}
.site-search form {
  display: flex;
}
@media print, screen and (min-width: 48em) {
  .site-search form {
    border-width: 1px 0;
    border-style: solid;
    border-color: #2b353e;
  }
}
.site-search button,
.site-search input {
  outline-offset: -2px;
  /**
    If browser supports :focus-visible pseudo
    selector lets only show focus indicators on
    relevant devices (screen readers + keyboard)
  */
  height: calc(2rem - 2px);
  margin: 0;
  padding: 0 0.7rem;
  transition: none;
  border: unset;
  background-color: #fff;
  box-shadow: unset;
  font-family: "Source Sans 3", sans-serif;
  font-size: 1rem;
  line-height: calc(1.5rem - 2px);
}
.site-search button:focus,
.site-search input:focus {
  outline: 2px solid #fd0;
  box-shadow: inset 0 0 0 2px #fff;
}
@supports (outline-offset: -2px) {
  .site-search button:focus,
  .site-search input:focus {
    box-shadow: none;
  }
}
@supports selector(*:focus-visible) {
  .site-search button:focus:not(:focus-visible),
  .site-search input:focus:not(:focus-visible) {
    outline: 0;
  }
  .site-search button:focus-visible,
  .site-search input:focus-visible {
    outline: 2px solid var(--a11y-focus-color, #fd0);
  }
}
.site-search button ::placeholder,
.site-search input ::placeholder {
  height: 2rem;
  vertical-align: middle;
  color: #5a6269;
  line-height: 2rem;
}
.site-search button:focus,
.site-search input:focus {
  border: 0;
  box-shadow: inset 0 0 0 3px #0a0a0a;
}
.site-search button:focus:not(:focus-visible),
.site-search input:focus:not(:focus-visible) {
  outline: none;
  box-shadow: none;
}
.site-search button:focus-visible,
.site-search input:focus-visible {
  transition: none;
  box-shadow: inset 0 0 0 3px #0a0a0a;
}
@media print, screen and (min-width: 48em) {
  .site-search button,
  .site-search input {
    height: calc(40px - 2px);
    line-height: calc(40px - 2px);
  }
}
.site-search button {
  cursor: pointer;
  color: #424b54;
  font-size: 1rem;
}
.site-search .site-search-toggle {
  display: none;
}
@media print, screen and (min-width: 48em) {
  .site-search {
    right: 0;
  }
}

.facet-wrapper .list-group {
  margin-bottom: 0;
}
.facet-wrapper .see-more,
.facet-wrapper .see-less {
  display: none;
  width: 100%;
  padding: 0.526rem;
  cursor: pointer !important;
  transition: background 0.15s ease;
  text-align: left;
  font-size: 0.9rem;
}
.facet-wrapper .see-more:hover,
.facet-wrapper .see-less:hover {
  background: rgb(244.6, 245.4666666667, 245.9);
}

@media print, screen and (max-width: 47.99875em) {
  .site-search {
    position: unset;
    width: 100%;
    border: 0;
  }
  .site-search .site-search-wrapper {
    display: none;
  }
  .site-search form {
    padding: 1.5rem 1rem;
  }
  .site-search button,
  .site-search input {
    height: 3rem;
    font-size: 1rem;
  }
  .site-search button::placeholder,
  .site-search input::placeholder {
    height: 2.9rem;
    vertical-align: middle;
    color: #5a6269;
    font-size: 1.5rem;
    line-height: 2.9rem;
  }
  .site-search .site-search-toggle {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 38px;
    height: 40px;
    padding-top: 2px;
  }
  .site-search .site-search-toggle .fa-times {
    display: none;
  }
  .site-search .site-search-toggle svg {
    margin: auto;
  }
  .site-search .site-search-toggle--open .fa-times {
    display: block;
  }
  .site-search .site-search-toggle--open .fa-search {
    display: none;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .search-autocomplete__inputs {
    width: 100%;
  }
}

.node--type-student-profile ul.breadcrumbs li:nth-last-child(2)::after {
  content: none;
}
.node--type-student-profile ul.breadcrumbs li:last-child {
  display: none;
}

.block-field-blocknodestudent-profiletitle {
  margin-bottom: 30px;
}
.block-field-blocknodestudent-profiletitle h1 {
  font-size: 1.4rem;
}

.block-field-blocknodestudent-profilefield-stup-profile-image img {
  position: absolute;
  width: auto;
  margin-right: 15px;
  margin-bottom: 15px;
  border-radius: 50%;
}

.block-field-blocknodestudent-profilefield-stup-intro {
  clear: both;
  margin-top: 20px;
}
.block-field-blocknodestudent-profilefield-stup-intro .leadintro {
  margin-bottom: 1rem;
}

.block-field-blocknodestudent-profilefield-stup-name {
  font-size: 1rem;
  font-weight: 700;
}

.block-field-blocknodestudent-profilefield-stup-black-text-sub-header {
  font-weight: 500;
}

.block-field-blocknodestudent-profilefield-stup-year::before {
  content: "Class of ";
}

.block-field-blocknodestudent-profilefield-stup-name,
.block-field-blocknodestudent-profilefield-stup-black-text-sub-header,
.block-field-blocknodestudent-profilefield-stup-grey-text-sub-header,
.block-field-blocknodestudent-profilefield-stup-year {
  margin-left: 60px;
  font-size: 0.9rem;
  line-height: 1.1rem;
}
@media print, screen and (min-width: 48em) {
  .block-field-blocknodestudent-profilefield-stup-name,
  .block-field-blocknodestudent-profilefield-stup-black-text-sub-header,
  .block-field-blocknodestudent-profilefield-stup-grey-text-sub-header,
  .block-field-blocknodestudent-profilefield-stup-year {
    margin-left: 75px;
  }
}

.sp-teaser {
  display: flex;
  justify-content: flex-start;
  padding: calc(1.6rem / 2) 0;
}
.sp-teaser .student-profile-name {
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.3;
}
.sp-teaser .student-profile-course {
  display: inline-block;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.3;
}
.sp-teaser .teaser-text {
  flex-grow: 1;
}
.sp-teaser .teaser-text h3 {
  margin-bottom: 0.3rem;
  font-size: 1.1rem;
  line-height: 1.2rem;
}
@media print, screen and (min-width: 48em) {
  .sp-teaser .teaser-text h3 {
    line-height: 1.5rem;
  }
}
.sp-teaser .teaser-text p {
  display: none;
  margin-bottom: calc(1.6rem / 3);
  font-size: 0.9rem;
  line-height: 1.6;
}
@media print, screen and (min-width: 48em) {
  .sp-teaser .teaser-text p {
    display: block;
  }
}
.sp-teaser:hover .teaser-text h3 a {
  text-decoration: underline !important;
  color: #409;
}

.teaser-thumb {
  flex-basis: 35%;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: calc(1.6rem / 2);
}
@media print, screen and (min-width: 64em) {
  .teaser-thumb {
    flex-basis: 215px;
  }
}

a .profilecard .name {
  text-decoration: underline 2px;
  color: #2b353e;
}
a:hover .profilecard .name {
  color: unset;
}

.profilecard {
  padding-bottom: 1.6rem;
  margin-bottom: 40px;
  background-color: #fff !important;
  border-top: 10px solid #409;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  position: relative;
}
.profilecard p {
  line-height: 1.4;
  max-width: 85%;
  margin-right: auto;
  margin-left: auto;
  padding: 0 calc(1.6rem / 2);
  color: #2b353e;
}
.profilecard .name {
  font-family: "Source Serif", serif;
  color: #2b353e;
  text-decoration: underline;
  font-size: 1.2rem;
  font-weight: 700;
}
.profilecard .subhead {
  font-size: 1rem;
  font-weight: normal;
}
.profilecard .subhead2 {
  font-size: 0.9rem;
}
.profilecard .studentinfo {
  margin: 0.5rem 0;
  color: #5a6269;
  font-weight: 400;
}
.profilecard img {
  margin: 1.6rem;
  border-radius: 50%;
  max-width: 80px !important;
}
.profilecard:hover .name {
  color: #409;
}
.profilecard::after {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 24px solid transparent;
  border-right: 24px solid transparent;
  border-top: 24px solid #fff;
  z-index: 2;
}

.profile-gallery {
  display: flex;
  overflow-x: hidden;
  scroll-behavior: smooth;
  flex-direction: column;
  align-items: stretch;
}
@media print, screen and (min-width: 48em) {
  .profile-gallery {
    flex-direction: row;
  }
}
@media print, screen and (min-width: 48em) {
  .profile-gallery > * {
    flex-basis: 48%;
    margin-right: 2%;
    flex-shrink: 0;
    display: flex;
  }
}
@media print, screen and (min-width: 48em) {
  .profile-gallery .profilecard {
    justify-content: start;
  }
  .profile-gallery .profilecard .name {
    font-size: 1.1rem;
  }
  .profile-gallery .profilecard .subhead {
    font-size: 0.9rem;
  }
  .profile-gallery .profilecard .subhead2 {
    font-size: 0.8rem;
  }
  .profile-gallery .profilecard p {
    max-width: unset;
    font-size: 0.9rem;
  }
  .profile-gallery .profilecard img {
    margin: 1.2rem;
  }
}

.profile-sliders {
  display: none;
}
@media print, screen and (min-width: 48em) {
  .profile-sliders {
    display: flex;
    justify-content: center;
  }
  .profile-sliders > div {
    font-size: 1.8rem;
    color: #409;
    background-color: #fff;
    border-radius: 50%;
    margin: 10px;
    padding: 3px 13px;
    line-height: 1;
    cursor: pointer;
  }
  .profile-sliders > div:hover {
    background-color: #409;
    color: #fff;
  }
  .profile-sliders > div.inactive {
    color: #d0d2d4;
    cursor: default;
  }
  .profile-sliders > div.inactive:hover {
    background-color: #b8bbbf;
    color: #fff;
  }
}

.uos-search-filter-desktop.large-3 {
  display: none;
}
@media print, screen and (min-width: 64em) {
  .uos-search-filter-desktop.large-3 {
    position: relative;
    display: block;
    width: 25%;
  }
}

.uos-search-filter-mobile {
  position: fixed;
  z-index: 501;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  width: 100%;
  transition: 0.185s cubic-bezier(0, 0, 0.2, 1);
  transform: translateY(2rem) scale(0.985);
  pointer-events: none;
  opacity: 0;
  background-color: #fff;
}
@media (prefers-reduced-motion) {
  .uos-search-filter-mobile * {
    transition: none;
    animation: none;
  }
}
.uos-search-filter-mobile .close-button {
  float: right;
}
.uos-search-filter-mobile .facet-item-label {
  padding-left: 0;
}
.uos-search-filter-mobile.uos-search-filter--visible {
  transition-duration: 0.225s;
  transform: translateY(0) scale(1);
  pointer-events: all;
  opacity: 1;
}
@media (prefers-reduced-motion) {
  .uos-search-filter-mobile.uos-search-filter--visible * {
    transition: none;
    animation: none;
  }
}
@media print, screen and (min-width: 64em) {
  .uos-search-filter-mobile {
    display: none;
  }
}

.clear-all-filters {
  text-decoration: underline;
  font-size: 0.9rem;
}

.search-summary {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.search-summary__help {
  display: flex;
  flex-flow: column;
}
@media print, screen and (min-width: 64em) {
  .search-summary__help {
    flex-flow: row wrap;
    width: 100%;
  }
  .search-summary__help a {
    line-height: 1.8rem;
  }
}
.search-summary__hint {
  display: block;
  text-decoration: underline;
  font-size: 1em;
  font-weight: 700;
}
.search-summary__hint a {
  text-decoration: underline;
  font-size: 1em;
  font-weight: 700;
}
@media print, screen and (min-width: 48em) {
  .search-summary__hint a {
    font-size: 0.842em;
  }
}
@media print, screen and (min-width: 64em) {
  .search-summary__hint {
    margin-left: auto;
    font-size: 0.842em;
  }
}
.search-summary .filter-button {
  order: 0;
  margin-top: 8px;
  background-color: #409;
}
@media screen and (min-width: 30em) {
  .search-summary .filter-button {
    order: 3;
  }
}
@media print, screen and (min-width: 64em) {
  .search-summary .filter-button {
    display: none;
  }
}
@media screen and (min-width: 30em) {
  .search-summary {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

.funnelback-results-top .site-search-input {
  width: 450px;
  width: clamp(300px, 55vw, 450px);
}

.funnelback-inline-hint {
  max-width: none !important;
  margin-bottom: 30px !important;
  font-size: 0.8421rem;
}

.funnelback-results-listing {
  position: relative;
  overflow: hidden;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  padding-top: 1rem;
  background-color: #fff;
}
.funnelback-results-listing--wrapper {
  clear: both;
  margin: 0 auto;
}
@media print, screen and (min-width: 48em) {
  .funnelback-results-listing {
    padding-top: 2rem;
  }
}

.funnelback-search--form {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  padding: 3.15rem 0.5rem;
}
.funnelback-search--button {
  border: 0;
}
.funnelback-search--input, .funnelback-search--button {
  outline-offset: 1px;
  /**
    If browser supports :focus-visible pseudo
    selector lets only show focus indicators on
    relevant devices (screen readers + keyboard)
  */
  margin-bottom: 0;
}
.funnelback-search--input:focus, .funnelback-search--button:focus {
  outline: 2px solid #409;
  box-shadow: inset 0 0 0 2px #fff;
}
@supports (outline-offset: 1px) {
  .funnelback-search--input:focus, .funnelback-search--button:focus {
    box-shadow: none;
  }
}
@supports selector(*:focus-visible) {
  .funnelback-search--input:focus:not(:focus-visible), .funnelback-search--button:focus:not(:focus-visible) {
    outline: 0;
  }
  .funnelback-search--input:focus-visible, .funnelback-search--button:focus-visible {
    outline: 2px solid var(--a11y-focus-color, #409);
  }
}

#main #funnelback-results-page ul#funnelback-results,
#uos-search-filter ul#funnelback-results {
  margin-bottom: 0;
  list-style: none !important;
}
#main #funnelback-results-page ul#funnelback-results .funnelback-result,
#uos-search-filter ul#funnelback-results .funnelback-result {
  margin-left: 0;
  max-width: none !important;
  padding: 0;
  border: 1px solid #ddd;
  border-radius: 0;
  background-color: #fff;
}
#main #funnelback-results-page ul#funnelback-results .funnelback-result .card-header cite,
#uos-search-filter ul#funnelback-results .funnelback-result .card-header cite {
  display: block;
  margin: 0;
  color: #000;
  border-bottom: 0;
  font-size: 0.842rem;
  overflow-wrap: break-word;
}
#main #funnelback-results-page ul#funnelback-results .funnelback-result .card-header cite::before,
#uos-search-filter ul#funnelback-results .funnelback-result .card-header cite::before {
  display: none;
}
#main #funnelback-results-page ul#funnelback-results .funnelback-result .card-header--title,
#uos-search-filter ul#funnelback-results .funnelback-result .card-header--title {
  display: flex;
  flex-direction: row-reverse;
  line-height: 1.4;
}
#main #funnelback-results-page ul#funnelback-results .funnelback-result .card-header--heading,
#uos-search-filter ul#funnelback-results .funnelback-result .card-header--heading {
  flex-grow: 1;
  min-width: 0;
}
#main #funnelback-results-page ul#funnelback-results .funnelback-result .card-header--heading svg,
#uos-search-filter ul#funnelback-results .funnelback-result .card-header--heading svg {
  color: #333;
}
#main #funnelback-results-page ul#funnelback-results .funnelback-result .card-header--link,
#uos-search-filter ul#funnelback-results .funnelback-result .card-header--link {
  text-decoration: none;
  word-wrap: break-word;
  color: #005a8f;
  border-bottom: 0 !important;
}
#main #funnelback-results-page ul#funnelback-results .funnelback-result .card-header--link::after,
#uos-search-filter ul#funnelback-results .funnelback-result .card-header--link::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
}
#main #funnelback-results-page ul#funnelback-results .funnelback-result .card-header--link .searchterm-found,
#uos-search-filter ul#funnelback-results .funnelback-result .card-header--link .searchterm-found {
  padding: 0 2px;
  background-color: rgb(255, 247.2619047619, 180);
  font-weight: inherit;
}
#main #funnelback-results-page ul#funnelback-results .funnelback-result .card-header--link:hover,
#uos-search-filter ul#funnelback-results .funnelback-result .card-header--link:hover {
  text-decoration: underline;
  color: #409;
}
#main #funnelback-results-page ul#funnelback-results .funnelback-result .card-header--icon,
#uos-search-filter ul#funnelback-results .funnelback-result .card-header--icon {
  margin-top: 0.25em;
  margin-left: 12px;
}
#main #funnelback-results-page ul#funnelback-results .funnelback-result .searchterm-found,
#uos-search-filter ul#funnelback-results .funnelback-result .searchterm-found {
  padding: 0 2px 2px;
  transition: 0.15s ease;
  background-color: rgb(255, 247.2619047619, 180);
  font-weight: 700;
}
#main #main #funnelback-results-page ul .funnelback-result .result-url,
#main #uos-search-filter ul .funnelback-result .result-url {
  border-bottom: 0;
}
#main #funnelback-results-page .facet-body li,
#uos-search-filter .facet-body li {
  max-width: 100%;
  margin: 0 !important;
  transition: background 0.15s ease;
  line-height: 1.4;
}
#main #funnelback-results-page .facet-body li label,
#uos-search-filter .facet-body li label {
  padding: 0.526rem;
  line-height: 1.25;
}
@media print, screen and (min-width: 48em) {
  #main #funnelback-results-page .facet-body li label,
  #uos-search-filter .facet-body li label {
    padding: 0.315rem 0.526rem;
  }
}
#main #funnelback-results-page .facet-body li:has(label:hover),
#uos-search-filter .facet-body li:has(label:hover) {
  background: rgb(244.6, 245.4666666667, 245.9);
}
#main #funnelback-results-page .facet-body li a,
#uos-search-filter .facet-body li a {
  display: flex;
  color: #005a8f;
  border-bottom: 0 !important;
  font-size: 0.84211rem;
}
#main #funnelback-results-page .facet-body li a:hover,
#uos-search-filter .facet-body li a:hover {
  color: #409;
}

.result-card-course-field {
  margin-bottom: 0.3157rem;
}
.result-card-course-stats .small-6:nth-child(n+3) {
  margin-top: 0.75rem;
}
.result-card .card-header {
  position: relative;
  margin-bottom: 0;
  padding: 0.75rem 1.25rem 0.75rem;
  background-color: #ddd;
}
.result-card .card-header--link:focus-visible {
  outline: 2px solid #409;
  outline-offset: 2px;
}
.result-card .card-header h3 {
  margin-bottom: 6px;
}
.result-card .card-header .card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
  color: black !important;
}
.result-card .card-body {
  flex: 1 1 auto;
  padding: 1.25rem;
}
.result-card .card-body .card-course,
.result-card .card-body .card-text {
  display: flex;
  gap: 1rem;
}
.result-card .card-body .card-course img,
.result-card .card-body .card-text img {
  aspect-ratio: 16/9;
  background-color: #e7e9ea;
}
@media screen and (min-width: 30.0625em) {
  .result-card .card-body .card-course img,
  .result-card .card-body .card-text img {
    max-width: 200px;
  }
}
@media screen and (max-width: 30em) {
  .result-card .card-body .card-course,
  .result-card .card-body .card-text {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 30em) {
  .result-card .card-body .card-course,
  .result-card .card-body .card-text {
    align-items: flex-start;
    justify-content: space-between;
  }
}
.result-card .card-body .row {
  margin-top: 1rem !important;
}

#uos-search-filter ul {
  margin-left: 0;
  list-style: none !important;
}

#funnelback-facets-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
#funnelback-facets-breadcrumb .facets-breadcrumb-label {
  order: 1;
}
#funnelback-facets-breadcrumb .facets-applied.list-inline {
  flex-basis: 100%;
  order: 3;
}
#funnelback-facets-breadcrumb .clear-all-filters {
  order: 2;
}
@media screen and (min-width: 30.0625em) {
  #funnelback-facets-breadcrumb {
    flex-wrap: nowrap;
  }
  #funnelback-facets-breadcrumb .facets-breadcrumb-label {
    flex-shrink: 0;
    order: 1;
    margin-right: 10px;
  }
  #funnelback-facets-breadcrumb .facets-applied.list-inline {
    flex-grow: 1;
    order: 2;
  }
  #funnelback-facets-breadcrumb .clear-all-filters {
    flex-shrink: 0;
    order: 3;
    margin-left: 10px;
  }
}

#funnelback-summary {
  margin-bottom: 16px;
}

.funnelback-pagination {
  text-align: center;
}
@media print, screen and (min-width: 48em) {
  .funnelback-pagination .pager__items {
    display: flex;
    gap: 1rem;
  }
}
.funnelback-pagination .pager__item {
  margin-left: 0 !important;
}
@media print, screen and (min-width: 48em) {
  .funnelback-pagination {
    text-align: left;
  }
}

#search-tabs ul {
  display: flex;
  justify-content: center;
  list-style: none !important;
  border: 0;
  background-color: transparent;
}
#search-tabs ul li {
  margin: 0 10px 0 0 !important;
}
#search-tabs ul li.tabs-title.is-active a {
  color: #409;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #409;
  background-color: #fff;
}
#search-tabs ul li.tabs-title.is-active a:hover {
  color: #409;
  background-color: #fff;
}
#search-tabs ul li.tabs-title a {
  padding: 0.8rem 0.5rem;
  color: #fff;
  border: 1px solid #409;
  border-radius: 3px 3px 0 0;
  background-color: #409;
}
#search-tabs ul li.tabs-title a[href] {
  border-bottom: 0;
}
#search-tabs ul li.tabs-title a:hover {
  color: #fff;
  background-color: #005a8f;
}
#search-tabs ul li.tabs-title a:focus {
  color: #409;
  background-color: #fefefe;
}
#search-tabs ul li.tabs-title a:focus-visible {
  outline: 2px solid #409;
  outline-offset: 2px;
}
#search-tabs ul li.tabs-title a svg {
  margin-right: 0.315rem;
}
@media screen and (max-width: 23.75em) {
  #search-tabs ul li.tabs-title a svg {
    display: none;
  }
}
@media print, screen and (min-width: 48em) {
  #search-tabs ul li.tabs-title a {
    padding: 0.8rem;
  }
}
#search-tabs ul li.refresh-title {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background: none;
  font-size: 0.75rem;
}
@media print, screen and (min-width: 48em) {
  #search-tabs ul {
    justify-content: start;
  }
}
#search-tabs .facet-label {
  margin-left: 0;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}

.facets-applied {
  margin: 0 8px;
  padding: 0;
}
.facets-applied li {
  margin: 0 5px !important;
  list-style: none;
}
.facets-applied li a.selected-filter {
  padding: 6px 9px;
  color: #409;
  border: 1px solid #409;
  font-size: 0.842rem;
  font-weight: 700;
  line-height: 1;
}
.facets-applied li a.selected-filter svg {
  margin-left: 4px;
}
.facets-applied li a.selected-filter:hover {
  text-decoration: none;
  border: 1px solid #5a6269;
  border-bottom: 1px solid #5a6269 !important;
}
.facets-applied li a.selected-filter:focus-visible {
  outline-offset: 2px;
  /**
    If browser supports :focus-visible pseudo
    selector lets only show focus indicators on
    relevant devices (screen readers + keyboard)
  */
}
.facets-applied li a.selected-filter:focus-visible:focus {
  outline: 2px solid #409;
  box-shadow: inset 0 0 0 2px #fff;
}
@supports (outline-offset: 2px) {
  .facets-applied li a.selected-filter:focus-visible:focus {
    box-shadow: none;
  }
}
@supports selector(*:focus-visible) {
  .facets-applied li a.selected-filter:focus-visible:focus:not(:focus-visible) {
    outline: 0;
  }
  .facets-applied li a.selected-filter:focus-visible:focus-visible {
    outline: 2px solid var(--a11y-focus-color, #409);
  }
}

.search-tabs-wrapper {
  clear: both;
  margin: 0 auto;
}

.summary .leadintro {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.8;
}

.result-tags {
  position: relative;
  margin-top: 10px;
  color: #9adbe8;
  font-size: 0.75rem;
}
@media print, screen and (min-width: 48em) {
  .result-tags div {
    position: absolute;
  }
}
@media print, screen and (min-width: 48em) {
  .result-tags {
    height: 20px;
  }
}

.block-funnelback-facet-block {
  padding-top: 10px;
  background-color: #fff;
}
.block-funnelback-facet-block input {
  accent-color: #409;
  margin: 0;
}
.block-funnelback-facet-block .facet-wrapper {
  border-top: 2px solid #5a6269;
  background-color: rgb(251.4, 251.7, 251.85);
}
.block-funnelback-facet-block .facet-name {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 0;
  padding: 4px 10px;
  background-color: #e7e9ea;
  font-weight: bold;
}
.block-funnelback-facet-block .facet-name .facet-clear-all {
  font-weight: 500;
}
.block-funnelback-facet-block .facet-name .facet-clear-all a {
  font-size: 0.824rem;
}
.block-funnelback-facet-block .facet-item-label {
  display: flex;
  align-items: center;
  margin-left: 0;
  cursor: pointer;
}
.block-funnelback-facet-block .facet-item-label input[type=checkbox],
.block-funnelback-facet-block .facet-item-label input[type=radio] {
  margin-right: 0.315rem;
}
.block-funnelback-facet-block .facet-item-link {
  display: flex;
  flex-grow: 1;
  font-weight: bold;
}
.block-funnelback-facet-block .facet-item-count {
  margin-left: 0.315rem;
  color: #000;
  font-weight: 500;
  font-style: normal;
}

.search-result-date {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.4;
}

.search-result-thumb {
  flex-basis: 35%;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: calc(1.6rem / 2);
}
@media print, screen and (min-width: 64em) {
  .search-result-thumb {
    flex-basis: 215px;
  }
}

.button.search {
  color: #fff;
  background-color: #2b353e;
}
.button.search:hover {
  color: #fff;
  background-color: #409;
}

.uos-search-results #funnelback-curator {
  position: relative;
  margin: 0 0 1.6rem;
  padding: calc(1.6rem / 2);
  border-radius: 0;
}
.uos-search-results #funnelback-curator h3 a {
  text-decoration: none;
}
@media print, screen and (min-width: 64em) {
  .uos-search-results #funnelback-curator h3 {
    margin-right: 150px;
  }
}
.uos-search-results #funnelback-curator .funnelback-exhibit .desc:empty {
  display: none;
}
.uos-search-results #funnelback-curator .bestbetbanner {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 7px;
  color: #fff;
  font-size: 0.9rem;
  font-weight: bold;
}
.uos-search-results #funnelback-curator .result-url {
  display: block;
  margin: 0 0 10px;
  text-decoration: underline;
  border-bottom: 0;
  font-size: 0.8rem;
}
.uos-search-results #funnelback-curator .searchterm-found {
  padding: 0 2px 2px;
  background-color: rgb(255, 247.2619047619, 180);
  font-weight: 700;
}

.no-result-text__title {
  color: var(--bodyfontcolor);
  font-weight: 600;
}
@media print, screen and (min-width: 48em) {
  .no-result-text__title {
    font-size: 1.26rem;
  }
}
.no-result-text__hint {
  margin-bottom: 1.6rem;
  font-size: 0.84211rem;
}
.no-result-text__hint a {
  border-bottom: 1px solid #409;
}
.no-result-text__hint a:hover {
  text-decoration: none !important;
  color: #005a8f;
  border-bottom: 2px solid #005a8f;
}

.result-card-course-stats {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1.6rem;
}
.result-card-course-stats > div {
  flex-grow: 1;
  margin-right: 1rem;
}

.paragraph--type--para-signpost-box {
  position: relative;
  width: 100%;
  font-family: "Source Serif", serif;
}
.paragraph--type--para-signpost-box:hover .block-field-blockparagraphpara-signpost-boxfield-sb-title {
  text-decoration: underline;
}
.paragraph--type--para-signpost-box > a {
  outline-offset: 2px;
  /**
    If browser supports :focus-visible pseudo
    selector lets only show focus indicators on
    relevant devices (screen readers + keyboard)
  */
  display: flex;
  flex-direction: column;
  height: 100%;
}
.paragraph--type--para-signpost-box > a:focus {
  outline: 2px solid #fd0;
  box-shadow: inset 0 0 0 2px #fff;
}
@supports (outline-offset: 2px) {
  .paragraph--type--para-signpost-box > a:focus {
    box-shadow: none;
  }
}
@supports selector(*:focus-visible) {
  .paragraph--type--para-signpost-box > a:focus:not(:focus-visible) {
    outline: 0;
  }
  .paragraph--type--para-signpost-box > a:focus-visible {
    outline: 2px solid var(--a11y-focus-color, #fd0);
  }
}
.paragraph--type--para-signpost-box > a:focus-visible {
  border-radius: 3px;
  box-shadow: 0 0 0 2px #0a0a0a;
}
.paragraph--type--para-signpost-box .block-field-blockparagraphpara-signpost-boxfield-sb-title {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  color: #fff;
  font-size: 1.3rem;
  line-height: 1.4;
}
@media print, screen and (min-width: 48em) {
  .paragraph--type--para-signpost-box .block-field-blockparagraphpara-signpost-boxfield-sb-title {
    font-size: 0.8rem;
    line-height: 1.3rem;
  }
}
@media print, screen and (min-width: 64em) {
  .paragraph--type--para-signpost-box .block-field-blockparagraphpara-signpost-boxfield-sb-title {
    font-size: 1rem;
  }
}
.paragraph--type--para-signpost-box.dark .block-field-blockparagraphpara-signpost-boxfield-sb-title {
  position: relative;
  padding: 0.75rem 1rem 0.75rem;
  font-weight: 700;
  line-height: 1.4;
}
@media print, screen and (min-width: 48em) {
  .paragraph--type--para-signpost-box.dark .block-field-blockparagraphpara-signpost-boxfield-sb-title {
    line-height: 1.3rem;
  }
}
.paragraph--type--para-signpost-box.highlight {
  background: #005a8f;
}
.paragraph--type--para-signpost-box.highlight .block-field-blockparagraphpara-signpost-boxfield-sb-title {
  position: relative;
  padding: 0.75rem 1rem 0.75rem;
  font-weight: 700;
  line-height: 1.4;
}
@media print, screen and (min-width: 48em) {
  .paragraph--type--para-signpost-box.highlight .block-field-blockparagraphpara-signpost-boxfield-sb-title {
    line-height: 1.3rem;
  }
}

.signpost-card:hover .paragraph--type--para-signpost-card .field-sc-title,
.signpost-card:hover .paragraph--type--para-signpost-card .field-sc-link {
  text-decoration: underline;
  color: #409;
}
.signpost-card:focus, .signpost-card:focus-visible {
  outline: 2px solid transparent;
}
.signpost-card:focus .paragraph--type--para-signpost-card {
  outline: 2px solid #fd0;
  outline-offset: 2px;
}
.signpost-card:focus:not(:focus-visible) .paragraph--type--para-signpost-card {
  outline: 0;
  box-shadow: none;
}
.signpost-card:focus-visible .paragraph--type--para-signpost-card {
  outline: 2px solid #fd0;
  outline-offset: 2px;
}

.paragraph--type--para-signpost-card {
  background: #fff;
}
.paragraph--type--para-signpost-card p {
  padding: 0 calc(1.6rem / 2);
  color: #2b353e;
  font-weight: 400;
}
.paragraph--type--para-signpost-card .field-sc-title {
  padding: calc(1.6rem / 2) calc(1.6rem / 2) 0;
  font-size: 1rem;
}
.paragraph--type--para-signpost-card .field-sc-link {
  color: #409;
  font-weight: 700;
}
.paragraph--type--para-signpost-card .field-sc-link a:not(.uosbutton):not(.textbutton) {
  text-decoration: none;
  color: #409;
  border-bottom: 0;
}

.multicol .medium-6 .field-sc-title {
  font-size: 1.2rem;
}
.multicol .medium-4 .field-sc-title {
  font-size: 1.2rem;
}

table {
  border-collapse: collapse;
  font-size: 0.75rem;
  line-height: 1.2rem;
}

td,
th {
  border-top: 1px solid #d0d2d4;
  border-bottom: 1px solid #d0d2d4;
}
td a,
th a {
  font-weight: 700;
}
td a[href^=mailto],
th a[href^=mailto] {
  word-break: break-all;
}

tr {
  border: 0;
}

thead,
tbody,
tfoot {
  border: 0;
}
thead th,
tbody th,
tfoot th {
  text-align: left;
}
@media print, screen and (min-width: 48em) {
  thead td,
  thead th,
  tbody td,
  tbody th,
  tfoot td,
  tfoot th {
    padding: 0.5em 0.7em;
  }
}

.responsive-table-wrapper {
  margin-bottom: 1rem;
}
.responsive-table-wrapper .fade {
  position: absolute;
  z-index: 1;
  top: 1px;
  right: 0;
  bottom: 1px;
  display: none;
  width: 24px;
  content: "";
  pointer-events: none;
  background: linear-gradient(to right, hsla(0, 0%, 88%, 0) 0%, hsla(0, 0%, 88%, 0.013) 8.1%, hsla(0, 0%, 88%, 0.049) 15.5%, hsla(0, 0%, 88%, 0.104) 22.5%, hsla(0, 0%, 88%, 0.175) 29%, hsla(0, 0%, 88%, 0.259) 35.3%, hsla(0, 0%, 88%, 0.352) 41.2%, hsla(0, 0%, 88%, 0.45) 47.1%, hsla(0, 0%, 88%, 0.55) 52.9%, hsla(0, 0%, 88%, 0.648) 58.8%, hsla(0, 0%, 88%, 0.741) 64.7%, hsla(0, 0%, 88%, 0.825) 71%, hsla(0, 0%, 88%, 0.896) 77.5%, hsla(0, 0%, 88%, 0.951) 84.5%, hsla(0, 0%, 88%, 0.987) 91.9%, hsl(0, 0%, 88%) 100%);
}
.responsive-table-wrapper table {
  min-width: 100%;
  margin-bottom: 0;
}
.responsive-table-wrapper caption {
  margin: 0.59375em 0;
  text-align: left;
}
.responsive-table-wrapper__inner {
  overflow: auto;
}
.responsive-table-wrapper__inner[tabindex="0"] {
  outline-offset: 2px;
  /**
    If browser supports :focus-visible pseudo
    selector lets only show focus indicators on
    relevant devices (screen readers + keyboard)
  */
}
.responsive-table-wrapper__inner[tabindex="0"]:focus {
  outline: 2px solid #fd0;
  box-shadow: inset 0 0 0 2px #fff;
}
@supports (outline-offset: 2px) {
  .responsive-table-wrapper__inner[tabindex="0"]:focus {
    box-shadow: none;
  }
}
@supports selector(*:focus-visible) {
  .responsive-table-wrapper__inner[tabindex="0"]:focus:not(:focus-visible) {
    outline: 0;
  }
  .responsive-table-wrapper__inner[tabindex="0"]:focus-visible {
    outline: 2px solid var(--a11y-focus-color, #fd0);
  }
}
.responsive-table-wrapper__swipe-hint {
  display: none;
}
.responsive-table-wrapper.js-is-overflowing {
  position: relative;
  border-width: 0 1px;
}
.responsive-table-wrapper.js-is-overflowing .responsive-table-wrapper__swipe-hint {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 12px;
  display: flex;
  align-items: center;
  padding: 3px 0;
  transform: translateY(-50%);
  pointer-events: none;
  color: #fff;
  border-radius: 9px;
  font-size: 0.75rem;
  line-height: 1;
}
.responsive-table-wrapper.js-is-overflowing .responsive-table-wrapper__swipe-hint::before, .responsive-table-wrapper.js-is-overflowing .responsive-table-wrapper__swipe-hint::after {
  display: inline-flex;
  width: 12px;
  height: 12px;
  content: "";
  background-image: url("../images/chevron-right.svg");
}
.responsive-table-wrapper.js-is-overflowing .responsive-table-wrapper__swipe-hint::before {
  margin-right: 0.1rem;
  transform: rotate(-180deg);
}
.responsive-table-wrapper.js-is-overflowing .responsive-table-wrapper__swipe-hint::after {
  margin-left: 0.1rem;
}
.responsive-table-wrapper.js-is-overflowing .fade {
  display: block;
}
.responsive-table-wrapper.js-is-overflowing table {
  border-width: 1px 0;
}

.uosblock {
  margin-bottom: 1.6rem;
}
.uosblock .block-field-blockparagraphpara-media-boxfield-mb-title .field-mb-title {
  padding-bottom: calc(1.6rem / 2);
}
.uosblock .block-field-blockparagraphpara-media-boxfield-mb-title .field-mb-title > a {
  border-bottom: 0;
  font-weight: 700;
}
.uosblock .block-field-blockparagraphpara-text-boxfield-text-box-media {
  padding-bottom: calc(1.6rem / 2);
}
.uosblock .block-field-blockparagraphpara-text-boxfield-text-box-media img {
  width: 100%;
}
.uosblock.grey {
  padding: 1.6rem;
}
.uosblock.dark {
  padding: 1.6rem;
}
.uosblock.highlight {
  padding: 1.6rem;
}
.uosblock .block-field-blockparagraphpara-text-box-advancedfield-text-box-adv-media {
  padding-bottom: calc(1.6rem / 2);
}
.uosblock .block-field-blockparagraphpara-text-box-advancedfield-text-box-adv-media img {
  width: 100%;
}

.banner-section {
  display: block;
  width: 100%;
}
.banner-section span {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.8rem;
}
@media print, screen and (min-width: 48em) {
  .banner-section span {
    line-height: 3.8rem;
  }
}

/* source-sans-3-300 - latin */
@font-face {
  font-family: "Source Sans 3";
  src: local(""), url("../../common/uos/fonts/source-sans-3-v15-latin-300.woff2") format("woff2"), url("../../common/uos/fonts/source-sans-3-v15-latin-300.woff") format("woff"); /* Modern Browsers */
  font-weight: 300;
  font-style: normal;
}
/* source-sans-3-regular - latin */
@font-face {
  font-family: "Source Sans 3";
  src: local(""), url("../../common/uos/fonts/source-sans-3-v15-latin-regular.woff2") format("woff2"), url("../../common/uos/fonts/source-sans-3-v15-latin-regular.woff") format("woff"); /* Modern Browsers */
  font-weight: 400;
  font-style: normal;
}
/* source-sans-3-700 - latin */
@font-face {
  font-family: "Source Sans 3";
  src: local(""), url("../../common/uos/fonts/source-sans-3-v15-latin-700.woff2") format("woff2"), url("../../common/uos/fonts/source-sans-3-v15-latin-700.woff") format("woff"); /* Modern Browsers */
  font-weight: 700;
  font-style: normal;
}
/* source-sans-3-900 - latin */
@font-face {
  font-family: "Source Sans 3";
  src: local(""), url("../../common/uos/fonts/source-sans-3-v15-latin-900.woff2") format("woff2"), url("../../common/uos/fonts/source-sans-3-v15-latin-900.woff") format("woff"); /* Modern Browsers */
  font-weight: 900;
  font-style: normal;
}
/* source-serif */
@font-face {
  font-family: "Source Serif";
  src: local(""), url("../../common/uos/fonts/SourceSerif4Roman-Regular.woff2") format("woff2"), url("../../common/uos/fonts/SourceSerif4Roman-Regular.woff") format("woff"); /* Modern Browsers */
  font-weight: 400;
  font-style: normal;
}
/* source-serif italic */
@font-face {
  font-family: "Source Serif";
  src: local(""), url("../../common/uos/fonts/SourceSerif4-It.woff2") format("woff2"), url("../../common/uos/fonts/SourceSerif4-It.woff") format("woff"); /* Modern Browsers */
  font-weight: 400;
  font-style: italic;
}
/* source-serif 600 */
@font-face {
  font-family: "Source Serif";
  src: local(""), url("../../common/uos/fonts/SourceSerif4-Semibold.woff2") format("woff2"), url("../../common/uos/fonts/SourceSerif4-Semibold.woff") format("woff"); /* Modern Browsers */
  font-weight: 600;
  font-style: normal;
}
/* source-serif 600 italic */
@font-face {
  font-family: "Source Serif";
  src: local(""), url("../../common/uos/fonts/SourceSerif4-SemiboldIt.woff2") format("woff2"), url("../../common/uos/fonts/SourceSerif4-SemiboldIt.woff") format("woff"); /* Modern Browsers */
  font-weight: 600;
  font-style: italic;
}
/* source-serif 700 */
@font-face {
  font-family: "Source Serif";
  src: local(""), url("../../common/uos/fonts/source-serif-4-v8-latin-700.woff2") format("woff2"), url("../../common/uos/fonts/source-serif-4-v8-latin-700.woff") format("woff"); /* Modern Browsers */
  font-weight: 700;
  font-style: normal;
}
/* source-serif 700 italic */
@font-face {
  font-family: "Source Serif";
  src: local(""), url("../../common/uos/fonts/SourceSerif4-BoldIt.woff2") format("woff2"), url("../../common/uos/fonts/SourceSerif4-BoldIt.woff") format("woff"); /* Modern Browsers */
  font-weight: 700;
  font-style: italic;
}
/* source-serif 900 */
@font-face {
  font-family: "Source Serif";
  src: local(""), url("../../common/uos/fonts/source-serif-4-v8-latin-900.woff2") format("woff2"), url("../../common/uos/fonts/source-serif-4-v8-latin-900.woff") format("woff"); /* Modern Browsers */
  font-weight: 900;
  font-style: normal;
}
/* source-serif 900 italic */
@font-face {
  font-family: "Source Serif";
  src: local(""), url("../../common/uos/fonts/SourceSerif4-BlackIt.woff2") format("woff2"), url("../../common/uos/fonts/SourceSerif4-BlackIt.woff") format("woff"); /* Modern Browsers */
  font-weight: 900;
  font-style: italic;
}
/* HOT MESS - USED FOR CAMPAIGNS */
@font-face {
  font-family: "Hot Mess";
  src: local(""), url("../../common/uos/fonts/HotMess.ttf") format("truetype");
  font-style: normal;
}
a {
  text-decoration: none;
  color: #409;
}
a:hover {
  color: #005a8f;
}
a:not([href]):not([role=menuitem]):not([class*=menu]):not([role=button]) {
  cursor: inherit;
  transition: background-color 1s;
  text-decoration: inherit;
  color: inherit;
  border-bottom: none;
  font-weight: inherit;
}
a:not([href]):not([role=menuitem]):not([class*=menu]):not([role=button]):hover {
  color: inherit;
}
a:not([href]):not([role=menuitem]):not([class*=menu]):not([role=button]):active, a:not([href]):not([role=menuitem]):not([class*=menu]):not([role=button]):focus {
  outline: none;
}

p {
  max-width: 75ch;
  margin: 0 0 1rem;
  line-height: 1.8;
  overflow-wrap: break-word;
}
p.leadintro {
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 1.8rem;
}
@media print, screen and (min-width: 48em) {
  p.leadintro {
    font-size: 1.2rem;
    line-height: 2rem;
  }
}
p a {
  border-bottom: 2px solid #d0d2d4;
  font-weight: 700;
}
@media print, screen and (min-width: 48em) {
  p {
    line-height: 1.6;
  }
}

.leadintro {
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 1.8rem;
}
@media print, screen and (min-width: 48em) {
  .leadintro {
    font-size: 1.2rem;
    line-height: 2rem;
  }
}

strong,
b {
  font-weight: 700;
}

#main ol li {
  max-width: 75ch;
  margin: 0 0 10px;
}
#main ol li ol {
  list-style-type: lower-alpha;
}
#main ol li ol ol {
  list-style-type: lower-roman;
}
#main ul {
  list-style: disc;
}
#main ul li {
  max-width: 75ch;
  margin: 0 0 10px;
}
#main ul li ul {
  margin: 10px 0 0 calc(1.6rem * 1.5);
  list-style: circle;
}
#main ul li ul ul {
  list-style: square;
}
#main ul:not(.breadcrumbs):not(.ug-explore-menu):not(.coursemeta):not(.course-features):not(.otherways) li {
  margin: 10px 0 10px 1.6rem;
}
#main .multicol ul li {
  margin: 0 0 10px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #2b353e;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 700;
}
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
  font-weight: 700;
}
h1 a strong,
h2 a strong,
h3 a strong,
h4 a strong,
h5 a strong,
h6 a strong {
  font-weight: 700;
}

h1 {
  font-family: "Source Serif", serif;
  font-size: 1.6rem;
  font-weight: 700;
}
@media print, screen and (min-width: 48em) {
  h1 {
    font-size: 2rem;
  }
}

#block-homepageh1 {
  overflow: hidden;
  height: 0;
  margin: 0;
  text-indent: -9999%;
  color: red !important;
}

h2.news-index {
  overflow: hidden;
  height: 0;
  margin: 0;
  text-indent: -9999%;
  color: red !important;
}

h2 {
  font-family: "Source Serif", serif;
  font-size: 1.4rem;
}

h2.field-mb-title,
h3.field-tb-title,
h2.field-multi-title {
  margin-bottom: 1.5rem;
}

h3.field-tb-title {
  font-size: 1.4rem;
}

h2.field-multi-title {
  overflow: hidden;
  margin-top: 1rem;
  color: #2b353e;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.2rem;
}

h3 {
  font-family: "Source Serif", serif;
  font-size: 1.2rem;
}

h4 {
  font-size: 1rem;
}

h5 {
  font-size: 0.9rem;
}

h6 {
  font-size: 0.8rem;
}

.headline {
  font-weight: 700;
}

.block-uos-page-title h1 {
  margin-top: 1rem;
  line-height: 1.3;
}
@media print, screen and (min-width: 48em) {
  .block-uos-page-title h1 {
    margin-top: 0;
    line-height: 1.2;
  }
}

.block-field-blocknodecoursetitle h1 {
  margin-top: 1rem;
  line-height: 1.6;
  margin-top: 0;
  line-height: 1.2;
}

ul.breadcrumbs {
  display: none;
  margin: 0 0 15px;
}
ul.breadcrumbs a {
  text-decoration: none;
  text-transform: none;
  word-break: break-word;
  color: #5a6269;
  border-bottom: 1px solid #b8bbbf;
}
ul.breadcrumbs a:hover {
  text-decoration: none;
  border-bottom: 1px solid #5a6269;
}
ul.breadcrumbs li {
  display: unset;
  float: left;
  text-transform: capitalize;
  word-break: break-word;
  color: #5a6269;
  font-size: 0.85rem;
  font-weight: 400;
  line-height: 1.2rem;
  margin-bottom: 6px;
}
ul.breadcrumbs li.current {
  text-transform: none;
  font-weight: 700;
}
ul.breadcrumbs li.current::after {
  content: " ";
  font-size: 1rem;
  font-weight: 700;
}
ul.breadcrumbs li:not(:last-child)::after {
  margin: 0 0.4rem;
  content: "›";
  color: #5a6269;
  font-size: 1rem;
  font-weight: 700;
}
@media print, screen and (min-width: 48em) {
  ul.breadcrumbs {
    display: block;
    line-height: 1;
  }
}

body.node--type-landing .breadcrumbs a, body.node--type-hub .breadcrumbs a {
  color: #2b353e;
}
body.node--type-landing .breadcrumbs li, body.node--type-hub .breadcrumbs li {
  color: #2b353e;
}

/** Todo: move this out of typograpy */
.block-uos-content ul:not(.breadcrumbs) li a[href],
.block-uos-content ul:not(.ug-explore-menu) li a[href],
.page-link-glossary ul:not(.breadcrumbs) li a[href],
.page-link-glossary ul:not(.ug-explore-menu) li a[href] {
  border-bottom: 2px solid #d0d2d4;
  font-weight: 700;
}

.smooth-criminal {
  -webkit-font-smoothing: auto;
}

figure figcaption {
  margin-top: 10px;
  padding-left: 10px;
  color: #5a6269;
  border-left: 1px solid #b8bbbf;
  font-size: 0.8rem;
}
@media print, screen and (min-width: 48em) {
  figure figcaption {
    margin-bottom: 10px;
  }
}
figure hr {
  margin-top: 10px;
}

table caption {
  padding: 0;
  font-size: 1rem;
  font-weight: 700;
}

.uosblock.dark figure figcaption, .uosblock.highlight figure figcaption {
  color: #fff;
}
.uosblock ul li a {
  word-wrap: break-word;
}

.paragraph figure.imgcapt figcaption,
.paragraph figure.imgcapt hr,
.newscard figure.imgcapt figcaption,
.newscard figure.imgcapt hr,
.profilecard figure.imgcapt figcaption,
.profilecard figure.imgcapt hr,
.teaser-thumb figure.imgcapt figcaption,
.teaser-thumb figure.imgcapt hr {
  display: none;
}

*::selection {
  color: #2b353e;
  background-color: #9adbe8;
}

.quicklinks .matchheight {
  justify-content: flex-start;
}
.quicklinks .rellink {
  display: flex;
  font-family: "Source Serif";
  justify-content: space-between;
  align-items: stretch;
  background-color: #fff;
  margin-bottom: 1rem;
}
.quicklinks .rellink .linktext {
  display: block;
  padding: 6px 0 6px 12px;
  color: #000;
  font-weight: 700;
  line-height: 1.2rem;
}
.quicklinks .rellink .arrow {
  padding: 4px 10px;
  background-color: #d0d2d4;
  color: #409;
  display: flex;
  align-items: center;
}
.quicklinks .rellink:hover {
  text-decoration: underline;
}
.quicklinks .rellink:hover .arrow {
  padding: 4px 10px;
  background-color: #7100ff;
}
.quicklinks .rellink:hover .arrow svg {
  color: #fff !important;
}
.quicklinks h3 {
  display: block;
  flex-basis: 100%;
  flex-shrink: 0;
  font-size: 1rem;
  font-weight: 700;
}

.paragraph--type--featured-video {
  padding-bottom: 1px;
}

.featured-video {
  margin-bottom: 1.6rem;
}
.featured-video div,
.featured-video article {
  flex-grow: 0;
  flex-shrink: 0;
}
@media screen and (min-width: 80em) {
  .featured-video div,
  .featured-video article {
    flex-basis: 66%;
  }
}
.featured-video .vid_descript {
  flex-shrink: 1;
  padding: 1.6rem;
  word-break: break-word;
  color: #fff;
}
.featured-video .vid_descript p {
  line-height: 1.4rem;
}
.featured-video .vid_descript h3 {
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.8rem;
}
.featured-video .vid_descript a {
  color: #fff;
  border-bottom: 2px solid #fff !important;
  font-weight: 700;
  line-height: 1.4rem;
}
.featured-video .vid_descript a:hover {
  border-bottom: 2px solid #d0d2d4 !important;
}
@media screen and (min-width: 80em) {
  .featured-video {
    display: flex;
  }
}

/**
  * Media 360 Embed (i.e. CloudPano / WondaVR)
  */
.media-360-embed--cloudpano .video-embed-field-lazy-play::before {
  content: "";
  display: none;
}
.media-360-embed--cloudpano .video-embed-field-lazy img,
.media-360-embed--cloudpano .video-embed-field-lazy iframe {
  aspect-ratio: 16/9;
  object-fit: cover;
}
.media-360-embed--cloudpano .video-embed-field-lazy-play,
.media-360-embed--cloudpano .video-embed-field-lazy-play:hover {
  background-color: transparent;
}
@supports (backdrop-filter: saturate(0)) {
  .media-360-embed--cloudpano .video-embed-field-lazy-play,
  .media-360-embed--cloudpano .video-embed-field-lazy-play:hover {
    backdrop-filter: none;
    background-color: transparent;
  }
}
.media-360-embed--cloudpano .video-embed-field-lazy-play {
  outline-offset: 2px;
  /**
    If browser supports :focus-visible pseudo
    selector lets only show focus indicators on
    relevant devices (screen readers + keyboard)
  */
  width: 100%;
  height: 100%;
}
.media-360-embed--cloudpano .video-embed-field-lazy-play:focus {
  outline: 2px solid #409;
  box-shadow: inset 0 0 0 2px #fff;
}
@supports (outline-offset: 2px) {
  .media-360-embed--cloudpano .video-embed-field-lazy-play:focus {
    box-shadow: none;
  }
}
@supports selector(*:focus-visible) {
  .media-360-embed--cloudpano .video-embed-field-lazy-play:focus:not(:focus-visible) {
    outline: 0;
  }
  .media-360-embed--cloudpano .video-embed-field-lazy-play:focus-visible {
    outline: 2px solid var(--a11y-focus-color, #409);
  }
}
.media-360-embed--cloudpano .video-embed-field-lazy-play svg {
  display: none;
}

/**
  * Vertical Shelf Component
  * This component is used to display a *HORIZONTAL* shelf of *VERTICAL ITEMS*
  */
.vertical-shelf {
  container-type: inline-size;
  position: relative;
}
.vertical-shelf__track {
  display: grid;
  overflow-x: auto;
  grid-template-rows: 1fr;
  grid-auto-columns: calc(80% - 0.75rem);
  grid-auto-flow: column;
  width: 100%;
  gap: 0.75rem;
  scroll-behavior: smooth;
  scrollbar-width: thin;
  scroll-snap-type: x mandatory;
  scroll-padding-left: 0.75rem;
}
@container (min-width: 300px) {
  .vertical-shelf__track {
    grid-auto-columns: calc(47.619047619% - 0.75rem);
  }
}
@container (min-width: 640px) {
  .vertical-shelf__track {
    grid-auto-columns: calc(32.2580645161% - 0.75rem);
  }
}
@container (min-width: 768px) {
  .vertical-shelf__track {
    grid-auto-columns: calc(24.3902439024% - 0.75rem);
  }
}
.vertical-shelf__item {
  scroll-snap-align: start;
  position: relative;
}
.vertical-shelf__item .vertical-video-embed {
  display: block;
  width: 100%;
}
.vertical-shelf__action {
  position: absolute;
  z-index: 9;
  top: 50%;
  display: none;
  flex-direction: row;
  width: 100%;
  padding: 0 0.375rem;
  transform: translateY(-50%);
  pointer-events: none;
}
.vertical-shelf.js-is-overflowing .vertical-shelf__action {
  display: flex;
}
.vertical-shelf__action button {
  outline-offset: 2px;
  /**
    If browser supports :focus-visible pseudo
    selector lets only show focus indicators on
    relevant devices (screen readers + keyboard)
  */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0.75rem 0.5rem;
  cursor: pointer;
  transition: transform 0.15s ease;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 9px 2px rgba(0, 0, 0, 0.3);
  pointer-events: auto;
}
.vertical-shelf__action button:focus {
  outline: 2px solid #fd0;
  box-shadow: inset 0 0 0 2px #fff;
}
@supports (outline-offset: 2px) {
  .vertical-shelf__action button:focus {
    box-shadow: none;
  }
}
@supports selector(*:focus-visible) {
  .vertical-shelf__action button:focus:not(:focus-visible) {
    outline: 0;
  }
  .vertical-shelf__action button:focus-visible {
    outline: 2px solid var(--a11y-focus-color, #fd0);
  }
}
.vertical-shelf__action button[data-action=forward] {
  margin-left: auto;
}
.vertical-shelf__action button:active {
  transform: translateY(1px);
  box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1);
}
.vertical-shelf__action button:focus {
  box-shadow: 0 0 9px 2px rgba(0, 0, 0, 0.3);
}
.vertical-shelf-component.js-is-overflowing .vertical-shelf__action {
  display: flex;
}

/**
  * Vertical video
  * This is the actual element that the video is displayed in (using lazy load)
  */
.vertical-video-embed {
  --a11y-focus-color: #131e29;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  text-align: start;
  border-radius: 5px;
}
.vertical-video-embed.loading-player {
  cursor: wait;
}
.vertical-video-embed.loading-player::before {
  position: absolute;
  z-index: 10;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  content: "";
  animation: shimmer 1.5s infinite;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
}
.vertical-video-embed::after {
  z-index: 1;
  top: 30%;
  height: 70%;
  transition: 0.5s;
  pointer-events: none;
  opacity: 1;
  background: linear-gradient(to bottom, transparent 0%, hsla(0, 0%, 0%, 0.2) 40%, hsla(0, 0%, 0%, 0.7) 80%, hsl(0, 0%, 0%) 100%);
}
@media (prefers-reduced-motion: reduce) {
  .vertical-video-embed::after {
    transition-duration: 0;
  }
}
.vertical-video-embed__overlay {
  position: absolute;
  z-index: 2;
  display: flex;
  inset: 0;
  flex-direction: column;
  justify-content: flex-end;
  padding: 1rem;
  transition: 0.3s ease-in-out;
  color: #fff;
  gap: 0.5rem;
}
.vertical-video-embed__duration {
  display: flex;
  align-items: center;
  font-size: 0.88rem;
  font-weight: 500;
  gap: 0.25rem;
}
.vertical-video-embed__duration-icon {
  display: inline-block;
  margin-right: 0.25rem;
}
.vertical-video-embed__title {
  width: 100%;
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 700;
}
.vertical-video-embed:hover .vertical-video-embed__title {
  text-decoration: underline;
  text-decoration-thickness: 1px;
}
.vertical-video-embed .video-embed-field-responsive-video::after {
  display: none !important;
}
.vertical-video-embed.js-is-active::after {
  opacity: 0;
}
.vertical-video-embed.js-is-active .vertical-video-embed__title,
.vertical-video-embed.js-is-active .vertical-video-embed__duration {
  pointer-events: none;
  opacity: 0;
}
.vertical-video-embed img {
  position: relative;
  display: flex;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 9/16;
}
@media print, screen and (min-width: 48em) {
  .vertical-video-embed {
    width: 33.33%;
  }
}

[data-entity-embed-display="view_mode:media.video_embed_vertical"] {
  container-type: inline-size;
  position: relative;
}
[data-entity-embed-display="view_mode:media.video_embed_vertical"] .vertical-video-embed {
  width: calc(80% - 0.75rem);
}
@container (min-width: 300px) {
  [data-entity-embed-display="view_mode:media.video_embed_vertical"] .vertical-video-embed {
    width: calc(47.619047619% - 0.75rem);
  }
}
@container (min-width: 640px) {
  [data-entity-embed-display="view_mode:media.video_embed_vertical"] .vertical-video-embed {
    width: calc(32.2580645161% - 0.75rem);
  }
}
@container (min-width: 768px) {
  [data-entity-embed-display="view_mode:media.video_embed_vertical"] .vertical-video-embed {
    width: calc(24.3902439024% - 0.75rem);
  }
}

/**
  * Media modal
  * This is the full screen modal that opens
  * when a kaltura vertical video is clicked or an image gallery item
  */
.media-modal {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s ease;
  opacity: 0;
  color: #fff;
}
.media-modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.9);
  backdrop-filter: blur(5px);
}
.media-modal__container {
  position: relative;
  display: grid;
  grid-template-rows: auto 1fr auto;
  height: 100vh;
  height: 100dvh;
  padding: 1rem 2.5rem;
  gap: 1rem;
}
@media print, screen and (min-width: 64em) {
  .media-modal__container {
    padding: 1rem;
    gap: 0.5rem;
  }
}
.media-modal--video .media-modal__figure {
  height: 100%;
}
.media-modal--video .media-modal__media {
  height: 100%;
}
.media-modal--video .media-modal__player {
  height: 100%;
  aspect-ratio: 9/16;
}
.media-modal--image .media-modal__content {
  width: 100%;
}
.media-modal--image .media-modal__player {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  max-width: 90vw;
  max-height: 70vh;
  aspect-ratio: 16/9;
}
.media-modal--image .media-modal__media {
  width: 100%;
  min-width: 0;
  max-width: 90vw;
  height: 100%;
  max-height: 70vh;
}
.media-modal--image .media-modal__media picture {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  height: 100%;
}
.media-modal--image .media-modal__media img {
  width: 100%;
  min-width: 0;
  max-width: 90vw;
  height: 100%;
  max-height: 70vh;
  object-fit: contain;
}
.media-modal__close-btn {
  position: fixed;
  z-index: 10;
  grid-row: 1;
  justify-self: end;
  cursor: pointer;
  color: #fff;
  font-size: 2.5rem;
  top: 0;
  right: 0;
  margin: 1rem;
}
.media-modal__content {
  display: flex;
  overflow: hidden;
  grid-row: 2;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 0;
}
.media-modal__gallery-title {
  position: relative;
  z-index: 2;
  grid-row: 1;
  grid-column: 1;
  align-self: start;
  width: 100%;
  margin: 0;
  padding: 1rem 2rem;
  text-align: center;
  pointer-events: none;
  color: #fff;
  font-size: 1.333rem;
  font-weight: 700;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.5) 50%, transparent 100%);
}
@media print, screen and (min-width: 48em) {
  .media-modal__gallery-title {
    font-size: 1.4em;
  }
}
.media-modal__media {
  position: relative;
  z-index: 1;
  grid-row: 1;
  grid-column: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  max-width: min(90vw, 1920px);
  min-height: 0;
  max-height: 100%;
}
.media-modal__caption-text, .media-modal__info, .media-modal__counter, .media-modal__nav-btn {
  color: #fff;
}
.media-modal__figure {
  display: grid;
  grid-template-rows: 1fr auto;
  grid-template-columns: 1fr;
  align-items: center;
  justify-items: center;
  width: 100%;
  max-width: 100%;
  min-height: 0;
  gap: 0.5rem;
}
@media print, screen and (min-width: 64em) {
  .media-modal__figure {
    gap: 1rem;
  }
}
.media-modal__caption-text {
  overflow: hidden;
  flex: 1;
  margin: 0;
  text-align: center;
  text-overflow: ellipsis;
  font-size: 1rem;
}
.media-modal__caption-text:empty {
  display: none;
}
@media print, screen and (min-width: 48em) {
  .media-modal__caption-text {
    font-size: 1.125rem;
  }
}
.media-modal__counter {
  white-space: nowrap;
  opacity: 0.8;
  font-size: 0.875rem;
}
.media-modal__caption {
  position: relative;
  z-index: 5;
  display: flex;
  flex-direction: column;
  grid-row: 2;
  grid-column: 1;
  gap: 0.25rem;
  align-items: center;
  width: 100%;
  min-width: 0;
  min-height: 3rem;
  padding: 0;
  color: white;
  border-left: 0;
}
.media-modal__nav-btn {
  position: absolute;
  top: 50%;
  padding: 0.5rem;
  cursor: pointer;
  transform: translateY(-50%);
}
.media-modal__nav-btn .arrow-icon {
  width: 2rem;
  height: 2rem;
  fill: white;
  transition: 0.1s ease-out;
}
.media-modal__nav-btn .arrow-icon:active {
  transform: scale(0.98);
}
.media-modal__nav-btn--prev {
  left: 0;
}
@media screen and (min-width: 80em) {
  .media-modal__nav-btn--prev {
    left: 1rem;
  }
}
.media-modal__nav-btn--next {
  right: 0;
}
@media screen and (min-width: 80em) {
  .media-modal__nav-btn--next {
    right: 1rem;
  }
}
.media-modal .kaltura-player-container {
  width: 100%;
  height: 100%;
  max-height: calc(100vh - 12rem);
}
@media print, screen and (min-width: 48em) {
  .media-modal .kaltura-player-container {
    max-height: calc(100vh - 8rem);
  }
}

/**
  * Image gallery shelf styling
  * Uses the vertical-shelf component but for images
  */
.image-gallery-shelf .image-gallery-item img {
  aspect-ratio: 16/9;
}

@keyframes shimmer {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}
.accordion .accordion-item {
  border-top: 1px solid #d0d2d4;
}
.accordion .accordion-item .accordion-title {
  color: #2b353e;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtYW5nbGUtZG93biBmYS13LTEwIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJhbmdsZS1kb3duIiByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMyMCA1MTIiIGRhdGEtZmEtaTJzdmc9IiI+PHBhdGggZmlsbD0iIzMzMyIgZD0iTTE0MyAzNTIuM0w3IDIxNi4zYy05LjQtOS40LTkuNC0yNC42IDAtMzMuOWwyMi42LTIyLjZjOS40LTkuNCAyNC42LTkuNCAzMy45IDBsOTYuNCA5Ni40IDk2LjQtOTYuNGM5LjQtOS40IDI0LjYtOS40IDMzLjkgMGwyMi42IDIyLjZjOS40IDkuNCA5LjQgMjQuNiAwIDMzLjlsLTEzNiAxMzZjLTkuMiA5LjQtMjQuNCA5LjQtMzMuOCAweiI+PC9wYXRoPjwvc3ZnPg==");
}
.accordion .accordion-item .accordion-content {
  border: 0;
}

.is-active .accordion-title {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtYW5nbGUtdXAgZmEtdy0xMCIgYXJpYS1oaWRkZW49InRydWUiIGRhdGEtcHJlZml4PSJmYXMiIGRhdGEtaWNvbj0iYW5nbGUtdXAiIHJvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMzIwIDUxMiIgZGF0YS1mYS1pMnN2Zz0iIj48cGF0aCBmaWxsPSIjMzMzIiBkPSJNMTc3IDE1OS43bDEzNiAxMzZjOS40IDkuNCA5LjQgMjQuNiAwIDMzLjlsLTIyLjYgMjIuNmMtOS40IDkuNC0yNC42IDkuNC0zMy45IDBMMTYwIDI1NS45bC05Ni40IDk2LjRjLTkuNCA5LjQtMjQuNiA5LjQtMzMuOSAwTDcgMzI5LjdjLTkuNC05LjQtOS40LTI0LjYgMC0zMy45bDEzNi0xMzZjOS40LTkuNSAyNC42LTkuNSAzNC0uMXoiPjwvcGF0aD48L3N2Zz4=") !important;
}

.uosblock .ckeditor-accordion-container {
  margin-bottom: 0;
}
.uosblock .ckeditor-accordion-container a[href]:not(.uosbutton):not(.textbutton) {
  border-bottom: 0;
}

.uosblock .ckeditor-accordion-container {
  margin-bottom: 0;
}
.uosblock .ckeditor-accordion-container a[href]:not(.uosbutton):not(.textbutton) {
  border-bottom: 0;
}

.ckeditor-accordion-container {
  border-bottom: 1px solid #d0d2d4;
}
.ckeditor-accordion-container > dl dt > a {
  color: #2b353e;
  border-top: 1px solid #d0d2d4;
}
.ckeditor-accordion-container.used-outside-of-ckeditor dl dt.standalone-accordion .standalone-alternate-accordion-toggle {
  color: #fff;
  background-color: #409;
}

.fullimgblock:not(.promo) .uosblock {
  background-color: #e7e9ea;
}
.fullimgblock:not(.promo) .uosblock.dark {
  background-color: #2b353e;
}
.fullimgblock:not(.promo) .uosblock.highlight {
  background-color: #409;
}
.fullimgblock:not(.promo) blockquote p {
  color: #fff;
}
.fullimgblock:not(.promo) blockquote p:first-of-type::before {
  color: rgba(255, 255, 255, 0.95);
}
.fullimgblock:not(.promo) blockquote p:last-of-type ::after {
  color: rgba(255, 255, 255, 0.95);
}
.fullimgblock.promo {
  color: #fff;
}
.fullimgblock.promo h3 {
  color: #fff;
  background-color: rgba(43, 53, 62, 0.95);
}
.fullimgblock.promo a {
  color: #fff;
  background-color: rgba(43, 53, 62, 0.95);
}

body {
  color: #2b353e;
  background-color: #f8f8f9;
}

body.public {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-height: 100vh;
  color: #2b353e;
  background-color: #f8f8f9;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 400;
  line-height: 1.8;
}
@media print, screen and (min-width: 48em) {
  body.public {
    line-height: 1.6;
  }
}

hr.related, hr.onthispage {
  border: 5px solid #d0d2d4;
  background-color: #d0d2d4;
}

div[data-entity-embed-display="view_mode:taxonomy_term.wysiwyg_logos"] .wysilogo {
  color: #2b353e;
}

.uosbutton, .paragraph--type--para-promotion .promo-link a {
  color: #2b353e;
  background-color: #9adbe8;
}
.uosbutton:hover, .paragraph--type--para-promotion .promo-link a:hover {
  color: #2b353e;
  background-color: rgb(133.2298387097, 211.5967741935, 227.2701612903);
}
.primary.uosbutton, .paragraph--type--para-promotion .promo-link a.primary {
  color: #fff;
  background-color: #409;
}
.primary.uosbutton:hover, .paragraph--type--para-promotion .promo-link a.primary:hover {
  color: #fff;
  background-color: rgb(56.6666666667, 0, 127.5);
}
.warning.uosbutton, .paragraph--type--para-promotion .promo-link a.warning {
  color: #fff;
  background-color: #e7004c;
}
.warning.uosbutton:hover, .paragraph--type--para-promotion .promo-link a.warning:hover {
  color: #fff;
  background-color: rgb(205.5, 0, 67.6103896104);
}

.uosbutton {
  margin: 10px 0;
}

.highlight .textbutton:hover {
  color: #d0d2d4;
}

.dark .textbutton:hover {
  color: #d0d2d4;
}

body.node--type-campaign {
  background-color: #f3f4f4;
}
body.node--type-campaign .uosblock.grey {
  background-color: #fff;
}

.thickblue {
  background-color: #409;
}

.block-field-blockparagraphtext-box-campaignfield-text-box-media {
  margin-bottom: 1.6rem;
}

.backtotop {
  color: #fff;
  background-color: #7100ff;
}
@media print, screen and (min-width: 48em) {
  .backtotop:hover {
    background-color: rgb(90.4, 0, 204);
  }
}

blockquote {
  border-left: 3px solid #d0d2d4;
}
blockquote p {
  color: #2b353e;
}

[class$=-promo-box] {
  border-top: 10px solid #409;
}
[class$=-promo-box] .uosbutton {
  background-color: #409;
}
[class$=-promo-box] .uosbutton:visited {
  background-color: #409;
}
[class$=-promo-box] .uosbutton:hover {
  background-color: rgb(56.6666666667, 0, 127.5);
}

.gallery-container::after {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 100%);
}

h1.pgtitle {
  line-height: 1.2 !important;
}

.course-form h3,
.ug-course-form h3,
.pg-course-form h3 {
  color: #fff;
}
.course-form label,
.ug-course-form label,
.pg-course-form label {
  color: #fff !important;
}
.course-form .flex,
.ug-course-form .flex,
.pg-course-form .flex {
  display: block;
}
.course-form .flex .search-text,
.ug-course-form .flex .search-text,
.pg-course-form .flex .search-text {
  flex: 3;
  height: none;
  padding: 0.5rem;
  font-size: 1rem;
  line-height: 1;
}
.course-form .flex .select-year,
.ug-course-form .flex .select-year,
.pg-course-form .flex .select-year {
  flex: 1;
  height: none;
  padding: 0.5rem;
  font-size: 1rem;
  line-height: 1;
}
@media print, screen and (min-width: 48em) {
  .course-form .flex .select-year,
  .ug-course-form .flex .select-year,
  .pg-course-form .flex .select-year {
    width: auto;
    margin-left: 1rem;
  }
}
.course-form .flex button,
.ug-course-form .flex button,
.pg-course-form .flex button {
  flex: 2;
  width: 100%;
  padding: 0.5rem;
  background-color: #2b353e;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
}
.course-form .flex button:hover,
.ug-course-form .flex button:hover,
.pg-course-form .flex button:hover {
  background-color: rgb(32.5571428571, 40.1285714286, 46.9428571429);
}
@media print, screen and (min-width: 48em) {
  .course-form .flex button,
  .ug-course-form .flex button,
  .pg-course-form .flex button {
    width: auto;
    margin-left: 1rem;
  }
}
@media print, screen and (min-width: 48em) {
  .course-form .flex,
  .ug-course-form .flex,
  .pg-course-form .flex {
    display: flex;
    align-items: stretch;
  }
}

@media print, screen and (min-width: 48em) {
  #edit-year {
    width: auto;
    margin-left: 1.6rem;
  }
}

.coursemedia {
  margin-bottom: 25px;
}

.course-award {
  display: inline;
  color: #409;
  font-weight: 700;
}
.course-award span:not(:last-of-type)::after {
  content: " |";
}

.deptfac {
  line-height: 1.3;
}

.startmonth {
  float: right;
  color: #5a6269;
  font-size: 70%;
  font-weight: 700;
}

.pg-course-introd {
  max-width: 75ch;
  margin-bottom: 1rem;
  font-size: 1.1rem;
  font-weight: 300;
}

.course-layout .uosblock {
  max-width: 100%;
}
.course-layout .paragraph--type--para-accordion {
  max-width: 100%;
}
.course-layout .leadintro {
  max-width: 100%;
}
.course-layout h1 {
  margin-bottom: 0.25rem;
}
.course-layout .block-field-blocknodecoursefield-course-promo-box {
  margin-top: 1.6rem;
}

.pg-course-image img {
  margin: 0 0 1.6rem 0;
}

.block-field-blockparagraphpara-raw-htmlfield-raw-html-code .coursecard {
  margin-bottom: 1.6rem;
}

.coursecard {
  padding: calc(1.6rem / 2);
  border-top: 8px solid #409;
  background-color: #fff;
  font-weight: 400;
}
.coursecard h2,
.coursecard h3 {
  margin-top: 0;
  color: #2b353e;
  font-size: 1rem;
  font-weight: 700;
}
.coursecard__heading {
  display: flex;
  flex-direction: column-reverse;
}
.coursecard .award {
  color: #409;
}
.coursecard .award:not(:last-of-type)::after {
  content: " | ";
}
.coursecard .level {
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  color: #409;
  font-size: 0.8rem;
  font-weight: 700;
}
.coursecard p {
  max-width: 85ch;
  margin-bottom: 20px;
  color: #2b353e;
  font-size: 0.9rem;
}
.coursecard ul.coursemeta, .coursecard ul.course-features {
  margin-bottom: 10px;
  margin-left: 0;
  list-style: none;
  color: #5a6269;
  font-size: 0.8rem;
}
.coursecard ul.coursemeta li, .coursecard ul.course-features li {
  display: inline-block;
  margin-bottom: 2px;
}
.coursecard ul.coursemeta li:not(:last-of-type), .coursecard ul.course-features li:not(:last-of-type) {
  padding-right: 15px;
}
.coursecard ul.coursemeta li .year-suffix, .coursecard ul.course-features li .year-suffix {
  display: none;
}
.coursecard ul.coursemeta .fy, .coursecard ul.course-features .fy {
  font-weight: 700;
}
.coursecard .durations:not(:last-of-type)::after,
.coursecard .attendance:not(:last-of-type)::after {
  content: " /";
}
.coursecard.mini ul.coursemeta li {
  display: block;
}
.coursecard.mini ul.coursemeta li:not(:last-of-type)::after {
  content: "";
}
.coursecard:hover h2,
.coursecard:hover h3 {
  text-decoration: underline;
  color: #409;
}

.courselisting {
  margin-top: 1.6rem;
}
.courselisting .listcourse,
.courselisting .listaward {
  color: #005a8f;
  font-weight: 700;
}
.courselisting .coursedesc {
  font-size: 0.8rem;
}
.courselisting .list-start-year {
  display: inline-block;
  margin-bottom: calc(1.6rem / 4);
  margin-left: calc(1.6rem / 4);
  padding: 0 8px;
  border-radius: 7px;
  background-color: #b8bbbf;
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 1.6;
}
.courselisting .views-field-view-node {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #005a8f;
  font-size: 0.7rem;
}
.courselisting a {
  margin-right: 10px;
  border-bottom: 2px solid #d0d2d4;
  font-weight: 700;
}
.courselisting + nav.pager {
  margin-top: 1.6rem;
}
.courselisting p {
  max-width: none;
}
@media screen and (min-width: 80em) {
  .courselisting {
    max-width: 66.66667%;
  }
}

.course-requirements p a {
  font-weight: 700;
}

.alphahead {
  display: block;
  margin-top: 1.6rem;
  margin-bottom: -20px;
}

.views-exposed-form {
  display: flex;
  padding: 1.6rem;
  color: #fff;
  background-color: #409;
}
.views-exposed-form h1,
.views-exposed-form h2,
.views-exposed-form h3,
.views-exposed-form h4,
.views-exposed-form h5,
.views-exposed-form h6 {
  color: #fff;
}
.views-exposed-form label {
  color: #fff;
  font-family: "Source Sans 3", sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
}
.views-exposed-form div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding-right: 20px;
}
.views-exposed-form a:not(.uosbutton):not(.textbutton) {
  flex-basis: 1;
  color: #fff;
  border-bottom: 2px solid #fff;
}
.views-exposed-form .button {
  color: #e7e9ea;
  background-color: #2b353e;
}
.views-exposed-form .button:hover {
  color: #e7e9ea;
  background-color: rgb(32.5571428571, 40.1285714286, 46.9428571429);
}

.pgt-search .views-exposed-form {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  margin-top: calc(1.6rem / 2);
  padding: 1.6rem;
}
.pgt-search .views-exposed-form label {
  margin-bottom: calc(1.6rem / 2);
  font-size: 1.2rem;
  line-height: 1.4;
}
@media print, screen and (min-width: 48em) {
  .pgt-search .views-exposed-form label {
    margin-bottom: calc(1.6rem / 2);
    font-size: 1.4rem;
    line-height: 1.8;
  }
}
.pgt-search .views-exposed-form div {
  flex-grow: 1;
  margin-bottom: calc(1.6rem / 2);
  padding: 0;
}
.pgt-search .views-exposed-form div select#edit-year {
  width: 100%;
  margin: 0;
}
.pgt-search .views-exposed-form input {
  margin: 0;
}
.pgt-search .views-exposed-form .button.js-form-submit {
  outline-offset: 2px;
  /**
    If browser supports :focus-visible pseudo
    selector lets only show focus indicators on
    relevant devices (screen readers + keyboard)
  */
  width: 100%;
  margin: 0;
  color: #131e29;
  background-color: #9adbe8;
  font-weight: 700;
}
.pgt-search .views-exposed-form .button.js-form-submit:focus {
  outline: 2px solid #fd0;
  box-shadow: inset 0 0 0 2px #fff;
}
@supports (outline-offset: 2px) {
  .pgt-search .views-exposed-form .button.js-form-submit:focus {
    box-shadow: none;
  }
}
@supports selector(*:focus-visible) {
  .pgt-search .views-exposed-form .button.js-form-submit:focus:not(:focus-visible) {
    outline: 0;
  }
  .pgt-search .views-exposed-form .button.js-form-submit:focus-visible {
    outline: 2px solid var(--a11y-focus-color, #fd0);
  }
}
.pgt-search .views-exposed-form .button.js-form-submit:hover, .pgt-search .views-exposed-form .button.js-form-submit:focus {
  color: #131e29;
  background-color: rgb(133.2298387097, 211.5967741935, 227.2701612903);
}
@media print, screen and (min-width: 48em) {
  .pgt-search .views-exposed-form {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    padding: 1.6rem;
  }
  .pgt-search .views-exposed-form div {
    margin-bottom: 0;
    padding: 0 calc(1.6rem / 2) 0 0;
  }
}

.block-field-blocknodecoursefield-course-testimonial .profilecard {
  margin-bottom: 1.6rem;
}

.uosblock.highlight.feesintro {
  margin-bottom: 0;
  padding: 1.6rem 1.6rem 1px;
}
.uosblock.highlight.feesintro.margbot {
  margin-bottom: 1.6rem;
}

.uosblock.highlight.feesrest {
  padding: 1px 1.6rem 1.6rem;
}

.node--type-course .accreds {
  margin-bottom: 0;
}
.node--type-course .accreds .accbody {
  margin-bottom: calc(1.6rem / 2);
}

.grouppromoPG .promo-margin {
  margin-bottom: 1.6rem;
  border-bottom: 5px solid #f2f2f2;
}

.pgcourserow {
  display: flex;
  flex-direction: column;
}
@media print, screen and (min-width: 64em) {
  .pgcourserow {
    flex-direction: row-reverse;
  }
}

.studentprofile_studentteasers {
  margin-bottom: 1.6rem;
  padding-bottom: calc(1.6rem / 2);
  border-bottom: 5px solid #e7e9ea;
}

.ug-course-length-text .durations:not(:last-of-type)::after {
  content: " /";
}

.footer-course-search-label {
  display: block;
  margin-bottom: 0.35rem;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
}

#main .pgkeybg {
  margin-top: -1em;
  margin-right: calc(50% - 50vw);
  margin-bottom: 1.6rem;
  margin-left: calc(50% - 50vw);
  padding: calc(1.6rem / 2);
  color: #fff;
  background-color: #24135f;
}
#main .pgkeybg .pg-title-box {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: start;
  justify-content: space-between;
  margin-right: auto;
  margin-left: auto;
}
#main .pgkeybg .pg-title-box .startyear {
  display: inline-block;
  margin: 20px 15px 20px 0;
  padding: 2px 13px;
  border-radius: 12px;
  background-color: #7100ff;
  font-size: 0.75rem;
  font-weight: 700;
}
#main .pgkeybg .pg-title-box .altentry a {
  text-decoration: underline;
  color: #fff;
  font-size: 0.9rem;
}
#main .pgkeybg .pg-title-box .altentry a:hover {
  color: #d0d2d4;
}
#main .pgkeybg .pg-title-box h1 {
  color: #fff;
  font-size: 1.8rem;
}
#main .pgkeybg .pg-title-box h1 .award-type {
  color: #cdedf3;
}
#main .pgkeybg .pg-title-box .deptfac {
  margin: 0 0 0.5rem;
  line-height: 1.2;
}
#main .pgkeybg .pg-title-box .pgduration:not(:last-of-type)::after,
#main .pgkeybg .pg-title-box .pgattendance:not(:last-of-type)::after {
  content: " | ";
}
#main .pgkeybg .pg-title-box ul.details {
  display: flex;
  margin: 0 0 1.6rem 0;
  padding: 0;
  font-family: "Source Serif", serif;
  font-size: 1.1rem;
  font-weight: 700;
}
#main .pgkeybg .pg-title-box ul.details > li {
  margin: 0 30px 0 0 !important;
  list-style: none;
  line-height: 1.6rem;
}
#main .pgkeybg .pg-title-box ul.details > li span:not(.pgduration, .pgattendance) {
  font-family: "Source Sans 3", sans-serif;
  font-size: 0.9rem;
  font-weight: 700;
}
#main .pgkeybg .pg-title-box ul.details > li span:not(.pgduration, .pgattendance).duration {
  color: #9adbe8;
}
#main .pgkeybg .pg-title-box ul.details > li span:not(.pgduration, .pgattendance).attendance {
  color: #3bd4ae;
}
#main .pgkeybg .pg-title-box ul.details > li span:not(.pgduration, .pgattendance).startdate {
  color: #ff6371;
}
#main .pgkeybg .pg-title-box ul.details a {
  text-decoration: underline;
  color: #fff;
  border: 0;
}
#main .pgkeybg .pg-title-box ul.details a:hover {
  color: #d0d2d4;
}
#main .pgkeybg .pg-title-box ul.features {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 10px 0;
  padding: 0;
}
#main .pgkeybg .pg-title-box ul.features li {
  flex-shrink: 0;
  margin: 0 20px 0 0 !important;
  padding: 0;
  list-style: none;
}
#main .pgkeybg .pg-title-box ul.features li a {
  text-decoration: underline;
  color: #fff;
  border-bottom: none;
}
#main .pgkeybg .pg-title-box ul.features li a:hover {
  color: #d0d2d4;
}
#main .pgkeybg .pg-title-box ul.features li svg {
  width: 20px;
  margin-right: 8px;
  color: #fff;
  font-weight: 700;
}
@media print, screen and (min-width: 48em) {
  #main .pgkeybg .pg-title-box ul.features {
    margin: 0 0 1.6rem 0;
  }
}
#main .pgkeybg .pg-title-box .buttons {
  margin-top: 0;
  margin-bottom: 1.6rem;
}
#main .pgkeybg .pg-title-box .buttons .uosbutton {
  display: block;
  margin: 20px 0 0;
  font-size: 0.9rem;
}
@media print, screen and (min-width: 64em) {
  #main .pgkeybg .pg-title-box .buttons .uosbutton {
    margin: 15px 0;
  }
  #main .pgkeybg .pg-title-box .buttons .uosbutton:last-of-type {
    margin: 7px 0;
  }
}
@media print, screen and (min-width: 48em) {
  #main .pgkeybg .pg-title-box .buttons {
    margin-top: -15px;
  }
}
@media print, screen and (min-width: 64em) {
  #main .pgkeybg .pg-title-box .buttons {
    flex-basis: 236px;
    flex-grow: 0;
    flex-shrink: 0;
    margin-top: 0;
    padding-left: 1rem;
  }
}
@media screen and (min-width: 80em) {
  #main .pgkeybg .pg-title-box .buttons {
    flex-basis: 320px;
  }
}
@media print, screen and (min-width: 48em) {
  #main .pgkeybg .pg-title-box {
    max-width: 748px;
    margin: auto;
  }
}
@media print, screen and (min-width: 64em) {
  #main .pgkeybg .pg-title-box {
    max-width: 908px;
    margin: auto;
  }
}
@media screen and (min-width: 80em) {
  #main .pgkeybg .pg-title-box {
    max-width: 1158px;
    margin: auto;
  }
}
@media print, screen and (min-width: 64em) {
  #main .pgkeybg .pg-title-box {
    flex-direction: row;
    align-items: flex-end;
  }
}

#main .homecoursesearch {
  position: relative;
  color: #fff;
  background-color: #409;
}
#main .homecoursesearch a {
  text-decoration: underline;
  color: #fff;
  border-bottom: 0;
  text-underline-offset: 0.25rem;
}
#main .homecoursesearch a:hover {
  text-decoration-thickness: 0.125rem;
}
#main .homecoursesearch .horizontallinks {
  max-width: unset;
}
#main .homecoursesearch .horizontallinks a:not(:last-of-type) {
  margin-right: 15px;
}
#main .homecoursesearch .course-form {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 1.6rem;
}
#main .homecoursesearch .course-form button {
  justify-content: center;
  max-width: 200px;
}
#main .homecoursesearch .course-form .row-max-width {
  margin: auto;
}
@media print, screen and (min-width: 48em) {
  #main .homecoursesearch .course-form .row-max-width {
    padding: 0 calc(1.6rem / 1.5);
  }
}
#main .homecoursesearch .course-form h2,
#main .homecoursesearch .course-form h3 {
  flex-shrink: 0;
  padding-right: 1.6rem;
  color: #fff;
  font-weight: 700;
}
@media print, screen and (min-width: 48em) {
  #main .homecoursesearch .course-form {
    max-width: 768px;
  }
}
@media print, screen and (min-width: 64em) {
  #main .homecoursesearch .course-form {
    max-width: 930px;
  }
}
@media screen and (min-width: 80em) {
  #main .homecoursesearch .course-form {
    max-width: 1180px;
  }
}
#main .homecoursesearch .flex {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: stretch;
  margin-bottom: 10px;
}
#main .homecoursesearch .flex div {
  display: inline;
  flex-basis: 2;
  flex-grow: 1;
}
#main .homecoursesearch .flex div > label {
  color: #fff;
}
@media print, screen and (min-width: 48em) {
  #main .homecoursesearch .flex div {
    margin-right: 1rem;
  }
}
@media print, screen and (min-width: 48em) {
  #main .homecoursesearch .flex select {
    position: relative;
    bottom: 0;
    margin-bottom: 0;
  }
}
#main .homecoursesearch .flex button.primary {
  flex-grow: 1;
  height: 45px;
  margin: 0;
  color: #fff;
  background-color: #7100ff;
  font-weight: 700;
}
#main .homecoursesearch .flex button.primary .fa-search {
  display: inline;
  margin-left: 15px;
}
#main .homecoursesearch .flex button.primary:hover {
  background-color: rgb(101.7, 0, 229.5);
}
@media print, screen and (min-width: 48em) {
  #main .homecoursesearch .flex button.primary {
    display: inline-flex;
    align-items: center;
    margin-top: auto;
  }
}
#main .homecoursesearch .flex input {
  display: inline;
  flex-basis: 2;
  flex-grow: 1;
}
@media print, screen and (min-width: 48em) {
  #main .homecoursesearch .flex input {
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 48em) {
  #main .homecoursesearch .flex {
    flex-direction: row;
    border-radius: 5px;
  }
}
#main .homecoursesearch .showotherways {
  display: inline-block;
  margin-top: calc(1.6rem / 2);
  cursor: pointer;
  color: #fff;
  font-weight: 700;
}
#main .homecoursesearch .showotherways svg {
  margin-left: 10px;
}
#main .homecoursesearch .otherways {
  display: none;
  margin-top: 10px;
  margin-bottom: 0;
  transition: opacity 0.4s ease;
  opacity: 0;
  font-size: 0.9rem;
}
#main .homecoursesearch .otherways li {
  padding: 0 !important;
}
#main .homecoursesearch .otherways li:last-of-type {
  margin-bottom: 0;
}

.node--type-home-demo #main .homecoursesearch {
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
}

body.node--type-ug-course .ug-course-structure .additional-info {
  display: none;
}

.uos-tabs .tab-gradient {
  position: relative;
}
.uos-tabs .tab-gradient::after {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  width: 15%;
  content: "";
  transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94);
  pointer-events: none;
  opacity: 1;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
}
@media print, screen and (min-width: 48em) {
  .uos-tabs .tab-gradient::after {
    content: none;
  }
}
.uos-tabs .tab-gradient.js-hide-scroll-hint::after {
  opacity: 0;
}
.uos-tabs [role=tablist] {
  position: relative;
  overflow-y: hidden;
  margin: 0 0 -0.1em;
  white-space: nowrap;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.uos-tabs [role=tablist]::-webkit-scrollbar {
  display: none;
}
@media print, screen and (min-width: 48em) {
  .uos-tabs [role=tablist] {
    white-space: normal;
  }
}
.uos-tabs [role=tab] {
  outline-offset: -2px;
  /**
    If browser supports :focus-visible pseudo
    selector lets only show focus indicators on
    relevant devices (screen readers + keyboard)
  */
  position: relative;
  overflow: visible;
  margin: 0;
  padding: 0.5em;
  color: #2b353e;
  border-radius: 0.2em 0.2em 0 0;
  background: #e7e9ea;
  font-family: inherit;
  font-size: inherit;
  font-weight: bold;
}
.uos-tabs [role=tab]:focus {
  outline: 2px solid #005a8f;
  box-shadow: inset 0 0 0 2px #fff;
}
@supports (outline-offset: -2px) {
  .uos-tabs [role=tab]:focus {
    box-shadow: none;
  }
}
@supports selector(*:focus-visible) {
  .uos-tabs [role=tab]:focus:not(:focus-visible) {
    outline: 0;
  }
  .uos-tabs [role=tab]:focus-visible {
    outline: 2px solid var(--a11y-focus-color, #005a8f);
  }
}
.uos-tabs [role=tab]:hover {
  color: inherit;
  outline: 0;
  cursor: pointer;
}
.uos-tabs [role=tab]:hover::before {
  position: absolute;
  right: -1px;
  bottom: 100%;
  left: -1px;
  content: "";
  border-radius: 0.2em 0.2em 0 0;
}
.uos-tabs [role=tab]:focus {
  color: inherit;
  outline: 0;
  outline: 2px solid #005a8f !important;
}
.uos-tabs [role=tab]:focus::before {
  position: absolute;
  right: -1px;
  bottom: 100%;
  left: -1px;
  content: "";
  border-radius: 0.2em 0.2em 0 0;
}
.uos-tabs [role=tab]:active {
  color: inherit;
  outline: 0;
}
.uos-tabs [role=tab][aria-selected=true] {
  color: #409;
  border: 2px solid #d0d2d4;
  background: #f8f8f9;
}
.uos-tabs [role=tab][aria-selected=true]::before {
  position: absolute;
  right: -1px;
  bottom: 100%;
  left: -1px;
  content: "";
  border-radius: 0.2em 0.2em 0 0;
}
.uos-tabs [role=tab][aria-selected=true]::after {
  position: absolute;
  z-index: 3;
  right: 0;
  bottom: -3px;
  left: 0;
  height: 0.4em;
  content: "";
  background: #f8f8f9;
}
.uos-tabs [role=tabpanel] {
  position: relative;
  z-index: 2;
  padding: 0.5em 0.5em 0.7em;
  border: 2px solid #d0d2d4;
  border-radius: 0.2em;
}
.uos-tabs [role=tabpanel] .ckeditor-accordion-container .ugtext dd.active {
  margin-bottom: 1.4em;
}

.ugcredits {
  color: #5a6269;
}

.paragraph--type--ug-course-structure-module-block h3,
.paragraph--type--ug-course-structure-module-block h4 {
  font-family: "Source Sans 3", sans-serif;
  font-size: inherit;
  font-weight: normal;
}

.event-details {
  margin-bottom: 0.25rem;
  color: #5a6269;
}
.event-details svg {
  color: #409;
}

.event-teaser .teaser-text .event-details.ev-venue span {
  margin-left: 4px;
}
.event-teaser .teaser-text:hover h2 {
  color: #409;
}

.paragraph--type--event-signposting-box {
  background-color: #24135f;
}
.paragraph--type--event-signposting-box .event-tag {
  background-color: #24135f;
}

.paragraph--type--event-date-time .event-teaser-date {
  color: #2b353e;
}
.paragraph--type--event-date-time .event-teaser-date svg {
  color: #409;
}
.paragraph--type--event-date-time .event-teaser-time {
  display: none;
}

.featured-image {
  background-color: #2b353e;
}
.featured-image .img_descript {
  color: #fff;
}
.featured-image .img_descript h3 {
  color: #fff;
}

header.site-header {
  position: relative;
  margin: 0;
  padding: 10px 0 0;
  background-color: #f8f8f9;
}
@media print, screen and (min-width: 48em) {
  header.site-header {
    padding: 0;
  }
}

.header {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
}
.header::after {
  display: none;
  content: "";
}
.header.row::before {
  content: none;
}
.header .logo {
  display: block;
  flex-grow: 0;
  order: 2;
  width: 270px;
  max-width: 55%;
  margin-right: 30px;
  transition: filter 500ms;
  /* Padding MGMT logo
  >a[href="/management"] {
    img {
      min-width: unset;
      margin: 15px 0;
      height: 81px;
    }
  } */
}
.header .logo img {
  width: 270px;
}
.header .logo.mgmt-logo img {
  padding: 20px 0;
}
@media print, screen and (min-width: 48em) {
  .header .logo.mgmt-logo {
    width: 310px !important;
    max-width: 310px;
  }
  .header .logo.mgmt-logo img {
    width: 310px;
    padding: 15.5px 0;
  }
}
@media print, screen and (min-width: 64em) {
  .header .logo.mgmt-logo {
    width: 400px !important;
    max-width: 400px;
  }
  .header .logo.mgmt-logo img {
    width: 400px;
    padding: 3px 0;
  }
}
@media print, screen and (min-width: 48em) {
  .header .logo {
    flex-grow: 0;
    flex-shrink: 1;
    order: 1;
    width: auto;
    max-width: 280px;
  }
  .header .logo img {
    min-width: 280px;
  }
}
@media print, screen and (min-width: 48em) {
  .header {
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}

.hamburger {
  float: right;
  padding: 0 10px;
  cursor: pointer;
  text-align: center;
}
@media print, screen and (min-width: 48em) {
  .hamburger {
    display: none;
  }
}

.block-searchform > form > div {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.block-searchform > form > div .form-submit {
  margin-top: 10px;
  margin-right: 0.9375rem;
  background-color: #d0d2d4;
}

.headpromo {
  margin: -1.5rem 0 1.5rem;
  padding: calc(1.6rem * 2);
  color: #fff;
  font-size: 1.2rem;
}
.headpromo h2 {
  color: #409;
  font-weight: 300;
}
.headpromo .headline {
  color: #fff;
  font-size: 5rem;
  line-height: 5.5rem;
}
.headpromo .button {
  background-color: #409;
}
.headpromo p {
  margin: calc(1.6rem * 1.5) 0;
}
.headpromo p:last-of-type {
  margin-bottom: 0;
}

.alert-banner {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: left;
  color: #2b353e;
  background: #a1ded2;
  font-family: "Source Sans 3", sans-serif;
  font-size: 18px;
  font-weight: bold;
}
.alert-banner .row > div {
  margin: 0 0.8rem;
}
.alert-banner a {
  text-decoration: underline;
  color: #251d5a;
}

.skip-link {
  padding: 0 0.5em;
  font-size: 1rem;
}
.skip-link:focus {
  text-decoration: underline;
  color: #000;
  outline: 2px solid #fff;
  outline-offset: -2px;
  background-color: #fff;
}
@media print, screen and (min-width: 48em) {
  .skip-link {
    font-size: 0.8888888889rem;
  }
}

hr {
  border: 1px solid #d0d2d4;
}

.modal {
  background-color: #e7e9ea;
}

.node-preview-form-select .node-preview-backlink {
  background-color: rgb(45.3333333333, 0, 102);
}
.node-preview-form-select .node-preview-backlink:hover {
  background-color: rgb(45.3333333333, 0, 102);
}
.node-preview-form-select .js-form-item-view-mode {
  background-color: rgb(45.3333333333, 0, 102);
}

.pagination li a {
  border-bottom: 1px solid rgb(166.4285714286, 180.7142857143, 193.5714285714);
}

.atoz-list {
  margin: 40px 0 30px;
}
.atoz-list a {
  background-color: #2b353e;
}
@media print, screen and (min-width: 64em) {
  .atoz-list a {
    color: #2b353e;
  }
}

.funnelback-results-top {
  overflow-x: hidden;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
}

body.node--type-home-demo {
  background-color: #e7e9ea;
}
body.node--type-home-demo .uosblock.grey {
  background-color: #fff;
}

.homebanner {
  position: relative;
  margin: 0 -0.625rem 1.6rem;
  background-repeat: no-repeat;
  background-position: center;
  background-position: top;
  background-size: contain;
}
.homebanner img {
  margin-bottom: calc(1.6rem / 2);
}
@media print, screen and (min-width: 48em) {
  .homebanner img {
    margin-bottom: 0;
    border-radius: 5px;
  }
}
.homebanner .bannercontent {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 1.6rem;
}
.homebanner .bannercontent .line1 {
  margin-bottom: calc(1.6rem / 2);
  font-size: 0.9rem;
  line-height: 1.2rem;
}
.homebanner .bannercontent .line1 svg {
  color: #409;
}
.homebanner .bannercontent h3 {
  font-weight: 700;
}
@media print, screen and (min-width: 48em) {
  .homebanner .bannercontent h3 {
    max-width: 80%;
    color: #fff;
    font-size: 2rem;
    line-height: 2.4rem;
  }
}
.homebanner .bannercontent a {
  display: table;
  margin: 10px 0;
  padding: calc(1.6rem / 4) 40px calc(1.6rem / 4) calc(1.6rem / 2.5);
  cursor: pointer;
  transition: background-color 0.2s ease-out, color 0.2s ease-out;
  color: #fff;
  border: 0;
  background-color: #409;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 448 512"><path d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"/></svg>');
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  background-size: 0.9rem;
  font-size: 0.9rem;
  font-weight: 700;
}
.homebanner .bannercontent a:hover {
  color: #fff;
  background-color: rgb(56.6666666667, 0, 127.5);
}
.homebanner .bannercontent a:visited {
  color: #fff;
  background-color: #409;
}
@media print, screen and (min-width: 48em) {
  .homebanner .bannercontent {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.2rem 2rem;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#a6000000", GradientType=0);
    border-radius: 5px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000 90%, #000 100%);
  }
}
@media print, screen and (min-width: 64em) {
  .homebanner .bannercontent {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, #000 90%, #000 100%);
  }
}
@media screen and (min-width: 80em) {
  .homebanner .bannercontent {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, #000 90%, #000 100%);
  }
}
@media print, screen and (min-width: 48em) {
  .homebanner {
    margin: 0 0 1.6rem;
    color: #fff;
    background-size: cover;
  }
}

.featured-news .featured-news-view-all-link {
  color: #409;
}

.hub-header .hubintro h1 {
  border-bottom: 7px solid #409;
}
@media print, screen and (min-width: 48em) {
  .hub-header .hubintro h1 {
    border-bottom: 10px solid #409;
  }
}
@media print, screen and (min-width: 64em) {
  .hub-header .hubintro h1 {
    border-bottom: 10px solid #409;
  }
}

.logos-homehub {
  background-color: #fff;
}
.logos-homehub .scrollarrows span:hover {
  color: #2b353e;
}

body.node--type-landing {
  background-color: #f3f4f4;
}
body.node--type-landing .uosblock.grey {
  background-color: #fff;
}

.nlpheader {
  display: flex;
  justify-content: center;
  width: 100vw;
  margin-top: -1rem;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  font-weight: 700;
}
.nlpheader .lpaspect {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  width: 100%;
}
.nlpheader .lpaspect .lpcontent {
  z-index: 3;
  flex-direction: column;
  text-align: center;
  color: #2b353e;
}
@media print, screen and (min-width: 48em) {
  .nlpheader .lpaspect .lpcontent {
    max-width: 768px;
  }
}
@media print, screen and (min-width: 64em) {
  .nlpheader .lpaspect .lpcontent {
    max-width: 930px;
  }
}
@media screen and (min-width: 80em) {
  .nlpheader .lpaspect .lpcontent {
    max-width: 1180px;
  }
}
@media screen and (min-width: 131.25em) {
  .nlpheader .lpaspect .lpcontent {
    max-width: 1550px;
  }
}
.nlpheader .lpaspect .lpcontent svg {
  color: #fff;
}
.nlpheader .lpaspect .lpcontent p {
  max-width: 80ch;
  padding-bottom: 1rem;
  font-size: 1.1em;
  font-weight: 400;
  line-height: 1.6rem;
}
@media print, screen and (min-width: 48em) {
  .nlpheader .lpaspect .lpcontent p {
    margin-right: auto;
    margin-left: auto;
    font-weight: 700;
  }
}
.nlpheader .lpaspect .lpcontent h1 {
  display: inline-block;
  margin-bottom: 1.6rem;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #2b353e;
  border-bottom: 7px solid #409;
  font-weight: 700;
}
@media (max-width: 768px) {
  .nlpheader .lpaspect .lpcontent h1 {
    margin-top: 1rem;
    font-size: 2rem;
  }
}
@media print, screen and (min-width: 48em) {
  .nlpheader .lpaspect .lpcontent h1 {
    display: inline-block;
    white-space: nowrap;
    color: #fff;
    border-bottom: 10px solid #409;
  }
}
@media print, screen and (min-width: 64em) {
  .nlpheader .lpaspect .lpcontent h1 {
    border-bottom: 14px solid #409;
  }
}
.nlpheader .lpaspect .lpcontent .arrow {
  display: none;
  margin: 2% 0;
  text-align: center;
}
.nlpheader .lpaspect .lpcontent .arrow button {
  cursor: pointer;
}
.nlpheader .lpaspect .lpcontent .arrow a {
  text-decoration: none;
  color: #fff;
}
@media print, screen and (min-width: 64em) {
  .nlpheader .lpaspect .lpcontent .arrow {
    display: block;
  }
}
.nlpheader .lpaspect .lpcontent .mgmt-logos {
  display: flex;
  justify-content: stretch;
  width: 100%;
  margin: auto;
  padding: 0 calc(1.6rem / 2);
}
.nlpheader .lpaspect .lpcontent .mgmt-logos div {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  margin: 0 calc(1.6rem / 2);
}
.nlpheader .lpaspect .lpcontent .mgmt-logos div.aacsb {
  margin-right: 0;
}
.nlpheader .lpaspect .lpcontent .mgmt-logos.hideonmobile {
  display: none;
  max-width: 35%;
}
@media print, screen and (min-width: 48em) {
  .nlpheader .lpaspect .lpcontent .mgmt-logos.hideonmobile {
    display: flex;
    max-width: 50%;
  }
}
@media print, screen and (min-width: 64em) {
  .nlpheader .lpaspect .lpcontent .mgmt-logos.hideonmobile {
    max-width: 55%;
  }
}
@media screen and (min-width: 80em) {
  .nlpheader .lpaspect .lpcontent .mgmt-logos.hideonmobile {
    max-width: 60%;
  }
}
@media print, screen and (min-width: 48em) {
  .nlpheader .lpaspect .lpcontent .mgmt-logos {
    display: none;
  }
}
@media print, screen and (min-width: 48em) {
  .nlpheader .lpaspect .lpcontent {
    padding: 0 15px;
  }
}
@media screen and (min-width: 131.25em) {
  .nlpheader .lpaspect .lpcontent {
    max-width: 1280px;
  }
}
@media print, screen and (min-width: 48em) {
  .nlpheader .lpaspect .lpcontent {
    color: #fff;
    text-shadow: 1px 1px 10px #000, 1px 1px 30px #000;
  }
}
@media print, screen and (min-width: 48em) {
  .nlpheader .lpaspect {
    background-color: #000;
  }
}
@media print, screen and (min-width: 64em) {
  .nlpheader .lpaspect {
    aspect-ratio: 8/3;
  }
}
@media screen and (min-width: 90em) {
  .nlpheader .lpaspect {
    max-width: 1700px;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .nlpheader {
    padding-right: 1.6rem;
    padding-left: 1.6rem;
  }
}
@media print, screen and (min-width: 48em) {
  .nlpheader {
    margin-bottom: 1rem;
  }
}

.lpheaderimg {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  opacity: 0.4;
}
@media print, screen and (min-width: 48em) {
  .lpheaderimg {
    display: block;
  }
}

@supports (object-fit: cover) {
  @media print, screen and (min-width: 48em) and (max-width: 63.99875em) {
    .nlpheader .lpheaderimg .media--image--figure {
      height: 100%;
    }
    .nlpheader .lpheaderimg .media--image--figure .imgcapt picture img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  }
}
.nohead .nlpheader .lpaspect {
  padding: 1.6rem;
  background-color: transparent;
  aspect-ratio: unset;
}
.nohead .nlpheader .lpaspect .lpcontent {
  padding: 0 10%;
}
.nohead .nlpheader .lpaspect .lpcontent p,
.nohead .nlpheader .lpaspect .lpcontent h1,
.nohead .nlpheader .lpaspect .lpcontent svg {
  color: #2b353e;
  text-shadow: none;
}
@media print, screen and (min-width: 48em) {
  .nohead .nlpheader .lpaspect .lpcontent p,
  .nohead .nlpheader .lpaspect .lpcontent h1,
  .nohead .nlpheader .lpaspect .lpcontent svg {
    color: #2b353e;
  }
}
@media print, screen and (min-width: 48em) {
  .nohead .nlpheader .lpaspect .lpcontent .mgmt-logos.mobileonly {
    display: flex;
  }
}
@media print, screen and (min-width: 48em) {
  .nohead .nlpheader .lpaspect .lpcontent .mgmt-logos.hideonmobile {
    display: none;
  }
}
@media print, screen and (min-width: 48em) {
  .nohead .nlpheader .lpaspect {
    background-color: #fff;
  }
}
@media print, screen and (min-width: 48em) {
  .nohead .nlpheader {
    margin-bottom: 1rem;
    background-color: #fff;
  }
}

dl dt:not(:first-of-type) {
  margin-top: 1rem;
}
dl dd {
  line-height: 1.6;
}

/**
  Useful for description lists that look like
  <bold>Term</bold> Description
  styling with 1em padding underneath each set. Using the modifier
  .inline-description-list--has-colon adds a colon after term with pseudo element.
*/
.inline-description-list__term {
  display: inline-block;
}
.inline-description-list__term:not(:first-of-type) {
  margin-top: 0.5rem;
}
.inline-description-list__description,
.inline-description-list dd {
  display: inline;
}
.inline-description-list__description::after,
.inline-description-list dd::after {
  content: "\a";
  white-space: pre;
}
.inline-description-list--has-colon .inline-description-list__term::after, .inline-description-list--contact .inline-description-list__term::after {
  display: inline;
  content: ":";
}
.inline-description-list--contact .inline-description-list__term,
.inline-description-list--contact .inline-description-list__description {
  line-height: 1.8;
}
@media print, screen and (min-width: 48em) {
  .inline-description-list--contact .inline-description-list__term,
  .inline-description-list--contact .inline-description-list__description {
    line-height: 1.6;
  }
}
.inline-description-list--contact .inline-description-list__term {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
}
.inline-description-list--contact .inline-description-list__term:not(:first-of-type) {
  margin-top: 0;
}
.inline-description-list--contact .inline-description-list__description a {
  border-bottom: 2px solid #d0d2d4;
  font-weight: 700;
}

.meganav {
  z-index: 20;
  display: block;
  flex-grow: 1;
  order: 0;
  width: 100%;
  margin-bottom: 0;
}
@media print, screen and (min-width: 48em) {
  .meganav {
    order: 2;
    width: 500px;
    max-width: 500px;
    margin-bottom: 0;
    border: 0;
    background-color: transparent;
  }
}

.expand {
  display: block;
  padding: 0.2rem 0.7rem;
  cursor: pointer;
  pointer-events: none;
  color: #409;
  font-size: 1rem;
}
@media print, screen and (min-width: 48em) {
  .expand {
    display: none;
  }
}

.block-uos-globalnav > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: 0 0.4rem 0.4rem;
  list-style: none;
  border-bottom: 1px solid #b8bbbf;
}
.block-uos-globalnav > ul > li > span {
  padding: 0 15px 0 3px;
  cursor: pointer;
  background-image: url("../images/accDOWN.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 11px;
}
@media print, screen and (min-width: 48em) {
  .block-uos-globalnav > ul > li > span {
    padding: 0 18px 0 3px;
    background-position: right 11px;
  }
}
.block-uos-globalnav > ul > li.menu-open > span {
  background-image: url("../images/accUP.png");
  font-weight: bold;
}
@media print, screen and (min-width: 48em) {
  .block-uos-globalnav > ul > li.menu-open > span {
    font-weight: 400;
  }
}
.block-uos-globalnav > ul > li > a {
  color: #2b353e;
}
.block-uos-globalnav > ul > li > a.menu-open {
  font-weight: bold;
}
@media print, screen and (min-width: 48em) {
  .block-uos-globalnav > ul > li > a.menu-open {
    font-weight: 400;
  }
}
.block-uos-globalnav > ul > li > ul {
  position: absolute;
  top: calc(100% - 1px);
  right: 0;
  left: 0;
  display: none;
  width: 100%;
  margin: 0;
  list-style: none;
  cursor: default;
  background-color: #e7e9ea;
  font-weight: 400;
}
.block-uos-globalnav > ul > li > ul > li > h2 {
  font-size: inherit;
}
.block-uos-globalnav > ul > li > ul > li > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.4rem;
  color: #2b353e;
}
.block-uos-globalnav > ul > li > ul > li > a.menu-open {
  font-weight: 700;
}
@media print, screen and (min-width: 48em) {
  .block-uos-globalnav > ul > li > ul > li > a.menunonlink {
    cursor: default;
  }
  .block-uos-globalnav > ul > li > ul > li > a.menunonlink:hover {
    color: #409;
  }
}
.block-uos-globalnav > ul > li > ul > li > a:focus {
  background-color: transparent !important;
}
@media print, screen and (max-width: 63.99875em) {
  .block-uos-globalnav > ul > li > ul > li > a {
    outline-offset: -4px;
    /**
      If browser supports :focus-visible pseudo
      selector lets only show focus indicators on
      relevant devices (screen readers + keyboard)
    */
  }
  .block-uos-globalnav > ul > li > ul > li > a:focus {
    outline: 2px solid #005a8f;
    box-shadow: inset 0 0 0 2px #fff;
  }
  @supports (outline-offset: -4px) {
    .block-uos-globalnav > ul > li > ul > li > a:focus {
      box-shadow: none;
    }
  }
  @supports selector(*:focus-visible) {
    .block-uos-globalnav > ul > li > ul > li > a:focus:not(:focus-visible) {
      outline: 0;
    }
    .block-uos-globalnav > ul > li > ul > li > a:focus-visible {
      outline: 2px solid var(--a11y-focus-color, #005a8f);
    }
  }
}
@media print, screen and (min-width: 48em) {
  .block-uos-globalnav > ul > li > ul > li > a {
    padding: 0 0 0.8rem;
    color: #409;
    font-weight: 700;
    line-height: 1.1;
  }
}
.block-uos-globalnav > ul > li > ul > li > ul {
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
}
.block-uos-globalnav > ul > li > ul > li > ul > li {
  break-inside: avoid;
}
.block-uos-globalnav > ul > li > ul > li > ul > li > a {
  display: block;
  padding: 0.7rem 1.5rem;
  color: #2b353e;
  break-inside: avoid;
}
.block-uos-globalnav > ul > li > ul > li > ul > li > a:focus {
  outline-offset: -4px;
  /**
    If browser supports :focus-visible pseudo
    selector lets only show focus indicators on
    relevant devices (screen readers + keyboard)
  */
  text-decoration: underline;
  outline: 2px solid transparent;
  font-weight: 600;
}
.block-uos-globalnav > ul > li > ul > li > ul > li > a:focus:focus {
  outline: 2px solid #005a8f;
  box-shadow: inset 0 0 0 2px #fff;
}
@supports (outline-offset: -4px) {
  .block-uos-globalnav > ul > li > ul > li > ul > li > a:focus:focus {
    box-shadow: none;
  }
}
@supports selector(*:focus-visible) {
  .block-uos-globalnav > ul > li > ul > li > ul > li > a:focus:focus:not(:focus-visible) {
    outline: 0;
  }
  .block-uos-globalnav > ul > li > ul > li > ul > li > a:focus:focus-visible {
    outline: 2px solid var(--a11y-focus-color, #005a8f);
  }
}
@media print, screen and (min-width: 48em) {
  .block-uos-globalnav > ul > li > ul > li > ul > li > a {
    padding: 0 0 0.8rem;
    font-size: 0.9rem;
    line-height: 1.2;
  }
  .block-uos-globalnav > ul > li > ul > li > ul > li > a:hover {
    text-decoration: underline;
  }
}
@media print, screen and (min-width: 48em) {
  .block-uos-globalnav > ul > li > ul > li > ul {
    display: block !important;
  }
}
@media print, screen and (min-width: 48em) {
  .block-uos-globalnav > ul > li > ul > li {
    overflow: hidden;
    flex-basis: 25%;
    flex-grow: 0;
    flex-shrink: 0;
    padding: 0.4rem 0.7rem;
    border-bottom: 0;
  }
}
@media print, screen and (min-width: 64em) {
  .block-uos-globalnav > ul > li > ul > li {
    padding: calc(1.6rem * 0.8) calc(1.6rem * 1.5);
  }
}
@media print, screen and (min-width: 48em) {
  .block-uos-globalnav > ul > li > ul {
    z-index: 999;
    top: 111px;
    flex-wrap: wrap;
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto;
    padding: 1rem;
    font-size: 0.9rem;
  }
}
@media print, screen and (min-width: 64em) {
  .block-uos-globalnav > ul > li > ul {
    padding: 2rem;
  }
}
.block-uos-globalnav > ul > li.menu-open > span::after, .block-uos-globalnav > ul > li > span:hover::after {
  transform: scaleX(1);
}
@media print, screen and (min-width: 48em) {
  .block-uos-globalnav > ul > li > span {
    position: relative;
    display: inline-block;
    margin-bottom: calc(0.2rem + 4px);
  }
  .block-uos-globalnav > ul > li > span::after {
    position: absolute;
    bottom: -7px;
    left: 3px;
    display: block;
    width: calc(100% - 21px);
    height: 4px;
    margin: 0.2rem auto 0;
    content: " ";
    transition: transform 0.2s ease-out;
    transform: scaleX(0);
    background-color: #7100ff;
  }
}
@media print and (prefers-reduced-motion), screen and (min-width: 48em) and (prefers-reduced-motion) {
  .block-uos-globalnav > ul > li > span::after {
    transition: unset;
  }
}
@media print, screen and (min-width: 48em) {
  .block-uos-globalnav > ul {
    margin: 0 0.75rem 0 0;
    padding: 0;
    border: 0;
  }
}
@media print, screen and (min-width: 50rem) {
  .block-uos-globalnav > ul {
    margin-right: 0;
  }
}
@media print, screen and (max-width: 47.99875em) {
  .block-uos-globalnav {
    position: relative;
  }
}

.block-fixed-block-contentglobal-nav {
  position: unset;
}

.single-course-modules ul.tabs {
  border: 0;
  border-bottom: 1px solid #e7e9ea;
  background: none;
}
.single-course-modules ul.tabs li.tabs-title {
  margin: 0 1.6rem 0 0 !important;
  list-style: none;
}
.single-course-modules ul.tabs li.tabs-title a {
  padding: 1rem 0;
  color: #5a6269;
  border-bottom: 3px solid #fff;
  font-size: 1rem;
}
.single-course-modules ul.tabs li.tabs-title a[aria-selected=true], .single-course-modules ul.tabs li.tabs-title a:hover {
  color: #409;
  border-bottom: 3px solid #409;
  background-color: #fff;
}
.single-course-modules .tabs-content {
  color: #2b353e;
  border: 0;
  background: none;
}
.single-course-modules .tabs-content .tabs-panel {
  padding: calc(0.8rem) 0 0;
}

.module-disclaimer {
  color: #5a6269;
  font-size: 0.9rem;
  font-style: italic;
}

.block-field-blocknodemodules-single-coursefield-msc-media,
.block-field-blocknodemodules-multiple-coursesfield-mmc-media {
  margin-bottom: 1rem;
}

.block-field-blocknodemodules-multiple-coursesfield-mmc-courses .ckeditor-accordion-container {
  margin-bottom: 0;
}
.block-field-blocknodemodules-multiple-coursesfield-mmc-courses .ckeditor-accordion-container dt.active .ckeditor-accordion-toggler {
  color: #409;
}

.node--type-modules-single-course h1,
.node--type-modules-multiple-courses h1 {
  line-height: 1.2;
}

nav.muse {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  width: 100%;
}

.muse-bar-container {
  z-index: 500;
  width: 100%;
  background-color: #2b353e;
}
.muse-bar-container.stickymuse {
  position: sticky;
  top: 0;
}

.muse-bar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  min-height: 40px;
  margin: 0 auto;
  color: #2b353e;
  font-size: 0.9rem;
}
.muse-bar a {
  color: #fff;
}
.muse-bar a:hover {
  color: #fff;
}
.muse-bar ul {
  list-style: none;
}
@media print, screen and (min-width: 48em) {
  .muse-bar {
    max-width: 768px;
    font-size: 0.85rem;
  }
}
@media print, screen and (min-width: 64em) {
  .muse-bar {
    position: relative;
    max-width: 930px;
    padding: 0;
  }
}
@media screen and (min-width: 80em) {
  .muse-bar {
    max-width: 1180px;
  }
}

.muse-nav {
  display: flex;
  width: calc(100% - 38px);
  margin: 0;
}
.muse-nav > li {
  display: flex;
  flex-shrink: 0;
  margin-right: 1px;
  padding: 0 0.7rem;
  line-height: 40px;
}
.muse-nav > li:hover {
  background-color: #424b54;
}
.muse-nav > li.muse-login, .muse-nav > li.muse-my-services {
  padding: 0;
}
.muse-nav > li.muse-login a, .muse-nav > li.muse-my-services a {
  outline-offset: -3px;
  /**
    If browser supports :focus-visible pseudo
    selector lets only show focus indicators on
    relevant devices (screen readers + keyboard)
  */
}
.muse-nav > li.muse-login a:focus, .muse-nav > li.muse-my-services a:focus {
  outline: 2px solid #fd0;
  box-shadow: inset 0 0 0 2px #fff;
}
@supports (outline-offset: -3px) {
  .muse-nav > li.muse-login a:focus, .muse-nav > li.muse-my-services a:focus {
    box-shadow: none;
  }
}
@supports selector(*:focus-visible) {
  .muse-nav > li.muse-login a:focus:not(:focus-visible), .muse-nav > li.muse-my-services a:focus:not(:focus-visible) {
    outline: 0;
  }
  .muse-nav > li.muse-login a:focus-visible, .muse-nav > li.muse-my-services a:focus-visible {
    outline: 2px solid var(--a11y-focus-color, #fd0);
  }
}
.muse-nav > li.muse-login a {
  padding: 0 0.7rem;
}
.muse-nav > li.muse-login a:hover {
  color: #fff;
}
.muse-nav > li.muse-logout {
  display: flex;
  overflow: hidden;
  flex-shrink: 1;
  padding-right: 0;
}
.muse-nav > li.muse-my-services a {
  padding: 0 0.75rem;
}
.muse-nav > li.switcher-container {
  padding: 0;
}

.muse-login span {
  transition: 0.15s ease-in-out;
  color: #2b353e;
}
.muse-login:hover span {
  color: #fff;
}

.muse-login svg,
.muse-logout svg {
  margin-left: 0.5rem;
}

.muse-logout {
  color: #fff;
}
.muse-logout > span {
  display: flex;
}
.muse-logout > span::after {
  display: inline-flex;
  margin-left: 0.35rem;
  content: "|";
  color: #b8bbbf;
}
.muse-logout a {
  display: flex;
  flex-shrink: 0;
  color: #fff;
}
.muse-logout a span {
  padding: 0 0.75rem 0 0.35rem;
}
.muse-logout a:focus {
  outline: 2px solid transparent;
}
.muse-logout a:focus span {
  outline: 2px solid #fd0;
  outline-offset: -3px;
}
.muse-logout a:focus:not(:focus-visible) span {
  outline: 0;
}
.muse-logout a:focus-visible {
  outline: 2px solid transparent;
}
.muse-logout a:focus-visible span {
  outline: 2px solid #fd0;
  outline-offset: -3px;
}
.muse-logout .muse-username {
  overflow: hidden;
  flex-shrink: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.muse-panel {
  position: relative;
  width: 100%;
  background-color: #2b353e;
}
.muse-panel a:hover {
  text-decoration: underline;
  color: #fff;
}
.muse-panel .close-button {
  top: 0.4rem;
  right: 0.7rem;
}
.muse-panel .close-button:hover {
  color: #2b353e;
}

.muse-panel-services {
  display: flex;
}

.muse-service-group {
  flex: 1 1 0;
  margin: 0.7rem 0;
  padding: 0 0.7rem;
  border-left: thin solid #b8bbbf;
  line-height: 1.3;
}
.muse-service-group:first-child {
  border-left: unset;
}
.muse-service-group li {
  margin-bottom: 0.5rem;
}

.muse-recent-services a {
  color: #fff1b5;
}

.muse-panel-footer {
  margin: 0;
  padding-bottom: 0.7rem;
  text-align: center;
}

@media print, screen and (max-width: 47.99875em) {
  .muse-panel-services {
    flex-wrap: wrap;
  }
  .muse-service-group {
    flex-basis: auto;
    width: 50%;
  }
  .muse-service-group:nth-child(odd) {
    border-left: unset;
  }
  .muse-service-group:nth-child(2) {
    padding-right: 2.1rem;
  }
}
@media print, screen and (min-width: 48em) {
  .muse-bar {
    padding: 0;
  }
  .muse-service-group:last-child {
    padding-right: 2.1rem;
  }
}
.switcher-container {
  display: inline-block;
  margin-right: 1px;
}
.switcher-container .switcher-button {
  outline-offset: -3px;
  /**
    If browser supports :focus-visible pseudo
    selector lets only show focus indicators on
    relevant devices (screen readers + keyboard)
  */
  display: block;
  padding: 0 0.7rem;
  cursor: pointer;
  color: #fff;
  outline-offset: -2px;
}
.switcher-container .switcher-button:focus {
  outline: 2px solid #fd0;
  box-shadow: inset 0 0 0 2px #fff;
}
@supports (outline-offset: -3px) {
  .switcher-container .switcher-button:focus {
    box-shadow: none;
  }
}
@supports selector(*:focus-visible) {
  .switcher-container .switcher-button:focus:not(:focus-visible) {
    outline: 0;
  }
  .switcher-container .switcher-button:focus-visible {
    outline: 2px solid var(--a11y-focus-color, #fd0);
  }
}
.switcher-container .switcher-button svg {
  margin: 0 5px -1px;
}
.switcher-container .site-switcher {
  position: absolute;
  z-index: 21;
  top: 40px;
  left: 0.625rem;
  display: none;
  padding: 0.7rem 1rem 0.5rem;
  text-align: left;
  border-radius: 0 0 5px 5px;
  background-color: #424b54;
  box-shadow: -1px 4px 14px 0 rgba(0, 0, 0, 0.3);
  font-size: 0.9rem;
}
.switcher-container .site-switcher h3 {
  color: #fff;
  font-size: 1em;
}
.switcher-container .site-switcher ul {
  margin: 0;
  padding: 0;
  line-height: 1.6;
}
.switcher-container .site-switcher ul li {
  margin-bottom: 10px;
  background-color: none !important;
}
.switcher-container .site-switcher ul a {
  transition: 200ms;
}
.switcher-container .site-switcher ul a:hover {
  text-decoration: underline;
  color: #fd0;
  text-shadow: 0 0 20px #fff;
}
.switcher-container .site-switcher ul .current-hub {
  position: relative;
  font-style: italic;
}
.switcher-container .site-switcher ul .current-hub svg {
  position: absolute;
  top: 0;
  left: -1.4rem;
  display: none;
  color: #fd0;
}
.switcher-container .site-switcher ul .current-hub span {
  margin-left: 5px;
  color: #898f94;
  text-shadow: none;
}
.switcher-container .site-switcher.open .current-hub svg {
  display: inline;
}
@media print, screen and (min-width: 48em) {
  .switcher-container .site-switcher {
    left: 0.9375rem;
  }
}

.search-autocomplete .ui-autocomplete {
  font-size: 1rem;
}
@media print, screen and (min-width: 48em) {
  .search-autocomplete .ui-autocomplete {
    max-width: 400px;
  }
}

hr.related {
  border: 5px solid #d0d2d4;
}

.news-date {
  color: #409;
}

.news-teaser {
  color: #2b353e;
  border-top: 2px solid #e7e9ea;
}
.news-teaser:hover h2 {
  color: #409;
}

.featured-news > div a {
  outline-offset: 2px;
  /**
    If browser supports :focus-visible pseudo
    selector lets only show focus indicators on
    relevant devices (screen readers + keyboard)
  */
}
.featured-news > div a:focus {
  outline: 2px solid #fd0;
  box-shadow: inset 0 0 0 2px #fff;
}
@supports (outline-offset: 2px) {
  .featured-news > div a:focus {
    box-shadow: none;
  }
}
@supports selector(*:focus-visible) {
  .featured-news > div a:focus:not(:focus-visible) {
    outline: 0;
  }
  .featured-news > div a:focus-visible {
    outline: 2px solid var(--a11y-focus-color, #fd0);
  }
}

.block-views-blocksection-news-block-1 .views-exposed-form {
  background-color: #fff;
}
.block-views-blocksection-news-block-1 .views-exposed-form input::placeholder {
  color: #5a6269;
}
.block-views-blocksection-news-block-1 .views-exposed-form .button {
  color: #2b353e;
  background-color: #d0d2d4;
}

.news-search-comp {
  color: #fff;
  background-color: #409;
}
.news-search-comp ::placeholder {
  color: #5a6269;
}
.news-search-comp button {
  background-color: #2b353e;
}

.paragraph--type--para-promotion {
  background-color: #e7e9ea;
}
.paragraph--type--para-promotion.blue-bar {
  border-top: 10px solid #409;
}
@media print, screen and (min-width: 48em) {
  .paragraph--type--para-promotion {
    background-color: #e7e9ea;
  }
}

.site-search {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
}
.site-search .site-search-wrapper {
  display: block;
}
.site-search form {
  display: flex;
}
@media print, screen and (min-width: 48em) {
  .site-search form {
    border-width: 1px 0;
    border-style: solid;
    border-color: #2b353e;
  }
}
.site-search button,
.site-search input {
  outline-offset: -2px;
  /**
    If browser supports :focus-visible pseudo
    selector lets only show focus indicators on
    relevant devices (screen readers + keyboard)
  */
  height: calc(2rem - 2px);
  margin: 0;
  padding: 0 0.7rem;
  transition: none;
  border: unset;
  background-color: #fff;
  box-shadow: unset;
  font-family: "Source Sans 3", sans-serif;
  font-size: 1rem;
  line-height: calc(1.5rem - 2px);
}
.site-search button:focus,
.site-search input:focus {
  outline: 2px solid #fd0;
  box-shadow: inset 0 0 0 2px #fff;
}
@supports (outline-offset: -2px) {
  .site-search button:focus,
  .site-search input:focus {
    box-shadow: none;
  }
}
@supports selector(*:focus-visible) {
  .site-search button:focus:not(:focus-visible),
  .site-search input:focus:not(:focus-visible) {
    outline: 0;
  }
  .site-search button:focus-visible,
  .site-search input:focus-visible {
    outline: 2px solid var(--a11y-focus-color, #fd0);
  }
}
.site-search button ::placeholder,
.site-search input ::placeholder {
  height: 2rem;
  vertical-align: middle;
  color: #5a6269;
  line-height: 2rem;
}
.site-search button:focus,
.site-search input:focus {
  border: 0;
  box-shadow: inset 0 0 0 3px #0a0a0a;
}
.site-search button:focus:not(:focus-visible),
.site-search input:focus:not(:focus-visible) {
  outline: none;
  box-shadow: none;
}
.site-search button:focus-visible,
.site-search input:focus-visible {
  transition: none;
  box-shadow: inset 0 0 0 3px #0a0a0a;
}
@media print, screen and (min-width: 48em) {
  .site-search button,
  .site-search input {
    height: calc(40px - 2px);
    line-height: calc(40px - 2px);
  }
}
.site-search button {
  cursor: pointer;
  color: #fff;
  background-color: #7100ff;
  font-size: 1rem;
}
.site-search .site-search-toggle {
  display: none;
}
@media print, screen and (min-width: 48em) {
  .site-search {
    right: 0;
  }
}

@media print, screen and (max-width: 47.99875em) {
  .site-search {
    position: unset;
    width: 100%;
    border: 0;
  }
  .site-search .site-search-wrapper {
    display: none;
  }
  .site-search form {
    padding: 1.5rem 1rem;
  }
  .site-search button,
  .site-search input {
    height: 3rem;
    font-size: 1rem;
  }
  .site-search button::placeholder,
  .site-search input::placeholder {
    height: 2.9rem;
    vertical-align: middle;
    color: #5a6269;
    font-size: 1.5rem;
    line-height: 2.9rem;
  }
  .site-search .site-search-toggle {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 38px;
    height: 40px;
    padding-top: 2px;
  }
  .site-search .site-search-toggle .fa-times {
    display: none;
  }
  .site-search .site-search-toggle svg {
    margin: auto;
  }
  .site-search .site-search-toggle--open .fa-times {
    display: block;
  }
  .site-search .site-search-toggle--open .fa-search {
    display: none;
  }
}
/**
  Search form on site-owner directory
  - public.local:8080/site-owner-directory
*/
#views-exposed-form-site-owner-directory-page-1 input[type=submit],
#views-exposed-form-section-events-block-1 input[type=submit] {
  color: #2b353e;
  background-color: #9adbe8;
  font-weight: 700;
}
#views-exposed-form-site-owner-directory-page-1 input[type=submit]:focus, #views-exposed-form-site-owner-directory-page-1 input[type=submit]:hover,
#views-exposed-form-section-events-block-1 input[type=submit]:focus,
#views-exposed-form-section-events-block-1 input[type=submit]:hover {
  background-color: rgb(112.4596774194, 204.1935483871, 222.5403225806);
}

.uos-search-results #funnelback-curator {
  border: 1px solid #005a8f;
  background-color: #fff;
}
.uos-search-results #funnelback-curator h3 a {
  color: #2b353e;
  border-bottom: 1px solid #2b353e !important;
}
.uos-search-results #funnelback-curator .bestbetbanner {
  background-color: #005a8f;
}

body .region-meta_header ~ .nav-overlay {
  top: 286px;
}

.region-left_off_canvas .section-navigation {
  background-color: #409;
}
.region-left_off_canvas .section-navigation .paragraph--type--para-section-nav > nav > ul {
  margin-left: 1rem;
  padding-right: 1em;
}
.region-left_off_canvas .section-navigation .paragraph--type--para-section-nav > nav > ul > li {
  font-size: 1.2rem;
  line-height: 2.5rem;
}
.region-left_off_canvas .section-navigation .paragraph--type--para-section-nav > nav > ul > li span,
.region-left_off_canvas .section-navigation .paragraph--type--para-section-nav > nav > ul > li a {
  outline-offset: 2px;
  /**
    If browser supports :focus-visible pseudo
    selector lets only show focus indicators on
    relevant devices (screen readers + keyboard)
  */
}
.region-left_off_canvas .section-navigation .paragraph--type--para-section-nav > nav > ul > li span:focus,
.region-left_off_canvas .section-navigation .paragraph--type--para-section-nav > nav > ul > li a:focus {
  outline: 2px solid #fd0;
  box-shadow: inset 0 0 0 2px #fff;
}
@supports (outline-offset: 2px) {
  .region-left_off_canvas .section-navigation .paragraph--type--para-section-nav > nav > ul > li span:focus,
  .region-left_off_canvas .section-navigation .paragraph--type--para-section-nav > nav > ul > li a:focus {
    box-shadow: none;
  }
}
@supports selector(*:focus-visible) {
  .region-left_off_canvas .section-navigation .paragraph--type--para-section-nav > nav > ul > li span:focus:not(:focus-visible),
  .region-left_off_canvas .section-navigation .paragraph--type--para-section-nav > nav > ul > li a:focus:not(:focus-visible) {
    outline: 0;
  }
  .region-left_off_canvas .section-navigation .paragraph--type--para-section-nav > nav > ul > li span:focus-visible,
  .region-left_off_canvas .section-navigation .paragraph--type--para-section-nav > nav > ul > li a:focus-visible {
    outline: 2px solid var(--a11y-focus-color, #fd0);
  }
}
.region-left_off_canvas .section-navigation .paragraph--type--para-section-nav > nav > ul > li span {
  display: block;
  width: 100%;
  cursor: pointer;
}
.region-left_off_canvas .section-navigation .paragraph--type--para-section-nav > nav > ul > li span[aria-expanded=true] svg {
  transform: scaleY(-1);
}
.region-left_off_canvas .section-navigation .paragraph--type--para-section-nav > nav > ul > li > ul {
  display: none;
  margin-left: 1rem;
  font-size: 1rem;
}
.region-left_off_canvas .section-navigation .paragraph--type--para-section-nav > nav > ul > li > ul > li {
  color: #d0d2d4;
  font-weight: 700;
}
.region-left_off_canvas .section-navigation .paragraph--type--para-section-nav > nav > ul > li > ul > li > ul {
  margin-left: 1rem;
}
.region-left_off_canvas .section-navigation .paragraph--type--para-section-nav > nav > ul > li > ul > li > ul > li {
  font-weight: 400;
}
@media print, screen and (min-width: 48em) {
  .region-left_off_canvas .section-navigation .paragraph--type--para-section-nav > nav > ul > li > ul {
    margin-left: 0;
  }
}
@media print, screen and (min-width: 48em) {
  .region-left_off_canvas .section-navigation .paragraph--type--para-section-nav > nav > ul > li {
    color: #fff;
    font-size: 0.85rem;
    line-height: 1.2rem;
  }
}
@media print, screen and (min-width: 48em) {
  .region-left_off_canvas .section-navigation .paragraph--type--para-section-nav > nav > ul {
    margin-left: 0;
    padding-right: 0;
  }
}

.section-title {
  padding: calc(1.6rem / 2);
}
.section-title .off-canv > a {
  display: block;
  margin: 3rem 0 0;
  padding: 0.5rem;
}
@media print, screen and (max-width: 63.99875em) {
  .section-title .off-canv > a:focus {
    outline: 3px solid #fd0;
  }
  .section-title .off-canv > a:focus:not(:focus-visible) {
    outline: none;
  }
  .section-title .off-canv > a:focus-visible {
    outline: 3px solid #fd0;
  }
}
.section-title .section-title-holder {
  margin-bottom: 0;
}
.section-title .section-title-holder > a {
  line-height: 1.5rem;
}
.section-title .section-title-holder > a:hover {
  color: #d0d2d4;
}
@media print, screen and (max-width: 47.99875em) {
  .section-title .section-title-holder > a {
    display: inline-block;
    white-space: wrap;
  }
}
@media print, screen and (min-width: 48em) {
  .section-title .section-title-holder > a {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: calc(1.6rem / 2);
  }
}
@media print, screen and (min-width: 64em) {
  .section-title .section-title-holder > a {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 3.8rem;
  }
}
.section-title .section-title-holder h4.off-canv {
  margin-top: 3rem;
  margin-bottom: 0;
  font-size: 1.3rem;
}
.section-title .section-title-holder h4.off-canv a {
  margin: 0;
  padding: 0;
}
@media print, screen and (max-width: 47.99875em) {
  .section-title .section-title-holder {
    width: 100%;
    max-width: calc(100% - 6rem);
    line-height: 1;
  }
}
@media print, screen and (min-width: 48em) {
  .section-title .section-title-holder {
    width: 100%;
  }
}
@media print, screen and (min-width: 48em) {
  .section-title {
    display: block;
    margin-bottom: 0;
    padding: 0;
    text-transform: none;
  }
}

@media print, screen and (max-width: 47.99875em) {
  .section-title-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.off-canvas {
  visibility: hidden;
  width: 0;
  color: #fff;
  background-color: rgba(68, 0, 153, 0.97);
  backdrop-filter: blur(5px);
}
.off-canvas.is-open {
  visibility: visible;
  width: 100%;
}
.off-canvas.is-transition-overlap {
  z-index: 501;
}
.off-canvas button {
  display: block;
  float: right;
  margin: 0 -1rem;
  padding: 1rem;
  color: #fff;
  background: transparent;
  font-family: "Source Sans 3", sans-serif;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1;
}
.off-canvas button:hover, .off-canvas button:active, .off-canvas button:focus, .off-canvas button:visited {
  color: #fff;
}
.off-canvas button.menu {
  display: none;
}
.off-canvas ul {
  margin: 0;
  list-style-type: none;
}
.off-canvas li {
  display: block;
  width: 100%;
}
.off-canvas li a {
  padding: 0;
  line-height: 2.3;
}
@media print, screen and (min-width: 48em) {
  .off-canvas li {
    font-size: 0.7rem;
  }
}
.off-canvas a {
  color: #fff;
}
.off-canvas a:hover {
  text-decoration: underline;
  color: #fff;
}
.off-canvas a:focus + .menu-container, .off-canvas a:active + .menu-container {
  display: block;
}

.region-banner a {
  display: block;
  color: #fff;
  line-height: 1.2rem;
}
.region-banner ul {
  margin: 0;
}
.region-banner li {
  margin: 0 0 0.6rem;
  list-style: none;
  line-height: 1.2rem;
}
@media print, screen and (min-width: 48em) {
  .region-banner li {
    font-size: 0.85rem;
  }
}
.region-banner .menu-closed {
  color: #b8bbbf;
}
.region-banner .section-navigation {
  margin-bottom: 1rem;
  background-color: #409;
}
.region-banner .section-navigation > div > span {
  display: block;
  width: 100%;
  padding-left: 1.6rem;
  color: #fff;
  background-color: #24135f;
  font-size: 1.2rem;
  font-weight: 900;
  line-height: 2.8rem;
}
@media print, screen and (min-width: 48em) {
  .region-banner .section-navigation > div > span {
    font-size: 1.6rem;
    line-height: 3.8rem;
  }
}
.region-banner .section-navigation .button.menu {
  outline-offset: 2px;
  /**
    If browser supports :focus-visible pseudo
    selector lets only show focus indicators on
    relevant devices (screen readers + keyboard)
  */
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  padding: 6px;
  color: #24135f;
  background-color: #fff;
  font-weight: 700;
}
.region-banner .section-navigation .button.menu:focus {
  outline: 2px solid #fd0;
  box-shadow: inset 0 0 0 2px #fff;
}
@supports (outline-offset: 2px) {
  .region-banner .section-navigation .button.menu:focus {
    box-shadow: none;
  }
}
@supports selector(*:focus-visible) {
  .region-banner .section-navigation .button.menu:focus:not(:focus-visible) {
    outline: 0;
  }
  .region-banner .section-navigation .button.menu:focus-visible {
    outline: 2px solid var(--a11y-focus-color, #fd0);
  }
}
@media print, screen and (min-width: 48em) {
  .region-banner .section-navigation .button.menu {
    display: none;
    margin: 0;
  }
}
.region-banner .section-navigation .button .section-title-burger {
  position: relative;
  display: inline-flex;
  width: 16px;
  height: 2px;
  margin-left: 0.5625rem;
  background-color: #409;
}
.region-banner .section-navigation .button .section-title-burger::before, .region-banner .section-navigation .button .section-title-burger::after {
  position: absolute;
  width: 100%;
  height: 2px;
  content: "";
  background-color: #409;
}
.region-banner .section-navigation .button .section-title-burger::before {
  transform: translateY(-5px);
}
.region-banner .section-navigation .button .section-title-burger::after {
  transform: translateY(5px);
}
@media print, screen and (min-width: 48em) {
  .region-banner .views-field-field-section-navigation {
    margin-bottom: 1em;
    background-color: #24135f;
  }
}
.region-banner .paragraph--type--para-section-nav > nav {
  position: relative;
}
.region-banner .paragraph--type--para-section-nav > nav > ul {
  display: none;
  flex-direction: row;
  align-items: center;
  transition: opacity 0.15s cubic-bezier(0.23, 1, 0.32, 1);
  opacity: 0;
  color: #fff;
}
@media print, screen and (min-width: 48em) {
  .region-banner .paragraph--type--para-section-nav > nav > ul.loaded {
    display: flex;
    opacity: 1;
  }
}
.region-banner .paragraph--type--para-section-nav > nav > ul a:hover {
  text-decoration: underline;
}
.region-banner .paragraph--type--para-section-nav > nav > ul > li {
  margin: 0 calc(1.6rem / 2);
  font-size: 0.9rem;
  line-height: 1.2rem;
}
.region-banner .paragraph--type--para-section-nav > nav > ul > li h3 {
  font-size: 0.85rem;
}
.region-banner .paragraph--type--para-section-nav > nav > ul > li::before {
  display: block;
  width: 0;
  height: 2px;
  margin: 0 auto;
  content: " ";
  transition: width 0.2s ease-out;
  background-color: #fff;
}
@media (prefers-reduced-motion) {
  .region-banner .paragraph--type--para-section-nav > nav > ul > li::before {
    transition: unset;
  }
}
.region-banner .paragraph--type--para-section-nav > nav > ul > li:hover::before {
  width: 100%;
}
.region-banner .paragraph--type--para-section-nav > nav > ul > li .sectmenu-top {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  min-height: 48px;
  padding-top: 14px;
  padding-bottom: 12px;
}
.region-banner .paragraph--type--para-section-nav > nav > ul > li .sectmenu-top:hover {
  color: #fff;
}
.region-banner .paragraph--type--para-section-nav > nav > ul > li .sectmenu-top:focus {
  box-shadow: inset 0 3px 0 0 #fd0;
}
.region-banner .paragraph--type--para-section-nav > nav > ul > li .sectmenu-top:focus:not(:focus-visible) {
  box-shadow: none;
}
.region-banner .paragraph--type--para-section-nav > nav > ul > li .sectmenu-top:focus-visible {
  outline-width: 2px;
  outline-style: dotted;
  outline-color: transparent;
  box-shadow: inset 0 3px 0 0 #fd0;
}
.region-banner .paragraph--type--para-section-nav > nav > ul > li .sectmenu-0 {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  min-height: 48px;
  padding-top: 14px;
  padding-bottom: 12px;
  cursor: pointer;
}
.region-banner .paragraph--type--para-section-nav > nav > ul > li .sectmenu-0:focus {
  box-shadow: inset 0 3px 0 0 #fd0;
}
.region-banner .paragraph--type--para-section-nav > nav > ul > li .sectmenu-0:focus:not(:focus-visible) {
  box-shadow: none;
}
.region-banner .paragraph--type--para-section-nav > nav > ul > li .sectmenu-0:focus-visible {
  outline-width: 2px;
  outline-style: dotted;
  outline-color: transparent;
  box-shadow: inset 0 3px 0 0 #fd0;
}
.region-banner .paragraph--type--para-section-nav > nav > ul > li .sectmenu-0 .iconnowrap {
  position: absolute;
  top: 1px;
  right: -16px;
  white-space: nowrap;
}
@media print, screen and (min-width: 48em) {
  .region-banner .paragraph--type--para-section-nav > nav > ul > li .sectmenu-0 span:not(.iconnowrap) {
    position: relative;
    display: inline-block;
    margin-right: 25px;
  }
}
.region-banner .paragraph--type--para-section-nav > nav > ul > li > ul {
  display: none;
}
.region-banner .paragraph--type--para-section-nav > nav > ul > li > ul > li {
  margin: 0.8rem 1.6rem 0.8rem calc(1.6rem / 2);
  cursor: default;
  font-family: "Source Serif", serif;
  font-weight: 700;
}
.region-banner .paragraph--type--para-section-nav > nav > ul > li > ul > li > ul {
  position: relative;
  margin-top: 0.5rem;
}
.region-banner .paragraph--type--para-section-nav > nav > ul > li > ul > li > ul > li {
  font-family: "Source Sans 3", sans-serif;
  font-weight: 400;
}
@media print, screen and (min-width: 48em) {
  .region-banner .paragraph--type--para-section-nav > nav > ul > li > ul {
    position: absolute;
    z-index: 10;
    right: 0;
    left: 0;
    color: #fff;
    background-color: #24135f;
  }
}
@media print, screen and (min-width: 48em) {
  .region-banner .paragraph--type--para-section-nav > nav > ul {
    display: flex;
  }
}
@media print, screen and (min-width: 48em) {
  .region-banner .paragraph--type--para-section-nav > nav > ul {
    align-items: flex-start;
  }
}
@media print, screen and (min-width: 48em) {
  .region-banner .paragraph--type--para-section-nav > nav {
    min-height: 47px;
  }
}
@media print, screen and (min-width: 48em) {
  .region-banner .paragraph--type--para-section-nav > nav {
    z-index: 5;
    margin-bottom: 1em;
  }
}

.nav-overlay,
.nav-overlay2 {
  position: absolute;
  z-index: 4;
  top: 230px;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  background-color: rgba(43, 53, 62, 0.6);
}

.desktop-section-navigation ul ul li a {
  outline-offset: 2px;
  /**
    If browser supports :focus-visible pseudo
    selector lets only show focus indicators on
    relevant devices (screen readers + keyboard)
  */
}
.desktop-section-navigation ul ul li a:focus {
  outline: 2px solid #fd0;
  box-shadow: inset 0 0 0 2px #fff;
}
@supports (outline-offset: 2px) {
  .desktop-section-navigation ul ul li a:focus {
    box-shadow: none;
  }
}
@supports selector(*:focus-visible) {
  .desktop-section-navigation ul ul li a:focus:not(:focus-visible) {
    outline: 0;
  }
  .desktop-section-navigation ul ul li a:focus-visible {
    outline: 2px solid var(--a11y-focus-color, #fd0);
  }
}

.section-nav-dropdown a:hover {
  color: #fff !important;
}
.section-nav-dropdown .rows {
  display: grid;
  grid-template-rows: repeat(1, 1fr);
  grid-auto-flow: column;
  gap: 0 2.4em;
}
@media print, screen and (min-width: 48em) {
  .section-nav-dropdown .rows li {
    min-width: 144px;
  }
}
.section-nav-dropdown .rows--2 {
  grid-template-rows: repeat(2, 1fr);
}
.section-nav-dropdown .rows--3 {
  grid-template-rows: repeat(3, 1fr);
}
.section-nav-dropdown .rows--4 {
  grid-template-rows: repeat(4, 1fr);
}
.section-nav-dropdown .rows--5 {
  grid-template-rows: repeat(5, 1fr);
}
.section-nav-dropdown .rows--6 {
  grid-template-rows: repeat(6, 1fr);
}
.section-nav-dropdown .rows--7 {
  grid-template-rows: repeat(7, 1fr);
}
.section-nav-dropdown .rows--8 {
  grid-template-rows: repeat(8, 1fr);
}

.nav-overlay2 {
  top: 41px;
}
@media print, screen and (min-width: 48em) {
  .nav-overlay2 {
    top: 0;
  }
}

.paragraph--type--para-signpost-box .block-field-blockparagraphpara-signpost-boxfield-sb-title {
  justify-content: center;
}
@media print, screen and (min-width: 48em) {
  .paragraph--type--para-signpost-box .block-field-blockparagraphpara-signpost-boxfield-sb-title {
    justify-content: start;
  }
}
.paragraph--type--para-signpost-box.dark {
  background: #2b353e;
}
.paragraph--type--para-signpost-box.highlight {
  background: #24135f;
}

.signpost-card:focus, .signpost-card:focus-visible {
  outline: 2px solid transparent;
}
.signpost-card:focus .paragraph--type--para-signpost-card {
  outline: 2px solid #fd0;
  outline-offset: 2px;
}
.signpost-card:focus:not(:focus-visible) .paragraph--type--para-signpost-card {
  outline: 0;
  box-shadow: none;
}
.signpost-card:focus-visible .paragraph--type--para-signpost-card {
  outline: 2px solid #fd0;
  outline-offset: 2px;
}
.signpost-card .field-sc-link {
  color: #409;
}
.signpost-card .field-sc-link a:not(.uosbutton):not(.textbutton) {
  color: #409;
}

.profilepic-modal {
  position: absolute;
  z-index: 2000;
  top: 0;
  display: none;
  border: 8px solid #fff;
  background-color: #fff;
}
.profilepic-modal img {
  cursor: default;
}
.profilepic-modal .close {
  position: absolute;
  top: 12px;
  right: 12px;
  cursor: pointer;
  filter: drop-shadow(0 0 2px #000);
  color: #fff;
  font-size: 1.5rem;
}
@media print, screen and (max-width: 47.99875em) {
  .profilepic-modal {
    left: 50%;
    width: 90%;
    max-width: 480px;
    transform: translateX(-50%);
  }
}
@media print, screen and (min-width: 48em) {
  .profilepic-modal {
    right: 0;
    width: 94%;
  }
}
@media print, screen and (min-width: 48em) {
  .profilepic-modal {
    width: 600px;
  }
}

.personinfo {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
}
.personinfo h1 {
  line-height: 1.2;
}
.personinfo .profilepic {
  position: relative;
  flex-shrink: 0;
}
.personinfo .profilepic img {
  width: 100%;
  max-width: 40%;
  margin: 0 0 0.5rem;
  border-radius: 8px;
}
@media print, screen and (min-width: 48em) {
  .personinfo .profilepic img {
    max-width: 100%;
    margin: 0;
  }
}
.personinfo .profilepic .enlarge {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}
.personinfo .profilepic .imgcapt figcaption,
.personinfo .profilepic .imgcapt hr {
  display: none;
}
.personinfo .profilepic-modal img {
  margin-bottom: 0;
}
@media print, screen and (max-width: 63.99875em) {
  .personinfo .profilepic-modal img {
    max-width: 100%;
  }
}
@media print, screen and (min-width: 48em) {
  .personinfo {
    gap: 1rem;
  }
}
@media print, screen and (min-width: 48em) {
  .personinfo {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
}

dd #my-pubs h3 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.4;
}
dd #my-pubs a {
  line-height: 1.5;
}
dd #my-pubs .backToTop {
  margin-bottom: 15px;
}
dd #my-pubs .pubs-tabs {
  margin-left: 1em;
  padding-left: 1.25rem;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left;
  background-size: 1rem;
}
dd #my-pubs .pubs-tabs.not-clicked {
  border-bottom: 0;
}
dd #my-pubs .pubs-tabs.fave-link {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIj48cGF0aCBmaWxsPSIjMjUxZDVhIiBkPSJNMjU5IDE4bC02NSAxMzItMTQ2IDIyYy0yNiAzLTM3IDM2LTE4IDU0bDEwNiAxMDMtMjUgMTQ2Yy01IDI2IDIzIDQ2IDQ2IDMzbDEzMS02OCAxMzEgNjhjMjMgMTMgNTEtNyA0Ni0zM2wtMjUtMTQ2IDEwNi0xMDNjMTktMTggOC01MS0xOC01NGwtMTQ2LTIyLTY1LTEzMmEzMiAzMiAwIDAwLTU4IDB6Ii8+PC9zdmc+");
}
dd #my-pubs .pubs-tabs.all-link {
  padding-left: 1rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48cGF0aCBmaWxsPSIjMjUxZDVhIiBkPSJNMCA1MTJWNDhDMCAyMSAyMSAwIDQ4IDBoMjg4YzI3IDAgNDggMjEgNDggNDh2NDY0TDE5MiA0MDAgMCA1MTJ6Ii8+PC9zdmc+");
  background-size: 0.7rem;
}

.deptname {
  margin-bottom: 1.6rem;
  color: #5a6269;
  font-weight: 700;
}
.deptname p {
  margin-bottom: 0;
  line-height: 1.4;
}
@media print, screen and (min-width: 48em) {
  .deptname p {
    line-height: 1.8;
  }
}

.jobtitle {
  display: inline-block;
  color: #2b353e;
  font-weight: 700;
  line-height: 1.4;
}
@media print, screen and (min-width: 48em) {
  .jobtitle {
    line-height: 1.8;
  }
}

.mainrole {
  margin: 0 0 0.8rem;
  font-weight: 600;
  line-height: 1.2;
}

.roles {
  margin: 0 0 0.3rem;
  line-height: 1.2;
}

.postnom {
  margin: -0.33rem 0 0.3rem;
  font-size: 0.85rem;
}

.profiletext {
  margin-top: 1.6rem;
  padding-top: calc(1.6rem / 1.5);
  border-top: 2px solid #d0d2d4;
}
.profiletext dd {
  display: block;
  padding: 0;
}

.contactinfo {
  margin: 1rem 0;
}
.contactinfo a:not(.standalone-accordion-toggler) {
  display: inline-block;
  color: #409;
  border-bottom: 2px solid #d0d2d4;
  line-height: 1.5;
}
.contactinfo a:not(.standalone-accordion-toggler) svg {
  color: #5a6269;
}
.contactinfo .telnum a {
  color: #2b353e;
  border: 0;
}
.contactinfo .loclink {
  font-weight: 700;
}
.contactinfo .loclink svg {
  color: #5a6269;
}
.contactinfo .officehours {
  font-weight: 700;
}
.contactinfo .officehours svg {
  color: #5a6269;
}

.showfull {
  cursor: pointer;
  color: #409;
  border-bottom: 2px solid #d0d2d4;
  font-weight: 700;
}

.fullcontact {
  display: none;
  flex-direction: column;
  font-size: 0.85rem;
}
.fullcontact .address {
  flex-grow: 1;
  line-height: 1.5;
}
.fullcontact .social {
  margin: 1rem 0 0;
  line-height: 2.1;
}
.fullcontact .social a {
  margin-bottom: 5px;
  font-weight: 700;
  line-height: 1.6;
}
.fullcontact .social a svg {
  color: #2b353e;
}
@media print, screen and (min-width: 48em) {
  .fullcontact .social {
    margin: 0 0 0 1rem;
  }
}
@media print, screen and (min-width: 48em) {
  .fullcontact {
    flex-direction: row;
    justify-content: space-between;
  }
}

.profile-link-promo {
  margin: 1.6rem 0;
  padding: calc(1.6rem / 2);
  background-color: #e7e9ea;
  font-size: 0.85rem;
}
.profile-link-promo a {
  color: #2b353e;
  line-height: 1.6;
}
.profile-link-promo a:last-of-type {
  margin-bottom: 0;
}
.profile-link-promo span {
  display: block;
  font-size: 0.7rem;
}
.profile-link-promo span:last-of-type {
  display: none;
}
@media print, screen and (min-width: 48em) {
  .profile-link-promo {
    margin: 0 0 1.6rem 0;
    padding: 1.6rem;
  }
}

.node--type-staff-profile .ckeditor-accordion-container {
  margin-bottom: 0;
}

.publicationsList {
  list-style: none !important;
  color: #5a6269;
}
.publicationsList li::before {
  display: inline-block;
  width: 0.9rem;
  height: 0.6rem;
  margin-left: -1rem;
  content: "•";
  vertical-align: middle;
  color: #000;
  font-size: 22px;
  font-weight: bold;
  line-height: 0.4rem;
}
@media print, screen and (min-width: 48em) {
  .publicationsList li::before {
    font-size: 24px;
  }
}
.publicationsList .author {
  color: #2b353e;
}
.publicationsList cite {
  display: inline;
  color: #5a6269;
  font-size: inherit;
}
.publicationsList cite::before {
  display: none;
  content: "";
}
.publicationsList .export-icon {
  max-width: 20px;
}
.publicationsList a {
  border: 0;
}

.stap-teaser {
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: 1.6rem;
  padding: calc(1.6rem / 2);
  color: #2b353e;
  border-top: 8px solid #409;
  background-color: #fff;
}
.stap-teaser dl dd:not(first-of-type) {
  margin-top: 0.125rem;
}
.stap-teaser svg {
  color: #5a6269;
}
.stap-teaser a {
  color: #2b353e;
  border-bottom: none !important;
}
.stap-teaser p {
  line-height: 1.6;
}
.stap-teaser .enlarge {
  display: none;
}
.stap-teaser .jobtitle {
  display: inline-block;
  margin-bottom: 15px;
  text-wrap: balance;
  font-weight: 600;
  line-height: 1.2rem;
}
.stap-teaser .deptname {
  display: block;
  margin: -4px 0 10px;
  text-wrap: balance;
  font-weight: 400;
  line-height: 1.2rem;
}
.stap-teaser .profilepic {
  flex-shrink: 0;
}
.stap-teaser .profilepic img {
  width: 110px;
  height: auto;
  margin: 0 0 0.5rem 0;
  border-radius: 8px;
}
@media print, screen and (min-width: 48em) {
  .stap-teaser .profilepic img {
    width: 180px;
    margin: 0 0 1rem 1rem;
  }
}
.stap-teaser .profilepic .imgcapt {
  width: 200px;
}
.stap-teaser .profilepic .imgcapt figcaption,
.stap-teaser .profilepic .imgcapt hr {
  display: none;
}
.stap-teaser .profileinitials {
  flex-shrink: 0;
  width: 110px;
  height: 110px;
  margin: 0 0 0.5rem;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  border-radius: 8px;
  background-color: #24135f;
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 110px;
}
@media print, screen and (min-width: 48em) {
  .stap-teaser .profileinitials {
    width: 180px;
    height: 180px;
    margin: 0 0 1rem 1rem;
    line-height: 180px;
  }
}
@media print, screen and (min-width: 48em) {
  .stap-teaser {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
}

.stap-contact {
  margin-bottom: 0;
}
.stap-contact dd {
  word-break: break-word;
}
.stap-contact dd a {
  text-decoration: underline;
}
.stap-contact dd a:hover {
  color: #005a8f;
}
.stap-contact dd .telnum a {
  text-decoration: none;
}

.stap-card__info,
.stap-teaser__info {
  position: relative;
}
.stap-card .summary-text,
.stap-teaser .summary-text {
  width: 100%;
}
.stap-card .summary-text .stap-teaser__info:hover h3 > a,
.stap-card .summary-text .stap-card__info:hover h3 > a,
.stap-teaser .summary-text .stap-teaser__info:hover h3 > a,
.stap-teaser .summary-text .stap-card__info:hover h3 > a {
  text-decoration: underline;
  color: #409;
}

.stap-card {
  margin-bottom: 1.6rem;
  padding: calc(1.6rem / 2);
  text-align: center;
  color: #2b353e;
  background: linear-gradient(to bottom, #409 0%, #409 80px, #fff 80px, #fff 100%);
}
.stap-card p {
  max-width: none;
  font-size: 0.85rem;
  line-height: 1.4;
}
.stap-card svg {
  color: #5a6269;
}
.stap-card .summary-text {
  word-wrap: break-word;
}
.stap-card .summary-text h3 {
  margin-bottom: 0.3rem;
}
.stap-card .summary-text a {
  color: #2b353e;
}
.stap-card .profilepic {
  flex-shrink: 0;
}
.stap-card .profilepic img {
  width: 110px;
  height: auto;
  margin: 0 0 0.5rem;
  border-radius: 8px;
}
@media print, screen and (min-width: 48em) {
  .stap-card .profilepic img {
    width: 130px;
    margin: 0 0 1rem 1rem;
  }
}
.stap-card .profilepic .imgcapt figcaption,
.stap-card .profilepic .imgcapt hr {
  display: none;
}
.stap-card .profileinitials {
  flex-shrink: 0;
  width: 110px;
  margin: auto;
  margin-bottom: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  color: #fff;
  border-radius: 8px;
  background-color: #24135f;
  font-size: 2.8rem;
  font-weight: 500;
}
@media print, screen and (min-width: 48em) {
  .stap-card .profileinitials {
    width: 130px;
    padding-top: 1.1rem;
    padding-bottom: 1.1rem;
  }
}
@media print, screen and (min-width: 48em) {
  .stap-card .deptname {
    display: inline-block;
    margin-bottom: 0.8rem;
    text-wrap: balance;
    font-weight: 400;
    line-height: 1.2rem;
  }
}
@media print, screen and (min-width: 48em) {
  .stap-card .jobtitle {
    display: inline-block;
    margin-bottom: 0.8rem;
    text-wrap: balance;
    font-weight: 600;
    line-height: 1.2rem;
  }
}
.stap-card .enlarge,
.stap-card .profilepic-modal {
  display: none;
}

.views-field-field-stap-surname {
  font-weight: 700;
}

.staffcardindex {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}
.staffcardindex > div {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex-grow: 0;
}
.staffcardindex > div .stap-card {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-bottom: 1.6rem;
}
.staffcardindex > div .stap-card.not-linked {
  cursor: default;
}
.staffcardindex > div .stap-card.not-linked .stap-card:hover {
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
}
.staffcardindex > div .stap-card a[href^="mailto:"] {
  display: inline-block;
  overflow: hidden;
  max-width: 230px;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 26px;
}
@media print, screen and (min-width: 48em) {
  .staffcardindex > div .stap-card a[href^="mailto:"] {
    max-width: 180px;
  }
}
@media print, screen and (min-width: 64em) {
  .staffcardindex > div .stap-card a[href^="mailto:"] {
    max-width: 200px;
  }
}
@media screen and (min-width: 80em) {
  .staffcardindex > div .stap-card a[href^="mailto:"] {
    max-width: 260px;
  }
}
@media screen and (min-width: 90em) {
  .staffcardindex > div .stap-card a[href^="mailto:"] {
    max-width: 300px;
  }
}
.staffcardindex > div .stap-card .enlarge,
.staffcardindex > div .stap-card .close,
.staffcardindex > div .stap-card .profilepic-modal {
  display: none;
}
@media print, screen and (min-width: 48em) {
  .staffcardindex > div .stap-card {
    margin-bottom: 0.5rem;
  }
}
@media print, screen and (min-width: 48em) {
  .staffcardindex > div {
    flex-basis: 32%;
    margin-right: 2%;
  }
  .staffcardindex > div.col1 {
    margin-left: 0;
  }
  .staffcardindex > div.col3 {
    margin-right: 0;
  }
  .staffcardindex > div .cardrow {
    min-height: 42px;
  }
}
.staffcardindex.manual > div:nth-of-type(3n) {
  margin-right: 0;
}

.node--type-staff-profile-index .hideicons svg {
  display: none;
}
.node--type-staff-profile-index .hideicons .telnum br {
  display: none;
}
.node--type-staff-profile-index .tablesaw-stack.staff-profile-list-block {
  border-right: 0;
  border-left: 0;
}
.node--type-staff-profile-index .tablesaw-stack td.views-field-field-stap-show-telephone {
  padding: 0.7rem 0.5rem 2rem;
}
.node--type-staff-profile-index .tablesaw-stack td[colspan="6"] {
  padding-top: 0.5rem;
  padding-bottom: 0;
}
.node--type-staff-profile-index .atoz-header + div .atoz-list {
  margin-top: 0;
}

.staff-profile-list-block table th.views-field-field-stap-surname-2 {
  display: none;
}
.staff-profile-list-block table td.views-field-field-stap-surname-2 {
  display: none;
}

.staff-pronouns {
  font-size: 1rem;
  font-weight: 400;
}

.modal-overlay {
  position: absolute;
  z-index: 6;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(43, 53, 62, 0.6);
}

.block-field-blocknodestudent-profilefield-stup-grey-text-sub-header {
  color: #5a6269;
}

.block-field-blocknodestudent-profilefield-stup-year {
  color: #5a6269;
}

.sp-teaser {
  position: relative;
  color: #2b353e;
  border-top: 2px solid #e7e9ea;
}
.sp-teaser h3 a {
  display: inline-block;
  color: inherit;
}
.sp-teaser .student-profile-name {
  color: #5a6269;
}
.sp-teaser .student-profile-course {
  color: #5a6269;
}

#main .subjectheader {
  margin-top: -1rem;
  margin-right: calc(50% - 50vw);
  margin-bottom: 1.6rem;
  margin-left: calc(50% - 50vw);
  padding: calc(1.6rem / 2) 0 1.6rem;
  color: #fff;
  background-color: #24135f;
}
#main .subjectheader .subjlabel {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 1rem;
  padding: 5px 10px;
  text-wrap: nowrap;
  color: #fff;
  border-radius: 20px;
  background-color: #7100ff;
  font-weight: 700;
}
#main .subjectheader .title-box {
  margin-right: auto;
  margin-left: auto;
}
#main .subjectheader .title-box h1 {
  margin-bottom: 10px;
  color: #fff;
  font-size: 2rem;
  line-height: 2.2rem;
}
@media print, screen and (min-width: 48em) {
  #main .subjectheader .title-box {
    max-width: 748px;
    margin: auto;
  }
}
@media print, screen and (min-width: 64em) {
  #main .subjectheader .title-box {
    max-width: 908px;
    margin: auto;
  }
}
@media screen and (min-width: 80em) {
  #main .subjectheader .title-box {
    max-width: 1158px;
    margin: auto;
  }
}
@media print, screen and (min-width: 64em) {
  #main .subjectheader .title-box {
    flex-direction: row;
    align-items: flex-end;
  }
}
#main .subjectheader a {
  margin-right: 20px;
  color: #fff;
}
#main .subjectheader a:hover {
  color: #e7e9ea;
}
#main .subject-card-list .subject-card {
  margin-bottom: 2rem;
}
#main .subject-card-list .subject-card > a {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
#main .subject-card-list .subject-card ul {
  margin-left: 1rem;
  padding: 0;
}
#main .subject-card-list .subject-card ul li {
  margin: 0 0 15px 0 !important;
  padding: 0;
}
#main .subject-card-list .subject-card ul li a {
  text-decoration: none;
  border-bottom: 2px solid #d0d2d4;
  font-size: 0.9rem;
  font-weight: 700;
}
#main .subject-card-list .subject-card .yearlabel {
  display: inline-block;
  margin: 0 0 0.7rem;
  padding: 0.2rem 0.6rem;
  color: #2b353e;
  border-radius: 999px;
  background-color: #e7e9ea;
  font-size: 0.8rem;
}
#main .subject-card-list .subject-card .coursecard {
  height: 100%;
}
#main .subject-card-list .subject-card .coursecard p {
  font-size: 0.8rem;
}
#main .subject-card-list .subject-card .coursecard h3 {
  font-size: 1.2rem;
}
#main .subject-card-list .subject-card .coursecard .subject-course-link {
  text-decoration: underline;
  font-size: 0.9rem;
}
#main .subject-card-list .subject-card .coursecard:hover h3 {
  text-decoration: none;
  color: #409;
}
#main .subject-card-list .subject-card .coursecard.prog:hover h3 {
  color: #2b353e;
}
#main .year-butt {
  display: inline-block;
  margin-right: 0.5rem;
  margin-bottom: 1.6rem;
  padding: 0.5rem 1rem;
  cursor: pointer;
  color: #24135f;
  border-radius: 20px;
  background: #e0e0e0;
  font-size: 1rem;
  font-weight: 700;
}
#main .year-butt[aria-selected=true] {
  cursor: default;
  color: #fff;
  background-color: #24135f;
}

.node--type-subject-area .matchheight {
  justify-content: start;
}

table {
  color: #2b353e;
  border: 1px solid #d0d2d4;
  background-color: #f2f4f5;
}

td a,
th a {
  border-bottom: 2px solid #d0d2d4;
}

.responsive-table-wrapper.js-is-overflowing {
  border: 1px solid #d0d2d4;
  border-width: 0 1px;
}
.responsive-table-wrapper.js-is-overflowing .responsive-table-wrapper__swipe-hint {
  background-color: #2b353e;
}

.uosblock a[href]:not(.uosbutton):not(.textbutton) {
  border-bottom: 2px solid #d0d2d4;
  font-weight: 700;
}
.uosblock.grey {
  background-color: #e7e9ea;
}
.uosblock.dark {
  color: #fff;
  background-color: #2b353e;
}
.uosblock.dark h2,
.uosblock.dark h3,
.uosblock.dark h4,
.uosblock.dark h5,
.uosblock.dark h6 {
  color: #fff;
}
.uosblock.dark a[href]:not(.uosbutton):not(.textbutton) {
  color: #fff;
  border-bottom: 2px solid #fff;
}
.uosblock.dark a[href]:not(.uosbutton):not(.textbutton):hover {
  color: #d0d2d4;
  border-bottom: 2px solid #d0d2d4;
}
.uosblock.dark blockquote {
  border-left-color: #fff;
}
.uosblock.dark blockquote p {
  color: #fff;
}
.uosblock.highlight {
  color: #fff;
  background-color: #24135f;
}
.uosblock.highlight h1,
.uosblock.highlight h2,
.uosblock.highlight h3,
.uosblock.highlight h4,
.uosblock.highlight h5,
.uosblock.highlight h6 {
  color: #fff;
}
.uosblock.highlight a[href]:not(.uosbutton):not(.textbutton) {
  color: #fff;
  border-bottom: 2px solid #fff;
}
.uosblock.highlight a[href]:not(.uosbutton):hover {
  color: #d0d2d4;
  border-bottom: 2px solid #d0d2d4;
}
.uosblock.highlight blockquote {
  border-left-color: #fff;
}
.uosblock.highlight blockquote p {
  color: #fff;
}
.uosblock.highlight.violet {
  background-color: #409;
}
.uosblock.highlight.violet .button {
  color: #2b353e;
  background-color: #9adbe8;
}

.banner-section {
  color: #fff;
  background-color: #409;
}

a {
  color: #409;
}
a:hover {
  color: #005a8f;
}

p a {
  border-bottom: 2px solid #d0d2d4;
}

#block-homepageh1 {
  overflow: hidden;
  height: 0;
  margin: 0;
  text-indent: -9999%;
  color: red !important;
}

h2.field-multi-title::before {
  content: "";
  border-bottom: 3px solid #5a6269;
}
@media print, screen and (min-width: 48em) {
  h2.field-multi-title::after {
    border-bottom: 3px solid #5a6269;
  }
}

body.node--type-landing .breadcrumbs a, body.node--type-hub .breadcrumbs a {
  color: #2b353e;
}
body.node--type-landing .breadcrumbs li, body.node--type-hub .breadcrumbs li {
  color: #2b353e;
}

.block-uos-public-content ul:not(.ug-explore-menu, .breadcrumbs, .pagination) li a[href],
.block-uos-public-content ol:not(.breadcrumbs, .ug-explore-menu, .pagination) li a[href],
.page-link-glossary ul:not(.ug-explore-menu, .breadcrumbs, .pagination) li a[href],
.page-link-glossary ol:not(.breadcrumbs, .ug-explore-menu, .pagination) li a[href] {
  border-bottom: 2px solid #d0d2d4;
  font-weight: 700;
}

figure figcaption {
  color: #5a6269;
}
figure .uosblock.dark figure figcaption, figure .uosblock.highlight figure figcaption {
  color: #fff;
}
figure *::selection {
  color: #2b353e;
  background-color: #9adbe8;
}

.ugcourserow {
  display: flex;
  flex-direction: column;
}
.ugcourserow .ug-course-structure + .block-fixed-block-contentugp-modules-disclaimer {
  margin-top: 30px;
}
@media print, screen and (min-width: 64em) {
  .ugcourserow {
    flex-direction: row-reverse;
  }
}

.ugcoursebold {
  font-weight: 700;
}

.coursestats {
  margin: 1.6rem 0;
  padding: 1.6rem 1.6rem calc(1.6rem / 2);
  background-color: #e7e9ea;
}
.coursestats svg {
  color: #409;
}

.departmentstats {
  margin-bottom: 1.6rem;
}
.departmentstats svg {
  color: #409;
}

#main .ugkeybg {
  margin-top: -1rem;
  margin-right: calc(50% - 50vw);
  margin-bottom: 1.6rem;
  margin-left: calc(50% - 50vw);
  padding: calc(1.6rem / 2);
  color: #fff;
  background-color: #24135f;
}
#main .ugkeybg .title-box {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: start;
  justify-content: space-between;
  margin-right: auto;
  margin-left: auto;
}
#main .ugkeybg .title-box .startyr {
  display: inline-block;
  margin: 20px 15px 20px 0;
  padding: 2px 13px;
  border-radius: 12px;
  background-color: #7100ff;
  font-size: 0.75rem;
  font-weight: 700;
}
#main .ugkeybg .title-box .altentry a {
  text-decoration: underline;
  color: #fff;
  font-size: 0.9rem;
}
#main .ugkeybg .title-box .altentry a:hover {
  color: #d0d2d4;
}
#main .ugkeybg .title-box h1 {
  color: #fff;
}
#main .ugkeybg .title-box .left {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 1;
}
#main .ugkeybg .title-box .left .text {
  flex-shrink: 1;
}
#main .ugkeybg .title-box .left .keydetails ul.details {
  display: flex;
  margin: 0 0 1.6rem 0;
  padding: 0;
  font-family: "Source Serif", serif;
  font-size: 1.1rem;
  font-weight: 700;
}
#main .ugkeybg .title-box .left .keydetails ul.details > li {
  margin: 0 30px 0 0;
  list-style: none;
  line-height: 1.6rem;
}
#main .ugkeybg .title-box .left .keydetails ul.details > li span {
  font-family: "Source Sans 3", sans-serif;
  font-size: 0.9rem;
  font-weight: 700;
}
#main .ugkeybg .title-box .left .keydetails ul.details > li span.alevels {
  color: #9adbe8;
}
#main .ugkeybg .title-box .left .keydetails ul.details > li span.ucascode {
  color: #ff6371;
}
#main .ugkeybg .title-box .left .keydetails ul.details > li span.duration {
  color: #3bd4ae;
}
#main .ugkeybg .title-box .left .keydetails ul.details > li span.startdate {
  color: #ff9664;
}
#main .ugkeybg .title-box .left .keydetails ul.details a {
  text-decoration: underline;
  color: #fff;
  border: 0;
}
#main .ugkeybg .title-box .left .keydetails ul.features {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 10px 0;
  padding: 0;
}
#main .ugkeybg .title-box .left .keydetails ul.features li {
  flex-shrink: 0;
  margin: 0 20px 0 0;
  padding: 0;
  list-style: none;
  color: #fff;
}
#main .ugkeybg .title-box .left .keydetails ul.features li a {
  text-decoration: underline;
  color: inherit;
  border-bottom: none;
}
#main .ugkeybg .title-box .left .keydetails ul.features li a:hover {
  color: #d0d2d4;
}
#main .ugkeybg .title-box .left .keydetails ul.features li svg,
#main .ugkeybg .title-box .left .keydetails ul.features li .fy {
  width: 20px;
  margin-right: 8px;
  color: inherit;
  font-weight: 700;
}
@media print, screen and (min-width: 48em) {
  #main .ugkeybg .title-box .left .keydetails ul.features {
    margin: 0 0 1.6rem 0;
  }
}
#main .ugkeybg .title-box .buttons {
  margin-top: 0;
  margin-bottom: 1.6rem;
}
#main .ugkeybg .title-box .buttons .uosbutton {
  display: block;
  margin: 20px 0 0;
  font-size: 0.9rem;
}
@media print, screen and (min-width: 64em) {
  #main .ugkeybg .title-box .buttons .uosbutton {
    margin: 15px 0;
  }
  #main .ugkeybg .title-box .buttons .uosbutton:last-of-type {
    margin: 7px 0;
  }
}
@media print, screen and (min-width: 48em) {
  #main .ugkeybg .title-box .buttons {
    margin-top: -15px;
  }
}
@media print, screen and (min-width: 64em) {
  #main .ugkeybg .title-box .buttons {
    flex-basis: 236px;
    flex-grow: 0;
    flex-shrink: 0;
    margin-top: 0;
    padding-left: 1rem;
  }
}
@media screen and (min-width: 80em) {
  #main .ugkeybg .title-box .buttons {
    flex-basis: 320px;
  }
}
#main .ugkeybg .title-box .topdetail {
  display: flex;
  flex-direction: column;
}
#main .ugkeybg .title-box .topdetail h1 {
  order: 1;
  margin-bottom: 10px;
  font-size: 1.8rem;
  line-height: 2.2rem;
}
@media print, screen and (min-width: 64em) {
  #main .ugkeybg .title-box .topdetail h1 {
    flex-basis: 690px;
    flex-grow: 0;
    order: 2;
  }
}
#main .ugkeybg .title-box .topdetail .award-type {
  color: #cdedf3;
}
#main .ugkeybg .title-box .topdetail .startyr {
  flex-grow: 0;
  flex-shrink: 0;
  order: 5;
  margin-bottom: 10px;
  color: #005a8f;
  font-weight: 900;
}
@media print, screen and (min-width: 64em) {
  #main .ugkeybg .title-box .topdetail .startyr {
    flex-basis: 120px;
    order: 2;
    margin-bottom: 0;
  }
}
#main .ugkeybg .title-box .topdetail div {
  order: 2;
  margin: 0 0 0.5rem;
  line-height: 1.2;
}
@media print, screen and (min-width: 48em) {
  #main .ugkeybg .title-box .topdetail div {
    flex-basis: 100%;
    flex-grow: 1;
    flex-shrink: 0;
    margin: 0 0 0.5rem;
  }
}
@media print, screen and (min-width: 48em) {
  #main .ugkeybg .title-box .topdetail {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
#main .ugkeybg .title-box .summary {
  margin-bottom: 1rem;
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 2rem;
}
@media print, screen and (min-width: 48em) {
  #main .ugkeybg .title-box {
    max-width: 748px;
    margin: auto;
  }
}
@media print, screen and (min-width: 64em) {
  #main .ugkeybg .title-box {
    max-width: 908px;
    margin: auto;
  }
}
@media screen and (min-width: 80em) {
  #main .ugkeybg .title-box {
    max-width: 1158px;
    margin: auto;
  }
}
@media print, screen and (min-width: 64em) {
  #main .ugkeybg .title-box {
    flex-direction: row;
    align-items: flex-end;
  }
}
#main .ugkeybg .sticky-ctas,
#main .pgkeybg .sticky-ctas {
  position: fixed;
  z-index: 99;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  padding: 20px 0;
  transition: all 0.2s ease;
  background-color: #24135f;
}
@media print, screen and (min-width: 64em) {
  #main .ugkeybg .sticky-ctas .ugbuttons,
  #main .pgkeybg .sticky-ctas .ugbuttons {
    width: 930px;
  }
}
@media screen and (min-width: 80em) {
  #main .ugkeybg .sticky-ctas .ugbuttons,
  #main .pgkeybg .sticky-ctas .ugbuttons {
    width: 1180px;
  }
}
#main .ugkeybg .sticky-ctas .shrinkctas,
#main .pgkeybg .sticky-ctas .shrinkctas {
  position: absolute;
  top: -15px;
  left: 20px;
  display: none;
  padding: 1px 6px;
  cursor: pointer;
  color: inherit;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-color: inherit;
  font-size: 0.7rem;
  font-weight: 700;
}
@media print, screen and (min-width: 64em) {
  #main .ugkeybg .sticky-ctas .shrinkctas,
  #main .pgkeybg .sticky-ctas .shrinkctas {
    display: block;
  }
}
#main .ugkeybg .sticky-ctas .ugbuttons,
#main .pgkeybg .sticky-ctas .ugbuttons {
  display: flex;
  flex-direction: row;
  align-items: start;
  justify-content: space-around;
  width: 100%;
}
#main .ugkeybg .sticky-ctas .ugbuttons .stickybutton,
#main .pgkeybg .sticky-ctas .ugbuttons .stickybutton {
  text-align: center;
  text-decoration: underline;
  color: #fff;
  font-weight: 700;
}
#main .ugkeybg .sticky-ctas .ugbuttons .stickybutton svg,
#main .pgkeybg .sticky-ctas .ugbuttons .stickybutton svg {
  color: #d0d2d4;
  font-size: 1.4rem;
}
@media print, screen and (min-width: 48em) {
  #main .ugkeybg .sticky-ctas .ugbuttons .stickybutton svg,
  #main .pgkeybg .sticky-ctas .ugbuttons .stickybutton svg {
    margin-right: 10px;
    font-size: 1rem;
  }
}
#main .ugkeybg .sticky-ctas .stickybutton,
#main .pgkeybg .sticky-ctas .stickybutton {
  display: flex;
  flex-direction: column;
  flex-basis: 25%;
  align-items: center;
  line-height: 1.3;
}
#main .ugkeybg .sticky-ctas .stickybutton:hover,
#main .pgkeybg .sticky-ctas .stickybutton:hover {
  color: #d0d2d4;
}
#main .ugkeybg .sticky-ctas .stickybutton svg,
#main .pgkeybg .sticky-ctas .stickybutton svg {
  margin-bottom: 5px;
  font-size: 2rem;
}
@media print, screen and (min-width: 64em) {
  #main .ugkeybg .sticky-ctas .stickybutton,
  #main .pgkeybg .sticky-ctas .stickybutton {
    display: block;
    flex-basis: unset;
    align-items: start;
  }
  #main .ugkeybg .sticky-ctas .stickybutton svg,
  #main .pgkeybg .sticky-ctas .stickybutton svg {
    margin-bottom: 0;
    font-size: 1.2rem;
  }
}
#main .ugkeybg .sticky-ctas.on-load,
#main .pgkeybg .sticky-ctas.on-load {
  overflow: hidden;
  height: 0;
  padding: 0;
  transition: all 0.2s ease;
}
#main .ugkeybg .sticky-ctas.scrolling,
#main .pgkeybg .sticky-ctas.scrolling {
  overflow: visible;
  height: auto;
}
#main .ugkeybg .sticky-ctas.shrunk,
#main .pgkeybg .sticky-ctas.shrunk {
  bottom: -65px;
}

.ugleadimg {
  margin: 0 -0.625rem;
}
.ugleadimg .imgcapt figcaption,
.ugleadimg .imgcapt hr {
  display: none;
}
@media print, screen and (min-width: 48em) {
  .ugleadimg {
    margin: 0;
  }
}

.award-type + .award-type::before {
  content: "| ";
}

.course-full {
  display: flex;
  align-items: center;
  margin-bottom: 1.6rem;
  padding: calc(1.6rem / 3);
  background-color: #a1ded2;
}
.course-full svg {
  margin: 0 calc(1.6rem / 3) 0 0;
  color: #2b353e;
}
.course-full p {
  margin-bottom: 0;
  font-size: 0.9rem;
  line-height: 1.3rem;
}
.course-full a {
  text-decoration: underline;
  color: #000;
  border-bottom: 0;
}
.course-full a:hover {
  color: #2b353e;
}
.course-full a.alternate {
  text-decoration: underline !important;
}

@media screen and (max-width: 1023px) {
  .explore-box {
    position: relative;
    z-index: 10;
    left: 0;
    overflow-x: hidden;
    margin-bottom: calc(1.6rem / 2);
    background-color: #fff;
  }
  .explore-box::after {
    position: absolute;
    top: 0;
    right: -1px;
    bottom: 0;
    width: 15%;
    content: "";
    pointer-events: none;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 70%);
  }
  .explore-box h3 {
    display: none;
  }
  .explore-box ul {
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    margin: 0;
    white-space: nowrap;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .explore-box ul::-webkit-scrollbar {
    display: none;
  }
  .explore-box ul li {
    display: inline-flex;
    margin-bottom: 0 !important;
    background-color: #fff;
  }
  .explore-box ul li a[href] {
    position: relative;
    overflow: visible;
    margin: 5px;
    padding: 0.4em 0.6em;
    color: #2b353e;
    border: none;
    border-radius: 7px;
    font-family: inherit;
    font-size: inherit;
    font-weight: 400;
  }
  .explore-box ul li.active a {
    color: #fff;
    border-radius: 7px;
    background-color: #409;
    font-weight: 700;
  }
}
@media print, screen and (min-width: 64em) {
  .explore-box {
    position: sticky;
    top: 0;
    max-width: 268px;
    margin-bottom: 1.6rem;
    padding: calc(1.6rem / 2) 1.6rem;
    color: #2b353e;
    border-top: 10px solid #7100ff;
    background-color: #fff;
  }
  .explore-box h3 {
    display: block;
  }
  .explore-box ul {
    margin: 0;
    padding: 0;
  }
  .explore-box li {
    list-style: none;
  }
  .explore-box li a[href] {
    text-decoration: none;
    color: #2b353e;
    border: 0;
    font-weight: normal;
  }
  .explore-box li.active {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23440099" viewBox="0 0 448 512"><path d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"/></svg>');
    background-repeat: no-repeat;
    background-position: 100% center;
    background-size: 0.9rem;
  }
  .explore-box li.active a[href] {
    font-weight: 700;
  }
}
@media screen and (min-width: 80em) {
  .explore-box {
    max-width: 360px;
  }
}

.otherreqstext {
  display: inline;
}
.otherreqstext p:last-of-type {
  display: inline;
}

.explore-item:not(.explore-unstyled) {
  margin-bottom: 1.6rem;
  padding-bottom: calc(1.6rem / 2);
  border-bottom: 5px solid #e7e9ea;
  scroll-margin-top: 30px;
}
.explore-item:not(.explore-unstyled):not(#studentprofiles) h2 {
  margin-bottom: calc(1.6rem / 2);
}
.explore-item:not(.explore-unstyled):focus {
  outline: none;
}
.ug-course-teaching .fullimgblock:not(.promo) .uosblock {
  padding: 1.6rem 0;
}

.deptlink {
  border-bottom: 2px solid #d0d2d4;
  font-weight: 700;
}

.accred {
  font-weight: 700;
}

#stats hr {
  border: 0;
  border-bottom: 2px solid #e7e9ea;
}
#stats svg {
  color: #409;
}

h4.stat-title {
  margin-bottom: 0;
  font-weight: 700;
}

.apply-button {
  font-size: 1rem;
}

#apply a:not(.uosbutton) {
  border-bottom: 2px solid #d0d2d4;
  font-weight: 700;
}

#contactus .deptlink a {
  display: table;
  margin: 16px 0 10px;
  padding: calc(1.6rem / 4) 40px calc(1.6rem / 4) calc(1.6rem / 2.5);
  cursor: pointer;
  transition: background-color 0.2s ease-out, color 0.2s ease-out;
  color: #2b353e;
  border: 0;
  background-color: #9adbe8;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"/></svg>');
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  background-size: 0.9rem;
  font-size: 0.9rem;
  font-weight: 700;
}
#contactus .deptlink a:hover {
  color: #2b353e;
  background-color: rgb(133.2298387097, 211.5967741935, 227.2701612903);
}
#contactus .deptlink a:visited {
  color: #2b353e;
  background-color: #9adbe8;
}

.accreds {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 1.6rem;
  text-align: center;
}
.accreds .accred-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30%;
  height: auto;
  margin: auto;
  margin-bottom: 10px;
  padding: 1.2rem 0;
  color: #b8bbbf;
  background-color: #f2f4f5;
}
@media print, screen and (min-width: 48em) {
  .accreds .accred-placeholder {
    width: 220px;
    height: 124px;
  }
}
@media print, screen and (min-width: 64em) {
  .accreds .accred-placeholder {
    width: 176px;
    height: 99px;
  }
}
@media screen and (min-width: 80em) {
  .accreds .accred-placeholder {
    width: 209px;
    height: 117px;
  }
}
.accreds .accbody {
  flex-basis: 100%;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: top;
  margin-bottom: 1.6rem;
  text-align: center;
  color: #2b353e;
  font-size: 0.9rem;
  font-weight: bold;
  line-height: 1.1;
}
.accreds .accbody:hover {
  text-decoration: underline;
}
.accreds .accbody figure {
  margin: 0;
  padding: 0;
  border: 0;
}
.accreds .accbody figcaption,
.accreds .accbody hr {
  display: none;
}
.accreds .accbody img {
  width: auto;
  margin-bottom: 10px;
}
@media print, screen and (min-width: 48em) {
  .accreds .accbody {
    flex-basis: 30%;
    margin-right: 2%;
  }
  .accreds .accbody:nth-of-type(3n) {
    margin-right: 0;
  }
}
@media print, screen and (min-width: 48em) {
  .accreds {
    flex-direction: row;
    justify-content: flex-start;
  }
}

.course-ereq-tabs {
  padding: 0.5625rem 0.5625rem 0;
  border-radius: 0.5625rem 0.5625rem 0 0;
  background-color: #e7e9ea;
}

.course-ereq-tabslist {
  position: relative;
  display: flex;
  justify-content: stretch;
  margin: 0;
  border-radius: 0.375rem;
  background-color: rgb(217.4, 220.5333333333, 222.1);
  font-weight: bold;
}
#main .course-ereq-tabslist {
  list-style: none;
}
#main .course-ereq-tabslist li {
  position: relative;
  display: flex;
  flex-basis: 50%;
  width: 50%;
  margin-bottom: 0;
}
.course-ereq-tabslist button {
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 12px;
  cursor: pointer;
  transition: color 0.3s ease 0.1s;
  text-align: center;
  color: #000;
  border-radius: 10px;
  font-weight: bold;
}
.course-ereq-tabslist button[aria-selected=true] {
  text-align: center;
  color: #fff;
  background-color: #2b353e;
}
@supports (--css: variables) {
  .course-ereq-tabslist button[aria-selected=true] {
    background-color: transparent;
  }
}
.course-ereq-tabslist button:focus {
  border: 0;
  outline: 0;
}
.course-ereq-tabslist button:focus-visible {
  outline: 2px solid #fd0;
  outline-offset: 0;
  box-shadow: inset 0 0 0 2px #000;
}
.course-ereq-tabslist::before, .course-ereq-tabslist::after {
  position: absolute;
  display: none;
  content: "";
  transition: 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
@supports (--css: variables) {
  .course-ereq-tabslist::before, .course-ereq-tabslist::after {
    display: block;
  }
}
.course-ereq-tabslist::before {
  z-index: 0;
  width: 50%;
  height: 100%;
  transform: translateX(var(--pill-offset));
  pointer-events: none;
  border-radius: 6px;
  background: #2b353e;
}
.course-ereq-tabslist::after {
  top: 100%;
  left: 0;
  transform: translateX(var(--arrow-offset));
  border: solid transparent;
  border-width: 6px;
  border-top-color: #2b353e;
}

.course-ereq-panel {
  margin-bottom: calc(1.6rem / 2);
  padding: calc(1.6rem / 2) calc(1.6rem / 1.5) calc(1.6rem / 1.5);
  border-radius: 0 0 0.5rem 0.5rem;
  background-color: #e7e9ea;
}
.course-ereq-panel .grades {
  color: #2b353e;
  font-size: 2rem;
  font-weight: 700;
}
.course-ereq-panel__qualification-name::after {
  content: ":";
}
.course-ereq-panel--no-access {
  border-radius: 0.5rem;
}
.course-ereq-panel .inline-description-list {
  margin-bottom: 1rem;
}
.course-ereq-panel .inline-description-list__term, .course-ereq-panel .inline-description-list__description {
  line-height: 1.8;
}
@media print, screen and (min-width: 48em) {
  .course-ereq-panel .inline-description-list__term, .course-ereq-panel .inline-description-list__description {
    line-height: 1.6;
  }
}
.course-ereq-panel .inline-description-list__term {
  margin-bottom: 0;
}
.course-ereq-panel .inline-description-list__term:not(:first-of-type) {
  margin-top: 1rem;
}

.grades {
  color: #2b353e;
  font-size: 2rem;
  font-weight: 700;
}

.accessgrades {
  display: none;
}

#tap-pop-card {
  z-index: 10;
}

.course-ug-fee-lookup {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.course-ug-fee-lookup .feebox {
  flex-grow: 1;
  margin-bottom: 1.6rem;
  padding: 1rem 2rem;
  text-align: center;
  background-color: #e7e9ea;
  line-height: 1.2;
}
.course-ug-fee-lookup .feebox .feecost {
  color: #2b353e;
  font-size: 1.8rem;
  font-weight: 700;
}
.course-ug-fee-lookup .feebox .feeinfo {
  margin-top: 10px;
  font-size: 0.85rem;
  line-height: 1.2;
}
.course-ug-fee-lookup .feebox .feeinfo:empty {
  display: none;
}
@media print, screen and (min-width: 48em) {
  .course-ug-fee-lookup .feebox {
    flex-basis: 45%;
    flex-grow: 0;
  }
}
@media print, screen and (min-width: 48em) {
  .course-ug-fee-lookup {
    flex-direction: row;
  }
}

.ugcoursecard h3 {
  font-size: 1rem;
}
.ugcoursecard .details {
  margin-bottom: 0.625rem;
  color: #5a6269;
  font-size: 0.8rem;
  line-height: 1.6;
}
.ugcoursecard .details div {
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 0.625rem;
  white-space: nowrap;
}
.ugcoursecard .details div.year {
  margin-right: 0;
}
.ugcoursecard .details div.stmnthmarg {
  margin-left: -15px;
}
@media print, screen and (min-width: 64em) {
  .ugcoursecard .details div {
    margin-bottom: 0.55rem;
  }
}
@media print, screen and (min-width: 64em) {
  .ugcoursecard .details {
    margin-bottom: 0.555rem;
  }
}
.ugcoursecard .features {
  margin: 15px 0 0;
  padding: 0;
  color: #5a6269;
  font-size: 0.8rem;
}
.ugcoursecard .features li {
  display: inline;
  padding-right: 15px;
  list-style: none;
  white-space: nowrap;
}
.ugcoursecard .features .fy {
  width: 20px;
  font-weight: 700;
}
.ugcoursecard .award {
  color: #409;
}

.ug-course-search {
  color: #fff;
  background-color: #409;
}
.ug-course-search h3 {
  color: #fff;
}
.ug-course-search a {
  display: inline-block;
  border-bottom: 2px solid #fff;
  font-size: 1rem;
  font-weight: bold;
}
.ug-course-search a:hover, .ug-course-search a:active, .ug-course-search a:focus, .ug-course-search a:visited {
  color: #fff;
}
.ug-course-search a:first-of-type {
  margin-bottom: 1rem;
}
@media screen and (min-width: 80em) {
  .ug-course-search a:first-of-type {
    margin-bottom: initial;
  }
}
.ug-course-search .ug-course-form {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
}
.ug-course-search .ug-course-form input {
  flex-grow: 1;
}
.ug-course-search .ug-course-form input::placeholder {
  color: #5a6269;
}
.ug-course-search .ug-course-form button {
  flex-grow: 1;
  color: #2b353e;
  background-color: #9adbe8;
  font-weight: 700;
}
.ug-course-search .ug-course-form button:hover {
  color: #2b353e;
  background-color: rgb(133.2298387097, 211.5967741935, 227.2701612903);
}
@media print, screen and (min-width: 48em) {
  .ug-course-search .ug-course-form button {
    flex-basis: 40%;
    flex-grow: 0;
    margin-left: 1rem;
  }
}
@media print, screen and (min-width: 48em) {
  .ug-course-search .ug-course-form {
    flex-direction: row;
    justify-content: stretch;
  }
}
.ug-course-search strong.sim-courses-pipe {
  display: none;
}
@media screen and (min-width: 80em) {
  .ug-course-search strong.sim-courses-pipe {
    display: inline;
  }
}
.ug-course-search br.sim-courses-link-break {
  display: block;
}
@media screen and (min-width: 80em) {
  .ug-course-search br.sim-courses-link-break {
    display: none;
  }
}

html {
  scroll-margin-bottom: 90px;
  scroll-margin-top: 80px;
}

.atas_link {
  cursor: pointer;
  color: #409;
  border-bottom: 2px solid #d0d2d4;
  font-size: 0.9rem;
  font-weight: 700;
}
.atas_link:hover {
  color: #005a8f;
}

.featured-video {
  background-color: #2b353e;
}
.featured-video .vid_descript a {
  border-bottom: 2px solid #d0d2d4;
}
.featured-video .vid_descript a:hover {
  color: #d0d2d4;
}

@media print {
  html {
    font-size: 14px;
  }
  header,
  .muse-bar,
  .block-alertbanner,
  .region-banner,
  .block-uos-breadcrumbs,
  .course-full,
  #tap-pop-card,
  .backtotop,
  footer,
  .pg-course-image,
  .accreds,
  .backtotop,
  .video-embed-field-lazy,
  .ug-course-teaching,
  #deptdesc,
  #facilities,
  #studentprofiles,
  #studentprofile,
  #apply,
  #contactus,
  #visit,
  .grouppromoPG,
  .ugleadimg,
  .tab-gradient,
  .learningtext,
  #department,
  #stats,
  .sp-teaser,
  #unistats-widget-frame,
  .apply-button,
  .course-ereq-tabs {
    display: none !important;
  }
  .printonly {
    display: block;
  }
  #js-course-ereq-panel--standard,
  #js-course-ereq-panel--access_sheffield {
    float: left;
    width: 46%;
    margin-right: 4%;
    padding: 1rem;
    border: 1px solid #ddd;
  }
  .offer-headers {
    margin-bottom: 1.3rem;
    margin-left: -1rem;
    padding: 10px 1rem;
    background-color: #eee !important;
    font-size: 1.3rem;
    font-weight: bold;
  }
  .title-box {
    padding: 0;
  }
  #extrainfo .block-field-blockparagraphpara-text-boxfield-text-box-media {
    display: none;
  }
  .ugcourserow .columns.large-4 {
    display: none;
  }
  .ugcourserow #coursedescription .media--image--figure {
    display: none;
  }
  .tabpanel {
    display: block !important;
  }
  .uos-tabs button {
    padding: 0 !important;
    border: 0 !important;
    font-size: 1.2rem !important;
  }
  .uos-tabs button::after {
    display: none !important;
  }
  #js-course-ereq-panel--standard,
  [hidden] {
    display: block !important;
  }
  .pg-course-introd {
    margin-bottom: 1rem;
  }
  .row {
    max-width: none !important;
  }
  .matchheight {
    display: block;
  }
  .moduletab-label {
    font-size: 1.3rem;
    font-weight: bold;
  }
  .columns,
  .medium-6 {
    width: 100% !important;
  }
  p {
    max-width: none;
    line-height: 1.5;
  }
  .uosblock {
    padding: 0 !important;
  }
  .deptfac,
  .course-award,
  .startyear,
  .startmonth {
    font-size: 1rem;
  }
  .pgcourserow .large-4 {
    display: none;
  }
  .pgcourserow .large-8 {
    width: 100%;
  }
  .ckeditor-accordion-container dt {
    border: 0 !important;
    border-bottom: 0 !important;
  }
  .ckeditor-accordion-container dd {
    display: none !important;
  }
  a {
    border-bottom: 0 !important;
  }
  a.uosbutton {
    margin: 0;
    padding: 0;
    font-size: 1rem;
  }
  a[href^="/"] {
    font-weight: 400 !important;
  }
  a[href^="/"]::after {
    content: " (https://www.sheffield.ac.uk" attr(href) ")";
    border-bottom: 1px solid #5a6269;
    font-weight: 500;
  }
  a[href^="https://www.sheffield.ac.uk"] {
    font-weight: 400 !important;
  }
  a[href^="https://www.sheffield.ac.uk"]::after {
    font-weight: 500;
  }
  a[href*="@sheffield.ac.uk"]::after {
    content: "";
    border-bottom: 1px solid #5a6269;
  }
  a[href^="#"] {
    font-weight: normal;
  }
  .uosblock a[href]:not(.uosbutton, .textbutton) {
    font-weight: normal;
  }
  .uosblock a[href]:not(.uosbutton, .textbutton)::after {
    border-bottom: 1px solid #5a6269;
    font-weight: 500;
  }
}
/*# sourceMappingURL=public.css.map */