html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body {
  margin: 0;
}

article,
[data-id="figcaption"],
figure,
footer,
header,
section {
  display: block;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

b,
strong {
  font-weight: bold;
}

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

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

button,
input {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button {
  text-transform: none;
}

button {
  -webkit-appearance: button;
  cursor: pointer;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

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

html,
body,
div,
span,
h1,
h2,
h3,
h4,
p,
a,
img,
strong,
b,
ul,
li,
label,
article,
figure,
[data-id="figcaption"],
footer,
header,
section,
time {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

body {
  line-height: 1;
}

ul {
  list-style: none;
}

h1,
h2,
h3,
h4 {
  clear: both;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

a:focus {
  outline: thin dotted;
}

a:focus:active {
  outline: none;
}

article,
[data-id="figcaption"],
figure,
footer,
header,
section {
  display: block;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

html,
body {
  height: 100%;
}

body {
  overflow-x: hidden;
  background-color: #fff;
}
.icon {
  font-style: normal;
  position: relative;
  -webkit-transition: color 0.15s ease -0.15s;
  -moz-transition: color 0.15s ease -0.15s;
  -o-transition: color 0.15s ease -0.15s;
  transition: color 0.15s ease -0.15s;
}

.icon:before {
  font-family: "icomoon" !important;
  speak: none;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: "Sohne", “Noto Sans SC”, ui-sans-serif, system-ui, -apple-system,
    BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
    sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
    "Noto Color Emoji";
  letter-spacing: 0.005em;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #404441;
}

h1 {
  line-height: 1.2;
}

h4 {
  line-height: 1.5;
}

h1,
h2 {
  font-weight: 800;
  letter-spacing: -0.008em;
}

h3,
h4 {
  font-weight: 600;
  color: #1e2722;
}

h2 {
  font-size: 24px;
  line-height: 1.25;
}

h3 {
  font-size: 20px;
  line-height: 1.3;
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}

h4 {
  font-size: 18px;
  line-height: 1.3333;
  margin-top: 0.8889em;
  margin-bottom: 0.8889em;
}

p {
  margin-top: 0.75em;
}

h1,
h2,
h3,
h4,
p {
  margin-bottom: 0.75em;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
p:first-child {
  margin-top: 0;
}

p {
  line-height: 1.5;
}

b,
strong {
  font-weight: 600;
}

p b {
  letter-spacing: 0.01em;
}

@media (min-width: 1000px) {
  h2 {
    font-size: 30px;
  }
}
@media (min-width: 1270px) {
  h2 {
    font-size: 36px;
  }

  h3 {
    font-size: 24px;
    line-height: 1.25;
  }

  h4 {
    font-size: 20px;
  }
}

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

a:hover,
.link:hover {
  color: #343734;
}

a:focus,
a:active,
.link:focus,
.link:active {
  color: #1e2722;
}

input {
  -webkit-appearance: none;
}

input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding: 0.5625em 0.625em;
  vertical-align: middle;
  background-image: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}

input:focus {
  outline: none;
}

input[type="text"]:focus {
  border-color: #2082aa;
}

input[type="checkbox"] {
  -webkit-appearance: checkbox;
  margin: 0 10px 2px 0px;
}

label {
  display: inline-block;
  font-weight: 600;
  margin-bottom: 0.375em;
}

.logo img[src$=".svg"] {
  display: block;
  height: auto;
}

@media only screen and (max-width: 767px) {
  .logo {
    width: 95px;
  }

  .logo a {
    height: 0px;
    padding-left: 24px;
  }

  .logo a:before {
    width: 24px;
    background-size: 24px 36px;
  }

  .logo img[src$=".svg"] {
    width: 150px;
  }
}

.deprecated .o-feature-set--station.nat .u-blocklink .faux-link:not(:visited) {
  color: #1e2722;
}

.deprecated .o-feature-set--station.con .u-blocklink .faux-link:not(:visited) {
  color: #1e2722;
}

.deprecated .o-feature-set--station.int .u-blocklink .faux-link:not(:visited) {
  color: #1e2722;
}

.deprecated .o-feature-set--station.rnz .u-blocklink .faux-link:not(:visited) {
  color: #1e2722;
}

.deprecated .o-feature-set--station.pod .u-blocklink .faux-link:not(:visited) {
  color: #1e2722;
}
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  body {
    overflow: visible !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  .logo {
    display: none;
  }
}
_:-ms-fullscreen .matariki-panel_col {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

@media (min-width: 1312px) {
  _:-ms-fullscreen .matariki-panel_col {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

_:-ms-fullscreen .matariki-panel_grid {
  display: block;
}

@media (min-width: 1312px) {
  _:-ms-fullscreen .matariki-panel_grid {
    display: -ms-grid;
    display: grid;
  }
}