@charset "UTF-8";
* {
  box-sizing: border-box;
}

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

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.445;
  color: #333333;
  background-color: #fff;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  color: #2b2727;
  text-decoration: none;
}
a:hover, a:focus {
  color: #2b2727;
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.445;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.img-circle {
  border-radius: 50%;
}

hr {
  margin-top: 23px;
  margin-bottom: 23px;
  border: 0;
  border-top: 1px solid rgb(238.425, 238.425, 238.425);
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

[role=button] {
  cursor: pointer;
}
.visible-xs {
  display: none !important;
}

.visible-sm {
  display: none !important;
}

.visible-md {
  display: none !important;
}

.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container:before, .container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container-fluid:before, .container-fluid:after {
  content: " ";
  display: table;
}
.container-fluid:after {
  clear: both;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}
.row:before, .row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

.col-xs-1 {
  width: 8.3333333333%;
}

.col-xs-2 {
  width: 16.6666666667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.3333333333%;
}

.col-xs-5 {
  width: 41.6666666667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.3333333333%;
}

.col-xs-8 {
  width: 66.6666666667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.3333333333%;
}

.col-xs-11 {
  width: 91.6666666667%;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-pull-1 {
  right: 8.3333333333%;
}

.col-xs-pull-2 {
  right: 16.6666666667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.3333333333%;
}

.col-xs-pull-5 {
  right: 41.6666666667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.3333333333%;
}

.col-xs-pull-8 {
  right: 66.6666666667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.3333333333%;
}

.col-xs-pull-11 {
  right: 91.6666666667%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-push-1 {
  left: 8.3333333333%;
}

.col-xs-push-2 {
  left: 16.6666666667%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-4 {
  left: 33.3333333333%;
}

.col-xs-push-5 {
  left: 41.6666666667%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-7 {
  left: 58.3333333333%;
}

.col-xs-push-8 {
  left: 66.6666666667%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-10 {
  left: 83.3333333333%;
}

.col-xs-push-11 {
  left: 91.6666666667%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

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

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

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

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

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

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

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

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

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

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

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

.col-xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-1 {
    width: 8.3333333333%;
  }
  .col-sm-2 {
    width: 16.6666666667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.3333333333%;
  }
  .col-sm-5 {
    width: 41.6666666667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.3333333333%;
  }
  .col-sm-8 {
    width: 66.6666666667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.3333333333%;
  }
  .col-sm-11 {
    width: 91.6666666667%;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-pull-1 {
    right: 8.3333333333%;
  }
  .col-sm-pull-2 {
    right: 16.6666666667%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-4 {
    right: 33.3333333333%;
  }
  .col-sm-pull-5 {
    right: 41.6666666667%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-7 {
    right: 58.3333333333%;
  }
  .col-sm-pull-8 {
    right: 66.6666666667%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-10 {
    right: 83.3333333333%;
  }
  .col-sm-pull-11 {
    right: 91.6666666667%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-push-1 {
    left: 8.3333333333%;
  }
  .col-sm-push-2 {
    left: 16.6666666667%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-4 {
    left: 33.3333333333%;
  }
  .col-sm-push-5 {
    left: 41.6666666667%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-7 {
    left: 58.3333333333%;
  }
  .col-sm-push-8 {
    left: 66.6666666667%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-10 {
    left: 83.3333333333%;
  }
  .col-sm-push-11 {
    left: 91.6666666667%;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-1 {
    width: 8.3333333333%;
  }
  .col-md-2 {
    width: 16.6666666667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.3333333333%;
  }
  .col-md-5 {
    width: 41.6666666667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.3333333333%;
  }
  .col-md-8 {
    width: 66.6666666667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.3333333333%;
  }
  .col-md-11 {
    width: 91.6666666667%;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-pull-1 {
    right: 8.3333333333%;
  }
  .col-md-pull-2 {
    right: 16.6666666667%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-4 {
    right: 33.3333333333%;
  }
  .col-md-pull-5 {
    right: 41.6666666667%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-7 {
    right: 58.3333333333%;
  }
  .col-md-pull-8 {
    right: 66.6666666667%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-10 {
    right: 83.3333333333%;
  }
  .col-md-pull-11 {
    right: 91.6666666667%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-push-1 {
    left: 8.3333333333%;
  }
  .col-md-push-2 {
    left: 16.6666666667%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-4 {
    left: 33.3333333333%;
  }
  .col-md-push-5 {
    left: 41.6666666667%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-7 {
    left: 58.3333333333%;
  }
  .col-md-push-8 {
    left: 66.6666666667%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-10 {
    left: 83.3333333333%;
  }
  .col-md-push-11 {
    left: 91.6666666667%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-1 {
    width: 8.3333333333%;
  }
  .col-lg-2 {
    width: 16.6666666667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.3333333333%;
  }
  .col-lg-5 {
    width: 41.6666666667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.3333333333%;
  }
  .col-lg-8 {
    width: 66.6666666667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.3333333333%;
  }
  .col-lg-11 {
    width: 91.6666666667%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-pull-1 {
    right: 8.3333333333%;
  }
  .col-lg-pull-2 {
    right: 16.6666666667%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-4 {
    right: 33.3333333333%;
  }
  .col-lg-pull-5 {
    right: 41.6666666667%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-7 {
    right: 58.3333333333%;
  }
  .col-lg-pull-8 {
    right: 66.6666666667%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-10 {
    right: 83.3333333333%;
  }
  .col-lg-pull-11 {
    right: 91.6666666667%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-push-1 {
    left: 8.3333333333%;
  }
  .col-lg-push-2 {
    left: 16.6666666667%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-4 {
    left: 33.3333333333%;
  }
  .col-lg-push-5 {
    left: 41.6666666667%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-7 {
    left: 58.3333333333%;
  }
  .col-lg-push-8 {
    left: 66.6666666667%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-10 {
    left: 83.3333333333%;
  }
  .col-lg-push-11 {
    left: 91.6666666667%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
}
:root {
  --offset-height: 19px;
  --white: #fff;
  --black: #151111;
  --text-500: hsl(0deg 10% 50%);
  --text-600: hsl(0deg 10% 40%);
  --text-700: hsl(0deg 10% 30%);
  --text-800: hsl(0deg 10% 20%);
  --text-900: hsl(0deg 10% 10%);
  --shade-500: hsl(60deg 20% 75%);
  --shade-600: hsl(60deg 20% 80%);
  --shade-700: hsl(60deg 20% 85%);
  --shade-800: hsl(60deg 20% 90%);
  --shade-900: hsl(60deg 20% 95%);
  --grey-90: hsl(0deg 0% 10%);
  --grey-80: hsl(0deg 0% 20%);
  --grey-70: hsl(0deg 0% 30%);
  --grey-50: hsl(0deg 0% 50%);
  --grey-30: hsl(0deg 0% 70%);
  --grey-10: hsl(0deg 0% 90%);
  --grey-5: hsl(0deg 0% 95%);
  --grey: var(--grey-70);
  --grey-dark: hsl(0deg 10% 67%);
  --coral-lightness: 69%;
  --green-lightness: 20%;
  --blue-lightness: 42%;
  --red-lightness: 51%;
  --dark-colour-lightness: 25%;
  --hover-lightness: 5%;
  --pale-copper: #ffe7d5;
  --pale-blue: #ebf8ff;
  --pale-rose: #d7c6c6;
  --pale-yellow: #F3F3EA;
  --pale-red: #f99;
  --pale-orange: #ffa17a;
  --coral: hsl(0, 100%, var(--coral-lightness));
  --coral-hover: hsl(0, 100%, calc(var(--coral-lightness) + var(--hover-lightness)));
  --coral-dark: hsl(0, 100%, calc(var(--coral-lightness) - var(--hover-lightness)));
  --green: hsl(120deg, 100%, var(--green-lightness));
  --green-hover: hsl(120deg, 100%, calc(var(--green-lightness) + var(--hover-lightness)));
  --green-dark: hsl(120deg, 100%, calc(var(--green-lightness) - var(--hover-lightness)));
  --green-light:#50cc50;
  --purple: #8a0086;
  --lilac: hsl(240deg, 100%, 77%);
  --lilac-light: hsl(240deg, 100%, calc(77% + var(--hover-lightness)));
  --lilac-dark: hsl(240deg, 100%, calc(77% - var(--hover-lightness)));
  --sky-blue: #70c3ff;
  --pink: #d1a2cf;
  --orange: #D24408;
  --red: hsl(354deg, 62%, var(--red-lightness));
  --red-hover: hsl(354deg, 62%, calc(var(--red-lightness) + var(--hover-lightness)));
  --red-light: hsl(354deg, 62%, 93%);
  --red-light-hover: hsl(354deg, 62%, 80%);
  --red-dark: hsl(354deg, 62%, calc(var(--red-lightness) - var(--hover-lightness)));
  --dark-red: hsl(354deg, 62%, var(--dark-colour-lightness));
  --dark-red-light: hsl(354deg, 62%, 16%);
  --dark-red-hover: hsl(354deg, 62%, calc(var(--dark-colour-lightness) + var(--hover-lightness)));
  --scarlet: #E0003A;
  --violet-light: #5600df;
  --violet: hsl(264, 100%, 39%);
  --blue: hsl(212deg, 100%, var(--blue-lightness));
  --blue-hover: hsl(212deg, 100%, calc(var(--blue-lightness) + var(--hover-lightness)));
  --blue-light: hsl(212deg, 100%, 93%);
  --blue-light-hover: hsl(212deg, 100%, 80%);
  --blue-dark: hsl(212deg, 90%, calc(var(--blue-lightness) - var(--hover-lightness)));
  --dark-copper: #58472F;
  --dark-blue: hsl(238deg, 28%, var(--dark-colour-lightness));
  --dark-blue-hover: hsl(238deg, 28%, calc(var(--dark-colour-lightness) + var(--hover-lightness)));
  --dark-blue-dark: hsl(238deg, 28%, calc(var(--dark-colour-lightness) - var(--hover-lightness)));
  --dark-blue-light: hsl(238deg, 33%, 16%);
  --mid-blue: hsl(212deg, 45%, 60%);
  --dark-purple: #241e24;
  --dark-green: #314331;
  --yellow: #ffed22;
  --dark-yellow: #59534b;
  --dark: #000;
  --light: #fff;
  --dark-subtle: rgba(0, 0, 0, 0.7);
  --light-subtle: rgba(255, 255, 255, 0.7);
  --burgundy: hsl(358, 83%, 32%);
  --heart-red: #FF6E7F;
  --ice-blue: #9FFFFA;
  --post--colour-hue: 35;
  --post--colour: hsl(var(--post--colour-hue), 94%, 54%);
  --post--colour-triadic: hsl(calc(var(--post--colour-hue) + 120), 94%, 54%);
  --blog--colour-hue: 350;
  --blog--colour: hsl(350, 77%, 50%);
  --blog--colour-triadic: hsl(calc(var(--blog--colour-hue) + 120), 77%, 50%);
  --page--colour-hue: 264;
  --page--colour: var(--violet);
  --page--colour-triadic: hsl(calc(var(--page--colour-hue) + 120), 100%, 39%);
  --media--colour-hue: 358;
  --media--colour: var(--burgundy);
  --media--colour-triadic: hsl(calc(var(--media--colour-hue) + 120), 83%, 32%);
  --notice--colour-hue: 321;
  --notice--colour: hsl(321, 90%, 62%);
  --notice--colour-triadic: hsl(calc(var(--notice--colour-hue) + 120), 90%, 62%);
  --opportunity--colour-hue: 300;
  --opportunity--colour: hsl(300, 53%, 13%);
  --opportunity--colour-triadic: hsl(calc(var(--opportunity--colour-hue) + 120), 53%, 13%);
  --project_overview--colour-hue: 126;
  --project_overview--colour: hsl(126, 47%, 27%);
  --project_overview--colour-triadic: hsl(calc(var(--project_overview--colour-hue) + 120), 47%, 27%);
  --publication--colour-hue: 175;
  --publication--colour: hsl(175, 62%, 41%);
  --publication--colour-triadic: hsl(calc(var(--publication--colour-hue) + 120), 62%, 41%);
  --guide_page--colour-hue: 206;
  --guide_page--colour: hsl(206, 100%, 31%);
  --guide_page--colour-triadic: hsl(calc(var(--guide_page--colour-hue) + 120), 100%, 31%);
  --text-colour: var(--black);
  --text-colour-rev: var(--white);
  --text-colour-subtle: var(--grey-70);
  --heading-colour: var(--grey-90);
  --heading-link-colour: var(--white);
  --caption-colour: var(--dark-copper);
  --link-colour: var(--black);
  --link-hover-colour: var(--black);
  --link-underline-colour: rgba(0,0,0,0.2);
  --link-colour-subtle: var(--grey-70);
  --link-colour-subtle-hover: var(--black);
  --hr-rule-colour: var(--grey-70);
  --primary-highlight: var(--green);
  --primary-highlight-hover: var(--green-hover);
  --primary-highlight-dark: var(--green-dark);
  --text-primary-highlight: var(--white);
  --secondary-highlight: hsl(0deg 0% 30%);
  --secondary-highlight-hover: hsl(0deg 0% 50%);
  --secondary-highlight-active: hsl(0, 0%, 90%);
  --secondary-highlight-dark: hsl(0, 0%, 20%);
  --text-secondary-highlight: var(--white);
  --tertiary-highlight: var(--blue);
  --tertiary-highlight-hover: var(--blue-hover);
  --tertiary-highlight-dark: var(--blue-dark);
  --text-tertiary-highlight: var(--white);
  --trans-40: rgb(255,255,255,0.4);
  --font-weight: 400;
  --bg-colour: var(--white);
  --bg-footer: var(--grey-70);
  --bg-menu: var(--white);
  --bg-shade-1: var(--pale-yellow);
  --bg-shade-2: var(--pale-blue);
  --bg-pullout-1: var(--scarlet);
  --bg-danger: var(--red);
  --bg-danger-light: var(--red-light);
  --bg-danger-dark: var(--red-dark);
  --text-pullout-1: var(--white);
  --heading-pullout-1: var(--text-800);
  --text-danger: var(--red);
  --text-warning: var(--orange);
  --bg-pullout-2: var(--pale-blue);
  --text-pullout-2: var(--text-900);
  --link-underline-colour-faded: rgba(255, 255, 255, 0.4);
  --link-colour-ad: var(--purple);
  --link-colour-ds: var(--blue);
  --rule-base-colour: var(--grey-5);
  --border-colour-light: var(--grey-10);
  --border-colour: var(--grey-30);
  --border-colour-dark: var(--grey-50);
  --border-colour-blockquote: var(--red);
  --border-colour-danger: var(--red);
  --text-blockquote: var(--red);
}
@media (prefers-contrast: more) and (prefers-color-scheme: dark) {
  :root {
    --pale-rose: #fff;
    --heart-red: #ff5166;
    --green: hsl(120, 100%, 69%);
    --blue: hsl(202, 100%, 58%);
    --pale-yellow: #ffff11;
  }
}
@media (prefers-contrast: more) {
  :root {
    --link-colour: blue;
    --link-hover-colour: #000;
    --link-underline-colour: #000;
  }
}
@media (prefers-contrast: more) and (prefers-color-scheme: dark) {
  :root {
    --text-colour: #fff;
    --text-colour-rev: #000;
    --text-colour-subtle: #fff;
    --heading-colour: #fff;
    --caption-colour: #fff;
    --link-colour: #fff;
    --link-hover-colour: #fff;
    --link-underline-colour: #fff;
    --link-colour-subtle: #fff;
    --link-colour-subtle-hover: #fff;
    --border-colour: #fff;
  }
}
@media (prefers-contrast: more) {
  :root {
    --bg-footer: #000;
    --primary-highlight: green;
    --primary-highlight-hover: var(--green-hover);
  }
}
@media (prefers-color-scheme: dark) {
  :root {
    --text-colour: var(--pale-rose);
    --text-colour-rev: var(--bg-colour);
    --text-colour-subtle: hsl(0deg 10% 67%);
    --heading-colour: var(--pale-red);
    --caption-colour: var(--pale-copper);
    --link-colour: var(--pale-rose);
    --link-hover-colour: var(--link-colour-subtle);
    --link-underline-colour: var(--pale-red);
    --link-colour-subtle: hsl(0deg 10% 67%);
    --link-colour-subtle-hover: var(--text-900);
    --border-colour: var(--grey-70);
    --text-900: hsl(0deg 10% 95%);
    --text-800: hsl(0deg 10% 85%);
    --text-700: hsl(0deg 10% 75%);
    --text-600: hsl(0deg 10% 67%);
    --text-500: hsl(0deg 10% 55%);
    --shade-900: hsl(20deg 7% 10%);
    --shade-800: hsl(20deg 7% 15%);
    --shade-700: hsl(20deg 7% 20%);
    --shade-600: hsl(20deg 7% 25%);
    --shade-500: hsl(20deg 7% 30%);
    --grey-90: hsl(245 10% 60%);
    --grey-70: hsl(245 10% 50%);
    --grey-50: hsl(245 10% 30%);
    --grey-30: hsl(245 10% 20%);
    --grey-10: hsl(245 10% 15%);
    --grey-5: hsl(245 10% 10%);
    --primary-highlight: var(--lilac);
    --primary-highlight-hover: var(--lilac-light);
    --primary-highlight-dark: var(--lilac-dark);
    --text-primary-highlight: #000;
    --secondary-highlight: hsl(263, 10%, 60%);
    --secondary-highlight-hover: hsl(263, 10%, 70%);
    --secondary-highlight-active: hsl(263, 10%, 10%);
    --secondary-highlight-dark: hsl(263, 10%, 80%);
    --text-secondary-highlight: var(--black);
    --tertiary-highlight: var(--dark-blue);
    --tertiary-highlight-hover: var(--dark-blue-hover);
    --tertiary-highlight-dark: var(--dark-blue-dark);
    --text-tertiary-highlight: var(--white);
    --trans-40: rgb(0,0,0,0.4);
    --font-weight: 400;
    --bg-colour: hsl(245, 15%, 15%);
    --bg-menu: var(--random-brand-colour);
    --link-colour-menu: var(--random-brand-text);
    --link-colour-subtle-menu: var(--random-brand-text-subtle);
    --bg-shade-1: #323347;
    --bg-shade-2: var(--shade-800);
    --bg-pullout-1: var(--dark-red);
    --bg-danger: var(--dark-red);
    --bg-footer: hsl(263, 10%, 20%);
    --text-pullout-1: var(--pale-rose);
    --text-danger: var(--coral);
    --text-warning: var(--pale-orange);
    --bg-pullout-2: var(--dark-blue);
    --text-pullout-2: var(--white);
    --link-colour-ad: var(--pink);
    --link-colour-ds: var(--sky-blue);
    --border-colour-blockquote: var(--pink);
    --border-colour-danger: var(--coral);
    --text-blockquote: var(--pink);
    --rule-base-colour: var(--grey-30);
  }
}
@media (prefers-color-scheme: dark) and (prefers-contrast: more) {
  :root {
    --text-colour: #fff;
    --text-colour-rev: #000;
    --text-colour-subtle: #fff;
    --heading-colour: #fff;
    --caption-colour: #fff;
    --link-colour: #fff;
    --link-hover-colour: #fff;
    --link-underline-colour: #fff;
    --link-colour-subtle: #fff;
    --link-colour-subtle-hover: #fff;
    --border-colour: #fff;
    --link-colour: var(--yellow);
    --link-hover-colour: #fff;
  }
}
@media (prefers-color-scheme: dark) and (prefers-contrast: more) {
  :root {
    --bg-colour: #000;
    --bg-footer: #000;
    --bg-shade-1: transparent;
    --link-colour-menu: var(--yellow);
    --primary-highlight-hover: #fff;
  }
}

.text-default {
  --text-colour: var(--black);
  --text-colour-rev: var(--white);
  --text-colour-subtle: var(--grey-70);
  --heading-colour: var(--grey-90);
  --heading-link-colour: var(--white);
  --caption-colour: var(--dark-copper);
  --link-colour: var(--black);
  --link-hover-colour: var(--black);
  --link-underline-colour: rgba(0,0,0,0.2);
  --link-colour-subtle: var(--grey-70);
  --link-colour-subtle-hover: var(--black);
  --hr-rule-colour: var(--grey-70);
  color: var(--text-colour);
}
@media (prefers-contrast: more) {
  .text-default {
    --link-colour: blue;
    --link-hover-colour: #000;
    --link-underline-colour: #000;
  }
}
@media (prefers-contrast: more) and (prefers-color-scheme: dark) {
  .text-default {
    --text-colour: #fff;
    --text-colour-rev: #000;
    --text-colour-subtle: #fff;
    --heading-colour: #fff;
    --caption-colour: #fff;
    --link-colour: #fff;
    --link-hover-colour: #fff;
    --link-underline-colour: #fff;
    --link-colour-subtle: #fff;
    --link-colour-subtle-hover: #fff;
    --border-colour: #fff;
  }
}
@media (prefers-color-scheme: dark) {
  .text-default {
    --text-colour: var(--pale-rose);
    --text-colour-rev: var(--bg-colour);
    --text-colour-subtle: hsl(0deg 10% 67%);
    --heading-colour: var(--pale-red);
    --caption-colour: var(--pale-copper);
    --link-colour: var(--pale-rose);
    --link-hover-colour: var(--link-colour-subtle);
    --link-underline-colour: var(--pale-red);
    --link-colour-subtle: hsl(0deg 10% 67%);
    --link-colour-subtle-hover: var(--text-900);
    --border-colour: var(--grey-70);
  }
}
@media (prefers-color-scheme: dark) and (prefers-contrast: more) {
  .text-default {
    --text-colour: #fff;
    --text-colour-rev: #000;
    --text-colour-subtle: #fff;
    --heading-colour: #fff;
    --caption-colour: #fff;
    --link-colour: #fff;
    --link-hover-colour: #fff;
    --link-underline-colour: #fff;
    --link-colour-subtle: #fff;
    --link-colour-subtle-hover: #fff;
    --border-colour: #fff;
    --link-colour: var(--yellow);
    --link-hover-colour: #fff;
  }
}

.text-light {
  --text-colour: #fff;
  --text-colour-rev: var(--black);
  --text-colour-subtle: #fff;
  --heading-colour: #fff;
  --heading-link-colour: #fff;
  --caption-colour: #fff;
  --text-blockquote: #fff;
  --link-colour: #fff;
  --link-hover-colour: #fff;
  --link-underline-colour: var(--link-underline-colour-faded);
  --link-colour-subtle: #fff;
  --hr-rule-colour: #fff;
  --font-weight: 400;
  --border-colour: var(--grey-30);
  --border-colour-blockquote: #fff;
  --trans-40: rgb(255,255,255,0.4);
  font-weight: var(--font-weight);
  color: var(--text-colour);
}
@media (prefers-contrast: more) {
  .text-light {
    --link-colour: var(--yellow);
    --link-hover-colour: #fff;
  }
}

.text-dark {
  --text-colour: #000;
  --text-colour-rev: var(--white);
  --text-colour-subtle: #000;
  --heading-colour: #000;
  --heading-link-colour: #000;
  --caption-colour: #000;
  --text-blockquote: #000;
  --link-colour: #000;
  --link-underline-colour: rgba(0, 0, 0, 0.4);
  --link-colour-subtle: #000;
  --hr-rule-colour: #000;
  --border-colour-blockquote: #000;
  --trans-40: rgb(0,0,0,0.4);
  color: var(--text-colour) !important;
}
@media (prefers-color-scheme: dark) {
  .text-dark {
    --text-colour: #fff;
    --text-colour-rev: var(--black);
    --text-colour-subtle: #fff;
    --heading-colour: #fff;
    --heading-link-colour: #fff;
    --caption-colour: #fff;
    --text-blockquote: #fff;
    --link-colour: #fff;
    --link-hover-colour: #fff;
    --link-underline-colour: var(--link-underline-colour-faded);
    --link-colour-subtle: #fff;
    --hr-rule-colour: #fff;
    --font-weight: 400;
    --border-colour: var(--grey-30);
    --border-colour-blockquote: #fff;
    --trans-40: rgb(255,255,255,0.4);
  }
}
@media (prefers-color-scheme: dark) and (prefers-contrast: more) {
  .text-dark {
    --link-colour: var(--yellow);
    --link-hover-colour: #fff;
  }
}

.text-dark-styles {
  --text-colour: var(--pale-rose);
  --text-colour-rev: var(--bg-colour);
  --text-colour-subtle: hsl(0deg 10% 67%);
  --heading-colour: var(--pale-red);
  --caption-colour: var(--pale-copper);
  --link-colour: var(--pale-rose);
  --link-hover-colour: var(--link-colour-subtle);
  --link-underline-colour: var(--pale-red);
  --link-colour-subtle: hsl(0deg 10% 67%);
  --link-colour-subtle-hover: var(--text-900);
  --border-colour: var(--grey-70);
}
@media (prefers-contrast: more) {
  .text-dark-styles {
    --text-colour: #fff;
    --text-colour-rev: #000;
    --text-colour-subtle: #fff;
    --heading-colour: #fff;
    --caption-colour: #fff;
    --link-colour: #fff;
    --link-hover-colour: #fff;
    --link-underline-colour: #fff;
    --link-colour-subtle: #fff;
    --link-colour-subtle-hover: #fff;
    --border-colour: #fff;
    --link-colour: var(--yellow);
    --link-hover-colour: #fff;
  }
}

.text-light-styles {
  --text-colour: var(--black);
  --text-colour-rev: var(--white);
  --text-colour-subtle: var(--grey-70);
  --heading-colour: var(--grey-90);
  --heading-link-colour: var(--white);
  --caption-colour: var(--dark-copper);
  --link-colour: var(--black);
  --link-hover-colour: var(--black);
  --link-underline-colour: rgba(0,0,0,0.2);
  --link-colour-subtle: var(--grey-70);
  --link-colour-subtle-hover: var(--black);
  --hr-rule-colour: var(--grey-70);
}
@media (prefers-contrast: more) {
  .text-light-styles {
    --link-colour: blue;
    --link-hover-colour: #000;
    --link-underline-colour: #000;
  }
}
@media (prefers-contrast: more) and (prefers-color-scheme: dark) {
  .text-light-styles {
    --text-colour: #fff;
    --text-colour-rev: #000;
    --text-colour-subtle: #fff;
    --heading-colour: #fff;
    --caption-colour: #fff;
    --link-colour: #fff;
    --link-hover-colour: #fff;
    --link-underline-colour: #fff;
    --link-colour-subtle: #fff;
    --link-colour-subtle-hover: #fff;
    --border-colour: #fff;
  }
}
.text-light-styles.has-bg-colour {
  --heading-colour: #000;
  --border-colour: #000;
  --secondary-highlight: #000;
  --text-secondary-highlight: var(--bg-colour);
  --secondary-highlight-hover: rgba(0,0,0,0.8);
  --secondary-highlight-active: rgba(0,0,0,0.6);
  --secondary-highlight-dark: rgba(0,0,0,0.6);
  --link-underline-colour: rgba(0,0,0,0.2);
  --grey-5: rgba(0,0,0,0.05);
}

.dark-mode {
  --text-colour: var(--pale-rose);
  --text-colour-rev: var(--bg-colour);
  --text-colour-subtle: hsl(0deg 10% 67%);
  --heading-colour: var(--pale-red);
  --caption-colour: var(--pale-copper);
  --link-colour: var(--pale-rose);
  --link-hover-colour: var(--link-colour-subtle);
  --link-underline-colour: var(--pale-red);
  --link-colour-subtle: hsl(0deg 10% 67%);
  --link-colour-subtle-hover: var(--text-900);
  --border-colour: var(--grey-70);
  --text-900: hsl(0deg 10% 95%);
  --text-800: hsl(0deg 10% 85%);
  --text-700: hsl(0deg 10% 75%);
  --text-600: hsl(0deg 10% 67%);
  --text-500: hsl(0deg 10% 55%);
  --shade-900: hsl(20deg 7% 10%);
  --shade-800: hsl(20deg 7% 15%);
  --shade-700: hsl(20deg 7% 20%);
  --shade-600: hsl(20deg 7% 25%);
  --shade-500: hsl(20deg 7% 30%);
  --grey-90: hsl(245 10% 60%);
  --grey-70: hsl(245 10% 50%);
  --grey-50: hsl(245 10% 30%);
  --grey-30: hsl(245 10% 20%);
  --grey-10: hsl(245 10% 15%);
  --grey-5: hsl(245 10% 10%);
  --primary-highlight: var(--lilac);
  --primary-highlight-hover: var(--lilac-light);
  --primary-highlight-dark: var(--lilac-dark);
  --text-primary-highlight: #000;
  --secondary-highlight: hsl(263, 10%, 60%);
  --secondary-highlight-hover: hsl(263, 10%, 70%);
  --secondary-highlight-active: hsl(263, 10%, 10%);
  --secondary-highlight-dark: hsl(263, 10%, 80%);
  --text-secondary-highlight: var(--black);
  --tertiary-highlight: var(--dark-blue);
  --tertiary-highlight-hover: var(--dark-blue-hover);
  --tertiary-highlight-dark: var(--dark-blue-dark);
  --text-tertiary-highlight: var(--white);
  --trans-40: rgb(0,0,0,0.4);
  --font-weight: 400;
  --bg-colour: hsl(245, 15%, 15%);
  --bg-menu: var(--random-brand-colour);
  --link-colour-menu: var(--random-brand-text);
  --link-colour-subtle-menu: var(--random-brand-text-subtle);
  --bg-shade-1: #323347;
  --bg-shade-2: var(--shade-800);
  --bg-pullout-1: var(--dark-red);
  --bg-danger: var(--dark-red);
  --bg-footer: hsl(263, 10%, 20%);
  --text-pullout-1: var(--pale-rose);
  --text-danger: var(--coral);
  --text-warning: var(--pale-orange);
  --bg-pullout-2: var(--dark-blue);
  --text-pullout-2: var(--white);
  --link-colour-ad: var(--pink);
  --link-colour-ds: var(--sky-blue);
  --border-colour-blockquote: var(--pink);
  --border-colour-danger: var(--coral);
  --text-blockquote: var(--pink);
  --rule-base-colour: var(--grey-30);
}
@media (prefers-contrast: more) {
  .dark-mode {
    --text-colour: #fff;
    --text-colour-rev: #000;
    --text-colour-subtle: #fff;
    --heading-colour: #fff;
    --caption-colour: #fff;
    --link-colour: #fff;
    --link-hover-colour: #fff;
    --link-underline-colour: #fff;
    --link-colour-subtle: #fff;
    --link-colour-subtle-hover: #fff;
    --border-colour: #fff;
    --link-colour: var(--yellow);
    --link-hover-colour: #fff;
  }
}
@media (prefers-contrast: more) {
  .dark-mode {
    --bg-colour: #000;
    --bg-footer: #000;
    --bg-shade-1: transparent;
    --link-colour-menu: var(--yellow);
    --primary-highlight-hover: #fff;
  }
}

/**
 * Hide elements from all users.
 *
 * Used for elements which should not be immediately displayed to any user. An
 * example would be collapsible details that will be expanded with a click
 * from a user. The effect of this class can be toggled with the jQuery show()
 * and hide() functions.
 */
.hidden,
.d-none {
  display: none;
}

@media (max-width: 767px) {
  .hidden-xs,
  .hidden-xs.d-flex,
  .hidden-xs.d-inline-flex,
  .hidden-xs.d-block,
  .hidden-xs.d-inline-block {
    display: none !important;
  }
}
/**
 * Hide elements visually, but keep them available for screen readers.
 *
 * Used for information required for screen reader users to understand and use
 * the site where visual display is undesirable. Information provided in this
 * manner should be kept concise, to avoid unnecessary burden on the user.
 * "!important" is used to prevent unintentional overrides.
 */
.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}

/**
 * The .focusable class extends the .visually-hidden class to allow
 * the element to be focusable when navigated to via the keyboard.
 */
.visually-hidden.focusable:active,
.visually-hidden.focusable:focus-within {
  position: static !important;
  overflow: visible;
  clip: auto;
  width: auto;
  height: auto;
}

/**
 * Hide visually and from screen readers, but maintain layout.
 */
.invisible {
  visibility: hidden;
}

html {
  font-size: 1em;
}

body {
  font-family: "acumin-pro", Arial, Helvetica, sans-serif;
  font-variation-settings: "slnt" 0, "wdth" 100, "wght" 300;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: inherit;
  line-height: 1.6;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  color: var(--text-colour);
  margin-top: 90px;
}

ul, ol {
  margin-bottom: 1rem;
}

ul {
  padding-left: 30px;
  margin-bottom: 1em;
}
ul li {
  margin-bottom: 5px;
}
ul li:last-child {
  margin-bottom: 0;
}
ul.list-inline li {
  display: inline-block;
}

a {
  --focus-colour: var(--link-underline-colour);
  color: var(--link-colour);
  text-decoration: solid underline var(--link-underline-colour);
  -webkit-text-decoration: solid underline var(--link-underline-colour);
  text-underline-offset: 0.3em;
  text-decoration-thickness: from-font;
}
a.contains-image {
  text-decoration: none;
  display: inline-block;
}

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

p, dl {
  margin: 1rem 0;
}

h1, .h1 {
  font-size: 2.125rem;
}

h2, .h2 {
  font-size: 1.75rem;
  margin: 2rem 0 1rem;
}

h1, h2, .h1, .h2 {
  font-family: "museo-slab", Arial, Helvetica, sans-serif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, .h2, .h3, .h4, .h5 {
  font-weight: 400;
  font-variation-settings: "wght" 400;
  display: block;
  line-height: 1.3;
  color: var(--heading-colour);
}

hr {
  border: none;
  height: 4px;
  width: 15%;
  background: var(--hr-rule-colour);
  margin: 2rem 0;
  text-align: left;
}

::-moz-selection { /* Code for Firefox */
  color: #000;
  background: #ffa768;
}

::selection {
  color: #000;
  background: #ffa768;
}

.small {
  font-size: 16px !important;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  line-height: 1.6;
}

.x-small {
  font-size: 14px !important;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  line-height: 1.6;
}

.weight-normal {
  font-weight: normal;
  font-variation-settings: "wght" 400;
}

.text-muted {
  opacity: 0.8;
  color: inherit;
}

.list-unstyled {
  margin: 0;
  padding: 0;
  list-style: none;
}

.display-text-1 {
  font-family: museo-sans, sans-serif;
  font-weight: 900;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  font-size: 3rem;
  line-height: 0.9;
}

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

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

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

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

.text-nowrap {
  white-space: nowrap;
}

.page-picture-wrapper figcaption {
  margin-bottom: 0;
}
@media screen and (min-width: 992px) {
  .page-picture-wrapper figcaption {
    margin-bottom: 1rem;
  }
}

/* _icons.scss */
.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}
.icon.icon-md {
  width: 2em;
  height: 2em;
}

.icon--icon-watershed {
  width: 14em;
  height: 2em;
}

.icon-account {
  width: 0.6328125em;
}

.icon-trolley {
  width: 1.2041015625em;
}

.icon-link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 14px 15px;
  font-size: 1.5rem;
  width: 50px;
}
@media screen and (min-width: 768px) {
  .icon-link {
    width: 60px;
  }
}
.icon-link:hover {
  color: var(--link-colour-subtle);
}
.icon-link:focus {
  outline-offset: -2px;
}
.icon-link .icon__wrapper {
  display: inline-flex;
}

/* _site-header.scss */
#site-wrapper {
  position: relative;
}

#site-header-wrapper {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 200;
  background: var(--bg-colour);
}
@media screen and (min-width: 768px) {
  .not-front #site-header-wrapper {
    position: relative;
  }
}
#site-header-wrapper > div {
  float: none;
}

.not-front .site-header .branding {
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .not-front .site-header {
    position: static;
  }
  .not-front .site-header .branding {
    text-align: center;
    margin-top: 50px;
  }
  .not-front .hidden-menu {
    display: block !important;
    position: relative;
    overflow: visible;
    height: auto;
  }
  .not-front .hidden-menu .menu-wrapper {
    display: block;
    overflow: visible;
  }
  .not-front .hidden-menu #menus {
    flex-direction: row;
  }
  .not-front .hidden-menu #menus div, .not-front .hidden-menu #menus nav, .not-front .hidden-menu #menus ul.menu {
    display: block;
    flex: 0 0 auto;
  }
  .not-front .hidden-menu .main-menu {
    transform: none;
    padding: 10px;
    pointer-events: auto;
    background-color: transparent;
  }
  .not-front .hidden-menu .nav > li {
    display: inline-block;
    padding: 0 0.5em;
  }
  .not-front .hidden-menu .primary-menu,
  .not-front .hidden-menu .secondary-menu {
    font-size: 18px;
  }
  .not-front .hidden-menu hr,
  .not-front .hidden-menu .form {
    display: none !important;
  }
  .not-front .hidden-menu .search {
    position: absolute;
    top: -46px;
    right: 10px;
    display: inline-block;
  }
}
@media screen and (min-width: 992px) {
  .not-front .site-header {
    padding-bottom: 10px;
  }
  .not-front .hidden-menu .grid-wrapper {
    display: block;
  }
  .not-front .hidden-menu #menus {
    flex-direction: column;
  }
  .not-front .hidden-menu .nav > li > a {
    padding-bottom: 0.25em;
  }
  .not-front .hidden-menu .primary-menu {
    font-size: 22px;
    text-align: center;
  }
  .not-front .hidden-menu .secondary-menu {
    position: relative;
    right: 0;
    top: -60px;
    margin-top: -28px;
    margin-left: auto;
    padding-right: 3.5rem;
    font-size: 16px;
    text-align: right;
  }
}

.wave {
  width: 100%;
}
.wave div {
  height: 10px;
  background: url(../img/waveshed-crop.svg) repeat-x 0 0;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .wave div {
    height: 20px;
  }
}
.site-header {
  position: relative;
  z-index: 10;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 20px 15px;
  background-color: var(--bg-colour);
}
@media (prefers-color-scheme: dark) {
  .site-header {
    color: var(--white);
  }
}
.site-header .logo {
  width: 75%;
  max-width: 320px;
  margin: 0;
  line-height: 0;
}
@media screen and (min-width: 768px) {
  .site-header .logo {
    max-width: 240px;
  }
}
.site-header .logo svg {
  width: 100%;
  height: auto;
}
@media (prefers-color-scheme: dark) {
  .site-header .logo svg {
    fill: var(--random-brand-logo-colour);
  }
}
.site-header .logo a {
  color: var(--text-colour);
  display: block;
}
@media (prefers-color-scheme: dark) {
  .site-header .logo a {
    --link-underline-colour: var(--random-brand-colour);
  }
}
.site-header .logo a .st0 {
  transition: all 0.3s ease;
  fill: var(--text-colour);
}
.site-header .logo a:hover .st0 {
  fill: var(--link-colour-subtle-hover);
}
.site-header .wave div {
  margin-left: -20px;
  margin-right: -20px;
}
.site-header .branding {
  position: relative;
  width: 100%;
  height: auto;
  transition: height 130ms ease-out;
}
@media (min-width: 691px) {
  .site-header .branding {
    display: flex;
    overflow: visible;
  }
}
.site-header .branding-inner {
  width: 100%;
  padding-top: 2px;
}
.site-header.version-2 {
  background: #fff url("../img/waveshed-long-crop.png") no-repeat center bottom -60px;
}
.site-header.version-2 > div {
  padding-bottom: 10px;
}
.site-header img {
  position: static;
}
.site-header button {
  position: relative;
  right: -15px;
  display: flex;
  align-items: center;
  height: 55px;
  font-weight: 400;
  font-variation-settings: "wght" 400;
}
.site-header button:focus {
  outline: 2px dotted var(--link-underline-colour);
}

.slogan {
  max-width: 85%;
  font-family: "museo-slab", Arial, Helvetica, sans-serif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 4.1vw;
  opacity: 1;
  will-change: opacity;
  transition: opacity 230ms cubic-bezier(0, 0, 0.3, 1);
}

.fake-input {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: auto;
}
@media (min-width: 691px) {
  .fake-input {
    display: none;
    pointer-events: none;
  }
}

.hidden-menu {
  position: fixed;
  transform: translate3d(0, 0, 0);
  width: 100%;
  height: 80%;
  align-items: flex-start;
  z-index: 250;
  overflow: hidden;
}
.hidden-menu:focus {
  outline: none;
  box-shadow: none;
}
.hidden-menu.shift .main-menu {
  transition: transform 130ms ease-out;
  /* translate 100% of menu height and then add the height of the search form field + padding = 60px
  chain translate functions due to IE quirks */
  transform: translateY(-100%) translateY(60px);
  /* iPhone 5, 6 and SE
  @media screen and (device-aspect-ratio: 40/71) {
  }*/
}
.hidden-menu.shift .main-menu .menu-wrapper {
  align-self: flex-end;
  padding-bottom: 0;
}
.hidden-menu.shift #menus {
  opacity: 0;
}
.hidden-menu.shift .fake-input {
  display: none;
  pointer-events: none;
}
.hidden-menu.nav--animatable .main-menu {
  transition: transform 130ms ease-out;
}
.hidden-menu.nav--animatable .form-item, .hidden-menu.nav--animatable .menu-wrapper {
  transition: width 130ms ease-out;
}
.hidden-menu.nav--animatable #menus {
  transition: opacity 130ms cubic-bezier(0, 0, 0.3, 1);
}
.hidden-menu .form {
  position: relative;
}
.hidden-menu .form .form-item {
  margin-top: 0;
}
.hidden-menu .form-item, .hidden-menu .menu-wrapper {
  will-change: width;
  transition: width 400ms ease-out;
}
.hidden-menu .menu-wrapper {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  padding-bottom: 1em;
  padding-left: 4px;
  overflow-y: auto;
  overflow-x: hidden;
}
.hidden-menu .menu-wrapper.cover {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .hidden-menu .menu-wrapper {
    max-height: 500px;
  }
}
.hidden-menu .grid-wrapper {
  display: flex;
  justify-content: center;
  flex: 1;
}
.hidden-menu .grid-wrapper .cover {
  width: 100% !important;
}
.hidden-menu #menus {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  transition: opacity 130ms ease;
  will-change: opacity;
}
.hidden-menu #menus div, .hidden-menu #menus nav, .hidden-menu #menus ul.menu {
  flex: 1;
  display: flex;
}
.hidden-menu #menus ul {
  flex-direction: column;
  justify-content: space-between;
}
.hidden-menu .nav {
  margin: 0;
  padding: 0;
}
.hidden-menu .nav > li {
  padding: 0.1em 0;
  margin: 0;
}
.hidden-menu .nav > li > a {
  display: inline-block;
  padding: 0;
  text-decoration: none;
}
.hidden-menu .nav > li > a:hover, .hidden-menu .nav > li > a:focus, .hidden-menu .nav > li > a:active, .hidden-menu .nav > li > a.is-active {
  background-color: transparent;
  text-decoration: solid underline var(--link-underline-colour);
  -webkit-text-decoration: solid underline var(--link-underline-colour);
  text-underline-offset: 0.3em;
  text-decoration-thickness: from-font;
}
.hidden-menu .nav > li > a:focus {
  outline-offset: 3px;
}
.hidden-menu .primary-menu {
  font-size: 20px;
}
.hidden-menu hr {
  height: 1px;
  width: 45%;
  margin: 1.25rem 0;
}
.hidden-menu form {
  --placeholder-colour: var(--link-colour);
  margin: 0;
  padding: 0;
}
.hidden-menu form .form-item {
  min-width: 150px;
}
@media (min-width: 691px) {
  .hidden-menu form .form-item {
    min-width: auto;
  }
}
.hidden-menu form .form-item input {
  font-family: "acumin-pro", Arial, Helvetica, sans-serif;
  font-variation-settings: "slnt" 0, "wdth" 100, "wght" 400;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-width: 0;
  border-bottom-width: 1px;
  border-bottom-color: transparent;
  border-radius: 0;
  padding: 5px 0;
  text-overflow: ellipsis;
  font-size: 18px;
  color: var(--text-colour) !important;
}
.hidden-menu form .form-item input:focus, .hidden-menu form .form-item input:hover {
  outline: none;
  box-shadow: none;
  border-bottom-color: var(--border-colour-dark);
}

.hidden-menu .main-menu {
  display: flex;
  width: 100%;
  height: 100%;
  /*overflow-y: auto;*/
  z-index: 150;
  background-color: var(--bg-colour);
  padding: 0 15px 20px 15px;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  transform: translateY(-120%);
  transition: transform 130ms ease-out;
  will-change: transform;
  pointer-events: none;
  /** vh unit fixes for iOS **
   *
   * iPad with portrait orientation.
   */
  /**
   * iPad with landscape orientation.
   */
  /**
   * iPhone 5, 6 and SE
   * You can also target devices with aspect ratio.
   */
}
.hidden-menu .main-menu:focus {
  outline: none;
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .hidden-menu .main-menu {
    max-height: 840px;
  }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
  .hidden-menu .main-menu {
    max-height: 630px;
  }
}
@media (min-width: 691px) {
  .hidden-menu .main-menu {
    max-height: 100%;
    height: auto;
  }
}
.site-header.section--animatable.collapsed .slogan {
  /* collapse animation */
  transition: opacity 230ms cubic-bezier(0, 0, 0.3, 1);
}

.site-header.section--animatable .slogan .menu--visible .slogan {
  /* expand animation */
  transition: opacity 530ms cubic-bezier(0, 0, 0.3, 1) 130ms;
}

.site-header.collapsed .slogan,
.menu--visible .slogan {
  opacity: 0;
}

.menu--visible .main-menu {
  transform: none;
  pointer-events: auto;
}

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

.menu--visible .hidden-menu,
.menu--animatable .hidden-menu {
  display: flex !important;
}

.menu--animatable .main-menu {
  /* menu close animation */
  transition: all 130ms ease-out;
}

.menu--visible.menu--animatable .main-menu {
  /* menu open animation */
  transition: all 330ms ease-in;
}
@media (min-width: 691px) {
  .menu--visible.menu--animatable .main-menu {
    /* menu open animation */
    transition-duration: 230ms;
  }
}

.menu-overlay {
  display: block;
  position: absolute !important;
  z-index: 5;
  left: 0;
  top: 0;
  width: 100%;
  min-height: 100%;
  height: 100vh;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  will-change: opacity;
  pointer-events: none;
  transition: opacity 0.3s cubic-bezier(0, 0, 0.3, 1);
}
@media (prefers-contrast: more) {
  .menu-overlay {
    background: rgba(0, 0, 0, 0.8);
  }
}
@media screen and (min-width: 768px) {
  .not-front:not(.page-node-type-staff) .menu-overlay {
    display: none;
  }
}

.menu--visible .menu-overlay {
  opacity: 1;
  pointer-events: auto;
}

.search {
  right: -5px;
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  flex: 0 0 auto;
  padding: 0;
  border: none;
  font-size: 22px;
  color: var(--link-colour-subtle);
  background-color: transparent;
  cursor: pointer;
}
@media (forced-colors: active) {
  .search {
    color: LinkText;
  }
}
@media (max-width: 690px) {
  .search:focus {
    outline: none;
    box-shadow: none;
  }
}

.branding .hamburger-inner,
.branding .hamburger-inner::before,
.branding .hamburger-inner::after,
.branding .hamburger.is-active .hamburger-inner,
.branding .hamburger.is-active .hamburger-inner::before,
.branding .hamburger.is-active .hamburger-inner::after {
  background-color: var(--grey-90);
}
@media (prefers-color-scheme: dark) {
  .branding .hamburger-inner,
  .branding .hamburger-inner::before,
  .branding .hamburger-inner::after,
  .branding .hamburger.is-active .hamburger-inner,
  .branding .hamburger.is-active .hamburger-inner::before,
  .branding .hamburger.is-active .hamburger-inner::after {
    background-color: var(--link-colour);
  }
}
@media (forced-colors: active) {
  .branding .hamburger-inner,
  .branding .hamburger-inner::before,
  .branding .hamburger-inner::after,
  .branding .hamburger.is-active .hamburger-inner,
  .branding .hamburger.is-active .hamburger-inner::before,
  .branding .hamburger.is-active .hamburger-inner::after {
    background-color: LinkText;
  }
}

.hamburger:hover .hamburger-inner {
  --link-colour: var(--link-hover-colour);
}

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  background: var(--bg-colour);
}

.container .container {
  width: auto;
}

.container-sm {
  max-width: 660px;
  margin: 0 auto;
}

.container--md {
  padding: 0;
}
@media screen and (min-width: 768px) {
  .container--md {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (min-width: 992px) {
  .container--md {
    width: auto;
    margin: 0;
  }
}

@media screen and (min-width: 768px) {
  .container-sm-fluid {
    width: 100%;
    max-width: 1920px;
  }
}

@media screen and (min-width: 992px) {
  .container-md-fluid {
    width: 100%;
    max-width: 1920px;
  }
}

@media screen and (min-width: 1200px) {
  .container-lg-fluid {
    width: 100%;
    max-width: 1920px;
  }
}

.container-breakout {
  margin-left: -100% !important;
  margin-right: -100% !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  margin-left: 0 calc(50% - 50cqw) !important;
  margin-right: 0 calc(50% - 50cqw) !important;
}
.d-flex > .container-breakout {
  width: 100vw;
  width: 100cqw;
}

.m-0 {
  margin: 0 !important;
}

.mb-1 {
  margin-bottom: 1rem !important;
}

.mb-2 {
  margin-bottom: 2rem !important;
}

.mb-3 {
  margin-bottom: 3rem !important;
}

.mb-4 {
  margin-bottom: 4rem !important;
}

.mt-1 {
  margin-top: 1rem !important;
}

.mt-2 {
  margin-top: 2rem !important;
}

.mt-3 {
  margin-top: 3rem !important;
}

.mt-4 {
  margin-top: 4rem !important;
}

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

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

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-2 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.my-3 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

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

@media screen and (max-width: 767px) {
  .m-xs-0 {
    margin: 0 !important;
  }
}
@media screen and (min-width: 768px) {
  .ml-sm-auto {
    margin-left: auto !important;
  }
  .my-sm-3 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
}
@media screen and (min-width: 992px) {
  .my-md-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-2 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-2 {
    margin-top: 2rem !important;
  }
  .mt-md-3 {
    margin-top: 3rem !important;
  }
  .mb-md-1 {
    margin-bottom: 1rem !important;
  }
  .mb-md-2 {
    margin-bottom: 2rem !important;
  }
  .mb-md-3 {
    margin-bottom: 3rem !important;
  }
  .mb-md-4 {
    margin-bottom: 4rem !important;
  }
}
/* utilities */
div .hide {
  display: none;
}

@media screen and (min-width: 992px) {
  .maxwidth-md-slim {
    max-width: 640px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.fill-width {
  width: 100%;
}

.fill-height {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}

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

/* display */
.d-none {
  display: none !important;
}

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

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

@media screen and (min-width: 768px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
}
@media screen and (min-width: 992px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1200px) {
  .d-lg-block {
    display: block !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
}
.visible-xs-inline-flex,
.visible-sm-inline-flex {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-flex {
    display: inline-flex !important;
  }
}
.p-absolute {
  position: absolute;
}

.p-relative {
  position: relative;
}

.z-100 {
  z-index: 100;
}

/* columns */
.columns {
  -moz-columns: 2 150px;
       columns: 2 150px;
}
.columns > * {
  -moz-column-break-after: avoid;
       break-after: avoid;
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}

@media screen and (max-width: 767px) {
  .p-xs-0 {
    padding: 0 !important;
  }
}
/* Spacing */
.p-1 {
  padding: 1rem !important;
}

.p-2 {
  padding: 2rem !important;
}

.p-3 {
  padding: 3rem !important;
}

.pb-05 {
  padding-bottom: 0.5rem !important;
}

.pb-1 {
  padding-bottom: 1rem !important;
}

.pb-2 {
  padding-bottom: 2rem !important;
}

.pb-3 {
  padding-bottom: 3rem !important;
}

.pb-4 {
  padding-bottom: 4rem !important;
}

.pt-0 {
  padding-top: 0rem !important;
}

.pt-1 {
  padding-top: 1rem !important;
}

.pt-2 {
  padding-top: 2rem !important;
}

.pt-3 {
  padding-top: 3rem !important;
}

.pt-4 {
  padding-top: 4rem !important;
}

.pb-15px {
  padding-bottom: 15px !important;
}

.py-15px {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.px-1 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.px-2 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.px-3 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.px-4 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

@media screen and (min-width: 1200px) {
  .px-lg-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .my-lg-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}
.pr-0 {
  padding-right: 0 !important;
}

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

.pl-05 {
  padding-left: 0.5rem !important;
}

.mr-1 {
  margin-right: 1rem !important;
}

.mlr-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

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

@media screen and (min-width: 768px) {
  .float-sm-right {
    float: right;
  }
}
@media screen and (min-width: 992px) {
  .float-md-right {
    float: right;
  }
}
@media screen and (min-width: 1200px) {
  .float-lg-right {
    float: right;
  }
}
/* height */
@media screen and (min-width: 992px) {
  .min-height-md-750 {
    min-height: 750px;
  }
}
div.no-gutter .pl-05,
form.no-gutter .pl-05 {
  padding-left: 0.5rem !important;
}
div.no-gutter .pr-05,
form.no-gutter .pr-05 {
  padding-right: 0.5rem !important;
}

.pull-x-1 {
  margin-left: -15px !important;
  margin-right: -15px !important;
}

.pull-y-2 {
  margin-top: -2rem !important;
  margin-bottom: -2rem !important;
}

.pull-t-2 {
  margin-top: -2rem !important;
}

.pull-b-2 {
  margin-bottom: -2rem !important;
}

/* gutters */
.no-gutter > [class*=col-] {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

@media screen and (min-width: 768px) {
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .p-sm-1 {
    padding: 1rem !important;
  }
  .p-sm-2 {
    padding: 2rem !important;
  }
  .p-sm-3 {
    padding: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 2rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 3rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 4rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 1rem !important;
  }
  .pt-sm-2 {
    padding-top: 2rem !important;
  }
  .pt-sm-3 {
    padding-top: 3rem !important;
  }
  .pt-sm-4 {
    padding-top: 4rem !important;
  }
  .pr-sm-0 {
    padding-right: 0 !important;
  }
  .no-gutter-sm > [class*=col-] {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 992px) {
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .py-md-2 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .py-md-3 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .py-md-6 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .p-md-1 {
    padding: 1rem !important;
  }
  .p-md-2 {
    padding: 2rem !important;
  }
  .p-md-3 {
    padding: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 1rem !important;
  }
  .pb-md-2 {
    padding-bottom: 2rem !important;
  }
  .pb-md-3 {
    padding-bottom: 3rem !important;
  }
  .pb-md-4 {
    padding-bottom: 4rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 1rem !important;
  }
  .pt-md-2 {
    padding-top: 2rem !important;
  }
  .pt-md-3 {
    padding-top: 3rem !important;
  }
  .pt-md-4 {
    padding-top: 4rem !important;
  }
  .px-md-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .px-md-2 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .px-md-3 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .no-gutter-md > [class*=col-] {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .pull-t-md-1 {
    margin-top: -1rem !important;
  }
  .pull-t-md-2 {
    margin-top: -2rem !important;
  }
  .pull-y-md-2 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important;
  }
}
@media (max-width: 768px) {
  .no-gutter-xs-only > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (max-width: 992px) {
  .no-gutter-upto-md > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
  }
  .no-x-margin-upto-md {
    margin-right: 0;
    margin-left: 0;
  }
}
@media screen and (min-width: 992px) {
  .pullout-left {
    margin-left: -4rem;
  }
}
.align-middle {
  vertical-align: middle;
}

.embed-ratio {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-ratio.ratio-16by9 {
  padding-bottom: 56.25%;
}
.embed-ratio.ratio-3by2 {
  padding-bottom: 66.667%;
}
.embed-ratio iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}

@media screen and (min-width: 992px) {
  .ratio-md-3by2 {
    padding-bottom: 66.667% !important;
  }
}
.embed-responsive.embed-responsive-3by2 {
  padding-bottom: 66.667%;
}

/* colour */
.reverse p, .reverse li, .reverse h2, .reverse h3, .reverse h4, .reverse h5, .reverse h6, .reverse a {
  color: #fff;
}
.reverse a:not(.btn) {
  border-bottom-color: #fff;
}
.reverse a:not(.btn):hover {
  border-bottom-color: transparent;
}
.reverse hr {
  background-color: #fff;
}

.mxw-750 {
  max-width: 750px;
}

.min-height-auto {
  min-height: auto !important;
}

/* borders */
.border-light {
  border: 1px solid var(--border-colour-light);
}

.bl-0 {
  border-left: none !important;
}

/* text */
@media screen and (min-width: 992px) {
  .text-md-center {
    text-align: center;
  }
}
.align-left {
  display: inline-block;
  vertical-align: middle;
}

.align-right {
  float: right;
}

.text-pink {
  color: #e72d86;
}

.s-3 {
  font-size: 3rem;
}

/* background images */
.background-contain {
  background-size: contain !important;
}

.background-left {
  background-position: left !important;
}

.grid-col-span-2 {
  grid-column: span 2;
}

@media screen and (min-width: 992px) {
  .sr-only-md {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }
}
.cursor-not-allowed {
  cursor: not-allowed;
}

.block-title-mt-0 .block-title {
  margin-top: 0;
}

/* Flex classes pinched from Bootstrap 4, because they're really handy. */
.d-flex {
  display: flex !important;
}
.d-flex.row::before, .d-flex.row::after {
  content: none;
}

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

.pos-2 {
  order: 2;
}

.pos-3 {
  order: 3;
}

.pos-1 {
  order: 1;
}

.pos-4 {
  order: 4;
}

.pos-5 {
  order: 5;
}

.pos-6 {
  order: 6;
}

@media screen and (min-width: 768px) {
  .d-sm-flex.row::before, .d-sm-flex.row::after {
    content: none;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
}
@media screen and (min-width: 992px) {
  .d-md-flex {
    display: flex !important;
  }
  .d-md-flex.row::before, .d-md-flex.row::after {
    content: none;
  }
}
/* menus.scss */
.nav {
  padding: 0;
  text-decoration: none;
  list-style: none;
}
.nav::before, .nav::after {
  content: " ";
  display: table;
}
.nav > li > a:focus {
  background-color: transparent;
}

.toolbar-menu li {
  margin: 0;
}
.toolbar-menu a {
  border: none;
}

.boxoffice-links {
  margin-left: auto;
  position: relative;
  display: flex;
  right: -15px;
  padding-left: 15px;
}

.boxoffice-menu {
  position: absolute;
  top: -52px;
  left: 10px;
}

article .page-picture-wrapper {
  width: 100%;
  margin: 0;
}
article .page-head {
  position: relative;
  width: 100%;
}
article .page-head.theme .page-title {
  text-align: center;
}
article .page-head.theme .page-title img {
  display: inline-block;
  max-width: 80%;
}
article .page-head .whatson-tag {
  font-size: 1rem;
}
article .page-head .page-title {
  --heading-colour: var(--white);
  --bg-page-title: var(--grey-70);
  background-color: var(--bg-page-title);
}
article .page-head .page-title.has-colour {
  --heading-colour: var(--brand--text-colour, var(--white));
  --bg-page-title: var(--brand--colour, var(--grey-70));
}
article .page-head .page-title.text-dark {
  --heading-colour: var(--black);
}
article .page-head .page-title:not(.page-title--fixed-colour) {
  --secondary-heading-colour: var(--white);
  --text-colour-subtle: var(--white);
}
@media (prefers-color-scheme: dark) {
  article .page-head .page-title:not(.page-title--fixed-colour) {
    --bg-page-title: #423f4e;
    --heading-colour: var(--pale-rose);
    --secondary-heading-colour: var(--grey-dark);
    --text-colour-subtle: var(--grey-dark);
  }
}
article .page-head .page-title h1 {
  display: inline;
  margin: 0;
  font-family: "museo-slab", Arial, Helvetica, sans-serif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--heading-colour);
}
article .page-head .page-title .page-title-secondary {
  color: var(--heading-colour);
}
article .page-head .page-title .exhibit-suffix {
  color: var(--text-colour-subtle);
}
article .page-head .page-title .title-suffix {
  display: inline;
  margin: 0;
  color: #cacaca;
  font-size: 1.375rem;
}
article .page-head .page-title .follow-us {
  float: right;
  text-align: right;
  font-size: 1.5rem;
  line-height: 1;
}
article .page-head .page-title .follow-us a {
  margin: 0 5px;
  color: #000;
  border-bottom: none;
}
article .page-head .page-summary,
article .page-head .page-title {
  padding: 18px 15px;
}
@media screen and (min-width: 768px) {
  article .page-head .page-summary,
  article .page-head .page-title {
    padding: 2rem;
  }
}
article .page-head .page-summary {
  font-weight: 400;
  font-variation-settings: "wght" 400;
}
article .page-head .page-summary .summary {
  margin-top: 0;
  line-height: 1.3em;
  color: var(--text-colour);
}
article .page-head .page-summary p.location {
  margin: 0 0 1.5rem;
}
article .page-head .page-summary p.location .icon {
  vertical-align: baseline;
}
article .page-head .page-summary p.location .small {
  color: var(--text-colour);
}
article .page-head .page-summary li.location {
  margin: 0;
  line-height: 1.3em;
}
article .page-head .page-summary li.location i {
  top: 0;
  left: -1.8em !important;
  color: #737373;
}
article .page-head .page-summary .page-summary-inner {
  position: relative;
}
@media screen and (min-width: 992px) {
  article .page-head .page-summary .page-summary-inner {
    position: static;
  }
}
article .page-head .page-summary .page-summary-inner > *:first-child {
  margin-top: 0;
}
article .page-head .page-summary .page-summary-inner > p:first-of-type {
  margin-top: 0;
}
article .page-head .page-summary .page-summary-inner > *:last-child {
  margin-bottom: 0;
}
article .page-head .page-summary .page-summary-inner div.page-label {
  margin: 0 0 1rem;
  color: var(--text-colour-subtle) !important;
}
@media screen and (min-width: 992px) {
  article .page-head .page-summary .page-summary-inner div.page-label {
    position: absolute;
    top: -2.5rem;
    right: 0;
    margin: 0;
  }
}
article .page-head .page-summary dl.meta > * {
  margin: 0 0 0.25rem;
}
article .page-head .page-summary dl.meta dd {
  flex: 1 1 72%;
}
article .page-head .page-summary dl.meta dt {
  flex: 0 0 28%;
  max-width: 155px;
  font-weight: 300;
  font-variation-settings: "wght" 300;
}
article .page-head .page-summary .social a {
  color: #737373;
}
article .page-head p.page-title-secondary {
  margin: 0.5rem 0 0;
  font-family: "museo-slab", Arial, Helvetica, sans-serif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
article .page-head .page-label-area {
  height: 68px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  min-height: 0;
}

.innerWrapper {
  position: relative;
}

@media screen and (min-width: 768px) {
  .page-content,
  .view-content,
  .attachment-before {
    clear: both;
    padding-top: 20px;
  }
}
#nodeLayout > *, #articleLayout > * {
  padding: 0;
  /* display contents is not well enough supported to use
  @supports (display: contents) {
  	display: contents;
  }*/
}
@media screen and (min-width: 992px) {
  #nodeLayout > *, #articleLayout > * {
    display: inline-block;
  }
}

body {
  /*container-type: inline-size;
  overflow-y: auto;*/
}

.stagger-columns .container-block {
  padding: 0;
}

@media screen and (min-width: 768px) {
  .stagger-columns > div {
    flex-grow: 1;
    max-width: none;
    padding: 0;
  }
  .stagger-columns.align-items-start > div:nth-child(2) {
    -webkit-margin-before: 1rem;
            margin-block-start: 1rem;
    z-index: 1;
  }
  .stagger-columns.align-items-end {
    align-items: start !important;
  }
  .stagger-columns.align-items-end > div:first-child {
    -webkit-margin-before: 2.5rem;
            margin-block-start: 2.5rem;
    z-index: 1;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .stagger-columns .container-block > .row {
    margin: 0;
  }
  .stagger-columns .container-block > .row > .col {
    padding: 0;
  }
  .stagger-columns.align-items-start > div:first-child {
    padding-right: 0;
    z-index: 1;
  }
  .stagger-columns.align-items-start > div:nth-child(2) {
    -webkit-margin-before: -1rem;
            margin-block-start: -1rem;
    padding-left: 0;
  }
  .stagger-columns.align-items-end > div:first-child {
    padding-left: 0;
  }
  .stagger-columns.align-items-end > div:nth-child(2) {
    -webkit-margin-before: -1rem;
            margin-block-start: -1rem;
    padding-right: 0;
  }
}
@media screen and (min-width: 992px) {
  .stagger-columns.align-items-start > div:first-child {
    -webkit-margin-end: -2.5rem;
            margin-inline-end: -2.5rem;
    -webkit-margin-after: 2.5rem;
            margin-block-end: 2.5rem;
  }
  .stagger-columns.align-items-start > div:nth-child(2) {
    -webkit-margin-before: 2.5rem;
            margin-block-start: 2.5rem;
    align-self: end;
  }
  .stagger-columns.align-items-end > div:first-child {
    -webkit-margin-end: -2.5rem;
            margin-inline-end: -2.5rem;
    align-self: end;
  }
  .stagger-columns.align-items-end > div:nth-child(2) {
    z-index: 0;
    -webkit-margin-after: 2.5rem;
            margin-block-end: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .pull-t-xl-6 {
    position: relative;
    top: -6rem;
    margin-bottom: -6rem;
  }
}
.d-grid {
  display: grid !important;
}

.d-grid--3col {
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

.g-1 {
  gap: 1rem;
}

.gy-2 {
  row-gap: 2rem;
}

.node-layout {
  /*margin: 0 -15px;

  @media screen and (min-width: 992px) {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;

    .page-copy {
      flex-basis: 50%;
    }
  }

  .node-layout__header {
    display: flex;
    flex-direction: column;

    @media screen and (min-width: 992px) {
      flex-direction: row;
      position: relative;
      align-items: flex-start;
      justify-content: flex-end;
      flex-basis: 100%;

      header {
        width: calc(50% + 2rem);
      }
    }
  }

  .node-layout__left {
    display: contents;

    @media screen and (min-width: 992px) {
      display: initial;
      position: absolute;
      left: 0;
      width: 50%;
    }
  }*/
}
@media screen and (min-width: 992px) {
  .node-layout .page-head {
    position: relative;
    left: calc(-2rem - 30px);
    width: calc(100% + 2rem + 30px);
    z-index: 1;
    margin-top: 2.5rem;
  }
}

@media (max-width: 991px) {
  .node-layout__left,
  .node-layout__right {
    display: contents;
  }
}
@media screen and (min-width: 992px) {
  .node-layout--article .page-copy {
    flex-basis: 66%;
  }
  .node-layout--article .node-layout__header header {
    width: calc(66% + 2rem);
  }
  .node-layout--article .node-layout__left {
    width: 34%;
  }
}

.module-block {
  padding: 15px;
  background-color: var(--bg-shade-1);
}
.module-block .module-block-dark {
  color: #fff;
  background-color: #4a4a4a;
}
.module-block .module-block-dark a {
  color: #fff;
}
.module-block.module-block-small {
  font-size: 16px;
}
.module-block.module-block-small h3 {
  margin: 0 0 0.5rem;
  font-size: 18px;
  line-height: inherit;
}
.module-block.module-block-small h3 .heading-subheading {
  line-height: 1.445;
}

/* modular-blocks */
.content-block {
  /* mega block */
}
.content-block.mega-block {
  --colour-hue: 235deg;
  --default--colour: hsl(var(--colour-hue), 50%, 50%);
  --default--triadic-colour: hsl(calc(var(--colour-hue) + 120deg) 50% 50%);
  --bg-header: var(--brand--colour, var(--default--colour));
  --bg-aside: var(--brand--colour-triadic, var(--default--colour-traidic)); /*triadic colour*/
  --text-aside: var(--brand--text-colour, #fff);
  width: 100%;
  box-sizing: border-box;
  padding: 15px 15px 0;
}
@media screen and (min-width: 768px) {
  .content-block.mega-block {
    padding: 0 0 1rem;
  }
}
.content-block.mega-block figure {
  margin: 0;
}
.content-block.mega-block img {
  width: 100%;
}
.content-block.mega-block .caption {
  margin: 0;
  padding: 0;
}
.content-block.mega-block .img-cont {
  transition: all 0.3s ease;
}
.content-block.mega-block .img-cont img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .content-block.mega-block .img-cont {
    position: relative;
    height: 440px;
    overflow: hidden;
  }
  .content-block.mega-block .img-cont picture {
    display: block;
    height: 100%;
  }
  .content-block.mega-block .img-cont img {
    position: absolute;
    top: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    font-family: "object-fit: cover; object-position: top", sans-serif;
  }
}
@media screen and (min-width: 1200px) {
  .content-block.mega-block .img-cont {
    height: 500px;
  }
}
@media (min-width: 1500px) {
  .content-block.mega-block .img-cont {
    height: 600px;
  }
}
.content-block.mega-block .intro-content {
  padding: 15px;
  margin-bottom: 15px;
  background-color: var(--bg-colour);
}
.content-block.mega-block .intro-content h2 {
  --heading-colour: var(--brand--text-colour, var(--light));
  margin: -15px -15px 15px;
  padding: 15px;
  background-color: var(--bg-header);
  color: var(--heading-colour);
}
.content-block.mega-block .intro-content .header {
  margin: -15px -15px 15px;
  padding: 15px;
  background-color: var(--bg-header);
  color: var(--heading-colour);
}
.content-block.mega-block .intro-content .header .block-title {
  font-weight: 400;
  font-variation-settings: "wght" 400;
}
.content-block.mega-block .intro-content .header h2 {
  display: inline;
  padding: 0;
  margin: 0;
  background-color: transparent;
}
.content-block.mega-block .intro-content .header .block-title-secondary {
  margin: 0.5rem 0 0;
  font-family: "museo-slab", Arial, Helvetica, sans-serif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.content-block.mega-block .intro-content .header .subtitle {
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .content-block.mega-block .intro-content {
    padding: 20px 30px;
  }
  .content-block.mega-block .intro-content .header, .content-block.mega-block .intro-content h2 {
    margin: -20px -30px 20px;
    padding: 20px 30px;
  }
  .content-block.mega-block .intro-content .header h2 {
    margin: 0;
    padding: 0;
  }
}
@media screen and (min-width: 768px) {
  .content-block.mega-block .intro-content {
    position: relative;
    top: -180px;
    margin-bottom: -160px;
  }
}
@media screen and (min-width: 992px) {
  .content-block.mega-block .intro-content {
    margin-bottom: -100px;
  }
}
.content-block.mega-block.mega-block--has-bg-colour {
  background-color: var(--bg-header);
}
.content-block.mega-block.mega-block--has-bg-colour .intro-content h2 {
  --heading-colour: var(--text-colour);
  padding: 0;
  margin: 0 0 1rem;
  background-color: transparent;
}
.content-block.mega-block.mega-block--has-bg-colour .aside-content {
  background-color: #000;
  color: #fff;
}
.content-block.mega-block .aside-content {
  padding: 2rem;
  text-align: center;
  background-color: var(--bg-aside);
  color: var(--text-aside);
  font-family: "museo-slab", Arial, Helvetica, sans-serif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.content-block.mega-block .aside-content > *:first-child {
  margin-top: 0;
}
.content-block.mega-block .aside-content > *:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .content-block.mega-block .aside-content {
    margin: 0 -15px;
  }
}
@media screen and (min-width: 768px) {
  .content-block.mega-block .aside-content {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 992px) {
  .content-block.mega-block .aside-content {
    margin-bottom: 20px;
  }
}
.content-block.mega-block .aside-content blockquote {
  margin-left: 0;
  color: var(--text-aside);
  border-left-color: var(--text-aside);
}
.content-block.tint {
  background-color: var(--bg-shade-1);
  padding: 2rem 0;
}
@media screen and (min-width: 768px) {
  .content-block.tint {
    padding: 4rem 0;
  }
}

/* components/badge */
.badge {
  position: absolute;
  opacity: 0;
  padding: 2px 5px;
  background: #fff;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  color: black;
  text-align: center;
  font-family: sans-serif;
  letter-spacing: normal;
  transform: scale(0.5);
  transform-origin: center;
  will-change: transform, opacity;
  transition: opacity 230ms ease-in 800ms, transform 130ms cubic-bezier(0, 0.16, 0.34, 1.42) 1s;
}
.badge.active {
  transform: scale(1);
  opacity: 1;
}
.badge.active.jiggle {
  animation: jiggle 800ms cubic-bezier(0.36, 0.07, 0.19, 0.97) 2s both;
}
.badge.active.destroy {
  animation: popout 230ms cubic-bezier(0.2, 1.13, 0.6, 1.38) forwards;
}

*:has(> .badge):hover > .badge.active:not(.destroy),
*:has(> .badge):active > .badge.active:not(.destroy) {
  animation: balloon 130ms cubic-bezier(0.25, 0, 1, 0.56) forwards, shake 800ms cubic-bezier(0.36, 0.07, 0.19, 0.97) 300ms infinite;
}

@keyframes jiggle {
  10%, 90% {
    transform: translateX(-1px);
  }
  20%, 80% {
    transform: translateX(2px);
  }
  30%, 50%, 70% {
    transform: translateX(-2px);
  }
  40%, 60% {
    transform: translateX(1px);
  }
}
@keyframes shake {
  0%, 100% {
    transform: rotate(3deg) scale(1.1);
  }
  10%, 90% {
    transform: rotate(-1deg) scale(1.1);
  }
  20%, 80% {
    transform: rotate(2deg) scale(1.1);
  }
  30%, 50%, 70% {
    transform: rotate(-2deg) scale(1.1);
  }
  40%, 60% {
    transform: rotate(1deg) scale(1.1);
  }
}
@keyframes balloon {
  0% {
    transform: scale(1);
  }
  80% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1.1);
  }
}
@keyframes popout {
  0% {
    transform: scale(1.1);
  }
  80% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
.badge-blue {
  background: #00b9d8;
}

/* components/tag */
.block-wshed-tagged {
  margin-left: auto;
}

ul.wshed-tagged {
  --border-colour: var(--grey-70);
  padding: 0;
  margin: 0 -0.25rem;
  display: inline-block;
  list-style: none;
}
ul.wshed-tagged li {
  display: inline-block;
  margin: 0.25rem;
}

.wshed-tag {
  display: inline-block;
  padding: 2px 8px;
  border: 1px solid var(--border-colour);
  background-color: transparent;
  font-size: 13px;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 4px;
}
.wshed-tag:hover, .wshed-tag:focus {
  background-color: var(--grey-5);
}

.tagged {
  font-family: "acumin-pro", Arial, Helvetica, sans-serif;
  font-variation-settings: "slnt" 0, "wdth" 100, "wght" 400;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--text-colour);
  font-size: 13px;
  text-align: right;
}
@media screen and (min-width: 768px) {
  .tagged {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 992px) {
  .tagged.not-whatson {
    margin-right: 0;
  }
}
.tagged p {
  margin: 0;
}

a.tag {
  display: inline-block;
  padding: 4px 6px;
  border-radius: 3px;
  margin: 0 0 6px 6px;
  box-shadow: 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid var(--border-colour);
  background-color: var(--bg-colour);
  font-size: 13px;
  font-weight: 400;
  font-variation-settings: "wght" 400;
  text-decoration: none;
}
a.tag:hover, a.tag:focus {
  background-color: var(--grey-70);
  border-color: var(--grey-70);
  color: var(--white);
}
a.tag:last-child {
  margin-right: 0;
}
a.tag.default {
  border-color: var(--border-colour);
}
a.tag.tag-active {
  position: relative;
  background: var(--grey-70);
  color: #fff;
  border-color: var(--grey-70);
  opacity: 1;
}
a.tag.tag-active:after {
  content: "×";
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--link-colour);
  font-size: 1rem;
  font-weight: 600;
  font-variation-settings: "wght" 600;
  right: -10px;
  top: -10px;
  width: 1.25rem;
  height: 1.25rem;
  background: var(--bg-colour);
  border: 1px solid var(--border-colour);
  border-radius: 50%;
}
a.tag.tag-active:hover:after {
  background: var(--border-colour);
  color: #000;
}
a.tag.access {
  color: var(--link-colour-ds);
  border-color: var(--link-colour-ds);
}
a.tag.access:hover, a.tag.access:focus, a.tag.access.access.tag-active {
  background: var(--link-colour-ds);
  color: white;
}
@media (prefers-color-scheme: dark) {
  a.tag.access:hover, a.tag.access:focus, a.tag.access.access.tag-active {
    color: #000;
  }
}
a.tag.access-ad {
  color: var(--link-colour-ad);
  border-color: var(--link-colour-ad);
}
a.tag.access-ad:hover, a.tag.access-ad:focus, a.tag.access-ad.access-ad.tag-active {
  background: var(--link-colour-ad);
  color: white;
}
@media (prefers-color-scheme: dark) {
  a.tag.access-ad:hover, a.tag.access-ad:focus, a.tag.access-ad.access-ad.tag-active {
    color: #000;
  }
}
a.tag.access:hover, a.tag.access.tag-active:hover, a.tag.access-ad:hover, a.tag.access-ad.tag-active:hover {
  border-color: transparent;
}

.dark-mode .tagged {
  color: white;
}
.dark-mode a.tag {
  border-color: #515151;
  box-shadow: none;
  background-color: transparent;
  color: white;
}
.dark-mode a.tag:hover, .dark-mode a.tag:focus {
  background-color: white;
  border-color: white;
  color: #2b2727;
}/*# sourceMappingURL=critical.css.map */