@charset "UTF-8";
@import 'prismjs/themes/prism.css';
@import 'prismjs/themes/prism-okaidia.css';
:root {
  --hse-frontend-version: "6.3.0" ;
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr {
  text-decoration: none;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.


 h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
 */
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*------------------------------------*\
    RESET (INUITCSS)
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0;
}

/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title],
dfn[title] {
  cursor: help;
}

/**
 * Remove underlines from potentially troublesome elements.
 */
u,
ins {
  text-decoration: none;
}

/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
ins {
  border-bottom: 1px solid;
}

/* stylelint-disable color-no-hex */
/* stylelint-enable color-no-hex */
body {
  -webkit-font-variant-ligatures: no-common-ligatures;
          font-variant-ligatures: no-common-ligatures;
}

/* stylelint-disable indentation */
/* stylelint-disable color-no-hex */
/* ==========================================================================
   GENERIC / #BOX-SIZING
   ========================================================================== */
/**
 * Set the global `box-sizing` state to `border-box`.
 */
html {
  box-sizing: border-box;
}

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

/* ==========================================================================
   ELEMENTS / #PAGE
   ========================================================================== */
/**
 * High-level, page-level styling.
 *
 * 1. The reason for this is to prevent "centering jumps" when navigating back
 *    and forth between pages with enough content to have a vertical scroll bar
 *    and pages that do not.
 * 2. Fonts on OSX will look more consistent with other systems that do not
 *    render text using sub-pixel anti-aliasing.
 * 3. Override the user agent style margin of 8px.
 * 4. Ensure the page always fills at least the entire height of the viewport.
 * 5. Sticky footer - sticks to bottom of the screen when content of the page isn’t enough to push it there. If there is enough content, footer happily pushed down.
 */
html {
  background-color: #ffffff;
  overflow-y: scroll; /* [1] */
  font-size: 1rem;
  font-family: Roboto, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

body {
  background-color: #ffffff;
  color: #212b32;
  -moz-osx-font-smoothing: grayscale; /* [2] */
  -webkit-font-smoothing: antialiased; /* [2] */
  line-height: 1.5;
  margin: 0; /* [3] */
  min-height: 101vh; /* [4][5] */
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; /* [5] */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; /* [5] */
}

/* ==========================================================================
   ELEMENTS / #LINKS
   ========================================================================== */
/**
 * Our basic `<a>` elements only need very minimal styling.
 * It uses the @mixin hse-link-style-default within tools/links.
 * Anything more opinionated (e.g. buttons, calls-to-action, etc.) will need a
 * class defining in the Components layer.
 *
 * 1. Outputs full link URL for print.
 * 2. Point unit used for print.
 */
a {
  color: #981e32;
  /*
    @include mq($media-type: print) {
      &:after {
        color: $color_hse-black;
        content: " (Link: " attr(href) ")"; 
        font-size: 14pt; 
      }
    }
    */
}
a:visited {
  color: #CC2844;
}
a:hover {
  color: #5b121e;
  text-decoration: none;
}
a:focus {
  background-color: #ffdd00;
  box-shadow: 0 -2px #ffdd00, 0 4px #212b32;
  color: #212b32;
  outline: 4px solid transparent;
  text-decoration: none;
}
a:focus:hover {
  text-decoration: none;
}
a:focus:visited {
  color: #212b32;
}
a:focus .hse-icon {
  fill: #212b32;
}
a:active {
  color: #4c0f19;
}

.hse-link--no-visited-state:link {
  color: #981e32;
}
.hse-link--no-visited-state:visited {
  color: #981e32;
}
.hse-link--no-visited-state:hover {
  color: #5b121e;
}
.hse-link--no-visited-state:active {
  color: #4c0f19;
}
.hse-link--no-visited-state:focus {
  color: #212b32;
}

p.moreLinkSide {
  clear: both;
}

.columnFull .column p.moreLink {
  font-weight: 700;
  clear: both;
  margin: 0 !important;
  margin-top: auto !important;
}

.homepage-section p.moreLink {
  font-weight: 700;
  clear: both;
  margin-top: auto !important;
}

p.moreLink {
  margin-bottom: 0 !important;
}

p.moreLink a {
  padding: 0;
  font-weight: bold;
}

/* ==========================================================================
   ELEMENTS / #TABLES
   ========================================================================== */
/**
 * 1. Force `<table>`s to be full-width by default.
 */
table {
  border-spacing: 0;
  vertical-align: top;
  width: 100%; /* [1] */
  margin-bottom: 40px;
}
@media (min-width: 40.0625em) {
  table {
    margin-bottom: 48px;
  }
}
@media print {
  table {
    page-break-inside: avoid;
  }
}

thead th {
  border-bottom: 2px solid #f0f0f0;
}

th,
td {
  border-bottom: 1px solid #f0f0f0;
  text-align: left;
  vertical-align: top;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.75;
  padding-bottom: 8px;
  padding-right: 16px;
  padding-top: 8px;
}
@media (min-width: 40.0625em) {
  th,
  td {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.68421;
  }
}
@media print {
  th,
  td {
    font-size: 14pt;
    line-height: 1.15;
  }
}
@media (min-width: 40.0625em) {
  th,
  td {
    padding-bottom: 16px;
  }
}
@media (min-width: 40.0625em) {
  th,
  td {
    padding-right: 24px;
  }
}
@media (min-width: 40.0625em) {
  th,
  td {
    padding-top: 16px;
  }
}
th:last-child,
td:last-child {
  padding-right: 0;
}

th {
  font-weight: 600;
}

caption {
  text-align: left;
  font-weight: 600;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.55556;
}
@media (min-width: 40.0625em) {
  caption {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.45455;
  }
}
@media print {
  caption {
    font-size: 18pt;
    line-height: 1.15;
  }
}

/* ==========================================================================
   OBJECTS / #GRID
   ========================================================================== */
.hse-grid-row {
  margin-left: -16px;
  margin-right: -16px;
}
.hse-grid-row:after {
  clear: both;
  content: "";
  display: block;
}

.hse-grid-column-one-quarter {
  padding: 0 16px;
}
@media (min-width: 48.0625em) {
  .hse-grid-column-one-quarter {
    float: left;
    width: 25%;
  }
}

.hse-grid-column-one-third {
  padding: 0 16px;
}
@media (min-width: 48.0625em) {
  .hse-grid-column-one-third {
    float: left;
    width: 33.3333%;
  }
}

.hse-grid-column-one-half {
  padding: 0 16px;
}
@media (min-width: 48.0625em) {
  .hse-grid-column-one-half {
    float: left;
    width: 50%;
  }
}

.hse-grid-column-two-thirds {
  padding: 0 16px;
}
@media (min-width: 48.0625em) {
  .hse-grid-column-two-thirds {
    float: left;
    width: 66.6666%;
  }
}

.hse-grid-column-three-quarters {
  padding: 0 16px;
}
@media (min-width: 48.0625em) {
  .hse-grid-column-three-quarters {
    float: left;
    width: 75%;
  }
}

.hse-grid-column-full {
  padding: 0 16px;
}
@media (min-width: 48.0625em) {
  .hse-grid-column-full {
    float: left;
    width: 100%;
  }
}

#menu {
  margin-bottom: 20px;
}

#navigationContainer {
  width: 960px;
  margin: 15px auto 0 auto;
  height: 33px;
}

#gutter,
#printBanner {
  display: none;
}

#lastUpdated {
  display: none;
}

#contentContainer {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/* Footer */
#footer h2 {
  color: white;
}

.footer-links-container ul {
  list-style-type: none;
  margin: 0;
}

#languagesDropdown-container {
  width: 100%;
}

#navigationContainer {
  height: 33px;
}

.navDropdown {
  font-size: 1.1em !important;
}

#contentContainer {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

#printGuide {
  margin-top: 20px;
}

/* ==========================================================================
   OBJECTS / #WIDTH-CONTAINER
   ========================================================================== */
/**
 * Page width for the grid system
 *
 * Original code taken from GDS (Government Digital Service)
 * https://github.com/alphagov/govuk-frontend
 *
 * 1. On mobile, add half width gutters
 * 2. Limit the width of the container to the page width
 * 3. From desktop, add full width gutters
 * 4. As soon as the viewport is greater than the width of the page plus the
 *    gutters, just centre the content instead of adding gutters.
 * 5. Full width container, spanning the entire width of the viewport
 * 6. Feedback message from 1024px is not full width. Adding 100% width fixes the issue.
 */
.hse-width-container {
  margin: 0 16px; /* [1] */
  max-width: 960px; /* [2] */
  /* [4] */
}
@media (min-width: 48.0625em) {
  .hse-width-container {
    margin: 0 32px; /* [3] */
  }
}
@media (min-width: 64em) {
  .hse-width-container {
    width: 100%; /* [6] */
  }
}
@media (min-width: 1024px) {
  .hse-width-container {
    margin: 0 auto;
  }
}

.hse-width-container--search {
  margin: 0 0 0 16px;
}

@media (min-width: 48.0625em) {
  .hse-width-container--search {
    margin: 0 16px; /* [1] */
    max-width: 960px; /* [2] */
    /* [4] */
  }
}
@media (min-width: 48.0625em) and (min-width: 48.0625em) {
  .hse-width-container--search {
    margin: 0 32px; /* [3] */
  }
}
@media (min-width: 48.0625em) and (min-width: 64em) {
  .hse-width-container--search {
    width: 100%; /* [6] */
  }
}
@media (min-width: 48.0625em) and (min-width: 1024px) {
  .hse-width-container--search {
    margin: 0 auto;
  }
}
.hse-width-container-fluid {
  margin: 0 16px;
  max-width: 100%; /* [5] */
}
@media (min-width: 48.0625em) {
  .hse-width-container-fluid {
    margin: 0 32px; /* [3] */
  }
}

.hse-form-group {
  margin-bottom: 16px;
}
@media (min-width: 40.0625em) {
  .hse-form-group {
    margin-bottom: 24px;
  }
}
.hse-form-group .hse-form-group:last-of-type {
  margin-bottom: 0;
}

.hse-form-group--wrapper {
  margin-bottom: 24px;
}
@media (min-width: 40.0625em) {
  .hse-form-group--wrapper {
    margin-bottom: 32px;
  }
}

.hse-form-group--error {
  border-left: 4px solid #981e32;
  padding-left: 16px;
}
.hse-form-group--error .hse-form-group {
  border: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6,
ul, ol, dl,
blockquote, p, address,
table,
fieldset, figure,
pre {
  margin: 0 0 1em 0;
}

.hse-page-contents, .hse-page-header, .hse-page-contents--fullWidth, .sideNavigation {
  margin-top: 32px;
}
@media (min-width: 40.0625em) {
  .hse-page-contents, .hse-page-header, .hse-page-contents--fullWidth, .sideNavigation {
    margin-top: 40px;
  }
}

.sideNavigation .hse-page-contents, .twoThirdsOneThird .hse-page-contents {
  margin-top: 0;
}

abbr,
acronym {
  border-bottom: 1px dotted #111;
}

.hse-page-contents dl {
  margin: 0 0 1em 0;
}

ul.no-style {
  margin: 0 !important;
  padding: 0 !important;
}

ul.no-style li {
  background: 0 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

dd {
  margin: 0;
}

ol {
  list-style: decimal outside;
}

ol.list-alpha,
ol.a {
  list-style-type: lower-alpha;
}

ol.list-numeric,
ol.i {
  list-style-type: lower-roman;
}

ul.listhorizontal li.first {
  border: none;
  padding-right: 0.6em;
  margin-left: -1.6em;
}

ul.listhorizontal li {
  background: 0 0;
  margin: 0;
  padding: 0 0.6em;
  display: inline;
  border-left-width: 1px;
  border-left-style: solid;
}

ul.listhorizontal {
  margin: 1em 0 2em 0;
}

.hse-page-contents ul li::marker, .hse-print-guide-page ul li::marker {
  color: #981e32;
}

.hse-page-contents ul.list-plain {
  margin: 0;
  padding: 0;
}
.hse-page-contents ul.list-plain li {
  margin: 0;
  padding: 0;
  background-image: none;
  list-style-type: none;
}

.hse-page-contents ul.list-inline {
  margin: 0;
  padding: 0;
}
.hse-page-contents ul.list-inline li {
  display: inline-block;
  margin: 0;
  padding: 0;
  background-image: none;
  list-style-type: none;
}

/* review split list */
.splitList2 ul {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}

.splitList3 ul {
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}

.splitList4 ul {
  -webkit-column-count: 4;
     -moz-column-count: 4;
          column-count: 4;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}

.hse-page-contents .pressReleases li {
  padding-bottom: 20px;
}

.hse-page-contents .safetyAlerts li {
  list-style-type: none;
}

.document dl,
.document dd {
  margin: 0 !important;
}

.document dl dt {
  font-size: 0.9rem;
  line-height: 1.5;
  padding-right: 5px;
}

.box dl {
  margin: 0;
}

dt {
  font-weight: bold;
  padding-right: 10px;
  float: left;
  clear: left;
  padding-right: 5px;
  margin-top: 0;
}

dl.document {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  float: left;
}

dl.document dt {
  float: left;
  clear: left;
  padding-right: 10px;
}

dl.document dd {
  float: left;
  margin-bottom: 5px;
}

/* page-contents */
.hse-page-contents ul.hse-card-group {
  margin: 0;
}

/* ==========================================================================
   STYLES / #LISTS
   ========================================================================== */
/**
 * 1. 'Random number' used to align ul and ol left with content.
 * 2. 'Random number' used to give sufficient spacing between text and icon.
 * 3. 'Random number' used to align icon and text.
 */
ol, ul, .hse-list {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.75;
  margin-bottom: 16px;
  list-style-type: none;
  margin-top: 0;
  padding-left: 0;
}
@media (min-width: 40.0625em) {
  ol, ul, .hse-list {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.68421;
  }
}
@media print {
  ol, ul, .hse-list {
    font-size: 14pt;
    line-height: 1.15;
  }
}
@media (min-width: 40.0625em) {
  ol, ul, .hse-list {
    margin-bottom: 24px;
  }
}

ol > li, ul > li, .hse-list > li {
  margin-bottom: 8px;
}
@media (min-width: 40.0625em) {
  ol > li, ul > li, .hse-list > li {
    margin-bottom: 8px;
  }
}
ol > li:last-child, ul > li:last-child, .hse-list > li:last-child {
  margin-bottom: 0;
}

ul, .hse-list--bullet {
  list-style-type: disc;
  padding-left: 20px; /* [1] */
}

ol, .hse-list--number {
  list-style-type: decimal;
  padding-left: 20px; /* [1] */
}

.hse-list--tick,
.hse-list--cross {
  list-style: none;
  margin-top: 0;
  padding-left: 40px; /* [2] */
  position: relative;
}
.hse-list--tick svg,
.hse-list--cross svg {
  left: -4px; /* [3] */
  margin-top: -5px; /* [3] */
  position: absolute;
}

.hse-list--key-links, .hse-browse-section__list {
  font-weight: bold;
  list-style: none;
  padding: 0;
  margin-left: 20px;
}
.hse-list--key-links li a:focus-within, .hse-browse-section__list li a:focus-within {
  background: #ffdd00;
}

.hse-list--key-links li, .hse-browse-section__list li {
  margin-bottom: 8px;
  text-indent: -20px;
}
@media (min-width: 40.0625em) {
  .hse-list--key-links li, .hse-browse-section__list li {
    margin-bottom: 16px;
  }
}

.hse-list--key-links.hse-card-group, .hse-card-group.hse-browse-section__list {
  margin-left: 0;
}

.hse-list--key-links li a:focus:before, .hse-browse-section__list li a:focus:before, .hse-u-browse-link a:focus:before {
  border-right: 3px solid #212b32;
  border-top: 3px solid #212b32;
}
.hse-list--key-links li a:before, .hse-browse-section__list li a:before, .hse-u-browse-link a:before {
  border-right: 3px solid #981e32;
  border-top: 3px solid #981e32;
  content: "";
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  /* display: inline-block; */
  height: 10px;
  position: relative;
  right: 0;
  margin-right: 10px;
  top: 0;
  -webkit-transform: translateY(0) rotate(45deg) scale(1);
  -ms-transform: translateY(0) rotate(45deg) scale(1);
  transform: translateY(0) rotate(45deg) scale(1);
  width: 10px;
}

.hse-list--key-links li a:hover::before, .hse-browse-section__list li a:hover::before {
  border-color: #1e060a;
}

.hse-browse-section__list p {
  text-indent: 0;
  font-weight: normal;
}

/* ==========================================================================
   STYLES / #TYPOGRAPHY
   ========================================================================== */
/* Headings */
h1,
.hse-heading-xl {
  font-size: 32px;
  font-size: 2rem;
  line-height: 1.25;
  display: block;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 40px;
}
@media (min-width: 40.0625em) {
  h1,
  .hse-heading-xl {
    font-size: 48px;
    font-size: 3rem;
    line-height: 1.16667;
  }
}
@media print {
  h1,
  .hse-heading-xl {
    font-size: 32pt;
    line-height: 1.15;
  }
}
@media (min-width: 40.0625em) {
  h1,
  .hse-heading-xl {
    margin-bottom: 48px;
  }
}

h1 {
  color: #981e32;
}

h2,
.hse-heading-l {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.33333;
  display: block;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 16px;
}
@media (min-width: 40.0625em) {
  h2,
  .hse-heading-l {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.25;
  }
}
@media print {
  h2,
  .hse-heading-l {
    font-size: 24pt;
    line-height: 1.05;
  }
}
@media (min-width: 40.0625em) {
  h2,
  .hse-heading-l {
    margin-bottom: 24px;
  }
}

h3,
.hse-heading-m {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
  display: block;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 16px;
}
@media (min-width: 40.0625em) {
  h3,
  .hse-heading-m {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.33333;
  }
}
@media print {
  h3,
  .hse-heading-m {
    font-size: 18pt;
    line-height: 1.15;
  }
}
@media (min-width: 40.0625em) {
  h3,
  .hse-heading-m {
    margin-bottom: 24px;
  }
}

h4,
.hse-heading-s {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.55556;
  display: block;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 16px;
}
@media (min-width: 40.0625em) {
  h4,
  .hse-heading-s {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.45455;
  }
}
@media print {
  h4,
  .hse-heading-s {
    font-size: 18pt;
    line-height: 1.15;
  }
}
@media (min-width: 40.0625em) {
  h4,
  .hse-heading-s {
    margin-bottom: 24px;
  }
}

h5,
.hse-heading-xs {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.75;
  display: block;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 16px;
}
@media (min-width: 40.0625em) {
  h5,
  .hse-heading-xs {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.68421;
  }
}
@media print {
  h5,
  .hse-heading-xs {
    font-size: 14pt;
    line-height: 1.15;
  }
}
@media (min-width: 40.0625em) {
  h5,
  .hse-heading-xs {
    margin-bottom: 24px;
  }
}

h6,
.hse-heading-xxs {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.75;
  display: block;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 16px;
}
@media (min-width: 40.0625em) {
  h6,
  .hse-heading-xxs {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.68421;
  }
}
@media print {
  h6,
  .hse-heading-xxs {
    font-size: 14pt;
    line-height: 1.15;
  }
}
@media (min-width: 40.0625em) {
  h6,
  .hse-heading-xxs {
    margin-bottom: 24px;
  }
}

/* Captions to be used inside headings */
.hse-caption-xl {
  font-weight: 400;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.33333;
  color: #333333;
  display: block;
  margin-bottom: 4px;
}
@media (min-width: 40.0625em) {
  .hse-caption-xl {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.25;
  }
}
@media print {
  .hse-caption-xl {
    font-size: 24pt;
    line-height: 1.05;
  }
}

.hse-caption-l {
  font-weight: 400;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
  color: #333333;
  display: block;
  margin-bottom: 4px;
}
@media (min-width: 40.0625em) {
  .hse-caption-l {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.33333;
  }
}
@media print {
  .hse-caption-l {
    font-size: 18pt;
    line-height: 1.15;
  }
}

.hse-caption-m {
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.75;
  color: #333333;
  display: block;
}
@media (min-width: 40.0625em) {
  .hse-caption-m {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.68421;
  }
}
@media print {
  .hse-caption-m {
    font-size: 14pt;
    line-height: 1.15;
  }
}

.hse-caption--bottom {
  margin-bottom: 0;
  margin-top: 4px;
}

/* Body (paragraphs) */
.hse-body-l {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
  display: block;
  margin-top: 0;
  margin-bottom: 24px;
}
@media (min-width: 40.0625em) {
  .hse-body-l {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.33333;
  }
}
@media print {
  .hse-body-l {
    font-size: 18pt;
    line-height: 1.15;
  }
}
@media (min-width: 40.0625em) {
  .hse-body-l {
    margin-bottom: 32px;
  }
}

address, p,
.hse-body-m, .accordion__heading {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.75;
  display: block;
  margin-top: 0;
  margin-bottom: 16px;
}
@media (min-width: 40.0625em) {
  address, p,
  .hse-body-m, .accordion__heading {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.68421;
  }
}
@media print {
  address, p,
  .hse-body-m, .accordion__heading {
    font-size: 14pt;
    line-height: 1.15;
  }
}
@media (min-width: 40.0625em) {
  address, p,
  .hse-body-m, .accordion__heading {
    margin-bottom: 24px;
  }
}

p,
.hse-body-m, .accordion__heading {
  color: inherit;
}

.hse-body-s {
  font-size: 16px;
  font-size: 1rem;
  line-height: 2;
  display: block;
  margin-top: 0;
  margin-bottom: 16px;
}
@media (min-width: 40.0625em) {
  .hse-body-s {
    font-size: 16px;
    font-size: 1rem;
    line-height: 2;
  }
}
@media print {
  .hse-body-s {
    font-size: 14pt;
    line-height: 1.2;
  }
}
@media (min-width: 40.0625em) {
  .hse-body-s {
    margin-bottom: 24px;
  }
}

address {
  font-style: normal;
}

/**
 * Lede text
 *
 * 1. Apply lede text styling to p and ul within the lede element
 * 2. Reduces the spacing between the page heading and the lede text
 */
.hse-lede-text {
  font-weight: 400;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
  line-height: 1.5 !important;
  margin-bottom: 40px;
  /* [1] */
}
@media (min-width: 40.0625em) {
  .hse-lede-text {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.33333;
  }
}
@media print {
  .hse-lede-text {
    font-size: 18pt;
    line-height: 1.15;
  }
}
@media (min-width: 40.0625em) {
  .hse-lede-text {
    margin-bottom: 48px;
  }
}
.hse-lede-text p,
.hse-lede-text ul {
  font-weight: 400;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
}
@media (min-width: 40.0625em) {
  .hse-lede-text p,
  .hse-lede-text ul {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.33333;
  }
}
@media print {
  .hse-lede-text p,
  .hse-lede-text ul {
    font-size: 18pt;
    line-height: 1.15;
  }
}

.hse-lede-text--small {
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.75;
  margin-bottom: 24px;
}
@media (min-width: 40.0625em) {
  .hse-lede-text--small {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.68421;
  }
}
@media print {
  .hse-lede-text--small {
    font-size: 14pt;
    line-height: 1.15;
  }
}
@media (min-width: 40.0625em) {
  .hse-lede-text--small {
    margin-bottom: 32px;
  }
}

/* [2] */
h1 + .hse-lede-text,
h1 + .hse-lede-text--small {
  margin-top: -8px;
}

/**
 * Contextual adjustments
 *
 * Add top padding to headings that appear directly after paragraphs.
 *
 * 1. Removes the padding-top because of the lede-text's increased margin-bottom
 *
 * Original code taken from GDS (Government Digital Service)
 * https://github.com/alphagov/hse-frontend
 */
.hse-body-l + h2,
.hse-body-l + .hse-heading-l {
  padding-top: 4px;
}
@media (min-width: 40.0625em) {
  .hse-body-l + h2,
  .hse-body-l + .hse-heading-l {
    padding-top: 8px;
  }
}

p + h2,
.hse-body-m + h2, .accordion__heading + h2, address + h2,
p + .hse-heading-l,
.hse-body-m + .hse-heading-l,
.accordion__heading + .hse-heading-l,
address + .hse-heading-l,
.hse-body-s + h2,
.hse-body-s + .hse-heading-l,
.hse-list + h2,
ul + h2,
ol + h2,
.hse-list + .hse-heading-l,
ul + .hse-heading-l,
ol + .hse-heading-l {
  padding-top: 16px;
}
@media (min-width: 40.0625em) {
  p + h2,
  .hse-body-m + h2, .accordion__heading + h2, address + h2,
  p + .hse-heading-l,
  .hse-body-m + .hse-heading-l,
  .accordion__heading + .hse-heading-l,
  address + .hse-heading-l,
  .hse-body-s + h2,
  .hse-body-s + .hse-heading-l,
  .hse-list + h2,
  ul + h2,
  ol + h2,
  .hse-list + .hse-heading-l,
  ul + .hse-heading-l,
  ol + .hse-heading-l {
    padding-top: 24px;
  }
}

p + h3,
.hse-body-m + h3, .accordion__heading + h3, address + h3,
p + .hse-heading-m,
.hse-body-m + .hse-heading-m,
.accordion__heading + .hse-heading-m,
address + .hse-heading-m,
.hse-body-s + h3,
.hse-body-s + .hse-heading-m,
.hse-list + h3,
ul + h3,
ol + h3,
.hse-list + .hse-heading-m,
ul + .hse-heading-m,
ol + .hse-heading-m,
p + h4,
.hse-body-m + h4,
.accordion__heading + h4,
address + h4,
p + .hse-heading-s,
.hse-body-m + .hse-heading-s,
.accordion__heading + .hse-heading-s,
address + .hse-heading-s,
.hse-body-s + h4,
.hse-body-s + .hse-heading-s,
.hse-list + h4,
ul + h4,
ol + h4,
.hse-list + .hse-heading-s,
ul + .hse-heading-s,
ol + .hse-heading-s {
  padding-top: 4px;
}
@media (min-width: 40.0625em) {
  p + h3,
  .hse-body-m + h3, .accordion__heading + h3, address + h3,
  p + .hse-heading-m,
  .hse-body-m + .hse-heading-m,
  .accordion__heading + .hse-heading-m,
  address + .hse-heading-m,
  .hse-body-s + h3,
  .hse-body-s + .hse-heading-m,
  .hse-list + h3,
  ul + h3,
  ol + h3,
  .hse-list + .hse-heading-m,
  ul + .hse-heading-m,
  ol + .hse-heading-m,
  p + h4,
  .hse-body-m + h4,
  .accordion__heading + h4,
  address + h4,
  p + .hse-heading-s,
  .hse-body-m + .hse-heading-s,
  .accordion__heading + .hse-heading-s,
  address + .hse-heading-s,
  .hse-body-s + h4,
  .hse-body-s + .hse-heading-s,
  .hse-list + h4,
  ul + h4,
  ol + h4,
  .hse-list + .hse-heading-s,
  ul + .hse-heading-s,
  ol + .hse-heading-s {
    padding-top: 8px;
  }
}

/* [1] */
.hse-lede-text + h2,
.hse-lede-text + .hse-heading-l {
  padding-top: 0;
}

/* Font weight for <strong> and <b> */
strong,
b {
  font-weight: 600;
}

/* ==========================================================================
   STYLES / #SECTION-BREAK
   ========================================================================== */
/**
 * 1. Extended the section-break--l code for usage of a semantic <hr> with
 * no class name.
 *
 * Original code taken from GDS (Government Digital Service)
 * https://github.com/alphagov/govuk-frontend
 */
hr, .hse-section-break {
  border: 0;
  margin: 0;
}

.hse-section-break--xl {
  margin-top: 48px;
  margin-bottom: 48px;
}
@media (min-width: 40.0625em) {
  .hse-section-break--xl {
    margin-top: 56px;
  }
}
@media (min-width: 40.0625em) {
  .hse-section-break--xl {
    margin-bottom: 56px;
  }
}

hr, .hse-section-break--l {
  margin-top: 32px;
  margin-bottom: 32px;
}
@media (min-width: 40.0625em) {
  hr, .hse-section-break--l {
    margin-top: 40px;
  }
}
@media (min-width: 40.0625em) {
  hr, .hse-section-break--l {
    margin-bottom: 40px;
  }
}

.hse-section-break--m {
  margin-top: 16px;
  margin-bottom: 16px;
}
@media (min-width: 40.0625em) {
  .hse-section-break--m {
    margin-top: 24px;
  }
}
@media (min-width: 40.0625em) {
  .hse-section-break--m {
    margin-bottom: 24px;
  }
}

hr, .hse-section-break--visible {
  border-bottom: 2px solid #f0f0f0;
}

hr {
  /* [1] */
}

.hidden,
.hide {
  position: absolute;
  left: -1000em;
}

.hideFromScreen {
  display: none;
}
@media print {
  .hideFromScreen {
    display: inline;
  }
}

/* @mixin hse-visually-hidden {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
}

@mixin visually-hidden {
    @include hse-visually-hidden
}

*/
.visually-hidden, .modal__close span, .js-enabled .input-file {
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  opacity: 0;
}

.hide-notification {
  display: none !important;
}

.noFileType .fileType {
  display: none;
}

.clearAll,
.clearBox,
.utilclearfloats {
  clear: both;
}

.alignLeft {
  float: left;
}

.alignRight {
  float: right;
}

.hse-u-margin-0 {
  margin: 0 !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-0 {
    margin: 0 !important;
  }
}

.hse-u-margin-top-0 {
  margin-top: 0 !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-top-0 {
    margin-top: 0 !important;
  }
}

.hse-u-margin-right-0 {
  margin-right: 0 !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-right-0 {
    margin-right: 0 !important;
  }
}

.hse-u-margin-bottom-0 {
  margin-bottom: 0 !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-bottom-0 {
    margin-bottom: 0 !important;
  }
}

.hse-u-margin-left-0 {
  margin-left: 0 !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-left-0 {
    margin-left: 0 !important;
  }
}

.hse-u-margin-1 {
  margin: 4px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-1 {
    margin: 4px !important;
  }
}

.hse-u-margin-top-1 {
  margin-top: 4px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-top-1 {
    margin-top: 4px !important;
  }
}

.hse-u-margin-right-1 {
  margin-right: 4px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-right-1 {
    margin-right: 4px !important;
  }
}

.hse-u-margin-bottom-1 {
  margin-bottom: 4px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-bottom-1 {
    margin-bottom: 4px !important;
  }
}

.hse-u-margin-left-1 {
  margin-left: 4px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-left-1 {
    margin-left: 4px !important;
  }
}

.hse-u-margin-2 {
  margin: 8px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-2 {
    margin: 8px !important;
  }
}

.hse-u-margin-top-2 {
  margin-top: 8px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-top-2 {
    margin-top: 8px !important;
  }
}

.hse-u-margin-right-2 {
  margin-right: 8px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-right-2 {
    margin-right: 8px !important;
  }
}

.hse-u-margin-bottom-2 {
  margin-bottom: 8px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-bottom-2 {
    margin-bottom: 8px !important;
  }
}

.hse-u-margin-left-2 {
  margin-left: 8px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-left-2 {
    margin-left: 8px !important;
  }
}

.hse-u-margin-3 {
  margin: 8px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-3 {
    margin: 16px !important;
  }
}

.hse-u-margin-top-3 {
  margin-top: 8px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-top-3 {
    margin-top: 16px !important;
  }
}

.hse-u-margin-right-3 {
  margin-right: 8px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-right-3 {
    margin-right: 16px !important;
  }
}

.hse-u-margin-bottom-3 {
  margin-bottom: 8px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-bottom-3 {
    margin-bottom: 16px !important;
  }
}

.hse-u-margin-left-3 {
  margin-left: 8px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-left-3 {
    margin-left: 16px !important;
  }
}

.hse-u-margin-4 {
  margin: 16px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-4 {
    margin: 24px !important;
  }
}

.hse-u-margin-top-4 {
  margin-top: 16px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-top-4 {
    margin-top: 24px !important;
  }
}

.hse-u-margin-right-4 {
  margin-right: 16px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-right-4 {
    margin-right: 24px !important;
  }
}

.hse-u-margin-bottom-4 {
  margin-bottom: 16px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-bottom-4 {
    margin-bottom: 24px !important;
  }
}

.hse-u-margin-left-4 {
  margin-left: 16px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-left-4 {
    margin-left: 24px !important;
  }
}

.hse-u-margin-5 {
  margin: 24px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-5 {
    margin: 32px !important;
  }
}

.hse-u-margin-top-5 {
  margin-top: 24px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-top-5 {
    margin-top: 32px !important;
  }
}

.hse-u-margin-right-5 {
  margin-right: 24px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-right-5 {
    margin-right: 32px !important;
  }
}

.hse-u-margin-bottom-5 {
  margin-bottom: 24px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-bottom-5 {
    margin-bottom: 32px !important;
  }
}

.hse-u-margin-left-5 {
  margin-left: 24px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-left-5 {
    margin-left: 32px !important;
  }
}

.hse-u-margin-6 {
  margin: 32px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-6 {
    margin: 40px !important;
  }
}

.hse-u-margin-top-6 {
  margin-top: 32px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-top-6 {
    margin-top: 40px !important;
  }
}

.hse-u-margin-right-6 {
  margin-right: 32px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-right-6 {
    margin-right: 40px !important;
  }
}

.hse-u-margin-bottom-6 {
  margin-bottom: 32px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-bottom-6 {
    margin-bottom: 40px !important;
  }
}

.hse-u-margin-left-6 {
  margin-left: 32px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-left-6 {
    margin-left: 40px !important;
  }
}

.hse-u-margin-7 {
  margin: 40px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-7 {
    margin: 48px !important;
  }
}

.hse-u-margin-top-7 {
  margin-top: 40px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-top-7 {
    margin-top: 48px !important;
  }
}

.hse-u-margin-right-7 {
  margin-right: 40px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-right-7 {
    margin-right: 48px !important;
  }
}

.hse-u-margin-bottom-7 {
  margin-bottom: 40px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-bottom-7 {
    margin-bottom: 48px !important;
  }
}

.hse-u-margin-left-7 {
  margin-left: 40px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-left-7 {
    margin-left: 48px !important;
  }
}

.hse-u-margin-8 {
  margin: 48px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-8 {
    margin: 56px !important;
  }
}

.hse-u-margin-top-8 {
  margin-top: 48px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-top-8 {
    margin-top: 56px !important;
  }
}

.hse-u-margin-right-8 {
  margin-right: 48px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-right-8 {
    margin-right: 56px !important;
  }
}

.hse-u-margin-bottom-8 {
  margin-bottom: 48px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-bottom-8 {
    margin-bottom: 56px !important;
  }
}

.hse-u-margin-left-8 {
  margin-left: 48px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-left-8 {
    margin-left: 56px !important;
  }
}

.hse-u-margin-9 {
  margin: 56px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-9 {
    margin: 64px !important;
  }
}

.hse-u-margin-top-9 {
  margin-top: 56px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-top-9 {
    margin-top: 64px !important;
  }
}

.hse-u-margin-right-9 {
  margin-right: 56px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-right-9 {
    margin-right: 64px !important;
  }
}

.hse-u-margin-bottom-9 {
  margin-bottom: 56px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-bottom-9 {
    margin-bottom: 64px !important;
  }
}

.hse-u-margin-left-9 {
  margin-left: 56px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-margin-left-9 {
    margin-left: 64px !important;
  }
}

.hse-u-padding-0 {
  padding: 0 !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-0 {
    padding: 0 !important;
  }
}

.hse-u-padding-top-0 {
  padding-top: 0 !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-top-0 {
    padding-top: 0 !important;
  }
}

.hse-u-padding-right-0 {
  padding-right: 0 !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-right-0 {
    padding-right: 0 !important;
  }
}

.hse-u-padding-bottom-0 {
  padding-bottom: 0 !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-bottom-0 {
    padding-bottom: 0 !important;
  }
}

.hse-u-padding-left-0 {
  padding-left: 0 !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-left-0 {
    padding-left: 0 !important;
  }
}

.hse-u-padding-1 {
  padding: 4px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-1 {
    padding: 4px !important;
  }
}

.hse-u-padding-top-1 {
  padding-top: 4px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-top-1 {
    padding-top: 4px !important;
  }
}

.hse-u-padding-right-1 {
  padding-right: 4px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-right-1 {
    padding-right: 4px !important;
  }
}

.hse-u-padding-bottom-1 {
  padding-bottom: 4px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-bottom-1 {
    padding-bottom: 4px !important;
  }
}

.hse-u-padding-left-1 {
  padding-left: 4px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-left-1 {
    padding-left: 4px !important;
  }
}

.hse-u-padding-2 {
  padding: 8px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-2 {
    padding: 8px !important;
  }
}

.hse-u-padding-top-2 {
  padding-top: 8px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-top-2 {
    padding-top: 8px !important;
  }
}

.hse-u-padding-right-2 {
  padding-right: 8px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-right-2 {
    padding-right: 8px !important;
  }
}

.hse-u-padding-bottom-2 {
  padding-bottom: 8px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-bottom-2 {
    padding-bottom: 8px !important;
  }
}

.hse-u-padding-left-2 {
  padding-left: 8px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-left-2 {
    padding-left: 8px !important;
  }
}

.hse-u-padding-3 {
  padding: 8px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-3 {
    padding: 16px !important;
  }
}

.hse-u-padding-top-3 {
  padding-top: 8px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-top-3 {
    padding-top: 16px !important;
  }
}

.hse-u-padding-right-3 {
  padding-right: 8px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-right-3 {
    padding-right: 16px !important;
  }
}

.hse-u-padding-bottom-3 {
  padding-bottom: 8px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-bottom-3 {
    padding-bottom: 16px !important;
  }
}

.hse-u-padding-left-3 {
  padding-left: 8px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-left-3 {
    padding-left: 16px !important;
  }
}

.hse-u-padding-4 {
  padding: 16px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-4 {
    padding: 24px !important;
  }
}

.hse-u-padding-top-4 {
  padding-top: 16px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-top-4 {
    padding-top: 24px !important;
  }
}

.hse-u-padding-right-4 {
  padding-right: 16px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-right-4 {
    padding-right: 24px !important;
  }
}

.hse-u-padding-bottom-4 {
  padding-bottom: 16px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-bottom-4 {
    padding-bottom: 24px !important;
  }
}

.hse-u-padding-left-4 {
  padding-left: 16px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-left-4 {
    padding-left: 24px !important;
  }
}

.hse-u-padding-5 {
  padding: 24px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-5 {
    padding: 32px !important;
  }
}

.hse-u-padding-top-5 {
  padding-top: 24px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-top-5 {
    padding-top: 32px !important;
  }
}

.hse-u-padding-right-5 {
  padding-right: 24px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-right-5 {
    padding-right: 32px !important;
  }
}

.hse-u-padding-bottom-5 {
  padding-bottom: 24px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-bottom-5 {
    padding-bottom: 32px !important;
  }
}

.hse-u-padding-left-5 {
  padding-left: 24px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-left-5 {
    padding-left: 32px !important;
  }
}

.hse-u-padding-6 {
  padding: 32px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-6 {
    padding: 40px !important;
  }
}

.hse-u-padding-top-6 {
  padding-top: 32px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-top-6 {
    padding-top: 40px !important;
  }
}

.hse-u-padding-right-6 {
  padding-right: 32px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-right-6 {
    padding-right: 40px !important;
  }
}

.hse-u-padding-bottom-6 {
  padding-bottom: 32px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-bottom-6 {
    padding-bottom: 40px !important;
  }
}

.hse-u-padding-left-6 {
  padding-left: 32px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-left-6 {
    padding-left: 40px !important;
  }
}

.hse-u-padding-7 {
  padding: 40px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-7 {
    padding: 48px !important;
  }
}

.hse-u-padding-top-7 {
  padding-top: 40px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-top-7 {
    padding-top: 48px !important;
  }
}

.hse-u-padding-right-7 {
  padding-right: 40px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-right-7 {
    padding-right: 48px !important;
  }
}

.hse-u-padding-bottom-7 {
  padding-bottom: 40px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-bottom-7 {
    padding-bottom: 48px !important;
  }
}

.hse-u-padding-left-7 {
  padding-left: 40px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-left-7 {
    padding-left: 48px !important;
  }
}

.hse-u-padding-8 {
  padding: 48px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-8 {
    padding: 56px !important;
  }
}

.hse-u-padding-top-8 {
  padding-top: 48px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-top-8 {
    padding-top: 56px !important;
  }
}

.hse-u-padding-right-8 {
  padding-right: 48px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-right-8 {
    padding-right: 56px !important;
  }
}

.hse-u-padding-bottom-8 {
  padding-bottom: 48px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-bottom-8 {
    padding-bottom: 56px !important;
  }
}

.hse-u-padding-left-8 {
  padding-left: 48px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-left-8 {
    padding-left: 56px !important;
  }
}

.hse-u-padding-9 {
  padding: 56px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-9 {
    padding: 64px !important;
  }
}

.hse-u-padding-top-9 {
  padding-top: 56px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-top-9 {
    padding-top: 64px !important;
  }
}

.hse-u-padding-right-9 {
  padding-right: 56px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-right-9 {
    padding-right: 64px !important;
  }
}

.hse-u-padding-bottom-9 {
  padding-bottom: 56px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-bottom-9 {
    padding-bottom: 64px !important;
  }
}

.hse-u-padding-left-9 {
  padding-left: 56px !important;
}
@media (min-width: 40.0625em) {
  .hse-u-padding-left-9 {
    padding-left: 64px !important;
  }
}

/* ==========================================================================
   UTILITIES / #READING-WIDTH
   ========================================================================== */
/**
 * Reading width mixin, add a maximum width
 * to large pieces of content
 *
 * Usage: class="hse-u-reading-width"
 * See tools/mixins
 */
.hse-u-reading-width {
  max-width: 44em;
}

/* ==========================================================================
   UTILITIES / #CLEARFIX
   ========================================================================== */
/**
 * Automatically clear an elements
 * child elements
 *
 * Usage: class="hse-u-clear"
 * See tools/mixins
 */
.hse-u-clear:after {
  clear: both;
  content: "";
  display: block;
}

.backgroundRed {
  background-color: #981e32 !important;
}

.backgroundGray {
  background-color: #f0f0f0 !important;
}

.backgroundRed ul.listCaret li:before {
  color: white;
}

.backgroundRed h2,
.backgroundRed h3,
.backgroundRed p {
  color: white;
}

.backgroundRed p,
.backgroundRed ul li {
  color: white !important;
}

@media (max-width: 48.0525em) {
  /* Disables auto height on mobile devices */
  [class*=equalHeights], [class*=equalHeight] {
    height: auto !important;
  }
}
.hse-section p.moreLink a::before {
  content: " ";
  position: relative;
  top: 2px;
  background-image: url("../../assets/v6-images/icons/svg/solid/arrow-right-red.svg");
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 5px;
  width: 16px;
  height: 16px;
}

.hse-section p.moreLink a:hover::before {
  content: " ";
  background-image: url("../../assets/v6-images/icons/svg/solid/arrow-right-black.svg");
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 5px;
  width: 16px;
  height: 16px;
}

.backgroundRed p.moreLink a::before {
  content: " ";
  background-image: url("../../assets/v6-images/icons/svg/solid/arrow-right-white.svg");
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 5px;
  width: 16px;
  height: 16px;
}

ul.social {
  margin: 0 !important;
}

ul.social li a::before {
  position: relative;
  top: 2px;
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 5px;
  width: 16px;
  height: 16px;
}

ul.social li {
  padding-top: 7.5px;
}

ul.social li:first-child {
  padding-top: 0;
}

ul.social li.facebook a::before {
  content: " ";
  background-image: url("../../assets/v6-images/icons/svg/brands/facebook-square-red.svg");
}

ul.social li.linkedin a::before {
  content: " ";
  background-image: url("../../assets/v6-images/icons/svg/brands/linkedin-red.svg");
}

ul.social li.youtube a::before {
  content: " ";
  background-image: url("../../assets/v6-images/icons/svg/brands/youtube-red.svg");
}

ul.social li.twitter a::before {
  content: " ";
  background-image: url("../../assets/v6-images/icons/svg/brands/twitter-red.svg");
}

#printGuide a::before {
  content: " ";
  background-image: url("../../assets/v6-images/icons/svg/solid/print.svg");
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 5px;
  width: 16px;
  height: 16px;
}

.global-menu-button span::before,
.global-menu-button.main-menu span::before,
.search-button span::before,
.search-button.main-search span::before {
  -webkit-transform: translateY(-35%) rotate(45deg) scale(1);
  -ms-transform: translateY(-35%) rotate(45deg) scale(1);
  transform: translateY(-35%) rotate(45deg) scale(1);
  border-bottom: 2px solid #981e32;
  border-right: 2px solid #981e32;
  content: "";
  display: inline-block;
  height: 8px;
  margin: 0 10px 0 2px;
  vertical-align: middle;
  width: 8px;
}

.global-menu-button.main-menu-expanded span:before,
.search-button.main-search-expanded span:before {
  content: "";
  display: inline-block;
  height: 8px;
  margin: 0 10px 0 2px;
  vertical-align: middle;
  width: 8px;
  -webkit-transform: translateY(1px) rotate(225deg) scale(1);
  -ms-transform: translateY(1px) rotate(225deg) scale(1);
  transform: translateY(1px) rotate(225deg) scale(1);
}

.global-menu-button.main-menu-expanded,
.search-button.main-search-expanded {
  position: relative;
}

@media (max-width: 48.0525em) {
  .search-button:hover:after {
    background: none !important;
  }
}
.search-button.main-search.main-search-expanded:hover:after {
  background: none;
}

.global-menu-button.main-menu-expanded:focus-visible {
  padding-bottom: 4px;
}

.global-menu-button:hover:after, .search-button:hover:after {
  content: "";
  height: 3px;
  position: absolute;
  bottom: -10px;
  top: auto;
  background: #981e32;
}

.global-menu-button:hover:after {
  left: 16px;
  right: 16px;
}

.global-menu-button:focus-visible {
  padding-right: 9px;
  padding-top: 0;
}

.global-menu-button:focus-visible:hover:after {
  margin-left: -20px !important;
}

.search-button:hover:after {
  left: 1px;
  right: 0;
}

.search-button.main-search-expanded:focus-visible:hover:after {
  background: #212b32;
}

#menu-button.global-menu-button.main-menu-expanded:after {
  content: "";
  height: 3px;
  left: 16px;
  right: 16px;
  position: absolute;
  bottom: 0;
  top: auto;
  background: #212b32;
}

.global-menu-button.main-menu:focus-visible:after,
.global-menu-button:focus-visible:after {
  content: "";
  height: 3px;
  position: relative;
  bottom: -13px;
  background: #212b32;
  width: 70px;
  margin-left: -4px;
  display: block;
}

button#menu-button.global-menu-button:focus-visible span {
  margin-top: 4px;
}

@media screen and (-webkit-min-device-pixel-ratio: 1.25) {
  .global-menu-button.main-menu:focus-visible:after,
  .global-menu-button:focus-visible:after {
    content: "";
    bottom: -13px;
    z-index: 1;
    display: block;
  }
}
.search-button.main-search:focus-visible:after,
.search-button:focus-visible:after {
  content: "";
  height: 3px;
  position: absolute;
  background: #212b32;
  width: 64px;
  margin-left: -32px;
  margin-top: 15px;
}

#search-button.search-button:hover:focus-visible:after {
  height: 3px;
  position: absolute;
  bottom: 0;
  top: 48px;
  background: #212b32;
  width: 64px;
  margin-left: -1px;
}

#search-button.search-button.main-search-expanded:focus-visible:after {
  content: "";
  height: 3px;
  position: absolute;
  bottom: -1px;
  top: 63px;
  background: #212b32;
  width: 64px !important;
  margin-left: -37px !important;
}

#menu-button.global-menu-button.main-menu-expanded:focus-visible:after {
  content: "";
  height: 3px;
  left: 12px;
  position: absolute;
  bottom: -1px;
  top: 63px;
  background: #212b32;
  width: 70px !important;
  margin-left: 4px !important;
}
#menu-button.global-menu-button.main-menu-expanded:focus-visible:after:hover {
  width: 60px !important;
}

.search-button .x-mark {
  display: none;
}

.search-button {
  padding-left: 15px;
  padding-right: 0;
  width: 64px;
  padding-top: 5px !important;
}
@media (min-width: 48.0625em) {
  .search-button {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.search-button.main-search-expanded {
  padding-left: 26px;
}
.search-button.main-search-expanded:after {
  bottom: 0;
  display: none;
}

.search-button.main-search-expanded .x-mark {
  display: inline-block;
  font-size: 1.625rem;
  font-weight: normal;
  padding-right: 6px;
  margin-left: -20px;
  margin-top: -10px;
}

.search-button.main-search-expanded .gsc-search-button svg {
  display: none;
}

.search-button.main-search-expanded span:before,
.search-button.main-search-expanded span:after {
  display: none;
}

.search-button:hover span:before,
.search-button.main-menu:hover span:before {
  border-bottom: 2px solid #981e32;
  border-right: 2px solid #981e32;
}

.global-menu-button.main-menu-expanded span:before {
  border-bottom: 2px solid #212b32;
  border-right: 2px solid #212b32;
}

.global-menu-button.main-menu-expanded span:after {
  background: #212b32;
}

.search-button.main-search:hover:after {
  background: #981e32;
}

.boxList ul li:hover h3 {
  color: white !important;
}

#backnav::before {
  content: " ";
  background-image: url("../../assets/v6-images/icons/svg/solid/arrow-left-white.svg");
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
  top: 3px;
  width: 16px;
  height: 16px;
  margin-right: 10px;
}

.isbn,
.nowrap {
  white-space: nowrap;
}

/* ==========================================================================
   UTILITIES / #TYPOGRAPHY
   ========================================================================== */
/**
 * Font size and line height
 *
 * Generate typography override classes for each responsive font map in the
 * typography scale eg .hse-u-font-size-48
 *
 * Original code taken from GDS (Government Digital Service)
 * https://github.com/alphagov/govuk-frontend
 */
.hse-u-font-size-64 {
  font-size: 48px !important;
  font-size: 3rem !important;
  line-height: 1.16667 !important;
}
@media (min-width: 40.0625em) {
  .hse-u-font-size-64 {
    font-size: 64px !important;
    font-size: 4rem !important;
    line-height: 1.125 !important;
  }
}
@media print {
  .hse-u-font-size-64 {
    font-size: 53pt !important;
    line-height: 1.1 !important;
  }
}

.hse-u-font-size-48 {
  font-size: 32px !important;
  font-size: 2rem !important;
  line-height: 1.25 !important;
}
@media (min-width: 40.0625em) {
  .hse-u-font-size-48 {
    font-size: 48px !important;
    font-size: 3rem !important;
    line-height: 1.16667 !important;
  }
}
@media print {
  .hse-u-font-size-48 {
    font-size: 32pt !important;
    line-height: 1.15 !important;
  }
}

.hse-u-font-size-32 {
  font-size: 24px !important;
  font-size: 1.5rem !important;
  line-height: 1.33333 !important;
}
@media (min-width: 40.0625em) {
  .hse-u-font-size-32 {
    font-size: 32px !important;
    font-size: 2rem !important;
    line-height: 1.25 !important;
  }
}
@media print {
  .hse-u-font-size-32 {
    font-size: 24pt !important;
    line-height: 1.05 !important;
  }
}

.hse-u-font-size-24 {
  font-size: 20px !important;
  font-size: 1.25rem !important;
  line-height: 1.4 !important;
}
@media (min-width: 40.0625em) {
  .hse-u-font-size-24 {
    font-size: 24px !important;
    font-size: 1.5rem !important;
    line-height: 1.33333 !important;
  }
}
@media print {
  .hse-u-font-size-24 {
    font-size: 18pt !important;
    line-height: 1.15 !important;
  }
}

.hse-u-font-size-22 {
  font-size: 18px !important;
  font-size: 1.125rem !important;
  line-height: 1.55556 !important;
}
@media (min-width: 40.0625em) {
  .hse-u-font-size-22 {
    font-size: 22px !important;
    font-size: 1.375rem !important;
    line-height: 1.45455 !important;
  }
}
@media print {
  .hse-u-font-size-22 {
    font-size: 18pt !important;
    line-height: 1.15 !important;
  }
}

.hse-u-font-size-19 {
  font-size: 16px !important;
  font-size: 1rem !important;
  line-height: 1.75 !important;
}
@media (min-width: 40.0625em) {
  .hse-u-font-size-19 {
    font-size: 19px !important;
    font-size: 1.1875rem !important;
    line-height: 1.68421 !important;
  }
}
@media print {
  .hse-u-font-size-19 {
    font-size: 14pt !important;
    line-height: 1.15 !important;
  }
}

.hse-u-font-size-16 {
  font-size: 16px !important;
  font-size: 1rem !important;
  line-height: 2 !important;
}
@media (min-width: 40.0625em) {
  .hse-u-font-size-16 {
    font-size: 16px !important;
    font-size: 1rem !important;
    line-height: 2 !important;
  }
}
@media print {
  .hse-u-font-size-16 {
    font-size: 14pt !important;
    line-height: 1.2 !important;
  }
}

/* Weights
   ========================================================================== */
/**
 * Generate font weight override classes for normal and bold
 * eg .hse-u-font-weight-normal
 */
.hse-u-font-weight-normal {
  font-weight: 400 !important;
}

.hse-u-font-weight-bold {
  font-weight: 600 !important;
}

/* Colours
   ========================================================================== */
/**
 * Secondary text colour $hse-secondary-text-color
 * eg <p class="hse-u-secondary-text-color">Published on: 15 March 2018</p>
 */
.hse-u-secondary-text-color {
  color: #333333 !important; /* stylelint-disable-line declaration-no-important */
}

/* ==========================================================================
   UTILITIES / #WIDTH
   ========================================================================== */
/**
 * Original code taken from GDS (Government Digital Service)
 * https://github.com/alphagov/govuk-frontend
 * Force element widths on all screen sizes
 *
 * Usage: class="hse-u-width-full"
 */
/* stylelint-disable declaration-no-important */
.hse-u-width-full {
  width: 100% !important;
}

.hse-u-width-three-quarters {
  width: 100% !important;
}
@media (min-width: 40.0625em) {
  .hse-u-width-three-quarters {
    width: 75% !important;
  }
}

.hse-u-width-two-thirds {
  width: 100% !important;
}
@media (min-width: 40.0625em) {
  .hse-u-width-two-thirds {
    width: 66.66% !important;
  }
}

.hse-u-width-one-half {
  width: 100% !important;
}
@media (min-width: 40.0625em) {
  .hse-u-width-one-half {
    width: 50% !important;
  }
}

.hse-u-width-one-third {
  width: 100% !important;
}
@media (min-width: 40.0625em) {
  .hse-u-width-one-third {
    width: 33.33% !important;
  }
}

.hse-u-width-one-quarter {
  width: 100% !important;
}
@media (min-width: 40.0625em) {
  .hse-u-width-one-quarter {
    width: 25% !important;
  }
}

/* ==========================================================================
   UTILITIES / #TEXT-ALIGN
   ========================================================================== */
/* stylelint-disable declaration-no-important */
.hse-u-text-align-left {
  text-align: left !important;
}

.hse-u-text-align-centre {
  text-align: center !important;
}

.hse-u-text-align-right {
  text-align: right !important;
}

#globalSearch,
#globalSearchIntranet {
  width: auto;
}

.ie7 #globalSearch,
.ie7 #globalSearchIntranet {
  width: 26em;
}

#globalSearch input,
#globalSearchIntranet input {
  width: 15em;
  margin: 0;
  float: left;
}

#globalSearch label,
#globalSearchIntranet label {
  color: #fff;
}

#globalSearch input.button,
#globalSearchIntranet input.button {
  width: 5em;
  float: right;
  margin: 0 0 0 1em !important;
}

#sitesearchContainer {
  width: auto;
  margin: 0.5em 0 0 0;
  clear: both;
  float: left;
}

#sitesearchContainer input {
  width: auto;
}

#sitesearchContainer .sitesearchScope {
  float: left;
  margin-bottom: 3px;
  overflow: hidden;
  line-height: 0.9em !important;
}

#sitesearchContainer .sitesearchScope label {
  float: left;
  color: #fff;
  margin-left: 5px;
  padding: 0;
}

#sitesearchContainer .sitesearchScopePadding {
  margin: 0 0 0 10px;
}

.sitesearchScope input {
  height: 14px;
  padding: 0;
}

#globalSearch td,
#globalSearchMobile td {
  border: hidden;
  background-color: transparent;
}

.gsc-branding,
.gsc-clear-button {
  display: none;
}

#globalSearch input.gsc-search-button {
  width: 5em;
}

#globalSearch input.gsc-input {
  border-top: #444 2px solid;
  border-right: #f7f7f7 2px solid;
  border-bottom: #f7f7f7 2px solid;
  border-left: #444 2px solid;
}

#globalSearch table.gsc-search-box td.gsc-input {
  padding: 0 5px 0 0;
}

.gstl_50 {
  margin: 0 !important;
}

.gsc-search-button-v2 svg {
  fill: #333 !important;
}

.hse-print-guide-page ul {
  margin: 0 0 10px 28px;
}

.btn-print {
  background: url(../../assets/v6-images/icons/icon-print.png) no-repeat 10px 50%;
  background-size: 16px 18px;
  padding: 10px 10px 10px 36px !important;
  text-decoration: none;
}
@media print {
  .btn-print {
    display: none !important;
  }
}

.hse-button--transparent.btn-print {
  box-shadow: none;
}
.hse-button--transparent.btn-print:focus {
  background: url(../../assets/v6-images/icons/icon-print.png) no-repeat 10px 50%;
  background-color: #ffdd00;
}

.printable-version {
  width: 100%;
  background: url(../../assets/v6-images/icons/icon-print.png) white no-repeat 0;
  background-size: 16px 18px;
  padding: 10px 30px;
  margin-bottom: 20px;
}

.printable-version p {
  margin: 0;
  font-weight: 700;
}

.hse-print-guide-page article {
  max-width: 44em;
}

div[id*=guide-section] {
  padding: 0;
}

/* A-Z lists */
.boxAtoZ {
  margin-bottom: 32px;
  padding: 0 !important;
}
@media (min-width: 40.0625em) {
  .boxAtoZ {
    margin-bottom: 40px;
  }
}

ul.alphabetList {
  margin: 0 !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding-left: 0;
}

ul.alphabetList li {
  list-style-type: none;
  background: none;
  padding-left: 0 !important;
  margin: 0 10px 10px 0;
}

ul.alphabetList li.empty span {
  display: block;
  font-weight: bold;
  font-size: large;
  border: 2px solid #f3f3f3;
  padding: 10px 14px;
  text-align: center;
  background-color: #fff;
  color: #333;
}

ul.alphabetList li a:link {
  display: block;
  font-weight: bold;
  font-size: large;
  border: 2px solid #f3f3f3;
  padding: 10px 14px;
  text-align: center;
}
ul.alphabetList li a:hover {
  background-color: #981e32;
  color: white !important;
  text-decoration: none !important;
}
ul.alphabetList li a:focus {
  box-shadow: none;
  color: #212b32 !important;
}
ul.alphabetList li a:focus:focus:hover {
  color: white !important;
}
ul.alphabetList li a:visited {
  color: #981e32;
  border: 2px solid #f3f3f3;
}

.AtoZSelected {
  color: #000 !important;
  background-color: #d5d5d5 !important;
  border: 1px solid #e90542 !important;
}

dl.dlpretty {
  margin-top: 15px;
}

.listAtoZ {
  clear: both;
}

.listAtoZ h2 {
  display: inline-block;
  background-color: #981e32;
  color: white;
  padding: 6px 14px;
}

.listAtoZ ul li {
  background: none;
}

/**
* Accordion container element
*/
.accordion {
  list-style: none;
  margin: 0;
  padding-bottom: 9px;
}

.accordion > li {
  margin: 0;
}

/**
* Add zero-width space. needed to ensure Safari + VO respect list semantics.
* Set the before content to position absolute to negate any visible space
* the before content could add to the document.
*/
.accordion > li:before {
  content: "​";
  position: absolute;
}

/**
* Accordion Heading
*/
.accordion__heading {
  border: 1px solid #f0f0f0;
  margin: -1px 0 0 !important;
}

.accordion__trigger {
  -webkit-appearance: none;
  background-color: white;
  border: none;
  border-radius: 0;
  box-shadow: none;
  color: #981e32;
  cursor: pointer;
  display: block;
  font-size: inherit;
  line-height: inherit;
  font-weight: normal;
  margin: 0;
  padding: 10px 30px 10px 10px;
  position: relative;
  text-align: left;
  width: 100%;
  z-index: 2;
}

.accordion__trigger:after {
  position: absolute;
  content: "";
  background-image: url("../../assets/v6-images/icons/svg/solid/chevron-down-solid-red.svg");
  background-repeat: no-repeat;
  display: inline-block;
  margin: auto;
  width: 15px;
  height: 15px;
  right: 10px;
  top: 0;
  bottom: 0;
}

.accordion__trigger[aria-expanded=true]:after {
  background-image: url("../../assets/v6-images/icons/svg/solid/chevron-down-solid-white.svg");
}

.accordion__trigger:hover[aria-expanded=true]:after {
  background-image: url("../../assets/v6-images/icons/svg/solid/chevron-down-solid-black.svg");
}

.accordion__trigger:focus:after {
  background-image: url("../../assets/v6-images/icons/svg/solid/chevron-down-solid-black.svg");
}

.accordion__trigger[aria-expanded=true]:after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

/**
* This is needed to allow a double tap iOS 11
* Safari + VO to function correctly, if there
* are multiple elements (wrapper spans) to layout
* text nodes within the accordion button.

-- This is not needed if a button only contains text
and no other child nodes wrapping the text --

.accordion__trigger > * {
pointer-events: none;
}
*/
.accordion__trigger:hover,
.accordion__trigger:focus {
  background-color: #ffdd00 !important;
  color: #333333 !important;
  outline: none;
}

.accordion__trigger[aria-disabled=true]:hover {
  background-color: #981e32;
  color: #fff;
  cursor: not-allowed;
}

.accordion__trigger[aria-disabled=true]:focus {
  background-color: #333333;
}

.accordion__panel {
  background-color: inherit;
  max-height: 0vh;
  overflow: hidden;
  padding: 0.001em 1.25em;
  position: relative;
  visibility: hidden;
  z-index: 1;
  border: 1px solid #f0f0f0;
  border-top: 0;
  margin-bottom: 15px;
}

.accordion__panel--transition {
  -webkit-transition: max-height 0.2s ease-in-out, padding-top 0.2s ease-in-out, padding-bottom 0.2s ease-in-out;
  transition: max-height 0.2s ease-in-out, padding-top 0.2s ease-in-out, padding-bottom 0.2s ease-in-out;
}

.accordion__panel > :last-child {
  margin-bottom: 0;
}

.accordion__panel[aria-hidden=false] {
  max-height: 100vh;
  overflow: auto;
  padding: 15px;
  visibility: visible;
}

.accordion__trigger[aria-expanded=true] {
  background: #981e32;
  color: #fff;
}

@media print {
  .accordion__panel {
    max-height: 100%;
    overflow: auto;
    padding: 15px;
    visibility: visible;
  }
}
.hse-header {
  background-color: #ffffff;
}
.hse-header:after {
  clear: both;
  content: "";
  display: block;
}

.hse-header::before {
  background: #981e32;
  display: block;
  content: "";
  height: 4px;
}
@media print {
  .hse-header::before {
    display: none;
  }
}

.hse-header__container {
  border-bottom: 1px solid #c2c2c2;
}

.hse-header__top-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 10px 0 10px 0;
}
.hse-header__top-container:after {
  clear: both;
  content: "";
  display: block;
}

.hse-header__top-container:after {
  clear: both;
  content: "";
  display: block;
}

.hse-header__search {
  top: -5px;
  position: absolute;
  right: 0;
  margin-right: 16px;
  /* z-index: 1; */
  text-align: right;
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  margin-top: 20px;
}
.hse-header__search:after {
  clear: both;
  content: "";
  display: block;
}
@media (min-width: 48.0625em) {
  .hse-header__search {
    top: 0;
    position: relative;
    -webkit-flex-basis: content;
        -ms-flex-preferred-size: content;
            flex-basis: content;
    margin-top: 0;
  }
}

@media (max-width: 48.0525em) {
  .hse-header__logo svg {
    width: 170px;
  }
}

.hse-header__logo a:focus {
  outline: #fd0 5px solid !important;
  box-shadow: none;
}
.hse-header__logo a:focus svg path {
  fill: #212b32 !important;
}
.hse-header__logo a:focus-visible {
  outline-offset: initial;
}

.full-width-homepage-banner {
  max-width: 960px;
  margin: 0 auto;
  padding-left: 23px;
  padding-right: 23px;
  padding-top: 60px;
  padding-bottom: 32px;
}
@media (min-width: 48.0625em) {
  .full-width-homepage-banner {
    padding-left: 39px;
    padding-right: 39px;
  }
}
@media (min-width: 59.875em) {
  .full-width-homepage-banner {
    max-width: none;
  }
}
@media (min-width: 64em) {
  .full-width-homepage-banner {
    max-width: 960px;
    padding-left: 0;
  }
}

#headerLogo {
  margin: 0;
}
@media (min-width: 48.0625em) {
  #headerLogo {
    height: 46px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
#headerLogo a {
  color: #212b32;
  display: block;
  padding: 0;
  text-decoration: none !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.hse-header__logo-text {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.75;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 40px;
  font-weight: 500;
}
@media (min-width: 40.0625em) {
  .hse-header__logo-text {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.68421;
  }
}
@media print {
  .hse-header__logo-text {
    font-size: 14pt;
    line-height: 1.15;
  }
}
@media (min-width: 48.0625em) {
  .hse-header__logo-text {
    padding-top: 14px;
  }
}
@media (min-width: 48.0625em) {
  .hse-header__logo-text {
    line-height: 1 !important;
  }
}
.hse-header__logo-text::before {
  background: #9f2447;
  bottom: 0;
  content: "";
  position: absolute;
  margin-left: -20px;
  top: 0;
  width: 2px;
}

#footer-nav {
  padding-top: 20px;
}

.hse-footer {
  background: #333333;
}
@media print {
  .hse-footer {
    display: none;
  }
}
.hse-footer::before {
  background: #981e32;
  display: block;
  content: "";
  height: 8px;
}

.hse-footer__navigation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #f0f0f0;
  padding: 10px 0;
}
@media (min-width: 48.0625em) {
  .hse-footer__navigation {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.hse-footer__base {
  padding-top: 24px;
  padding-bottom: 40px;
}

.hse-footer-white {
  color: #ffffff;
  fill: #ffffff !important;
}
.hse-footer-white:visited {
  color: #ffffff;
}
.hse-footer-white:hover {
  color: #ffffff;
  text-decoration: none;
}
.hse-footer-white:focus {
  color: #212b32;
  outline: 4px solid transparent;
  outline-offset: 4px;
  text-decoration: none;
}
.hse-footer-white:active {
  color: #ffffff;
}

.hse-footer-white:focus .hse-icon {
  fill: #212b32 !important;
}

.hse-footer__base-inner p, .hse-footer__languages p {
  margin-bottom: 0;
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 2;
}
@media (min-width: 40.0625em) {
  .hse-footer__base-inner p, .hse-footer__languages p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 2;
  }
}
@media print {
  .hse-footer__base-inner p, .hse-footer__languages p {
    font-size: 14pt;
    line-height: 1.2;
  }
}

.hse-footer__list {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.report-a-problem-form.survey-in {
  border-top: 10px solid #981e32;
  padding-top: 20px;
  background: #f0f0f0;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 48.0625em) {
  .report-a-problem-form.survey-in {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media (min-width: 61.875em) {
  .report-a-problem-form.survey-in {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 64em) {
  .report-a-problem-form.survey-in {
    padding-left: 0;
    padding-right: 0;
  }
}

#close-report-a-problem {
  border: 1px solid #212b32;
  box-shadow: 0 3px 0 #0b0c0c;
  padding-top: 11px;
}

.hse-footer__list-item {
  display: inline-block;
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 2;
  margin-right: 15px;
}
@media (min-width: 40.0625em) {
  .hse-footer__list-item {
    font-size: 16px;
    font-size: 1rem;
    line-height: 2;
  }
}
@media print {
  .hse-footer__list-item {
    font-size: 14pt;
    line-height: 1.2;
  }
}
.hse-footer__list-item--support-links {
  margin-bottom: 0;
}
@media (max-width: 48.0525em) {
  .hse-footer__list-item {
    padding: 5px 0;
  }
}

.hse-footer__base-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #ffffff;
}
.hse-footer__base-container a {
  color: #ffffff;
}
.hse-footer__base-container a:focus {
  color: #212b32;
}
@media (min-width: 48.0625em) {
  .hse-footer__base-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.hse-footer__list-item-link:link, .hse-footer__list-item-link:visited {
  color: #212b32;
}
.hse-footer__list-item-link:hover, .hse-footer__list-item-link:focus {
  color: #212b32;
}

.hse-footer__list-item-support-link:link, .hse-footer__list-item-support-link:visited {
  color: #ffffff;
}
.hse-footer__list-item-support-link:hover {
  color: #ffffff;
}
.hse-footer__list-item-support-link:focus {
  color: #212b32;
}

.hse-footer__languages {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 2;
}
@media (min-width: 40.0625em) {
  .hse-footer__languages {
    font-size: 16px;
    font-size: 1rem;
    line-height: 2;
  }
}
@media print {
  .hse-footer__languages {
    font-size: 14pt;
    line-height: 1.2;
  }
}

.hse-footer__languages-link:hover {
  color: #ffffff !important;
}
.hse-footer__languages-link:focus {
  color: #ffffff !important;
}
.hse-footer__languages-link:link, .hse-footer__languages-link:visited {
  color: #ffffff;
}

.hse-footer__heading {
  border-bottom: 1px solid #ffffff;
  color: #ffffff;
  padding-bottom: 20px;
}

.hse-footer__section-break {
  border-bottom: 1px solid #ffffff;
  margin-top: 20px;
  margin-bottom: 15px;
}

.hse-footer__licence-logo {
  margin-right: 10px;
}

.hse-footer__support-links {
  padding-left: 0;
  margin-bottom: 15px;
}

.hse-footer__licence-description {
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.show {
  display: block;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}

.box {
  padding: 16px;
  margin: 0 0 16px 0;
  position: relative;
  background-color: #f3f3f3;
  border-radius: 0;
}
@media (min-width: 40.0625em) {
  .box {
    padding: 24px;
  }
}

form fieldset.visibleFieldset {
  border: 1px solid #ababab;
  display: block;
  width: auto !important;
  padding: 0 10px;
  margin: -1em 0 1em 0;
}

.ie7 form fieldset.visibleFieldset {
  position: relative;
}

form fieldset.radioButton input {
  display: inline;
  width: auto;
}

form fieldset.radioButton label {
  padding: 0 20px 0.5em 0;
}

form fieldset.radioButton label {
  display: inline;
  clear: none;
}

form fieldset.radioButton label input {
  width: auto;
  float: left;
  clear: left;
  display: block;
  margin: 0 10px 0 0;
}

form label.checkbox {
  margin: 0 0 1em 0;
  display: inline-block;
  padding-right: 20px;
}

form input.checkbox {
  display: inline;
  width: auto;
}

form fieldset input.checkbox {
  width: auto;
}

.box {
  border-radius: 0;
  margin-bottom: 15px;
}

.box .more {
  width: 100%;
  position: relative;
}

.box1col .more {
  width: 100% !important;
}

.box.backgroundRed.hasMore p.more a {
  color: #981e32 !important;
}

.box p:last-child {
  margin-bottom: 0 !important;
}

.box.hasMore p:last-child {
  margin-bottom: 10px !important;
}

.more {
  border-radius: 0;
  margin-bottom: 10px !important;
}

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

.boxHalfLeft {
  float: left;
  width: 100%;
  margin-right: 1.5%;
}
@media (min-width: 61.875em) {
  .boxHalfLeft {
    width: 48.5%;
  }
}

.boxHalfRight {
  float: left;
  width: 100%;
}
@media (min-width: 61.875em) {
  .boxHalfRight {
    width: 48.5%;
    margin-left: 1.5%;
  }
}

.box {
  background-color: #f0f0f0;
}

.hse-breadcrumb__container {
  padding: 16px 0;
}

@media (max-width: 48.0525em) {
  .hse-breadcrumb__container ol {
    display: none;
  }
}
@media print {
  .hse-breadcrumb__container ol {
    display: block;
  }
}

.hse-breadcrumb__list, .hse-breadcrumb ol {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 1.1em;
}

.hse-breadcrumb__item:first-of-type::before {
  display: none;
}

.hse-breadcrumb__back {
  padding: 0;
  margin: 0;
}
.hse-breadcrumb__back::before {
  content: " ";
  background-image: url(../../assets/v6-images/icons/svg/solid/chevron-right-gray.svg);
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  background-repeat: no-repeat;
  background-position: bottom;
  float: left;
  top: 10px;
  margin: 0 8px;
  position: relative;
  width: 10px;
  height: 10px;
}
@media (min-width: 48.0625em) {
  .hse-breadcrumb__back {
    display: none;
  }
}
@media print {
  .hse-breadcrumb__back {
    display: none;
  }
}

.hse-breadcrumb ol li::before {
  content: " ";
  background-image: url("../../assets/v6-images/icons/svg/solid/chevron-right-gray.svg");
  background-repeat: no-repeat;
  background-position: bottom;
  float: left;
  top: 11px;
  margin: 0 8px;
  position: relative;
  width: 10px;
  height: 10px;
}
.hse-breadcrumb ol li:first-of-type::before {
  display: none;
}

.hse-breadcrumb ol li {
  display: inline-block;
  margin: 0;
}
@media print {
  .hse-breadcrumb ol li {
    padding-bottom: 10px;
  }
}
.hse-breadcrumb ol li a {
  color: #981e32;
}
.hse-breadcrumb ol li a:visited {
  color: #981e32;
}
.hse-breadcrumb ol li a:focus {
  color: #212b32;
}

/* ==========================================================================
   COMPONENTS/ #BUTTON
   ========================================================================== */
/**
 * 1. Ensure that any global link styles are overridden.
 * 2. Fix unwanted button padding in Firefox.
 * 3. Use a pseudo element to expand the click target area to include the
 *    button's shadow as well, in case users try to click it.
 */
.hse-button {
  text-decoration: none;
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 2;
  margin-bottom: 28px;
  -webkit-appearance: none;
  background-color: #00703c;
  border: 2px solid transparent;
  box-shadow: 0 4px 0 #00381e;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-weight: 600;
  margin-top: 0;
  padding: 8px 16px;
  position: relative;
  text-align: center;
  vertical-align: top;
  width: auto;
  /* 2 */
  /* 3 */
  /* 4 */
}
@media (min-width: 40.0625em) {
  .hse-button {
    font-size: 16px;
    font-size: 1rem;
    line-height: 2;
  }
}
@media print {
  .hse-button {
    font-size: 14pt;
    line-height: 1.2;
  }
}
@media (min-width: 40.0625em) {
  .hse-button {
    margin-bottom: 36px;
  }
}
@media (max-width: 40.0525em) {
  .hse-button {
    padding: 8px 16px;
  }
}
.hse-button:link, .hse-button:visited, .hse-button:active, .hse-button:hover {
  color: #ffffff;
  text-decoration: none;
}
.hse-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.hse-button:hover {
  background-color: rgb(0, 89.6, 48);
}
.hse-button:focus {
  background: #ffdd00;
  box-shadow: 0 4px 0 #212b32;
  color: #212b32;
  outline: 4px solid transparent;
}
.hse-button:focus:visited {
  color: #212b32;
}
.hse-button:focus:visited:active {
  color: #ffffff;
}
.hse-button:active {
  background: #00703c;
  box-shadow: none;
  color: #ffffff;
  top: 4px;
}
.hse-button::before {
  background: transparent;
  bottom: -6px;
  content: "";
  display: block;
  left: -2px;
  position: absolute;
  right: -2px;
  top: -2px;
}
.hse-button:active::before {
  top: -6px;
}

/**
 * Button variations
 */
.hse-button--secondary {
  background-color: #f0f0f0;
  box-shadow: 0 4px 0 #787878;
  color: #212b32;
}
.hse-button--secondary:hover {
  background-color: #d8d8d8;
  color: inherit;
}
.hse-button--secondary:focus {
  background: #ffdd00;
  box-shadow: 0 4px 0 #212b32;
  color: #212b32;
  outline: 4px solid transparent;
}
.hse-button--secondary:active {
  background: #787878;
  box-shadow: none;
  color: #ffffff;
  top: 4px;
}
.hse-button--secondary.hse-button--disabled {
  background-color: #f0f0f0;
}

.hse-button--reverse {
  background-color: #ffffff;
  box-shadow: 0 4px 0 #212b32;
  color: #212b32;
}
.hse-button--reverse:hover {
  background-color: rgb(242.25, 242.25, 242.25);
  color: #212b32;
}
.hse-button--reverse:focus {
  background: #ffdd00;
  box-shadow: 0 4px 0 #212b32;
  color: #212b32;
  outline: 4px solid transparent;
}
.hse-button--reverse:active {
  background: #212b32;
  box-shadow: none;
  color: #ffffff;
  top: 4px;
}
.hse-button--reverse:link {
  color: #212b32;
}
.hse-button--reverse:link:active {
  color: #ffffff;
}
.hse-button--reverse.hse-button--disabled {
  background-color: #ffffff;
}
.hse-button--reverse.hse-button--disabled:focus {
  background-color: #ffffff;
}

.hse-button--cautionary {
  background-color: #981e32;
  box-shadow: 0 4px 0 #787878;
}
.hse-button--cautionary:hover {
  background-color: rgb(136.8, 27, 45);
}
.hse-button--cautionary:focus {
  background: #ffdd00;
  box-shadow: 0 4px 0 #212b32;
  color: #212b32;
  outline: 4px solid transparent;
}
.hse-button--cautionary:active {
  background: #787878;
  box-shadow: none;
  color: #ffffff;
  top: 4px;
}
.hse-button--cautionary.hse-button--disabled {
  background-color: #981e32;
}

.hse-button--transparent {
  background-color: rgba(255, 255, 255, 0);
  box-shadow: 0 4px 0 #212b32;
  border: 1px solid #212b32;
  color: #212b32;
}
.hse-button--transparent:hover {
  background-color: #f0f0f0;
  color: #212b32;
  color: #212b32;
}
.hse-button--transparent:focus {
  background: #ffdd00;
  box-shadow: 0 4px 0 #212b32;
  color: #212b32;
  outline: 4px solid transparent;
}
.hse-button--transparent:active {
  background: #212b32;
  box-shadow: none;
  color: #ffffff;
  top: 4px;
}
.hse-button--transparent.hse-button--disabled {
  background-color: rgba(255, 255, 255, 0);
}

.global-menu-button, .search-button {
  margin-top: 0;
  margin-bottom: 0;
}
.global-menu-button:focus-visible, .search-button:focus-visible {
  margin-top: -10px;
  margin-bottom: -10px;
  background: #ffdd00 !important;
  color: #212b32;
  outline: 4px solid transparent;
}
.global-menu-button:focus-visible:hover, .search-button:focus-visible:hover {
  color: #212b32;
}

.search-button:focus-visible:hover {
  color: #212b32;
}

.global-menu-button.main-menu-expanded:focus-visible {
  background: #ffdd00;
}

.search-button:focus-visible .gsc-search-button-v2.gsc {
  background: #ffdd00 !important;
}
.search-button:focus-visible .gsc-search-button-v2.gsc svg {
  fill: #ffdd00 !important;
}
.search-button:focus-visible .gsc-search-button-v2.gsc svg circle, .search-button:focus-visible .gsc-search-button-v2.gsc svg line {
  stroke: #212b32 !important;
}

.search-button.main-search-expanded:focus-visible .gsc-search-button-v2.gsc:after {
  content: "";
  height: 3px;
  position: absolute;
  bottom: 0;
  background: #212b32;
  width: 64px;
  margin-left: -47px;
}

#menu-button.global-menu-button:focus-visible span:before {
  border-bottom: 2px solid #212b32 !important;
  border-right: 2px solid #212b32 !important;
}

.hse-button--start:after {
  content: " ";
  position: relative;
  background-image: url(../../assets/v6-images/icons/svg/solid/chevron-right-white.svg);
  background-repeat: no-repeat;
  background-position: bottom;
  display: inline-block;
  width: 15px;
  height: 20px;
  margin: 0;
  bottom: -4px;
  margin-left: 10px;
}
.hse-button--start:focus::after {
  background-image: url(../../assets/v6-images/icons/svg/solid/chevron-right-black.svg);
}

/**
 * Button disabled states
 */
/* stylelint-disable string-quotes */
.hse-button--disabled,
.hse-button[disabled=disabled],
.hse-button[disabled] {
  background-color: #00703c;
  opacity: 0.5;
  pointer-events: none;
}
.hse-button--disabled:hover,
.hse-button[disabled=disabled]:hover,
.hse-button[disabled]:hover {
  background-color: #00703c;
  cursor: default;
}
.hse-button--disabled:focus,
.hse-button[disabled=disabled]:focus,
.hse-button[disabled]:focus {
  background-color: #00703c;
  outline: none;
}
.hse-button--disabled:active,
.hse-button[disabled=disabled]:active,
.hse-button[disabled]:active {
  box-shadow: 0 4px 0 #00381e;
  top: 0;
}

.hse-button--secondary[disabled=disabled],
.hse-button--secondary[disabled] {
  background-color: #f0f0f0;
  opacity: 0.5;
}
.hse-button--secondary[disabled=disabled]:hover,
.hse-button--secondary[disabled]:hover {
  background-color: #f0f0f0;
  cursor: default;
}
.hse-button--secondary[disabled=disabled]:focus,
.hse-button--secondary[disabled]:focus {
  outline: none;
}
.hse-button--secondary[disabled=disabled]:active,
.hse-button--secondary[disabled]:active {
  box-shadow: 0 4px 0 #787878;
  top: 0;
}

.hse-button--reverse[disabled=disabled],
.hse-button--reverse[disabled] {
  background-color: #ffffff;
  opacity: 0.5;
}
.hse-button--reverse[disabled=disabled]:hover,
.hse-button--reverse[disabled]:hover {
  background-color: #ffffff;
  cursor: default;
}
.hse-button--reverse[disabled=disabled]:focus,
.hse-button--reverse[disabled]:focus {
  outline: none;
}
.hse-button--reverse[disabled=disabled]:active,
.hse-button--reverse[disabled]:active {
  box-shadow: 0 4px 0 #212b32;
  top: 0;
}

.hse-button--menu {
  background-color: #f0f0f0;
  box-shadow: 0 4px 0 #787878;
  color: #212b32;
}
.hse-button--menu:hover {
  background-color: #d8d8d8;
  color: inherit;
}
.hse-button--menu:focus {
  background: #ffdd00;
  box-shadow: 0 4px 0 #212b32;
  color: #212b32;
  outline: 4px solid transparent;
}
.hse-button--menu:active {
  background: #787878;
  box-shadow: none;
  color: #ffffff;
  top: 4px;
}
.hse-button--menu.hse-button--disabled {
  background-color: #f0f0f0;
}

.callout {
  padding: 16px;
  margin-bottom: 20px;
  border-left: 10px solid #981e32;
  margin-bottom: 32px;
}
@media (min-width: 40.0625em) {
  .callout {
    padding: 24px;
  }
}
@media (min-width: 40.0625em) {
  .callout {
    margin-bottom: 40px;
  }
}

.callout p {
  padding: 0;
  margin-bottom: 2.5px;
}

.callout--information {
  border-left: 10px solid #981e32;
}

.callout--survey {
  border-left: 10px solid #014a82;
}

.hse-page-contents--fullWidth .callout--information {
  background: #f0f0f0;
  border-left: 10px solid #981e32;
}
.hse-page-contents--fullWidth .callout--survey {
  background: #f0f0f0;
  border-left: 10px solid #014a82;
}
.hse-page-contents--fullWidth .callout--warning {
  background: left #f0f0f0;
  border-left: 24px solid #f0f0f0;
  margin: 40px 0;
  padding-top: 16px;
  padding-bottom: 16px;
}
@media (min-width: 40.0625em) {
  .hse-page-contents--fullWidth .callout--warning {
    padding-top: 24px;
  }
}
@media (min-width: 40.0625em) {
  .hse-page-contents--fullWidth .callout--warning {
    padding-bottom: 24px;
  }
}
.hse-page-contents--fullWidth .callout--warning p {
  padding: 8px;
}
@media (min-width: 40.0625em) {
  .hse-page-contents--fullWidth .callout--warning p {
    padding: 8px;
  }
}

.callout--warning {
  margin: 40px 0 40px 0;
  background: none;
  border-left: 0;
  font-weight: 700;
  background-image: url("../../assets/v6-images/icons/warning.svg") !important;
  background-size: 35px 35px !important;
  background-repeat: no-repeat !important;
  background-position: left;
  min-height: 35px !important;
  padding: 5px 0 0 55px;
}

.callout h2 {
  font-size: 1.1rem;
}

.callout h3 {
  font-size: 0.9rem;
}

/* ==========================================================================
   COMPONENTS / #CARD
   ========================================================================== */
/**
 * 1. Is needed for the :active top positioning, and invisible clickable overlay.
 * 2. Border is used to create a divider between the white content
 *    box and an image.
 * 3. Creates the 'pressed down' effect when clicked.
 * 4. Removes padding-top from headings directly after the card group.
 * 5. Includes the border width to achieve the correct left alignment.
 * 6. Stops the heading from spanning the full width of the card.
 * 7. Removes padding top for the feature heading positioning.
 * 8. Default care card colour set to blue (non-urgent care card) -
 *    using the @mixin care-card tools/_mixins.scss.
 *    The same mixin is used for each care card, setting the background
 *    colour,text colour and print border width with the variables.
 * 9. 'Random number' for the heading triangle.
 * 10. 'Random number' for the heading triangle positioning.
 * 11. 'Random number' used for spacing to compensate for the triangle.
 * 12. Needed to enable the triangle to show correctly in high contrast mode.
 * 13. Prevent additional padding on headings
 * 14. Give the action link icon sufficient contrast when used in the emergency variant
 * 15. Reset the positioning to the default [1] to display heading triangle on a coloured background.
 * 16. Emergency care card <a> needs to be white because the background colour is black.
 * 17. Trick IE10 into rendering the invisible clickable area. Without this it does not.
 */
.hse-card {
  margin-bottom: 40px;
  position: relative; /* [1] */
  width: 100%;
}
@media (min-width: 40.0625em) {
  .hse-card {
    margin-bottom: 48px;
  }
}

.hse-card__img {
  border-bottom: 1px solid #f0f4f5; /* [2] */
  display: block;
  width: 100%;
}
@media print {
  .hse-card__img {
    display: none;
  }
}

.hse-card__content {
  padding: 24px;
  background: #ffffff;
}
.hse-card__content > *:first-child {
  margin-top: 0;
}
.hse-card__content > *:last-child {
  margin-bottom: 0;
}
@media (min-width: 40.0625em) {
  .hse-card__content {
    padding: 32px;
  }
}

.hse-card__heading,
.hse-card__metadata,
.hse-card__description {
  margin-bottom: 16px;
}

/* Card group
  ========================================================================== */
/**
* Card group allows you to have a row of cards.
*
* Flexbox is used to make each card in a row the same height.
*/
.hse-card-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 16px;
  padding: 0;
}
@media (max-width: 48.0525em) {
  .hse-card-group {
    margin-bottom: 40px;
  }
}
.hse-card-group + h2,
.hse-card-group + .hse-heading-l,
.hse-card-group + h3,
.hse-card-group + .hse-heading-m {
  padding-top: 0; /* [4] */
}

.hse-card-group__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  margin-bottom: 0;
}
@media (max-width: 48.0525em) {
  .hse-card-group__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}

.hse-card-group {
  padding: 0;
  list-style-type: none;
}
@media (min-width: 40.0625em) {
  .hse-card-group {
    margin: 0 -15px;
    margin-top: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

.hse-card-group li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 48.0525em) {
  .hse-card-group li {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
@media (min-width: 40.0625em) {
  .hse-card-group .hse-grid-column-one-half li {
    background: none;
    padding: 0 16px;
    float: left;
  }
}

.hse-card-group .hse-grid-column-one-third li {
  background: none;
  padding: 0;
  list-style-image: none !important;
}
@media (min-width: 40.0625em) {
  .hse-card-group .hse-grid-column-one-third li {
    background: none;
    padding: 0 16px;
    float: left;
  }
}

/* Card group equal heights
  ========================================================================== */
/**
* equal heights fix for common card groups (this could also be achieved in HTML using the spacing override classes hse-u-margin-bottom-4)
*/
.hse-card-group:has(.hse-card) li {
  margin-bottom: 16px;
}
@media (min-width: 40.0625em) {
  .hse-card-group:has(.hse-card) li {
    margin-bottom: 24px;
  }
}

/* Default clickable card
  ========================================================================== */
.hse-card {
  border-bottom: 4px solid #d8d8d8;
  margin-bottom: 20px;
  width: 100%;
  position: relative;
}
.hse-card h3, .hse-card h2 {
  font-weight: 400;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.55556;
  font-weight: bold;
}
@media (min-width: 40.0625em) {
  .hse-card h3, .hse-card h2 {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.45455;
  }
}
@media print {
  .hse-card h3, .hse-card h2 {
    font-size: 18pt;
    line-height: 1.15;
  }
}
.hse-card:hover {
  border-bottom: 4px solid #981e32;
}
.hse-card:link {
  color: #1e060a;
  background: none;
}

.hse-card--non-clickable {
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
  border-bottom: none;
}
.hse-card--non-clickable a::after {
  display: none;
}
.hse-card--non-clickable:hover {
  border-bottom: none;
}

.hse-card a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

/* Image card
  ========================================================================== */
.hse-card__img {
  border-bottom: 1px solid #f0f4f5; /* [2] */
  display: block;
  width: 100%;
}

.hse-card--img {
  border: 2px solid #d8d8d8;
  border-bottom: 4px #d8d8d8 solid;
  background: #ffffff;
}

/* Chevron card
  ========================================================================== */
.hse-card--chevron {
  position: relative;
}
.hse-card--chevron a {
  font-weight: bold;
  display: block;
}
.hse-card--chevron:hover {
  border-bottom: none;
}
.hse-card--chevron h3 {
  margin: 0;
  padding: 0;
}

.hse-card--chevron {
  margin-bottom: 10px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
  border-bottom: none;
  background: #ffffff;
  padding: 16px 24px 16px 24px;
}
.hse-card--chevron a {
  padding-right: 16px;
}
.hse-card--chevron:hover {
  background: #981e32;
}
.hse-card--chevron:focus-within {
  background: #ffdd00;
}
.hse-card--chevron a:before {
  border-right: 3px solid #981e32;
  border-top: 3px solid #981e32;
  content: "";
  display: block;
  height: 10px;
  position: absolute;
  right: 24px;
  top: 43%;
  -webkit-transform: translateY(0) rotate(45deg) scale(1);
  -ms-transform: translateY(0) rotate(45deg) scale(1);
  transform: translateY(0) rotate(45deg) scale(1);
  width: 10px;
}
.hse-card--chevron a:hover {
  color: white;
}
.hse-card--chevron a:hover::before {
  color: white;
  border-right: 3px solid white;
  border-top: 3px solid white;
}
.hse-card--chevron a:focus {
  color: #212b32;
  box-shadow: none;
}
.hse-card--chevron a:focus::before {
  border-right: 3px solid #212b32;
  border-top: 3px solid #212b32;
}
.hse-card--chevron a:focus::after {
  border: 0 !important;
  outline: 0;
  box-shadow: inset 0 -4px 0 0 #333;
}

.hse-contents-list__title, .hse-multistep-navigation__title {
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 2;
  margin-bottom: 8px;
}
@media (min-width: 40.0625em) {
  .hse-contents-list__title, .hse-multistep-navigation__title {
    font-size: 16px;
    font-size: 1rem;
    line-height: 2;
  }
}
@media print {
  .hse-contents-list__title, .hse-multistep-navigation__title {
    font-size: 14pt;
    line-height: 1.2;
  }
}

.hse-contents-list__list {
  list-style-type: none;
  position: relative;
  width: 100%;
  padding-bottom: 16px;
}
@media (min-width: 40.0625em) {
  .hse-contents-list__list {
    padding-bottom: 24px;
  }
}

.hse-contents-list__list li::before {
  content: "—";
  position: absolute;
  color: #c2c2c2;
  left: 0;
  width: 20px;
  overflow: hidden;
}

.hse-contents-list__list li {
  padding-left: 8px;
}

.js-enabled .chart table,
.js-enabled .datacontent__subtitle,
.js-enabled .datacontent__title,
.js-enabled .datacontent__description {
  display: none;
}

.chart {
  position: relative;
  border: 1px solid #e0e0e0;
  padding: 8px;
  background-color: #ffffff;
  min-height: 400px;
  margin-bottom: 1rem;
}
.chart[data-chart-type=bar] {
  min-height: 700px;
}

.highcharts-root {
  font-family: "Arial, Helvetica, sans-serif";
  font-size: "0.7rem";
  font-weight: "regular";
}

.highcharts-caption * {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  white-space: inherit;
}

@media print {
  #cookie-message {
    display: none;
  }
}

.hse-cookie-banner {
  padding: 20px 0;
  background: #f0f0f0;
}

#cookieContainer p a {
  text-decoration: underline;
}

#cookieContainer p a:hover {
  text-decoration: none;
}

#cookieContainer button:hover {
  cursor: pointer;
}

.cookies-message__actions {
  margin-top: 24px;
}

.cookies-message-accepted,
.cookies-message-rejected {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.cookies-message-accepted p,
.cookies-message-accepted .btn,
.cookies-message-rejected p,
.cookies-message-rejected .btn {
  margin: 0;
}

.cookies-message__heading {
  font-weight: 700;
  margin-bottom: 10px !important;
  line-height: 1.5;
  margin-bottom: 0;
}

.cookies-message__copy p {
  line-height: 1.5;
}

.cookies-message__link {
  margin-bottom: 0;
}

.v6-span-heading1 {
  color: #212b32;
  font-size: 2em;
  padding: 0;
  margin-bottom: 10px;
}

#cookieNotify p {
  color: #212b32;
}

.cookies-message-accepted .hse-button, .cookies-message-rejected .hse-button {
  margin: 0;
}

pre {
  margin: 2rem 0 !important;
}

pre[class*=language-]:after {
  display: block;
  color: #ffffff;
  position: absolute;
  right: 8px;
  top: 8px;
  font-weight: bold;
  font-size: 0.75rem;
}

pre.language-git:after {
  content: "GIT";
}

pre.language-js:after {
  content: "JS";
}

pre.language-css:after {
  content: "CSS";
}

pre.language-markup:after {
  content: "HTML";
}

pre[class*=language-] {
  position: relative;
  border-radius: 0;
  overflow: visible;
}
pre[class*=language-] code {
  white-space: pre-wrap;
}
pre[class*=language-] .copy {
  font-family: #212b32;
  content: "copy";
  padding: 2px 10px 0;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(-10px, -90%);
      -ms-transform: translate(-10px, -90%);
          transform: translate(-10px, -90%);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: #ffffff;
  background: #272822;
  cursor: pointer;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}
pre[class*=language-] .copy:hover {
  color: rgb(191.25, 191.25, 191.25);
}

.hse-feedback:after {
  clear: both;
  content: "";
  display: block;
}
@media print {
  .hse-feedback {
    display: none;
  }
}

.feedback-container {
  background: #f0f0f0;
  border-top: 1px solid #4e4e4e;
}

#feedback {
  max-width: 960px;
  margin: 0 auto;
}

.hse-feedback__prompt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #f0f0f0;
}
.hse-feedback__prompt button {
  margin: 0;
}
@media (min-width: 40.0625em) {
  .hse-feedback__prompt {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 0;
  }
}
@media (min-width: 48.0625em) {
  .hse-feedback__prompt {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.hse-feedback__prompt.js-feedback-open {
  background: white;
}

.hse-section--feedback:has(.js-feedback-open) {
  background: white;
}

.hse-section--feedback .hse-feedback__prompt {
  background: inherit;
  border-top: none;
}

.hse-feedback__prompt-link {
  box-shadow: 0 2px 0 #0b0c0c;
}

.hse-feedback__prompt-link.btn {
  background: none;
  border: 1px solid #4e4e4e;
}

.hse-feedback__prompt-questions-answers, .hse-feedback__report-a-problem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.hse-feedback__prompt-questions-answers .btn, .hse-feedback__report-a-problem .btn {
  margin: 0;
}
@media (min-width: 48.0625em) {
  .hse-feedback__prompt-questions-answers, .hse-feedback__report-a-problem {
    margin: 10px 32px;
    padding: 0;
  }
}
@media (min-width: 62.5em) {
  .hse-feedback__prompt-questions-answers, .hse-feedback__report-a-problem {
    margin: 10px 0;
    padding: 0;
  }
}

.fieldset.report-a-problem-form__questions, .fieldset.report-a-problem-form__hidden-fields {
  margin: 0;
}

.hse-feedback__report-a-problem button.btn-secondary {
  margin: 0;
}

.hse-feedback__prompt-question {
  margin: 0;
  margin-right: 10px;
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 2;
}
@media (min-width: 40.0625em) {
  .hse-feedback__prompt-question {
    font-size: 16px;
    font-size: 1rem;
    line-height: 2;
  }
}
@media print {
  .hse-feedback__prompt-question {
    font-size: 14pt;
    line-height: 1.2;
  }
}

.feedback-links a {
  padding: 5px;
  text-decoration: underline;
}

.feedback-links a:hover,
.feedback-links a:visited,
.feedback-links a:active {
  border: 1px solid white;
  padding: 4px;
  text-decoration: none;
  color: white;
}

.help-improve {
  background-color: white;
  padding: 10px;
  margin-top: 10px;
}

.help-improve p {
  color: #111;
}

.help-improve a {
  color: #014a82;
}

.feedback-survey,
.report-a-problem-form {
  width: 100%;
  position: relative;
  overflow-y: hidden;
  float: left;
  display: none;
}
.feedback-survey .hse-fieldset__heading,
.report-a-problem-form .hse-fieldset__heading {
  font-weight: 600;
}
.feedback-survey.survey-in,
.report-a-problem-form.survey-in {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.feedback-survey.survey-show,
.report-a-problem-form.survey-show {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.feedback-survey__inner {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  bottom: 0;
  left: 50%;
}

.questionaire {
  padding: 25px 10px;
  width: 100%;
  min-height: 200px;
}

.question-caption,
.question-text {
  font-size: 1rem;
  color: #000;
}

.question-caption {
  margin: 0;
  color: #000;
}

p.question-hint {
  font-size: 0.75rem;
  color: #4b4b4b;
}

.question {
  position: relative;
  display: none;
}
.question.active {
  display: block;
}
.question-text {
  font-weight: 700;
}

.survey-thankyou {
  text-align: center;
}
.survey-thankyou p {
  font-weight: 700;
}

.question-list__list {
  margin: 10px 0;
  padding: 0;
  font-size: 0 !important;
}

.question-list__item {
  display: inline-block;
  padding: 0;
  margin-right: 15px;
}
.question-list__item:last-of-type {
  margin-right: 0;
}
.question-list__item button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  font-size: 1rem;
  padding: 10px 20px;
  background-color: #005500;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
}
.question-list__item button:focus {
  outline: none;
  background-color: #fd0;
  color: #212b32;
}

.feedback {
  background: #f0f0f0;
  border-top: 1px solid #c2c2c2;
}

.feedback-message-active {
  margin-top: 0 !important;
}

.report-a-problem-container {
  text-align: center;
}

.report-a-problem-form {
  width: 100%;
  margin: 0 auto;
  display: none;
}

.report-a-problem-form form {
  clear: both;
}

.show {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.js-hide {
  display: none !important;
}

.feedback__report-problem-alert {
  background: #f0f0f0;
  padding: 10px;
}

/* Forms */
.v6form label {
  display: block;
  font-size: 100%;
  font-size: 0.9em;
  padding: 0.6em 0 0.3em 0;
}
.v6form label strong {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
  font-weight: bolder;
}
.v6form input {
  width: 99%;
}
.v6form input#email {
  padding: 5px;
}

.v6-fieldset {
  padding: 10px;
  width: 100%;
  float: left;
  background-color: #f0f0f0;
  margin-bottom: 20px;
}

.v6-legend {
  float: left;
  font-size: 1.5em !important;
  margin-bottom: 10px;
  padding: 0;
}

.v6-legend + p {
  clear: both;
}

.v6-radio-button-container {
  background-color: #333333;
  float: left;
  color: white;
  margin-right: 10px;
  margin-bottom: 10px;
}

.v6-button {
  float: left;
  margin: 10px 10px 10px 0;
  background-color: #981e32;
  color: rgb(165, 165, 165);
}

.v6-button:focus {
  outline: #ffdd00 5px solid !important;
}

button.v6-button {
  padding: 10px;
  border: 0;
}

.v6-button:hover {
  cursor: pointer;
  background-color: #333333;
}

.v6-button a {
  float: left;
  background-color: #981e32;
  padding: 10px;
  color: white;
  text-decoration: none;
}

.v6-label {
  float: left;
  padding: 10px;
}

.v6-radio {
  margin-right: 10px;
  position: relative;
  top: 2px;
}

.v6-radio-button-container label span {
  position: relative;
  top: 0;
}

.v6-radio-button-container label:hover {
  cursor: pointer !important;
}

input[type=radio] {
  width: auto;
  display: inline-block;
}

.radio-toolbar {
  float: left;
  margin-right: 10px;
}

.radio-toolbar input[type=radio] {
  opacity: 0;
  visibility: visible !important;
  width: 0;
  margin-right: 5px;
}

.radio-toolbar .v6-label-on {
  border-right: 0 solid #c2c2c2;
}

.radio-toolbar .v6-label-off {
  border-left: 0 solid #c2c2c2;
}

.radio-toolbar label {
  display: inline-block;
  background-color: #f0f0f0;
  padding: 5px 10px;
  font-family: sans-serif, Arial;
  color: black;
  outline: 2px solid #c2c2c2;
}

.radio-toolbar label:hover {
  cursor: pointer;
}

.radio-toolbar input[type=radio]:focus + label {
  outline: 3px solid #ffdd00;
}

.radio-toolbar input[type=radio]:checked + label {
  background-color: #981e32;
  color: white;
}

.radio-toolbar input.v6-input-on[type=radio]:checked + label {
  background-color: #005500;
  color: white;
}

button {
  text-decoration: underline;
}

button:hover {
  text-decoration: none;
}

/* ==========================================================================
   COMPONENTS/ #DATE-INPUT
   ========================================================================== */
/**
 * 1. font-size: 0 removes whitespace caused by inline-block
 */
.hse-date-input {
  font-size: 0; /* 1 */
}
.hse-date-input:after {
  clear: both;
  content: "";
  display: block;
}

.hse-date-input__item {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 24px;
}

.hse-date-input__label {
  display: block;
}

.hse-date-input__input {
  margin-bottom: 0;
}

.date-input__item {
  display: inline-block;
  margin-right: 8px;
}

.date-input__label {
  font-weight: 400;
}

/*doc
---
title: Date picker
name: b-forms-g-datepicker
category: Page features - Form elements
---

```html_example
</>
```

*/
/*doc
---
title: Form errors
name: c-errors
category: Page features - Form elements
---


```html_example
<div class="form-group form-group--error">
  <fieldset class="fieldset" role="group" aria-describedby="passport-issued-hint passport-issued-error">
    <legend class="fieldset__legend fieldset__legend--xl">
      <h1 class="fieldset__heading">
        When was your passport issued?
      </h1>
    </legend>
    <span id="passport-issued-hint" class="hint">
      For example, 12 11 2007
    </span>
    <span id="passport-issued-error" class="error-message">
      <span class="visually-hidden">Error:</span> The date your passport was issued must be in the past
    </span>
    <div class="date-input" id="passport-issued">
      <div class="date-input__item">
        <div class="form-group">
          <label class="label date-input__label" for="passport-issued-day">
            Day
          </label>
          <input class="input date-input__input input-digits-4 input--error" id="passport-issued-day" name="passport-issued-day" type="text" value="6" pattern="[0-9]*" inputmode="numeric">
        </div>
      </div>
      <div class="date-input__item">
        <div class="form-group">
          <label class="label date-input__label" for="passport-issued-month">
            Month
          </label>
          <input class="input date-input__input input-digits-4 input--error" id="passport-issued-month" name="passport-issued-month" type="text" value="3" pattern="[0-9]*" inputmode="numeric">
        </div>
      </div>
      <div class="date-input__item">
        <div class="form-group">
          <label class="label date-input__label" for="passport-issued-year">
            Year
          </label>
          <input class="input date-input__input input-digits-4 input--error" id="passport-issued-year" name="passport-issued-year" type="text" value="2076" pattern="[0-9]*" inputmode="numeric">
        </div>
      </div>
    </div>
  </fieldset>
</div>
```

*/
.error-message {
  color: #981e32;
}

/* ==========================================================================
   COMPONENTS/ #FIELDSET
   ========================================================================== */
/**
 * 1. Fix legend text wrapping in Edge and IE versions:
 * 2. IE9-11 & Edge 12-13
 * 3. Hack to let legends or elements within legends have margins in webkit browsers.
 * 4. When the legend contains an H1, we want the H1 to inherit all styles from
 *    the legend. Effectively we want to be able to treat the heading as if it is
 *    not there.
 */
.hse-fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
.hse-fieldset:after {
  clear: both;
  content: "";
  display: block;
}

.hse-fieldset__legend {
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.75;
  box-sizing: border-box; /* 1 */
  color: #212b32;
  display: table; /* 2 */
  margin-bottom: 8px;
  margin-top: 0;
  max-width: 100%; /* 1 */
  padding: 0;
  white-space: normal; /* 3 */
}
@media (min-width: 40.0625em) {
  .hse-fieldset__legend {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.68421;
  }
}
@media print {
  .hse-fieldset__legend {
    font-size: 14pt;
    line-height: 1.15;
  }
}

/* Heading modifiers */
.hse-fieldset__legend--xl {
  font-weight: 600;
  font-size: 32px;
  font-size: 2rem;
  line-height: 1.25;
  margin-bottom: 16px;
}
@media (min-width: 40.0625em) {
  .hse-fieldset__legend--xl {
    font-size: 48px;
    font-size: 3rem;
    line-height: 1.16667;
  }
}
@media print {
  .hse-fieldset__legend--xl {
    font-size: 32pt;
    line-height: 1.15;
  }
}

.hse-fieldset__legend--l {
  font-weight: 600;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.33333;
  margin-bottom: 16px;
}
@media (min-width: 40.0625em) {
  .hse-fieldset__legend--l {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.25;
  }
}
@media print {
  .hse-fieldset__legend--l {
    font-size: 24pt;
    line-height: 1.05;
  }
}

.hse-fieldset__legend--m {
  font-weight: 600;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
  margin-bottom: 16px;
}
@media (min-width: 40.0625em) {
  .hse-fieldset__legend--m {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.33333;
  }
}
@media print {
  .hse-fieldset__legend--m {
    font-size: 18pt;
    line-height: 1.15;
  }
}

.hse-fieldset__legend--s {
  font-weight: 600;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.75;
  margin-bottom: 16px;
}
@media (min-width: 40.0625em) {
  .hse-fieldset__legend--s {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.68421;
  }
}
@media print {
  .hse-fieldset__legend--s {
    font-size: 14pt;
    line-height: 1.15;
  }
}

.hse-fieldset__heading {
  /* 4 */
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

/* ==========================================================================
   COMPONENTS/ #HINT
   ========================================================================== */
.hse-hint {
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.75;
  color: #333333;
  display: block;
  margin-bottom: 16px;
}
@media (min-width: 40.0625em) {
  .hse-hint {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.68421;
  }
}
@media print {
  .hse-hint {
    font-size: 14pt;
    line-height: 1.15;
  }
}

.hse-label:not(.hse-label--m):not(.hse-label--l):not(.hse-label--xl) + .hse-hint {
  margin-bottom: 8px;
}

.hse-fieldset__legend:not(.hse-fieldset__legend--m):not(.hse-fieldset__legend--l):not(.hse-fieldset__legend--xl) + .hse-hint {
  margin-bottom: 8px;
}

.hse-fieldset__legend + .hse-hint {
  margin-top: -4px;
}

/* ==========================================================================
   COMPONENTS/ #RADIOS
   ========================================================================== */
/**
 * 1. remove 300ms pause on mobile.
 * 2. Fix bug in IE11 caused by transform rotate (-45deg).
 */
.hse-radios__item {
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.75;
  clear: left;
  display: block;
  margin-bottom: 8px;
  min-height: 40px;
  padding: 0 0 0 40px;
  position: relative;
}
@media (min-width: 40.0625em) {
  .hse-radios__item {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.68421;
  }
}
@media print {
  .hse-radios__item {
    font-size: 14pt;
    line-height: 1.15;
  }
}

.hse-radios__item:last-child,
.hse-radios__item:last-of-type {
  margin-bottom: 0;
}

.hse-radios__input {
  cursor: pointer;
  height: 40px;
  left: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 40px;
  z-index: 1;
}

.hse-radios__label {
  cursor: pointer;
  display: inline-block;
  margin-bottom: 0;
  padding: 8px 12px 4px;
  -ms-touch-action: manipulation; /* 1 */
  touch-action: manipulation; /* 1 */
}

.hse-radios__hint {
  display: block;
  padding-left: 12px;
  padding-right: 12px;
}

.hse-radios__input + .hse-radios__label::before {
  background: #ffffff;
  border: 2px solid #333333;
  border-radius: 50%;
  box-sizing: border-box;
  content: "";
  height: 40px;
  left: 0;
  position: absolute;
  top: 0;
  width: 40px;
}

.hse-radios__input + .hse-radios__label::after {
  background: #333333;
  border: 10px solid #212b32;
  border-radius: 50%;
  content: "";
  height: 0;
  left: 10px;
  opacity: 0;
  position: absolute;
  top: 10px;
  width: 0;
}

/**
 * Focus state
 *
 * 1. Since box-shadows are removed when users customise their colours
 *    We set a transparent outline that is shown instead.
 *    https://accessibility.blog.gov.uk/2017/03/27/how-users-change-colours-on-websites/
 */
.hse-radios__input:focus + .hse-radios__label::before {
  border: 4px solid #212b32;
  box-shadow: 0 0 0 4px #ffdd00;
}

/* Selected state */
.hse-radios__input:checked + .hse-radios__label::after {
  opacity: 1;
}

/* Disabled state */
.hse-radios__input:disabled,
.hse-radios__input:disabled + .hse-radios__label {
  cursor: default;
}

.hse-radios__input:disabled + .hse-radios__label {
  opacity: 0.5;
}

/*
 * Inline variant
 *
 * 1. Prevent inline modifier being used with conditional reveals
 */
@media (min-width: 40.0625em) {
  .hse-radios--inline:after {
    clear: both;
    content: "";
    display: block;
  }
  .hse-radios--inline .hse-radios__item {
    clear: none;
    float: left;
    margin-right: 24px;
  }
}
.hse-radios--inline.hse-radios--conditional {
  /* 1 */
}
.hse-radios--inline.hse-radios--conditional .hse-radios__item {
  float: none;
  margin-right: 0;
}

/* Divider variant */
.hse-radios__divider {
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.75;
  color: #212b32;
  margin-bottom: 8px;
  text-align: center;
  width: 40px;
}
@media (min-width: 40.0625em) {
  .hse-radios__divider {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.68421;
  }
}
@media print {
  .hse-radios__divider {
    font-size: 14pt;
    line-height: 1.15;
  }
}

/* Conditional */
.hse-radios__conditional {
  margin-bottom: 16px;
  border-left: 4px solid #333333;
  margin-left: 18px;
  padding-left: 30px;
}
@media (min-width: 40.0625em) {
  .hse-radios__conditional {
    margin-bottom: 24px;
  }
}
.hse-radios__conditional > :last-child {
  margin-bottom: 0;
}

.js-enabled .hse-radios__conditional--hidden {
  display: none;
}

/* ==========================================================================
   COMPONENTS/ #CHECKBOXES
   ========================================================================== */
/**
 * 1. remove 300ms pause on mobile.
 * 2. Fix bug in IE11 caused by transform rotate (-45deg).
 */
.hse-checkboxes__item {
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.75;
  clear: left;
  display: block;
  margin-bottom: 8px;
  min-height: 40px;
  padding: 0 0 0 40px;
  position: relative;
}
@media (min-width: 40.0625em) {
  .hse-checkboxes__item {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.68421;
  }
}
@media print {
  .hse-checkboxes__item {
    font-size: 14pt;
    line-height: 1.15;
  }
}

.hse-checkboxes__item:last-child,
.hse-checkboxes__item:last-of-type {
  margin-bottom: 0;
}

.hse-checkboxes__input {
  cursor: pointer;
  height: 40px;
  left: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 40px;
  z-index: 1;
}

.hse-checkboxes__label {
  cursor: pointer;
  display: inline-block;
  margin-bottom: 0;
  padding: 8px 12px 4px;
  -ms-touch-action: manipulation; /* 1 */
  touch-action: manipulation;
}

.hse-checkboxes__hint {
  display: block;
  padding-left: 12px;
  padding-right: 12px;
}

.hse-checkboxes__input + .hse-checkboxes__label::before {
  background: #ffffff;
  border: 2px solid #333333;
  box-sizing: border-box;
  content: "";
  height: 40px;
  left: 0;
  position: absolute;
  top: 0;
  width: 40px;
}

.hse-checkboxes__input + .hse-checkboxes__label::after {
  background: transparent;
  border: solid;
  border-top-color: transparent;
  border-width: 0 0 4px 4px;
  content: "";
  height: 10px;
  left: 10px;
  opacity: 0; /* 2 */
  position: absolute;
  top: 13px;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 22px;
}

/*
 * Focus state
 *
 * 1. Since box-shadows are removed when users customise their colours
 *    We set a transparent outline that is shown instead.
 *    https://accessibility.blog.gov.uk/2017/03/27/how-users-change-colours-on-websites/
 */
.hse-checkboxes__input:focus + .hse-checkboxes__label::before {
  border: 4px solid #212b32;
  box-shadow: 0 0 0 4px #ffdd00;
}

/* Selected state */
.hse-checkboxes__input:checked + .hse-checkboxes__label::after {
  opacity: 1;
}

/* Disabled state */
.hse-checkboxes__input:disabled,
.hse-checkboxes__input:disabled + .hse-checkboxes__label {
  cursor: default;
}

.hse-checkboxes__input:disabled + .hse-checkboxes__label {
  opacity: 0.5;
}

/* Divider variant */
.hse-checkboxes__divider {
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.75;
  color: #212b32;
  margin-bottom: 8px;
  text-align: center;
  width: 40px;
}
@media (min-width: 40.0625em) {
  .hse-checkboxes__divider {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.68421;
  }
}
@media print {
  .hse-checkboxes__divider {
    font-size: 14pt;
    line-height: 1.15;
  }
}

/*
 * Conditional
 *
 * 1. Calculate the amount of padding needed to keep the border
 *    centered against the checkbox.
 * 2. Move the border centered with the checkbox.
 * 3. Move the contents of the conditional inline with the label.
 */
/* 1 */
/* 2 */
/* 3 */
.hse-checkboxes__conditional {
  margin-bottom: 16px;
  border-left: 4px solid #333333;
  margin-left: 18px;
  padding-left: 30px;
}
@media (min-width: 40.0625em) {
  .hse-checkboxes__conditional {
    margin-bottom: 24px;
  }
}
.hse-checkboxes__conditional > :last-child {
  margin-bottom: 0;
}

.js-enabled .hse-checkboxes__conditional--hidden {
  display: none;
}

/* ==========================================================================
   COMPONENTS/ #INPUT
   ========================================================================== */
/**
 * 1. Disable inner shadow and remove rounded corners
 * 2. setting any background-color makes text invisible when changing colours to dark
 *    backgrounds in Firefox (https://bugzilla.mozilla.org/show_bug.cgi?id=1335476)
 *    as background-color and color need to always be set together, color should
 *    not be set either.
 */
.hse-input {
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.75;
  -moz-appearance: none; /* 1 */
  -webkit-appearance: none; /* 1 */
  appearance: none; /* 1 */
  border: 2px solid #333333; /* 2 */
  border-radius: 0;
  box-sizing: border-box;
  min-height: 40px;
  margin-top: 0;
  padding: 4px;
  width: 100%;
}
@media (min-width: 40.0625em) {
  .hse-input {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.68421;
  }
}
@media print {
  .hse-input {
    font-size: 14pt;
    line-height: 1.15;
  }
}
.hse-input--subscribe {
  text-align: center !important;
}
.hse-input:focus {
  border: 2px solid #212b32;
  box-shadow: inset 0 0 0 2px;
  outline: 4px solid #ffdd00; /* 1 */
  outline-offset: 0;
}

.hse-input::-webkit-outer-spin-button,
.hse-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.hse-input[type=number] {
  /* stylelint-disable-line string-quotes */
  -moz-appearance: textfield;
}

.hse-input--error {
  border: 2px solid #981e32;
}

.hse-input--width-30 {
  max-width: 59ex;
}

.hse-input--width-20 {
  max-width: 41ex;
}

.hse-input--width-10 {
  max-width: 23ex;
}

.hse-input--width-5 {
  max-width: 10.8ex;
}

.hse-input--width-4 {
  max-width: 9ex;
}

.hse-input--width-3 {
  max-width: 7.2ex;
}

.hse-input--width-2 {
  max-width: 5.4ex;
}

.hse-input__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 19.99em) {
  .hse-input__wrapper {
    display: block;
  }
}

.hse-input__prefix,
.hse-input__suffix {
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.75;
  background-color: #f0f0f0;
  border: 2px solid #333333;
  box-sizing: border-box;
  cursor: default;
  display: inline-block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-height: 40px;
  min-width: 2.5rem;
  padding: 4px;
  text-align: center;
  white-space: nowrap;
}
@media (min-width: 40.0625em) {
  .hse-input__prefix,
  .hse-input__suffix {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.68421;
  }
}
@media print {
  .hse-input__prefix,
  .hse-input__suffix {
    font-size: 14pt;
    line-height: 1.15;
  }
}
@media (max-width: 19.99em) {
  .hse-input__prefix,
  .hse-input__suffix {
    max-width: 9.1ex;
    display: block;
    height: 100%;
    white-space: normal;
  }
}
@media (max-width: 40.0525em) {
  .hse-input__prefix,
  .hse-input__suffix {
    line-height: 1.6;
    font-size: 1.1875rem;
  }
}

@media (max-width: 19.99em) {
  .hse-input__prefix {
    border-bottom: 0;
  }
}
@media (min-width: 20em) {
  .hse-input__prefix {
    border-right: 0;
  }
}

@media (max-width: 19.99em) {
  .hse-input__suffix {
    border-top: 0;
  }
}
@media (min-width: 20em) {
  .hse-input__suffix {
    border-left: 0;
  }
}

.input-file {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
  padding: 0;
  color: #212b32;
  font-weight: 100;
}
.input-file + label {
  cursor: pointer; /* "hand" cursor */
}
.input-file:focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}
.input-file + label * {
  pointer-events: none;
}

/* ==========================================================================
   COMPONENTS/ #LABEL
   ========================================================================== */
.hse-label {
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.75;
  font-weight: 500;
  display: block;
  margin-bottom: 4px;
}
@media (min-width: 40.0625em) {
  .hse-label {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.68421;
  }
}
@media print {
  .hse-label {
    font-size: 14pt;
    line-height: 1.15;
  }
}

/* Modifiers that make labels look more like their equivalent headings */
.hse-label--xl {
  font-size: 32px;
  font-size: 2rem;
  line-height: 1.25;
  display: block;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 40px;
}
@media (min-width: 40.0625em) {
  .hse-label--xl {
    font-size: 48px;
    font-size: 3rem;
    line-height: 1.16667;
  }
}
@media print {
  .hse-label--xl {
    font-size: 32pt;
    line-height: 1.15;
  }
}
@media (min-width: 40.0625em) {
  .hse-label--xl {
    margin-bottom: 48px;
  }
}

.hse-label--l {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.33333;
  display: block;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 16px;
}
@media (min-width: 40.0625em) {
  .hse-label--l {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.25;
  }
}
@media print {
  .hse-label--l {
    font-size: 24pt;
    line-height: 1.05;
  }
}
@media (min-width: 40.0625em) {
  .hse-label--l {
    margin-bottom: 24px;
  }
}

.hse-label--m {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
  display: block;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 16px;
}
@media (min-width: 40.0625em) {
  .hse-label--m {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.33333;
  }
}
@media print {
  .hse-label--m {
    font-size: 18pt;
    line-height: 1.15;
  }
}
@media (min-width: 40.0625em) {
  .hse-label--m {
    margin-bottom: 24px;
  }
}

.hse-label--s {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.75;
  display: block;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 16px;
}
@media (min-width: 40.0625em) {
  .hse-label--s {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.68421;
  }
}
@media print {
  .hse-label--s {
    font-size: 14pt;
    line-height: 1.15;
  }
}
@media (min-width: 40.0625em) {
  .hse-label--s {
    margin-bottom: 24px;
  }
}

.hse-label-wrapper {
  margin: 0;
}

/*doc
---
title: Select (native)
name: b-forms-c-select-native
category: Page features - Form elements
---

```html_example
</>
```

*/
.select-arrow {
  width: 0;
  height: 0;
}
.select-arrow-up {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #212b32;
}
.select-arrow-down, .select-styled:after {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #212b32;
}

.select-styled {
  display: inline-block;
  position: relative;
}
.select-styled:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  right: 16px;
  top: 16px;
}

/*doc
---
title: Select (multi)
name: b-forms-e-select-multi
category: Page features - Form elements
---

```html_example
</>
```

*/
/*doc
---
title: Select (UI)
name: b-forms-d-select-ui
category: Page features - Form elements
---

```html_example
</>
```

*/
/*doc
---
title: Input (telephone)
name: b-forms-a-input-telephone
category: Page features - Form elements
---


```html_example
    <form>
        <div class="form-group">
            <label class="label">Enter a UK telephone number</label>
            <p class="hint">Format: 0121 555 5555 (no spaces)</p>
            <input class="input" type="tel" pattern="[0-9]{4}[0-9]{3}[0-9]{4}" />
            <button class="btn btn-primary">Validate</button>
        </div>
    </form>
```

*/
/* ==========================================================================
   COMPONENTS/ #TEXTAREA
   ========================================================================== */
.hse-textarea {
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.75;
  -webkit-appearance: none;
  border: 2px solid #333333;
  border-radius: 0;
  box-sizing: border-box;
  display: block;
  min-height: 40px;
  padding: 4px;
  resize: vertical;
  width: 100%;
}
@media (min-width: 40.0625em) {
  .hse-textarea {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.68421;
  }
}
@media print {
  .hse-textarea {
    font-size: 14pt;
    line-height: 1.15;
  }
}
.hse-textarea:focus {
  border: 2px solid #212b32;
  box-shadow: inset 0 0 0 2px;
  outline: 4px solid #ffdd00; /* 1 */
  outline-offset: 0;
}

.hse-textarea--error {
  border: 2px solid #981e32;
}

.input-switch-label {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 59.8px;
  height: 36px;
  margin: 10px 40px 10px 30px;
}
.input-switch-label:focus {
  outline: 0;
}
.input-switch-label:before, .input-switch-label:after {
  display: block;
  position: absolute;
  width: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #212b32;
  cursor: pointer;
  -webkit-transition: color 300ms ease-in-out;
  transition: color 300ms ease-in-out;
}
.input-switch-label:before {
  left: -30px;
  content: "No";
}
.input-switch-label:after {
  right: -40px;
  color: #bdbdbd;
  content: "Yes";
}
.input-switch-label:checked:before {
  color: #bdbdbd;
}
.input-switch-label:checked:after {
  color: #212b32;
}

.input-switch {
  width: 0;
  height: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.input-switch--slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 59.8px;
}
.input-switch--slider:before {
  content: "";
  border-radius: 50%;
  position: absolute;
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4.3333333333px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.input-switch:focus + .input-switch--slider {
  box-shadow: 0 0 0 3px #fd0;
}

.input-switch:checked + .input-switch--slider {
  background-color: #005500;
}

.input-switch:checked + .input-switch--slider:before {
  -webkit-transform: translateX(26px);
      -ms-transform: translateX(26px);
          transform: translateX(26px);
}

.modal__container {
  background-color: #fff;
  height: auto;
  padding: 15px;
  border: 1px solid #d8d8d8;
  opacity: 0;
  margin: 0 10px;
  position: fixed;
  left: 0;
  box-shadow: 0px 2px 5px #d8d8d8;
  z-index: 9999;
}
.modal__container.has-overlay {
  box-shadow: none;
}
@media (min-width: 40.0625em) {
  .modal__container {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0);
        -ms-transform: translateX(-50%) translateY(-50%) scale(0);
            transform: translateX(-50%) translateY(-50%) scale(0);
    -webkit-transition: opacity 250ms ease-in-out, -webkit-transform 150ms ease-in;
    transition: opacity 250ms ease-in-out, -webkit-transform 150ms ease-in;
    transition: transform 150ms ease-in, opacity 250ms ease-in-out;
    transition: transform 150ms ease-in, opacity 250ms ease-in-out, -webkit-transform 150ms ease-in;
    margin: 0;
    top: 50%;
    left: 50%;
  }
}
.modal__container.modal-show {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
@media (min-width: 40.0625em) {
  .modal__container.modal-show {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
        -ms-transform: translateX(-50%) translateY(-50%) scale(1);
            transform: translateX(-50%) translateY(-50%) scale(1);
  }
}
.modal__container.fullscreen {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.modal__container.medium {
  width: 100%;
  max-width: 800px;
}
.modal__container.small {
  width: 100%;
  max-width: 450px;
}

.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 0;
}

.fullscreen .modal__inner {
  margin: 0 auto;
  max-width: 960px;
}

.modal__header {
  text-align: right;
}

.modal__close {
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  border: none;
  background-color: transparent;
  padding: 0;
}
.modal__close .close-icon {
  position: relative;
  height: 20px;
  width: 20px;
  cursor: pointer;
}
.modal__close .close-icon:before, .modal__close .close-icon:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  height: 20px;
  width: 2px;
  background-color: #212b32;
}
.modal__close .close-icon:before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.modal__close .close-icon:after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.hse-multistep-navigation {
  padding-bottom: 16px;
  border-bottom: 4px solid #d8d8d8;
}
@media (min-width: 40.0625em) {
  .hse-multistep-navigation {
    padding-bottom: 24px;
  }
}

.multistep--columns-two, .hse-multistep-navigation__list--columns-two {
  width: 100%;
}
@media (min-width: 48.0625em) {
  .multistep--columns-two, .hse-multistep-navigation__list--columns-two {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
}

ol.multistep.multistep--dashed, .hse-multistep-navigation__list.hse-multistep-navigation__list--dashed {
  list-style-type: none;
  position: relative;
  width: 100%;
  margin: 0;
}
ol.multistep.multistep--dashed li, .hse-multistep-navigation__list.hse-multistep-navigation__list--dashed li {
  padding: 0 8px;
}

ol.multistep.multistep--dashed li::before, ol.hse-multistep-navigation__list.hse-multistep-navigation__list--dashed li::before {
  content: "—";
  position: absolute;
  color: #c2c2c2;
  left: 0;
  width: 20px;
  overflow: hidden;
}

.multistep, .hse-multistep-navigation__list {
  width: 100%;
  padding: 0 0 0 20px;
}

ol.multistep li, ol.hse-multistep-navigation__list li {
  font-size: 16px;
  font-size: 1rem;
  line-height: 2;
  line-height: 1.5 !important;
  padding: 0 8px;
  clear: both;
}
@media (min-width: 40.0625em) {
  ol.multistep li, ol.hse-multistep-navigation__list li {
    font-size: 16px;
    font-size: 1rem;
    line-height: 2;
  }
}
@media print {
  ol.multistep li, ol.hse-multistep-navigation__list li {
    font-size: 14pt;
    line-height: 1.2;
  }
}
ol.multistep li:a, ol.hse-multistep-navigation__list li:a {
  display: inline-block;
}

.hse-news-article {
  border-bottom: 2px solid #f0f0f0;
  margin-bottom: 16px;
}
@media (min-width: 40.0625em) {
  .hse-news-article {
    margin-bottom: 24px;
  }
}
.hse-news-article h1 {
  font-weight: 400;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.55556;
  font-weight: bold;
}
@media (min-width: 40.0625em) {
  .hse-news-article h1 {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.45455;
  }
}
@media print {
  .hse-news-article h1 {
    font-size: 18pt;
    line-height: 1.15;
  }
}
.hse-news-article h2 {
  font-weight: 400;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.55556;
  font-weight: bold;
}
@media (min-width: 40.0625em) {
  .hse-news-article h2 {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.45455;
  }
}
@media print {
  .hse-news-article h2 {
    font-size: 18pt;
    line-height: 1.15;
  }
}
.hse-news-article h3 {
  font-weight: 400;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.55556;
  font-weight: bold;
}
@media (min-width: 40.0625em) {
  .hse-news-article h3 {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.45455;
  }
}
@media print {
  .hse-news-article h3 {
    font-size: 18pt;
    line-height: 1.15;
  }
}
.hse-news-article h4 {
  font-weight: 400;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.55556;
  font-weight: bold;
}
@media (min-width: 40.0625em) {
  .hse-news-article h4 {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.45455;
  }
}
@media print {
  .hse-news-article h4 {
    font-size: 18pt;
    line-height: 1.15;
  }
}
.hse-news-article h5 {
  font-weight: 400;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.55556;
  font-weight: bold;
}
@media (min-width: 40.0625em) {
  .hse-news-article h5 {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.45455;
  }
}
@media print {
  .hse-news-article h5 {
    font-size: 18pt;
    line-height: 1.15;
  }
}
.hse-news-article h6 {
  font-weight: 400;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.55556;
  font-weight: bold;
}
@media (min-width: 40.0625em) {
  .hse-news-article h6 {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.45455;
  }
}
@media print {
  .hse-news-article h6 {
    font-size: 18pt;
    line-height: 1.15;
  }
}
.hse-news-article:last-of-type {
  border-bottom: none;
}
.hse-news-article time::after {
  content: "|";
  padding-left: 4px;
}
.hse-news-article time:only-child::after {
  display: none;
}
.hse-news-article .hse-news-article__category {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 5px;
  padding-right: 5px;
}
.hse-news-article .hse-news-article__category:not(:has(a.hse-news-article__link)) {
  padding: 5px;
  background: #f0f0f0;
}
.hse-news-article .hse-news-article__category--homepage {
  background: #ffffff !important;
}
.hse-news-article .hse-news-article__category .hse-news-article__link {
  padding: 5px;
  background: #f0f0f0;
}
.hse-news-article .hse-news-article__category .hse-news-article__link:hover {
  background: #981e32;
  color: white;
}

#contentAside ul {
  list-style: none;
  padding-left: 0;
}

#contentAside {
  border-top: 4px solid #981e32;
  padding-top: 8px;
  margin-top: 48px;
}
@media (min-width: 40.0625em) {
  #contentAside {
    padding-top: 8px;
  }
}
@media (min-width: 40.0625em) {
  #contentAside {
    margin-top: 56px;
  }
}

#pagination {
  margin-bottom: 20px;
}

#pagination ul {
  list-style-type: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 61.875em) {
  #pagination ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

#pagination ul li {
  list-style-image: none;
}

#pagination ul li a {
  padding: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  text-decoration: none;
}

#pagination ul,
#pagination ul li {
  background: none;
  margin: 0 !important;
  padding: 0;
}

#pagination .next-page,
#pagination .previous-page {
  width: 100%;
}
@media (min-width: 48.0625em) {
  #pagination .next-page,
  #pagination .previous-page {
    width: 50%;
  }
}

#pagination a span:focus {
  color: #333333 !important;
}

#pagination a:hover {
  background-color: #f0f0f0;
}

.pagination-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-decoration: underline;
  margin-top: 5px;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}

@media (min-width: 48.0625em) {
  .previous-page .pagination-text {
    padding-left: 32px;
  }
}

@media (min-width: 48.0625em) {
  #pagination .next-page,
  #pagination .previous-page {
    margin-left: -10px;
  }
}

@media (min-width: 48.0625em) {
  #pagination div:nth-child(2) {
    margin-left: 10px;
  }
}

.next-page:hover .pagination-text,
.previous-page:hover .pagination-text {
  text-decoration: none !important;
  color: #333333 !important;
}

.previous-page a {
  width: 100%;
  padding: 10px;
}
@media (min-width: 48.0625em) {
  .previous-page a {
    padding-left: 0;
  }
}

.next-page a {
  width: 100%;
  padding: 10px;
}

@media (min-width: 48.0625em) {
  #pagination ul li:first-of-type a {
    padding-left: 0;
  }
}

#pagination ul li::before {
  content: "" !important;
}

.pagination-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.next-page .pagination-icon::after {
  content: " ";
  background-image: url("../../assets/v6-images/icons/svg/solid/arrow-right-red.svg");
  background-repeat: no-repeat;
  background-position: right;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 10px;
}
@media (max-width: 48.0525em) {
  .next-page .pagination-icon::after {
    margin-right: 10px;
    margin-left: 0;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
  }
}

.previous-page .pagination-icon::before {
  content: " ";
  background-image: url("../../assets/v6-images/icons/svg/solid/arrow-left-red.svg");
  background-repeat: no-repeat;
  background-position: left;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
@media (max-width: 48.0525em) {
  .previous-page .pagination-icon::before {
    margin-right: 10px;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
  }
}

.hse-side-navigation {
  float: left;
  width: 100%;
}
@media (max-width: 48.0525em) {
  .hse-side-navigation {
    margin-bottom: 20px;
  }
}
@media print {
  .hse-side-navigation {
    display: none;
  }
}
.hse-side-navigation > ul {
  left: 0;
  position: relative;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.hse-side-navigation ul li ul {
  left: 100%;
  top: 0;
  padding: 0;
}
.hse-side-navigation ul,
.hse-side-navigation ul li {
  list-style: none;
  margin: 0;
  font-size: 0;
}
.hse-side-navigation ul li {
  line-height: 1.4;
}
.hse-side-navigation ul li:not(.first) a:not(.back) {
  padding: 14px;
}
@media (min-width: 48.0625em) {
  .hse-side-navigation ul li:not(.first) a:not(.back) {
    padding: 10px;
  }
}
.hse-side-navigation ul li a:focus-within {
  color: #212b32 !important;
}
.hse-side-navigation ul li a {
  padding: 10px 0;
}
.hse-side-navigation ul li a:hover {
  text-decoration: underline;
  font-weight: bold;
}
.hse-side-navigation .first a {
  width: 100%;
  font-weight: bold;
}
.hse-side-navigation .first a:focus {
  color: #212b32 !important;
}
.hse-side-navigation a.active-page {
  border-left: 3px solid #981e32;
  text-decoration: none;
  padding: 10px !important;
  font-weight: bold;
}
.hse-side-navigation ul li a:not(.back):active {
  background-color: #c2c2c2;
  color: #212b32;
}
.hse-side-navigation ul li a.next::after {
  content: " ";
  background-image: url("../../assets/v6-images/icons/svg/solid/arrow-right.svg");
  background-repeat: no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0;
  margin-left: auto;
}
.hse-side-navigation .next:hover::after,
.hse-side-navigation .next:focus::after {
  content: " ";
  background-image: url("../../assets/v6-images/icons/svg/solid/arrow-right-red.svg");
  background-repeat: no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0;
  margin-left: auto;
  z-index: 9999;
}
.hse-side-navigation .next::after {
  margin-left: 1em;
}
.hse-side-navigation .draw {
  position: absolute;
  left: 100%;
  top: 0;
  width: 100%;
  z-index: -1;
  visibility: hidden;
}
.hse-side-navigation .draw.active {
  z-index: 1;
  visibility: visible;
}
.hse-side-navigation .draw .back {
  width: 100%;
  margin-bottom: 10px;
  padding: 18px 0 !important;
}
@media (max-width: 48.0525em) {
  .hse-side-navigation .draw .back {
    padding: 14px 0;
  }
}
.hse-side-navigation .draw .back:focus::before {
  content: " ";
  background-image: url("../../assets/v6-images/icons/svg/solid/arrow-left-black.svg") !important;
}
.hse-side-navigation .draw .back::before {
  padding: 0 1em;
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
  content: " ";
  background: url("../../assets/v6-images/icons/svg/solid/arrow-left-red.svg");
  background-repeat: no-repeat;
  display: inline-block;
  height: 16px;
  width: 16px;
  margin: 0;
  -webkit-transform: translateX(0px) !important;
      -ms-transform: translateX(0px) !important;
          transform: translateX(0px) !important;
}
.hse-side-navigation .draw.active li a:not(.header) {
  padding: 10px;
}
.hse-side-navigation .subnav-container {
  overflow: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  background-color: transparent;
}
.hse-side-navigation .subnav-container ul {
  width: 100%;
}
.hse-side-navigation .subnav-container a {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  cursor: pointer;
  font-size: 1rem;
  text-decoration: none;
}
.hse-side-navigation .subnav-container a:visited {
  color: #981e32;
}
.hse-side-navigation .subnav-container a a:focus {
  background: #ffdd00 !important;
}
.hse-side-navigation .subnav-container a a:focus-visible {
  outline: none;
}
.hse-side-navigation .subnav-container a a span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: visible;
  width: 100%;
  height: auto;
}
.hse-side-navigation .subnav-container a .header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
      -ms-flex-flow: column;
          flex-flow: column;
}
.hse-side-navigation .subnav-container a .header a {
  width: 100%;
}
.hse-side-navigation .subnav-container a li.first a:hover span {
  color: white;
  text-decoration: underline;
}
.hse-side-navigation .subnav-container .subnav-wrapper {
  position: relative;
  display: block;
  padding-left: 0;
  left: 0;
  list-style: none;
  margin: 0;
  width: 100%;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.hse-side-navigation .subnav-title p {
  font-size: 1rem;
  margin-bottom: 10px;
  font-weight: bold;
  color: black;
}

/* Mobile menu */
@media (min-width: 48.0625em) {
  .btn-mobile {
    display: none !important;
  }
}

@media (max-width: 48.0525em) {
  #menu {
    width: 100%;
  }
  .collapse.subnav-container {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
  }
  .show.subnav-container {
    clip: none;
    -webkit-clip-path: none;
            clip-path: none;
    height: none;
    position: relative;
    white-space: none;
    width: 1px;
  }
  .collapse {
    display: block;
    max-height: 0px;
    overflow: hidden;
    -webkit-transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
    transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
  }
  .collapse.show {
    max-height: 99em;
    -webkit-transition: max-height 0.5s ease-in-out;
    transition: max-height 0.5s ease-in-out;
  }
  .btn-mobile {
    width: 100% !important;
    float: left !important;
    clear: both !important;
    text-align: left !important;
    margin-bottom: 0 !important;
  }
  .subnav-container .back::before {
    content: " ";
    background: url("../../assets/v6-images/icons/svg/solid/arrow-left-red.svg");
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    width: 16px;
    margin: 0;
    -webkit-transform: translateX(10px) !important;
        -ms-transform: translateX(10px) !important;
            transform: translateX(10px) !important;
    border-right: 10px solid transparent;
  }
  li.first a.active-page:hover {
    background: #c2c2c2;
    color: #333333;
  }
  .subnav-container li.first a {
    background: #f0f0f0;
    color: #333333;
  }
}
@media (max-width: 48.0525em) and (max-width: 48.0525em) {
  .subnav-container li.first a {
    padding: 14px;
  }
}
@media (max-width: 48.0525em) {
  .subnav-container li.first a:hover {
    background: #c2c2c2;
    color: #333333;
  }
  .btn-mobile svg {
    float: right;
    outline: none;
    cursor: pointer;
    pointer-events: none;
  }
}
.hse-navigation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 25px;
}
.hse-navigation:after {
  clear: both;
  content: "";
  display: block;
}

.hse-navigation-header {
  margin-right: 0;
}
@media (min-width: 48.0625em) {
  .hse-navigation-header {
    margin-right: -16px;
  }
}

.hse-header__navigation-container {
  background-color: #f0f0f0;
}
.hse-header__navigation-container:after {
  clear: both;
  content: "";
  display: block;
}
@media (max-width: 48.0525em) {
  .hse-header__navigation-container {
    margin: 0;
    padding-left: 16px;
    padding-right: 16px;
  }
  .hse-header__navigation-container .hse-width-container {
    margin: 0;
    padding-left: 0;
    max-width: 100%;
  }
}

.hse-navigation__navigation-item {
  padding-bottom: 15px;
  margin-bottom: 0;
}

.hse-navigation__primary-navigation-item a {
  padding: 4px 16px;
}

.hse-navigation__navigation-list {
  width: 100%;
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 2;
  list-style-type: none;
  background: none;
  padding: 0;
  background-color: #f0f0f0;
}
@media (min-width: 40.0625em) {
  .hse-navigation__navigation-list {
    font-size: 16px;
    font-size: 1rem;
    line-height: 2;
  }
}
@media print {
  .hse-navigation__navigation-list {
    font-size: 14pt;
    line-height: 1.2;
  }
}
.hse-navigation__navigation-list--footer {
  background-color: #333333;
}
@media (min-width: 48.0625em) {
  .hse-navigation__navigation-list {
    margin: 0 0 0 -16px;
    width: auto;
    margin: 0;
    position: relative;
  }
  .hse-navigation__navigation-list--columns-2 {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
}

.navigation-third-list {
  -ms-grid-columns: none;
  grid-template-columns: none;
  display: block;
}

.hse-navigation__navigation-link:link, .hse-navigation__navigation-link:visited {
  color: #ffffff;
}
.hse-navigation__navigation-link:link:visited, .hse-navigation__navigation-link:visited:visited {
  color: #ffffff;
}
.hse-navigation__navigation-link:link:hover, .hse-navigation__navigation-link:visited:hover {
  color: #ffffff;
  text-decoration: none;
}
.hse-navigation__navigation-link:link:focus, .hse-navigation__navigation-link:visited:focus {
  color: #212b32;
  outline: 4px solid transparent;
  outline-offset: 4px;
  text-decoration: none;
}
.hse-navigation__navigation-link:link:active, .hse-navigation__navigation-link:visited:active {
  color: #ffffff;
}
.hse-navigation__navigation-link--menu:link, .hse-navigation__navigation-link--menu:visited {
  color: #981e32;
}
.hse-navigation__navigation-link--menu:link:visited, .hse-navigation__navigation-link--menu:visited:visited {
  color: #CC2844;
}
.hse-navigation__navigation-link--menu:link:hover, .hse-navigation__navigation-link--menu:visited:hover {
  color: #5b121e;
  text-decoration: none;
}
.hse-navigation__navigation-link--menu:link:focus, .hse-navigation__navigation-link--menu:visited:focus {
  background-color: #ffdd00;
  box-shadow: 0 -2px #ffdd00, 0 4px #212b32;
  color: #212b32;
  outline: 4px solid transparent;
  text-decoration: none;
}
.hse-navigation__navigation-link--menu:link:focus:hover, .hse-navigation__navigation-link--menu:visited:focus:hover {
  text-decoration: none;
}
.hse-navigation__navigation-link--menu:link:focus:visited, .hse-navigation__navigation-link--menu:visited:focus:visited {
  color: #212b32;
}
.hse-navigation__navigation-link--menu:link:focus .hse-icon, .hse-navigation__navigation-link--menu:visited:focus .hse-icon {
  fill: #212b32;
}
.hse-navigation__navigation-link--menu:link:active, .hse-navigation__navigation-link--menu:visited:active {
  color: #4c0f19;
}
@media (min-width: 48.0625em) {
  .hse-navigation__navigation-link {
    background-image: none;
    vertical-align: middle;
    text-decoration: underline;
    line-height: inherit;
  }
}

/* ---------------------------- */
/* Main menu */
/* ---------------------------- */
@media (min-width: 48.0625em) {
  .menu li.search {
    display: none;
  }
  .news .menu li.news a {
    border-bottom: 2px solid #333;
  }
  .guidance .menu li.guidance a {
    border-bottom: 2px solid #333;
  }
  .abouthse .menu li.abouthse a {
    border-bottom: 2px solid #333;
  }
  .freeUpdates .menu li.freeUpdates a {
    border-bottom: 2px solid #333;
  }
  .contact .menu li.contact a {
    border-bottom: 2px solid #333;
  }
}
.menu, .search {
  display: none;
  font-size: 1.1em !important;
}
@media (min-width: 48.0625em) {
  .menu, .search {
    display: none;
  }
}

@media (min-width: 48.0625em) {
  .global-menu-button {
    margin-right: 0;
  }
}
.global-menu-button {
  color: #981e32;
  padding-right: 9px;
  padding-left: 20px;
  margin-right: -1px;
}
.global-menu-button span {
  display: block;
  border-right: 1px solid #f0f0f0;
  padding: 5px 20px 5px 0;
  margin-right: -9px;
}
@supports (-webkit-backdrop-filter: none) {
  .global-menu-button span {
    /* CSS rules specific to Safari */
    margin-top: -1px;
  }
}

.global-menu-button, .search-button {
  padding-bottom: 1px;
  background: none;
  border: none;
  margin-left: auto;
  margin-bottom: 4px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  text-decoration: none;
}
.global-menu-button:last-of-type, .search-button:last-of-type {
  border-right: none;
  margin-left: 0;
}
@media print {
  .global-menu-button, .search-button {
    display: none;
  }
}

.search-button:hover,
.global-menu-button:hover {
  cursor: pointer;
  position: relative;
  color: #981e32;
}

.search-button.main-search-expanded, .global-menu-button.main-menu-expanded {
  color: #212b32;
  background: #f0f0f0;
  margin-top: -10px;
  margin-bottom: -10px;
}

.menu.active {
  display: block;
}

.search.active {
  display: block;
}

.search {
  display: none;
}

.no-js .menu {
  display: block;
}

.full-width-container {
  width: 100%;
  float: left;
  clear: both;
}

.responsive-container {
  width: 90%;
  padding-left: 5%;
  padding-right: 5%;
}

.responsive-nav-container {
  width: 100%;
}

.responsive-nav-container .menu li:hover a::before {
  color: white;
}

@media (min-width: 48.0625em) {
  .menu li a::before {
    display: none;
  }
}

.hero-image h1 {
  margin-bottom: 0;
}

.hero-image p {
  margin-bottom: 0;
  max-width: 42ch;
}

.hero-image h1, .hero-image p {
  color: #fff;
}
@media (min-width: 61.3125em) {
  .hero-image h1, .hero-image p {
    text-shadow: 0 0 0.9375rem rgba(0, 0, 0, 0.75);
  }
}

.hero-image:after {
  content: "";
  inset: 0;
  opacity: 1;
  position: absolute;
}
@media (min-width: 61.3125em) {
  .hero-image:after {
    background: -webkit-linear-gradient(left, hsla(0, 0%, 0%, 0.48) 0%, hsla(0, 0%, 0%, 0.474) 8.1%, hsla(0, 0%, 0%, 0.457) 15.5%, hsla(0, 0%, 0%, 0.43) 22.5%, hsla(0, 0%, 0%, 0.396) 29%, hsla(0, 0%, 0%, 0.356) 35.3%, hsla(0, 0%, 0%, 0.311) 41.2%, hsla(0, 0%, 0%, 0.264) 47.1%, hsla(0, 0%, 0%, 0.216) 52.9%, hsla(0, 0%, 0%, 0.169) 58.8%, hsla(0, 0%, 0%, 0.124) 64.7%, hsla(0, 0%, 0%, 0.084) 71%, hsla(0, 0%, 0%, 0.05) 77.5%, hsla(0, 0%, 0%, 0.023) 84.5%, hsla(0, 0%, 0%, 0.006) 91.9%, hsla(0, 0%, 0%, 0) 100%);
    background: linear-gradient(to right, hsla(0, 0%, 0%, 0.48) 0%, hsla(0, 0%, 0%, 0.474) 8.1%, hsla(0, 0%, 0%, 0.457) 15.5%, hsla(0, 0%, 0%, 0.43) 22.5%, hsla(0, 0%, 0%, 0.396) 29%, hsla(0, 0%, 0%, 0.356) 35.3%, hsla(0, 0%, 0%, 0.311) 41.2%, hsla(0, 0%, 0%, 0.264) 47.1%, hsla(0, 0%, 0%, 0.216) 52.9%, hsla(0, 0%, 0%, 0.169) 58.8%, hsla(0, 0%, 0%, 0.124) 64.7%, hsla(0, 0%, 0%, 0.084) 71%, hsla(0, 0%, 0%, 0.05) 77.5%, hsla(0, 0%, 0%, 0.023) 84.5%, hsla(0, 0%, 0%, 0.006) 91.9%, hsla(0, 0%, 0%, 0) 100%);
  }
}

.hero-image .wrapper {
  display: -ms-grid;
  display: grid;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: auto;
  margin-right: auto;
  max-width: 960px;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  padding-top: 32px;
  padding-bottom: 16px;
  width: 100%;
}

.hero-image .wrapper {
  -ms-grid-row-align: end;
  -ms-grid-column-align: start;
  place-self: end start;
}

@media screen and (min-width: 980px) {
  .hero-image .wrapper {
    place-content: center start;
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (min-width: 48.0625em) {
  .hero-image .wrapper {
    padding-left: 32px;
    padding-right: 32px;
    margin-left: 0;
  }
}
@media (min-width: 64em) {
  .hero-image .wrapper {
    padding-left: 0;
    margin: 0 auto;
  }
  .hero-image .wrapper {
    -ms-grid-row-align: center;
    -ms-grid-column-align: start;
    place-self: center start;
  }
}
.hero-image .content {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 2;
  margin-bottom: 1rem;
}

@media (min-width: 61.25em) {
  .hero-image .content {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}
@media (min-width: 61.3125em) {
  .hero-image .content {
    margin-top: 1rem;
  }
}
.hero-image .content > * {
  margin-bottom: 0;
  margin-top: 1rem;
}

.hero-image .content > :first-child {
  margin-top: 0;
}

.hero-image img {
  height: 100%;
  inset: 0;
  object-fit: cover;
  object-position: top;
  width: 100%;
  background-color: #333;
  padding: 0;
  position: relative;
}

.hero-image .button {
  text-decoration: none;
  background: #981e32;
  color: #fff;
  font-weight: 700;
  line-height: 1.2;
  padding: 0.85rem 1rem;
}

@media screen and (min-width: 64rem) {
  .hero-image .button {
    font-size: var(--btn-font-large);
    padding: 1.15rem 1.25rem;
  }
}
.hero-image .button:hover {
  background-color: #fff;
  color: var(--dark-text);
}

.hero-image .button:focus {
  background: #ffdd00;
  box-shadow: 0 4px 0 #212b32;
  color: #212b32;
  outline: 4px solid rgba(0, 0, 0, 0);
}

.hero-image.landing {
  background-color: #333333;
  padding: 0;
  position: relative;
}

.hero-image.standard {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  height: 18.75rem;
  margin: 1.5rem auto 0;
  max-height: 25rem;
  max-width: 73.125rem;
  position: relative;
}

@media screen and (min-width: 37.5rem) {
  .hero-image.standard {
    height: 18.75rem;
    margin: 3rem auto 0;
  }
}
@media screen and (min-width: 64rem) {
  .hero-image.standard {
    height: 25rem;
    padding: 3rem;
  }
}
.hero-image.standard:not(.image) {
  background-color: var(--medium);
  height: auto;
  max-height: 25rem;
}

@media screen and (min-width: 64rem) {
  .hero-image.standard:not(.image) {
    min-height: 15rem;
  }
}
.hero-image.standard:not(.image) .wrapper {
  place-content: center start;
}

.hero-image.standard:not(.image) .content {
  max-width: 75%;
  width: 100%;
}

.hero-image.standard:not(.image) a, .hero-image.standard:not(.image) h1, .hero-image.standard:not(.image) p {
  color: #fff;
  max-width: 100%;
  text-shadow: none;
}

.hero-image.standard:not(.image):after {
  display: none;
}

.hero-image.standard:not(.image).light {
  background-color: #f2f2f2;
  background-color: var(--light-background);
}

.hero-image.standard:not(.image).light a, .hero-image.standard:not(.image).light h1, .hero-image.standard:not(.image).light p {
  color: #1d1d1d;
}

.hero-image.standard .content {
  padding: 0;
}

@media screen and (min-width: 37.5rem) {
  .hero-image.standard img {
    max-height: 25rem;
  }
}
.hero-image.standard + .bg-grey {
  margin-top: 3rem;
}

.hero-banner-component {
  position: relative;
}

@media (max-width: 980px) {
  .hero-banner-component .container, .hero-banner-component .cookieBanner__content, .hero-banner-component .summary-box__content, .hero-banner-component .feature-banner__content {
    padding: 0;
  }
}
.hero-banner-component_background-image, .hero-banner-component_background-image--contain {
  height: 520px;
  margin: auto;
}

@media (max-width: 480px) {
  .hero-banner-component_background-image, .hero-banner-component_background-image--contain {
    height: 250px;
  }
}
@media (min-width: 1400px) {
  .hero-banner-component_background-image--contain {
    background-position: center !important;
  }
}
@media (min-width: 1800px) {
  .hero-banner-component_background-image, .hero-banner-component_background-image--contain {
    height: 700px;
  }
}
@media (max-width: 480px) {
  .hero-banner-component_background-image--contain {
    background-size: cover !important;
  }
}
.hero-banner-component_sub {
  position: absolute;
  max-width: 483px;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

@media (max-width: 980px) {
  .hero-banner-component_sub {
    position: static;
    max-width: none;
    width: 100%;
    top: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}
.hero-banner-component_sub-text {
  max-height: 120px;
  overflow: hidden;
}

@media (max-width: 980px) {
  .hero-banner-component_sub-text {
    max-height: none;
    max-width: none;
  }
}
.gsc-search-box {
  margin: 0 !important;
  background-color: #981e32;
  background: none !important;
  font-size: 0.9rem !important;
  padding-bottom: 15px;
}

input.gsc-input {
  width: 100% !important;
  background-color: white !important;
  background-color: white !important;
  text-indent: 10px !important;
  padding: 10px !important;
  padding: 0px !important;
}

td.gsc-input {
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  font-size: 0.9rem !important;
}

td.gsib_a,
td.gsib_b {
  padding: 0 !important;
}

.gsc-input-box {
  border-width: 2px !important;
  border-color: #c2c2c2 !important;
  border-right: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.gsc-search-button {
  z-index: 1;
  margin-left: 0 !important;
  width: auto !important;
  padding: 0 !important;
  min-width: 38px !important;
  max-width: 38px !important;
  min-height: 42px !important;
  max-height: 42px !important;
}

.gsc-search-button svg {
  top: 2px !important;
  position: relative !important;
}

.gsc-search-button-v2 {
  font-size: 0.9rem !important;
  background-color: #981e32 !important;
  border: 0 !important;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  padding: 0 !important;
}

.gsc-search-button-v2.gsc {
  background-color: #ffffff !important;
  min-height: 0 !important;
}

.gsc-search-button-v2:hover {
  cursor: pointer;
}

.gsc-search-button-v2 svg {
  fill: #ffffff !important;
  margin-top: -7px !important;
  width: 100%;
}

.gsc-search-button-v2.gsc svg {
  width: 21px;
}

.main-search-expanded .gsc-search-button-v2.gsc {
  background-color: #f0f0f0 !important;
  padding-left: 4px !important;
}

td.gsib_b {
  background-color: white !important;
}

.gsst_a .gscb_a {
  color: #981e32 !important;
  font-size: 1.875rem !important;
  position: relative;
  top: 2px;
}

#globalSearch #gsc-i-id1 {
  margin: 0 !important;
  height: 38px !important;
  background: none !important;
  background-color: #fff !important;
  border: none !important;
  position: relative !important;
}

#globalSearch #gsc-i-id1:focus {
  outline: #ffdd00 5px solid !important;
  z-index: 2 !important;
}

.gsst_b {
  padding: 0 !important;
}

.gsc-input-box {
  padding: 0 !important;
  min-width: 250px;
}

td.gsc-search-button {
  position: relative !important;
  z-index: 1 !important;
}

td.gsc-search-button button:focus {
  outline: #ffdd00 5px solid !important;
  outline-color: #ffdd00 !important;
}

.gcs-results .gs-snippet {
  font-size: 1rem !important;
  margin-bottom: 10px !important;
}
.gcs-results .gsc-input {
  margin: 0 !important;
  height: 40px !important;
  font-size: 1rem !important;
}
.gcs-results .gsc-input:focus {
  outline: #fd0 5px solid !important;
}
.gcs-results .gsc-input-box {
  border: 1px solid #dfe1e5 !important;
  border-right: 0px !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  margin: 0 !important;
  height: 42px !important;
}
.gcs-results .gsst_b {
  padding: 0 !important;
}
.gcs-results .gsc-search-button-v2 {
  background-color: #981e32 !important;
}
.gcs-results .gsc-control-cse {
  padding: 0 !important;
}
.gcs-results .gsc-control-cse .gs-spelling,
.gcs-results .gsc-control-cse .gs-result .gs-title,
.gcs-results .gsc-control-cse .gs-result .gs-title * {
  font-size: 1.1875rem !important;
  line-height: 1.25 !important;
}
.gcs-results td.gsib_b {
  background: none;
}
.gcs-results .gsst_a .gscb_a {
  color: #333333 !important;
}
.gcs-results .gs-visibleUrl {
  color: #333333 !important;
}
.gcs-results .gsc-tabHeader.gsc-tabhActive,
.gcs-results .gsc-refinementHeader.gsc-refinementhActive {
  color: #981e32 !important;
}
.gcs-results .gsc-tabHeader.gsc-tabhInactive,
.gcs-results .gsc-refinementHeader.gsc-refinementhInactive,
.gcs-results .gsc-results .gsc-cursor-box .gsc-cursor-page,
.gcs-results .gsc-result-info {
  color: #333333 !important;
}
.gcs-results .gsc-refinementHeader:nth-child(n+7) {
  display: none !important;
}
.gcs-results .gsc-tabHeader {
  display: none !important;
}
.gcs-results .gs-webResult div.gs-visibleUrl-breadcrumb {
  margin-bottom: 8px !important;
}
.gcs-results table.gsc-search-box td {
  border: hidden;
}
.gcs-results .gsc-result-info-container {
  padding: 0 !important;
  border: none !important;
}

.hse-subscribe {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 2px solid #f0f0f0;
  padding: 16px;
  margin-bottom: 40px;
}
@media (min-width: 40.0625em) {
  .hse-subscribe {
    padding: 24px;
  }
}
.hse-subscribe__form-group {
  width: 100%;
  margin-bottom: 0;
}
.hse-subscribe__form {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
  width: 100%;
}
.hse-subscribe__form-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 40.0525em) {
  .hse-subscribe__form-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.hse-subscribe button {
  margin-bottom: 0;
  margin-top: 24px;
  padding: 5px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.hse-subscribe .hse-button {
  box-shadow: none;
}
.hse-subscribe:before {
  content: "";
  background: url(../../assets/v6-images/icons/mail.svg) white no-repeat 0;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 24px;
  padding-right: 24px;
}
.hse-subscribe .hse-subscribe__text {
  width: 100%;
  margin-bottom: 0;
  padding: 16px;
}
@media (min-width: 40.0625em) {
  .hse-subscribe .hse-subscribe__text {
    padding: 24px;
  }
}
@media (min-width: 40.0625em) {
  .hse-subscribe .hse-subscribe__text {
    padding: 0 24px;
  }
}
@media (max-width: 48.0525em) {
  .hse-subscribe .hse-subscribe__text {
    text-align: center;
  }
}
.hse-subscribe .hse-input--subscribe {
  width: 100%;
  min-width: 320px;
  height: 46px;
}
@media (max-width: 48.0525em) {
  .hse-subscribe .hse-input--subscribe {
    min-width: 220px;
  }
}
@media (min-width: 40.0625em) {
  .hse-subscribe .hse-input--subscribe {
    margin-right: 10px;
  }
}
.hse-subscribe .hse-subscribe__submit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.hse-page-contents--fullWidth .hse-subscribe {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 40.0625em) {
  .hse-page-contents--fullWidth .hse-subscribe {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.hse-page-contents--fullWidth .hse-subscribe__form {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
}
@media (min-width: 48.0625em) {
  .hse-page-contents--fullWidth .hse-subscribe__form {
    margin-left: auto;
  }
}
@media (min-width: 40.0625em) {
  .hse-page-contents--fullWidth .hse-subscribe .hse-button {
    margin: 0;
  }
}

.hse-page-contents .hse-subscribe .hse-subscribe__text {
  padding: 24px;
}
.hse-page-contents .hse-subscribe__form-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.hse-page-contents .hse-subscribe__form-group__hse-input--subscribe {
  margin: 0;
}

.hse-sidebar-top .hse-subscribe, .hse-sidebar .hse-subscribe {
  padding: 8px;
}
@media (min-width: 40.0625em) {
  .hse-sidebar-top .hse-subscribe, .hse-sidebar .hse-subscribe {
    padding: 16px;
  }
}
.hse-sidebar-top .hse-subscribe__form-group, .hse-sidebar .hse-subscribe__form-group {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.hse-sidebar-top .hse-subscribe .hse-input--subscribe, .hse-sidebar .hse-subscribe .hse-input--subscribe {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  margin-right: 0;
}
.hse-sidebar-top .hse-subscribe .hse-subscribe__text, .hse-sidebar .hse-subscribe .hse-subscribe__text {
  text-align: center;
}
.hse-sidebar-top .hse-subscribe .hse-button, .hse-sidebar .hse-subscribe .hse-button {
  margin-top: 8px;
}
@media (min-width: 40.0625em) {
  .hse-sidebar-top .hse-subscribe .hse-button, .hse-sidebar .hse-subscribe .hse-button {
    margin-top: 8px;
  }
}

.subscribe .fieldset__heading {
  color: #212b32;
}

/* ==========================================================================
   COMPONENTS / #TABLE
   ========================================================================== */
/**
 * Table container is used to ensure the table does not break the container.
 *
 * 1. Margin is removed so there isn't double spacing.
 */
.hse-table-container {
  margin-bottom: 40px;
  display: block;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  width: 100%;
}
@media (min-width: 40.0625em) {
  .hse-table-container {
    margin-bottom: 48px;
  }
}
@media (max-width: 48.0525em) {
  .hse-table-container {
    overflow-y: auto;
    overflow-x: auto;
  }
}
.hse-table-container .hse-table {
  margin: 0; /* [1] */
}
.hse-table-container:has(.hse-table-responsive) {
  max-height: 100%;
}

/* Table row hover
========================================================================== */
/**
 * Table row hover is used to aid readability for users.


.hse-table__row {
  &:hover {
    background-color: $color_hse-grey-5;
  }
}
*/
/* Table panel with tab heading
========================================================================== */
/**
 * 1. Margin is removed so there isn't double spacing.
 */
.hse-table__panel-with-heading-tab {
  margin-bottom: 40px;
  margin-top: 40px;
  padding: 24px;
  background-color: #ffffff;
  color: #212b32;
  border: 1px solid #f0f0f0;
  padding-top: 0 !important; /* stylelint-disable-line declaration-no-important */
}
.hse-table__panel-with-heading-tab > *:first-child {
  margin-top: 0;
}
.hse-table__panel-with-heading-tab > *:last-child {
  margin-bottom: 0;
}
@media (min-width: 40.0625em) {
  .hse-table__panel-with-heading-tab {
    margin-bottom: 48px;
  }
}
@media (min-width: 40.0625em) {
  .hse-table__panel-with-heading-tab {
    margin-top: 48px;
  }
}
@media (min-width: 40.0625em) {
  .hse-table__panel-with-heading-tab {
    padding: 32px;
  }
}
@media print {
  .hse-table__panel-with-heading-tab {
    border: 1px solid #212b32;
    page-break-inside: avoid;
  }
}
.hse-table__panel-with-heading-tab .hse-table-container,
.hse-table__panel-with-heading-tab .hse-table {
  margin: 0; /* [1] */
}

.hse-table__heading-tab {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
  background-color: #005eb8;
  color: #ffffff;
  display: inline-block;
  margin: 0 0 8px -33px;
  padding: 8px 32px;
  position: relative;
  top: -16px;
}
@media (min-width: 40.0625em) {
  .hse-table__heading-tab {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.33333;
  }
}
@media print {
  .hse-table__heading-tab {
    font-size: 18pt;
    line-height: 1.15;
  }
}
@media (max-width: 40.0525em) {
  .hse-table__heading-tab {
    margin-left: -25px;
    margin-right: 0;
    padding: 8px 24px;
    top: -8px;
  }
}
@media print {
  .hse-table__heading-tab {
    background: none;
    color: #212b32;
    top: 0;
  }
}

/* Small text for tables
========================================================================== */
/**
The classes below make it easier to visually differentiate between each piece of data on small screens.

 .hse-table--small-text
 This class reduces the size of the text on all screens so large amounts of data has more empty space around it. 

 .hse-table--small-text-until-large-desktop
 This class reduces the size of the text on small screens so large amounts of data has more empty space around it. 

*/
.hse-table--small-text th, .hse-table--small-text td {
  font-size: 16px;
  font-size: 1rem;
  line-height: 2;
}
@media (min-width: 40.0625em) {
  .hse-table--small-text th, .hse-table--small-text td {
    font-size: 16px;
    font-size: 1rem;
    line-height: 2;
  }
}
@media print {
  .hse-table--small-text th, .hse-table--small-text td {
    font-size: 14pt;
    line-height: 1.2;
  }
}
@media (max-width: 61.865em) {
  .hse-table--small-text-until-large-desktop th, .hse-table--small-text-until-large-desktop td {
    font-size: 16px;
    font-size: 1rem;
    line-height: 2;
  }
}
@media (max-width: 61.865em) and (min-width: 40.0625em) {
  .hse-table--small-text-until-large-desktop th, .hse-table--small-text-until-large-desktop td {
    font-size: 16px;
    font-size: 1rem;
    line-height: 2;
  }
}
@media print and (max-width: 61.865em) {
  .hse-table--small-text-until-large-desktop th, .hse-table--small-text-until-large-desktop td {
    font-size: 14pt;
    line-height: 1.2;
  }
}

/* Responsive table
========================================================================== */
/**
 * 1. Hiding the thead on mobile
 * 2. Displaying the thead on desktop
 * 3. Removing default screen reader behaviour
 * 4. Assigning role of table-row on desktop to give default screen reader behaviour
 * 5. Using justify content to space out elements in the row on mobile
 * 6. Assigning a minimum width in case of black cell
 * 7. Aligning content to the right on mobile
 * 8. Aligning mobile header to left to split it from the data
 * 9. Hiding mobile specific header from desktop view
 * 10. Adding a display block value due to IE 11 not having full flex support
 */
.hse-table-responsive {
  margin-bottom: 0;
  width: 100%;
}
.hse-table-responsive thead {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* [1] */
}
@media (min-width: 48.0625em) {
  .hse-table-responsive thead {
    clip: auto;
    -webkit-clip-path: initial;
    clip-path: initial;
    display: table-header-group;
    height: auto;
    overflow: auto;
    position: relative;
    width: auto;
    /* [2] */
  }
}
.hse-table-responsive .hse-table__body .hse-table-responsive__heading {
  font-weight: 600;
  padding-right: 16px;
  text-align: left; /* [8] */
}
@media (min-width: 48.0625em) {
  .hse-table-responsive .hse-table__body .hse-table-responsive__heading {
    display: none; /* [9] */
  }
}
.hse-table-responsive .hse-table__body .hse-table__row {
  display: block; /* [3] */
  margin-bottom: 24px;
}
.hse-table-responsive .hse-table__body .hse-table__row:last-child {
  margin-bottom: 0;
}
@media (min-width: 48.0625em) {
  .hse-table-responsive .hse-table__body .hse-table__row {
    display: table-row; /* [4] */
  }
}
.hse-table-responsive .hse-table__body .hse-table__row th {
  text-align: right;
}
@media (min-width: 48.0625em) {
  .hse-table-responsive .hse-table__body .hse-table__row th {
    text-align: left;
  }
}
.hse-table-responsive .hse-table__body .hse-table__row td {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; /* [5] */
  min-width: 1px; /* [6] */
}
@media all and (-ms-high-contrast: none) {
  .hse-table-responsive .hse-table__body .hse-table__row td {
    /* [10] */
    display: block;
  }
}
@media (min-width: 48.0625em) {
  .hse-table-responsive .hse-table__body .hse-table__row td {
    display: table-cell;
  }
}
@media (max-width: 48.0525em) {
  .hse-table-responsive .hse-table__body .hse-table__row td {
    padding-right: 0;
    text-align: right; /* [7] */
  }
  .hse-table-responsive .hse-table__body .hse-table__row td:last-child {
    border-bottom: 3px solid #f0f0f0;
  }
}

/* Numeric tables
========================================================================== */
/**
 * Right aligns table cells for numeric tables.
 */
.hse-table__header--numeric,
.hse-table__cell--numeric {
  text-align: right;
}

/* Numeric legacy
========================================================================== */
table td.numbers,
table td.numeric {
  text-align: right;
}

table.tablenumgrid th {
  text-align: center;
}

table.tablenumgrid th.secondary {
  text-align: right;
}

table.tablenumgrid td {
  text-align: right;
  white-space: nowrap;
}

/* Sortable tables
========================================================================== */
.hse-table--sortable caption, .sortable caption {
  padding-bottom: 24px;
}
.hse-table--sortable th, .sortable th {
  position: relative;
  cursor: pointer;
  background-image: url("../../assets/v6-images/icons/svg/tables/table-sortable.svg");
  background-position: top 0 left 0;
  background-repeat: no-repeat;
}
@media (max-width: 48.0525em) {
  .hse-table--sortable th, .sortable th {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media (max-width: 48.0525em) and (min-width: 40.0625em) {
  .hse-table--sortable th, .sortable th {
    padding-top: 24px;
  }
}
@media (max-width: 48.0525em) and (min-width: 40.0625em) {
  .hse-table--sortable th, .sortable th {
    padding-bottom: 24px;
  }
}
.hse-table--sortable th.sorted-asc, .sortable th.sorted-asc {
  background-image: url("../../assets/v6-images/icons/svg/tables/table-sortable-up.svg");
}
.hse-table--sortable th.sorted-desc, .sortable th.sorted-desc {
  background-image: url("../../assets/v6-images/icons/svg/tables/table-sortable-down.svg");
}

div.sortDown,
div.sortNone,
div.sortUp {
  background-repeat: no-repeat;
}

div.sortUp {
  background-image: url("../../assets/v6-images/icons/svg/solid/caret-up-solid-red.svg");
}

div.sortDown {
  background-image: url("../../assets/v6-images/icons/svg/solid/caret-down-solid-red.svg");
}

div.sortNone {
  background-image: url("../../assets/v6-images/icons/svg/solid/sort-solid-red.svg");
}

table a.tableRowToggle,
table a.tableRowToggleClosed {
  width: 12px;
  height: 12px;
  display: inline-block;
  cursor: pointer;
  text-indent: -9999px;
  margin: 2px 0 0 2px;
}

.hse-tabs {
  margin-top: 4px;
  margin-bottom: 32px;
}
@media (min-width: 40.0625em) {
  .hse-tabs {
    margin-top: 4px;
  }
}
@media (min-width: 40.0625em) {
  .hse-tabs {
    margin-bottom: 40px;
  }
}

.hse-tabs__title {
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.75;
  color: #212b32;
  margin-bottom: 8px;
}
@media (min-width: 40.0625em) {
  .hse-tabs__title {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.68421;
  }
}
@media print {
  .hse-tabs__title {
    font-size: 14pt;
    line-height: 1.15;
  }
}

.hse-tabs__list {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 32px;
}
@media (min-width: 40.0625em) {
  .hse-tabs__list {
    margin-bottom: 40px;
  }
}

.hse-tabs__list-item {
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.75;
  margin-left: 32px;
}
@media (min-width: 40.0625em) {
  .hse-tabs__list-item {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.68421;
  }
}
@media print {
  .hse-tabs__list-item {
    font-size: 14pt;
    line-height: 1.15;
  }
}
.hse-tabs__list-item:before {
  color: #212b32;
  content: "—";
  margin-left: -32px;
  padding-right: 4px;
}

.hse-tabs__tab {
  color: #981e32;
  display: inline-block;
  margin-bottom: 8px;
}
.hse-tabs__tab:visited {
  color: #CC2844;
}
.hse-tabs__tab:hover {
  color: #5b121e;
  text-decoration: none;
}
.hse-tabs__tab:focus {
  background-color: #ffdd00;
  box-shadow: 0 -2px #ffdd00, 0 4px #212b32;
  color: #212b32;
  outline: 4px solid transparent;
  text-decoration: none;
}
.hse-tabs__tab:focus:hover {
  text-decoration: none;
}
.hse-tabs__tab:focus:visited {
  color: #212b32;
}
.hse-tabs__tab:focus .hse-icon {
  fill: #212b32;
}
.hse-tabs__tab:active {
  color: #4c0f19;
}

.hse-tabs__panel {
  margin-bottom: 48px;
}
@media (min-width: 40.0625em) {
  .hse-tabs__panel {
    margin-bottom: 56px;
  }
}

@media (min-width: 40.0625em) {
  .js-enabled .hse-tabs__list {
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 0;
  }
  .js-enabled .hse-tabs__list:after {
    clear: both;
    content: "";
    display: block;
  }
  .js-enabled .hse-tabs__title {
    display: none;
  }
  .js-enabled .hse-tabs__list-item {
    background-color: #f0f0f0;
    float: left;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 4px;
    padding: 8px 24px;
    position: relative;
    text-align: center;
  }
  .js-enabled .hse-tabs__list-item:before {
    content: none;
  }
  .js-enabled .hse-tabs__list-item--selected {
    background-color: #ffffff;
    border: 1px solid #f0f0f0;
    border-bottom: 0;
    margin-bottom: -1px;
    margin-top: -4px;
    padding-bottom: 13px;
    padding-left: 23px;
    padding-right: 23px;
    padding-top: 11px;
    position: relative;
  }
  .js-enabled .hse-tabs__list-item--selected .hse-tabs__tab {
    text-decoration: none;
  }
  .js-enabled .hse-tabs__tab {
    margin-bottom: 0;
  }
  .js-enabled .hse-tabs__tab:link, .js-enabled .hse-tabs__tab:visited {
    color: #212b32;
  }
  .js-enabled .hse-tabs__tab:hover {
    color: rgba(33, 43, 50, 0.99);
  }
  .js-enabled .hse-tabs__tab:active, .js-enabled .hse-tabs__tab:focus {
    color: #212b32;
  }
  .js-enabled .hse-tabs__tab:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
  .js-enabled .hse-tabs__panel {
    margin-bottom: 0;
    background-color: #ffffff;
    border: 1px solid #f0f0f0;
    border-top: 0;
    padding: 40px 24px;
  }
}
@media (min-width: 40.0625em) and (min-width: 40.0625em) {
  .js-enabled .hse-tabs__panel {
    margin-bottom: 0;
  }
}
@media (min-width: 40.0625em) {
  .js-enabled .hse-tabs__panel > :last-child {
    margin-bottom: 0;
  }
  .js-enabled .hse-tabs__panel--hidden {
    display: none;
  }
}

.tooltip {
  position: relative;
  border-bottom: 1px dashed #111;
  cursor: help;
}

.tooltip :focus + :last-child,
.tooltip:focus > :last-child,
.tooltip:hover > :last-child {
  opacity: 1;
  -webkit-transition: 0.4s 0s;
  transition: 0.4s 0s;
  visibility: visible;
}

.tooltip > :last-child {
  border: solid 1px;
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  line-height: 1.5;
  opacity: 0;
  padding: 10px 20px;
  position: absolute;
  -webkit-transition: 0.2s 0s;
  transition: 0.2s 0s;
  visibility: hidden;
  width: 275px;
  z-index: 999;
  font-weight: 400;
  font-style: normal;
}

.tooltip > :last-child * {
  max-width: 100%;
}

.tooltip > :last-child:after,
.tooltip > :last-child:before {
  border: solid 11px;
  content: "";
  display: block;
  margin: 0 20px 0 20px;
  position: absolute;
}

.tooltip > :last-child {
  background-color: #ffdb58;
  border-color: #f1bd00;
  color: #3f3100;
}

.tooltip > :last-child:after {
  border-color: #ffdb58;
}

.tooltip > :last-child:before {
  border-color: #f1bd00;
}

.tooltip > :last-child {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.tooltip.tooltipToolbox > :last-child {
  bottom: 100%;
  margin-bottom: 15px;
}

.tooltip.tooltipToolbox > :last-child:after {
  margin-top: -1px;
}

.tooltip.tooltipToolbox > :last-child:after,
.tooltip.tooltipToolbox > :last-child:before {
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  top: 100%;
}

.tooltip.tooltipToolbox > :last-child:before {
  margin-top: 0;
}

.tooltip.tooltipToolbox > :last-child {
  right: 0;
}

.tooltip.tooltipToolbox > :last-child:after,
.tooltip.tooltipToolbox > :last-child:before {
  right: 0;
}

.ie8 .tooltip span {
  display: none;
}

.ie8 .tooltip:focus span,
.ie8 .tooltip:hover span {
  display: block;
  background-color: #ffdb58;
  border-color: #f1bd00;
  color: #3f3100;
  position: absolute;
  top: -9.5em;
  right: 0;
  width: 275px;
  padding: 5px 10px;
  z-index: 999;
}

a.skip:link,
a.skip:visited {
  display: block;
  overflow: hidden;
  text-indent: -600em;
  background: 0 0;
  width: 5em;
  position: absolute;
  top: 0;
  left: 0;
  font-weight: normal;
  pointer-events: none;
}

a.skip:active,
a.skip:focus,
a.skip:hover {
  text-indent: 0;
  z-index: 10000;
  text-decoration: underline;
  background-color: #ffdd00;
  position: relative;
  text-wrap: nowrap;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  box-shadow: none;
  padding: 10px 16px;
  cursor: pointer;
  width: 100%;
}

#top {
  background-color: #ffdd00;
}

/* Notification bar */
.hse-notification-banner {
  background-color: #f0f0f0;
  width: 100%;
  height: auto;
  font-size: 1rem;
  border-bottom: 2px solid #981e32;
  line-height: normal;
}
.hse-notification-banner__container {
  padding: 10px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 48.0625em) {
  .hse-notification-banner__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.hse-notification-banner__button button {
  margin-bottom: 10px;
  font-size: 1rem;
}
@media (min-width: 48.0625em) {
  .hse-notification-banner__button {
    margin-left: auto;
  }
}
.hse-notification-banner__text p {
  margin-bottom: 0;
  padding-right: 10px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 2;
}
@media (min-width: 40.0625em) {
  .hse-notification-banner__text p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 2;
  }
}
@media print {
  .hse-notification-banner__text p {
    font-size: 14pt;
    line-height: 1.2;
  }
}

.v6-youtube-embed {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  margin-bottom: 20px;
}

.v6-youtube-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.homepageBanner {
  padding: 0;
}
@media (min-width: 48.0625em) {
  .homepageBanner {
    margin-bottom: 0;
  }
  .homepageBanner a {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.homepageBanner {
  overflow: hidden;
}
@media (min-width: 48.0625em) {
  .homepageBanner {
    max-height: 258px !important;
  }
}

.homepageBanner a {
  width: 100%;
}

.homepageBanner:focus-within {
  outline: 5px solid #ffdd00;
}

.homepageBannerInner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  padding: 20px;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
  overflow: hidden;
}
@media (min-width: 40.0625em) {
  .homepageBannerInner {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
}

.homepageBannerImage {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}
@media (min-width: 40.0625em) {
  .homepageBannerImage {
    max-height: 258px;
  }
}
@media (min-width: 40.0625em) {
  .homepageBannerImage {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    overflow: hidden;
  }
}
@media (max-width: 48.0525em) {
  .homepageBannerImage {
    width: 100%;
  }
}

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

.coronaPoster {
  background-color: #3272b2;
  font-weight: 100;
  letter-spacing: 0.0625rem;
}
.coronaPoster h2 {
  margin-bottom: 5px;
  color: #ffffff;
}
.coronaPoster a p {
  font-size: 1.375rem;
  line-height: 1.5;
  font-weight: normal;
  text-decoration: none;
  color: #ffffff;
}
.coronaPoster a:link,
.coronaPoster a:hover,
.coronaPoster a:visited,
.coronaPoster a:active {
  text-decoration: none;
  color: #ffffff;
}

.stayAlertBanner {
  margin-top: auto;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.hse-information-banner {
  padding: 16px 0;
  background-color: #f5e9eb;
  border-bottom: 1px solid #c2c2c2;
}
.hse-information-banner:after {
  clear: both;
  content: "";
  display: block;
}
.hse-information-banner:a:link {
  text-decoration: underline;
}
.hse-information-banner:a:visited, .hse-information-banner:a:hover {
  text-decoration: none;
  color: #333333;
}
.hse-information-banner:a:focus {
  color: #014a82;
}
.hse-information-banner p {
  margin-bottom: 0 !important;
}
.hse-information-banner__inner {
  border-left: 4px solid #981e32;
  padding-left: 8px;
}
@media print {
  .hse-information-banner {
    display: none;
  }
}

/* Beta */
.hse-beta-highlight {
  display: inline-block;
  margin: 0 8px 0 0;
  padding: 2px 5px 0;
  font-weight: 700;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.0625rem;
  text-decoration: none;
  color: #fff;
  background-color: #014a82;
  font-size: 1rem;
  line-height: 1.25;
}

ul.itemThumbBook .header,
ul.itemThumbBook .resourceTitle {
  color: #981e32;
}

ul.itemThumbBook .header:hover,
ul.itemThumbBook .resourceTitle:hover,
ul.itemThumbBook a:focus .header,
ul.itemThumbBook a:focus .resourceTitle {
  color: #212b32 !important;
}

ul.itemThumbBook .subText {
  width: 100% !important;
}

ul.itemThumbBook a span {
  text-decoration: underline;
}

ul.itemThumbBook a:hover span {
  text-decoration: none;
}

ul.itemThumbBook a:hover .resourcePrice {
  text-decoration: none;
  color: #333333;
}

ul.itemThumbBook li p {
  margin: 0 !important;
}

ul.itemThumbBook span {
  padding-right: 0;
}

.itemThumbBook li a:hover span.subText {
  color: #333333 !important;
}

.itemThumbBook li a:hover span {
  color: #981e32;
}

.resourceTitle {
  padding-top: 10px;
  float: left;
}

.itemThumbBook abbr {
  display: inline-block;
}

.resourceTitle,
.resourcePrice {
  width: 100%;
  margin: 0 !important;
}

.resourceTitle span,
.resourcePrice span {
  display: inline-block;
}

.resourcePrice {
  text-decoration: none;
  color: #333333;
}

.subText {
  color: #111;
}

.catalogue {
  background-color: #fff;
  border: 2px solid #981e32;
}

.subText {
  display: inline-block !important;
  clear: both;
}

ul.itemThumbBook.publications {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
}

ul.itemThumbBook.publications,
ul.itemThumbBook.publications li {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.itemThumbBook.publications {
  margin: 0 -10px;
}

ul.itemThumbBook.publications li {
  margin: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

ul.itemThumbBook.publications img {
  width: 100%;
  max-width: 100px;
}

ul.itemThumbBook.publications figure,
ul.itemThumbBook.publications img {
  margin: 0;
  padding: 0;
}

#lwet-steps {
  margin-bottom: 20px !important;
}

#lwet-steps li a {
  color: white !important;
}

.lwet #feature-home ol {
  border-top: none;
}

.lwet #feature-home {
  margin-bottom: 20px;
}

.hse-sidebar__navigation p, .hse-sidebar__navigation label, .hse-sidebar-top p, .hse-sidebar-top label {
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 2;
}
@media (min-width: 40.0625em) {
  .hse-sidebar__navigation p, .hse-sidebar__navigation label, .hse-sidebar-top p, .hse-sidebar-top label {
    font-size: 16px;
    font-size: 1rem;
    line-height: 2;
  }
}
@media print {
  .hse-sidebar__navigation p, .hse-sidebar__navigation label, .hse-sidebar-top p, .hse-sidebar-top label {
    font-size: 14pt;
    line-height: 1.2;
  }
}
.hse-sidebar__navigation ul, .hse-sidebar-top ul {
  margin: 0;
  padding-left: 0;
  list-style: none;
  margin-bottom: 32px;
}
@media (min-width: 40.0625em) {
  .hse-sidebar__navigation ul, .hse-sidebar-top ul {
    margin-bottom: 40px;
  }
}
@media (min-width: 48.0625em) {
  .hse-sidebar__navigation ul li, .hse-sidebar-top ul li {
    line-height: 1.5 !important;
    font-size: 16px;
    font-size: 1rem;
    line-height: 2;
  }
}
@media (min-width: 48.0625em) and (min-width: 40.0625em) {
  .hse-sidebar__navigation ul li, .hse-sidebar-top ul li {
    font-size: 16px;
    font-size: 1rem;
    line-height: 2;
  }
}
@media print and (min-width: 48.0625em) {
  .hse-sidebar__navigation ul li, .hse-sidebar-top ul li {
    font-size: 14pt;
    line-height: 1.2;
  }
}
.hse-sidebar__navigation h2, .hse-sidebar__navigation h3, .hse-sidebar-top h2, .hse-sidebar-top h3 {
  position: relative;
  padding-top: 10px;
}
.hse-sidebar__navigation h2::before, .hse-sidebar-top h2::before {
  background-color: #981e32;
  content: "";
  height: 4px;
  position: absolute;
  top: -4px;
  width: 100%;
}
.hse-sidebar__navigation h2, .hse-sidebar-top h2 {
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.75;
  margin-bottom: 8px;
  font-weight: 700;
}
@media (min-width: 40.0625em) {
  .hse-sidebar__navigation h2, .hse-sidebar-top h2 {
    font-size: 19px;
    font-size: 1.1875rem;
    line-height: 1.68421;
  }
}
@media print {
  .hse-sidebar__navigation h2, .hse-sidebar-top h2 {
    font-size: 14pt;
    line-height: 1.15;
  }
}
.hse-sidebar__navigation .box, .hse-sidebar-top .box {
  background: none !important;
  padding: 0;
}

.hse-sidebar__navigation {
  margin-bottom: 32px;
}
@media (min-width: 40.0625em) {
  .hse-sidebar__navigation {
    margin-bottom: 40px;
  }
}
@media print {
  .hse-sidebar__navigation {
    margin-top: 32px;
  }
}
@media print and (min-width: 40.0625em) {
  .hse-sidebar__navigation {
    margin-top: 40px;
  }
}

/* HSL */
.hsl-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 48.0625em) {
  .hsl-links {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.hsl-links li {
  margin: 0 10px;
}

.hsl-links li a:hover {
  background-color: #333333;
}

.hsl-links a {
  color: white !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  text-decoration: none !important;
  padding: 10px;
}
@media (min-width: 61.875em) {
  .hsl-links a {
    text-wrap: nowrap;
  }
}

.hsl-links li a::before {
  content: " ";
  background-image: url("../../assets/v6-images/icons/svg/solid/chevron-circle-right-white.svg");
  background-repeat: no-repeat;
  display: inline-block;
  position: relative;
  top: 2px;
  width: 17px;
  height: 17px;
  margin: 0;
  margin-right: 10px;
}

.hsl-links {
  margin: 0 -10px 20px -10px;
}
@media (min-width: 48.0625em) {
  .hsl-links {
    margin-bottom: 40px;
  }
}
@media (min-width: 61.875em) {
  .hsl-links {
    margin-bottom: 20px;
  }
}

.hsl-links li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 61.865em) {
  .hsl-links li a {
    height: 100%;
  }
}

.publications-products a {
  background-color: #2846a5;
}

.training a {
  background-color: #4f2170;
}

.testing a {
  background-color: #ce421b;
}

.research a {
  background-color: #287826;
}

/* ==========================================================================
   COMPONENTS / #IMAGES
   ========================================================================== */
/**
 * 1. Overrides default browser margin values.
 * 2. Makes the image width two thirds of its container for desktop.
 * 3. Avoid image printing full width of a page.
 * 4. Removes top margin from subsequent hse-image.
 */
.hse-image {
  background-color: #f0f0f0;
  border-bottom: 1px solid #c2c2c2;
  margin-left: 0; /* [1] */
  margin-right: 0; /* [1] */
  margin-bottom: 32px;
  margin-top: 32px;
}
@media (min-width: 40.0625em) {
  .hse-image {
    margin-bottom: 40px;
  }
}
@media (min-width: 40.0625em) {
  .hse-image {
    margin-top: 40px;
  }
}
@media (min-width: 48.0625em) {
  .hse-image {
    width: 66.66667%; /* [2] */
  }
}
@media print {
  .hse-image {
    width: 50%; /* [3] */
  }
}
.hse-image + .hse-image {
  margin-top: 0;
  /* [4] */
}
@media (min-width: 40.0625em) {
  .hse-image + .hse-image {
    margin-top: 0;
  }
}
.hse-image--full {
  width: 100%;
}

.hse-image__img {
  display: block;
  width: 100%;
  height: auto;
}

.hse-image__caption {
  font-size: 16px;
  font-size: 1rem;
  line-height: 2;
  padding: 16px;
}
@media (min-width: 40.0625em) {
  .hse-image__caption {
    font-size: 16px;
    font-size: 1rem;
    line-height: 2;
  }
}
@media print {
  .hse-image__caption {
    font-size: 14pt;
    line-height: 1.2;
  }
}

.hse-image-border {
  border: 1px solid #f0f0f0;
  border-bottom: 0;
}

.icapsl {
  float: left;
  margin: 0 10px 10px 0;
}

.icapml {
  float: left;
  margin: 0 10px 10px 0;
}

.icapll {
  float: left;
  margin: 0 10px 10px 0;
}

.icapsr {
  float: right;
  margin: 0 0 10px 10px;
}

.icapmr {
  float: right;
  margin: 0 0 10px 10px;
}

.icaplr {
  float: right;
  margin: 0 0 10px 10px;
}

.icapsl,
.icapsl img,
.icapsr,
.icapsr img {
  width: 65px;
}

.icapml,
.icapml img,
.icapmr,
.icapmr img {
  width: 130px;
}

.icapll,
.icapll img,
.icaplr,
.icaplr img {
  width: 195px;
}

.icapll,
.icaplr,
.icapml,
.icapmr,
.icapsl,
.icapsr {
  background-color: #e8e8e8;
  background-image: -webkit-linear-gradient(top, #e8e8e8, #dbdbdb);
  background-image: linear-gradient(to bottom, #e8e8e8, #dbdbdb);
}

.icapll p,
.icaplr p,
.icapml p,
.icapmr p,
.icapsr p,
icapsl p {
  padding: 0 6px 2px 6px;
  margin: 0 !important;
}

div.icaplr span.download {
  font-style: normal;
}

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

.itemThumbBook li {
  position: relative;
  list-style: none;
  background: 0 0;
  overflow: hidden;
  padding: 0 0 15px 0;
  margin-left: 0;
  clear: left;
}

.itemThumbBook img {
  margin: 0;
  border-right: #dbdbdb 1px solid;
  border-bottom: #dbdbdb 1px solid;
}

.itemThumbBook img.fileIcon {
  border: none;
  clear: none;
  float: none;
  position: absolute;
  padding: 2px;
  background: url(../v4-images/shared/white-semitransparant.png) repeat;
}

.box1col .itemThumbBook li {
  background: 0 0;
  clear: both;
  overflow: hidden;
  padding: 0 0 12px 0;
  margin-left: 0;
}

.box1col .itemThumbBook li a {
  padding: 0;
  background: 0 0;
  display: inline;
}

.itemThumbBook span {
  font-weight: 400;
  margin: 0 0 0.2em 0;
  padding-right: 10px;
  display: block;
}

.itemThumbBook li a:hover span {
  text-decoration: underline;
}

.thumbHead {
  float: left;
  padding: 0 0 14px 0;
}

.thumbHead img {
  float: left;
}

.thumbHead img.fileIcon {
  float: none;
}

.thumbHead p {
  padding-left: 74px;
  margin-bottom: 0 !important;
  color: #111;
  font-weight: 700;
  vertical-align: text-top;
}

#sideBar .itemThumbBook li,
.box1col .itemThumbBook li {
  width: 200px;
}

picture,
img {
  height: auto;
  max-width: 100%;
  vertical-align: bottom !important;
}

img.responsiveImg {
  width: 100%;
  float: left;
  height: auto;
}

.v6-figure {
  width: auto !important;
  margin-bottom: 20px;
  width: auto;
}

.v6-figure-border {
  border: 1px solid #333333;
  border-bottom: 0;
}

.v6-figure img {
  display: block;
  width: 100%;
}

.v6-figure.full-width,
.v6-figure.full-width img {
  min-width: 100%;
  height: auto;
}

.v6-figure figcaption {
  width: 100%;
  padding: 10px;
  background-color: #333333;
  color: white;
  clear: both;
  text-align: center;
  line-height: 1.5;
}

.v6-figure figcaption.fill {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.v6-figure figcaption.fix {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

/* ==========================================================================
   COMPONENTS/ #ACTION-LINK
   ========================================================================== */
/**
 * 1. Display is inline-block so the top and bottom margins/paddings are
 *    respected.
 * 2. 'Random number' is used to properly have sufficient space between icon
 *    and text.
 * 3. Position is relative so the arrow icon can display absolute.
 * 4. Text decoration none used to override default <a> styling.
 * 5. Box shadow 8px used instead of the default 4px.
 * 6. Text decoration underline used to override default <a> styling.
 */
.hse-action-link {
  padding-top: 8px;
  padding-bottom: 16px;
}
@media (min-width: 40.0625em) {
  .hse-action-link {
    padding-top: 16px;
  }
}
@media (min-width: 40.0625em) {
  .hse-action-link {
    padding-bottom: 24px;
  }
}

.hse-width-container--full .hse-action-link {
  margin-bottom: 0;
}

.hse-action-link__link {
  font-weight: 400;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.55556;
  display: inline-block; /* [1] */
  font-weight: 600;
  padding-left: 38px; /* [2] */
  position: relative; /* [3] */
  text-decoration: none; /* [4] */
}
@media (min-width: 40.0625em) {
  .hse-action-link__link {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.45455;
  }
}
@media print {
  .hse-action-link__link {
    font-size: 18pt;
    line-height: 1.15;
  }
}
.hse-action-link__link--menu {
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 2;
  font-weight: 600;
  padding-left: 28px;
}
@media (min-width: 40.0625em) {
  .hse-action-link__link--menu {
    font-size: 16px;
    font-size: 1rem;
    line-height: 2;
  }
}
@media print {
  .hse-action-link__link--menu {
    font-size: 14pt;
    line-height: 1.2;
  }
}
.hse-action-link__link--menu .hse-icon__arrow-right-circle {
  top: 2px !important;
}
.hse-action-link__link--white {
  color: #ffffff;
}
.hse-action-link__link:hover .hse-action-link__text {
  text-decoration: underline; /* [6] */
}
.hse-action-link__link:focus {
  background-color: #ffdd00;
  box-shadow: 0 -2px #ffdd00, 0 4px #212b32;
  color: #212b32;
  outline: 4px solid transparent;
  text-decoration: none;
}
.hse-action-link__link:focus:hover .hse-action-link__text {
  color: #212b32;
  text-decoration: none;
}
@media (max-width: 40.0525em) {
  .hse-action-link__link {
    padding-left: 26px; /* [2] */
  }
}
@media print {
  .hse-action-link__link {
    color: #212b32;
  }
  .hse-action-link__link:visited {
    color: #212b32;
  }
}
.hse-action-link__link .hse-icon__arrow-right-circle {
  fill: #981e32;
  height: 36px;
  left: -3px;
  position: absolute;
  top: -2px;
  width: 36px;
}
@media print {
  .hse-action-link__link .hse-icon__arrow-right-circle {
    color: #212b32;
    fill: #212b32;
  }
  .hse-action-link__link .hse-icon__arrow-right-circle:active, .hse-action-link__link .hse-icon__arrow-right-circle:focus, .hse-action-link__link .hse-icon__arrow-right-circle:visited {
    color: #212b32;
  }
}
.hse-action-link__link .hse-icon__arrow-right-circle--small {
  height: 26px;
  width: 26px;
}
.hse-action-link__link .hse-icon__arrow-right-circle--white {
  fill: #ffffff;
}
@media (max-width: 40.0525em) {
  .hse-action-link__link .hse-icon__arrow-right-circle {
    height: 24px;
    left: -2px;
    margin-bottom: 0;
    top: 2px;
    width: 24px;
  }
}

.hse-width-container--full {
  margin: 0;
  max-width: none;
}

.hse-width-container--full .hse-section--homepage:nth-of-type(odd) {
  background: #f0f0f0;
}

.hse-section--homepage-header {
  background: #981e32;
  padding-top: 60px;
  padding-bottom: 40px;
}

.hse-section:last-of-type {
  padding-bottom: 0;
}

.hse-section.hse-section--homepage:first-of-type {
  padding-top: 16px;
}
@media (min-width: 40.0625em) {
  .hse-section.hse-section--homepage:first-of-type {
    padding-top: 24px;
  }
}

.hse-width-container--full .hse-section:not(.hse-section--homepage-header):first-of-type {
  padding-top: 0;
}

.hse-section__content {
  padding-top: 16px;
  padding-bottom: 16px;
}
@media (min-width: 40.0625em) {
  .hse-section__content {
    padding-top: 24px;
  }
}
@media (min-width: 40.0625em) {
  .hse-section__content {
    padding-bottom: 24px;
  }
}

.hse-width-container--full .hse-section__content {
  padding-top: 32px;
  padding-bottom: 32px;
}
@media (min-width: 40.0625em) {
  .hse-width-container--full .hse-section__content {
    padding-top: 40px;
  }
}
@media (min-width: 40.0625em) {
  .hse-width-container--full .hse-section__content {
    padding-bottom: 40px;
  }
}
@media (max-width: 48.0525em) {
  .hse-width-container--full .hse-section__content--most-popular {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
@media (max-width: 48.0525em) and (min-width: 40.0625em) {
  .hse-width-container--full .hse-section__content--most-popular {
    padding-top: 40px;
  }
}
@media (max-width: 48.0525em) and (min-width: 40.0625em) {
  .hse-width-container--full .hse-section__content--most-popular {
    padding-bottom: 40px;
  }
}
.hse-width-container--full .hse-section__content--most-popular ul {
  margin-bottom: 0;
}
@media (max-width: 48.0525em) {
  .hse-width-container--full .hse-section__content--homepage-banner {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media (max-width: 48.0525em) and (min-width: 40.0625em) {
  .hse-width-container--full .hse-section__content--homepage-banner {
    padding-top: 24px;
  }
}
@media (max-width: 48.0525em) and (min-width: 40.0625em) {
  .hse-width-container--full .hse-section__content--homepage-banner {
    padding-bottom: 24px;
  }
}

.hse-section--homepage .hse-card-group {
  margin-bottom: -24px;
}

.hse-section--homepage:last-of-type {
  border-bottom: none;
}
.hse-section--homepage h2.hse-section__heading {
  display: inline-block;
  position: relative;
}
.hse-section--homepage h2.hse-section__heading::before {
  background-color: #981e32;
  content: "";
  height: 4px;
  position: absolute;
  top: -8px;
  width: 100%;
}

.hse-section--feedback {
  background: #f0f0f0;
  border-top: 1px solid #c2c2c2;
}

.hse-browse-section {
  margin-bottom: 32px;
}
@media (min-width: 40.0625em) {
  .hse-browse-section {
    margin-bottom: 40px;
  }
}

.hse-browse-section--top-border {
  border-top: 2px solid #d8d8d8;
  padding-top: 16px;
}
.hse-browse-section--top-border:first-of-type {
  border-top: none;
}
@media (min-width: 40.0625em) {
  .hse-browse-section--top-border {
    padding-top: 24px;
  }
}

.hse-u-browse-link {
  font-weight: bold;
  margin-left: 20px;
}
.hse-u-browse-link a {
  margin-left: -20px;
}

.hse-back-to-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.hse-back-to-top__container {
  padding-bottom: 16px;
  padding-bottom: 10px;
}
@media (min-width: 40.0625em) {
  .hse-back-to-top__container {
    padding-bottom: 24px;
  }
}
.hse-back-to-top__container .hse-width-container {
  width: 100%;
}
.hse-back-to-top__container.hse-back-to-top--fixed, .hse-back-to-top__container.hse-back-to-top--above-aside {
  padding-bottom: 0;
}
.hse-back-to-top .hse-back-to-top__icon {
  margin-right: 8px;
}
.hse-back-to-top--fixed {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  background: #333333;
}
.hse-back-to-top--fixed .hse-back-to-top__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 0;
  color: white;
}
.hse-back-to-top--fixed .hse-back-to-top__link:link, .hse-back-to-top--fixed .hse-back-to-top__link:visited {
  color: white;
}
.hse-back-to-top--fixed .hse-back-to-top__link:focus {
  color: #212b32;
}
.hse-back-to-top--fixed .hse-back-to-top__link:focus .hse-back-to-top__icon path {
  fill: black;
}
.hse-back-to-top--fixed .hse-back-to-top__link:active {
  background: inherit;
}
.hse-back-to-top--fixed .hse-back-to-top__link .hse-back-to-top__icon path {
  fill: white;
}
.hse-back-to-top--hidden {
  display: none;
}
@media print {
  .hse-back-to-top {
    display: none;
  }
}

.hse-image-gallery {
  max-width: 100%;
  margin-bottom: 16px;
}
@media (min-width: 40.0625em) {
  .hse-image-gallery {
    margin-bottom: 24px;
  }
}
.hse-image-gallery__list {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  margin-bottom: 0;
}
.hse-image-gallery__item {
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 2;
  width: 100%;
  list-style-type: none !important;
}
@media (min-width: 40.0625em) {
  .hse-image-gallery__item {
    font-size: 16px;
    font-size: 1rem;
    line-height: 2;
  }
}
@media print {
  .hse-image-gallery__item {
    font-size: 14pt;
    line-height: 1.2;
  }
}
@media (min-width: 40.0625em) {
  .hse-image-gallery__item {
    width: 49%;
  }
}
@media (min-width: 40.0625em) {
  .hse-image-gallery__item {
    margin: 0.5%;
  }
}
.hse-image-gallery__item img {
  aspect-ratio: 4/3;
  width: 100%;
}
.hse-image-gallery__item figure {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  border: 2px solid #f0f0f0;
  margin: 0;
}
.hse-image-gallery__item figure figcaption {
  padding: 10px;
}
.hse-image-gallery__item:last-child {
  margin-bottom: 0.5%;
}

@media (max-width: 48.0525em) {
  .hse-image-gallery__item:nth-of-type(2n) {
    margin-right: 0;
  }
  .hse-image-gallery__item:nth-of-type(2n+1) {
    margin-left: 0;
  }
}
@media (min-width: 48.0625em) and (min-width: 48.0625em) {
  .hse-page-contents--fullWidth .hse-image-gallery__item {
    width: 32% !important;
  }
}
@media (min-width: 48.0625em) and (min-width: 40.0625em) {
  .hse-page-contents--fullWidth .hse-image-gallery__item {
    margin: 1%;
  }
}
@media (min-width: 48.0625em) {
  .hse-page-contents--fullWidth .hse-image-gallery__item:last-child {
    margin-bottom: 1%;
  }
  .hse-page-contents--fullWidth .hse-image-gallery__item:nth-of-type(3n) {
    margin-right: 0;
  }
  .hse-page-contents--fullWidth .hse-image-gallery__item:nth-of-type(3n+1) {
    margin-left: 0;
  }
}

.hse-document {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #f0f0f0;
  padding: 16px;
  margin-bottom: 32px;
  width: 100%;
}
@media (min-width: 40.0625em) {
  .hse-document {
    padding: 24px;
  }
}
@media (min-width: 40.0625em) {
  .hse-document {
    margin-bottom: 40px;
  }
}
.hse-document__thumbnail {
  display: block;
  float: left;
  margin-right: 16px;
  width: auto;
  max-width: 99px;
  height: 140px;
  border: rgba(11, 12, 12, 0.1);
  outline: 5px solid rgba(11, 12, 12, 0.1);
  background: #fff;
  box-shadow: 0 2px 2px rgba(11, 12, 12, 0.4);
  fill: #b1b4b6;
  stroke: #b1b4b6;
}
@media (min-width: 40.0625em) {
  .hse-document__thumbnail {
    margin-right: 24px;
  }
}
.hse-document__thumbnail::before {
  content: " ";
  background-repeat: no-repeat;
  background-position: bottom;
  float: left;
  position: relative;
  width: 99px;
  height: 140px;
}
.hse-document__thumbnail--spreadsheet::before {
  background-image: url(../../assets/v6-images/icons/svg-hse-document-spreadsheet.svg);
}
.hse-document__thumbnail--document::before {
  background-image: url(../../assets/v6-images/icons/svg-hse-document-document.svg);
}
.hse-document__thumbnail--html::before {
  background-image: url(../../assets/v6-images/icons/svg-hse-document-html.svg);
}

.hse-document__thumbnail + .hse-document__details {
  padding-left: 24px;
}

.hse-document__details dl {
  margin: 0;
}

.hse-document .fileType {
  display: none;
}

@media print {
  .hse-footnotes {
    margin-top: 32px;
  }
  .hse-footnotes .hideFromScreen {
    display: block;
  }
}
@media print and (min-width: 40.0625em) {
  .hse-footnotes {
    margin-top: 40px;
  }
}
.hse-footnotes__list {
  margin-top: 32px;
}
@media (min-width: 40.0625em) {
  .hse-footnotes__list {
    margin-top: 40px;
  }
}
.hse-footnotes__list-item-title {
  font-weight: bold;
}
.hse-footnotes__list-item-title, .hse-footnotes__list-item-url {
  display: block;
}