@charset "UTF-8";
/**
 * str-replace - Replace a string with a string
 * http://codepen.io/jakob-e/pen/doMoML
 *
 * @author @eriksen_dk <https://twitter.com/eriksen_dk>
 *
 * @param  {string} $string  - The haystack string to be manipulated
 * @param  {string} $search  - The needle to be replace
 * @param  {string} $replace - The replacement
 *
 * @return {string}          - The manipulated string with replaced values
 */
:root {
  --h00-size-mobile: 40px;
  --h0-size-mobile: 32px;
  --h1-size-mobile: 26px;
  --h2-size-mobile: 22px;
  --h3-size-mobile: 18px;
  --h00-size: 48px;
  --h0-size: 40px;
  --h1-size: 32px;
  --h2-size: 24px;
  --h3-size: 20px;
  --h4-size: 16px;
  --h5-size: 14px;
  --h6-size: 12px;
  --font-size-small: 12px;
  --font-weight-bold: 700;
  --font-weight-semibold: 600;
  --font-weight-normal: 400;
  --lh-condensed-ultra: 1;
  --lh-condensed: 1.25;
  --lh-default: 1.5;
  --poppins-font: "Poppins", sans-serif;
  --body-font: var(--poppins-font);
  --body-font-size: 16px;
  --body-line-height: var(--lh-default);
  --black: #222;
  --black-rgb: 34 34 34;
  --white: #fff;
  --white-rgb: 255 255 255;
  --transparent: transparent;
  --grey-000: #f0f0f0;
  --grey-100: #e5e5e5;
  --grey-200: #c4c4c4;
  --grey-300: #999999;
  --grey-400: #6c7573;
  --grey-500: #53565a;
  --grey-600: #444444;
  --grey-700: #2e3130;
  --grey-800: #27251f;
  --grey-900: #121313;
  --grey-rgb: 83 86 90;
  --teal-000: #ecf5f5;
  --teal-100: #bcdddb;
  --teal-200: #8dc4c2;
  --teal-300: #62aaa9;
  --teal-400: #39908f;
  --teal-500: #278382;
  --teal-600: #1d6f6e;
  --teal-700: #044141;
  --teal-800: #0b2828;
  --teal-900: #051010;
  --teal-rgb: 39 131 130;
  --gold-000: #fffcec;
  --gold-100: #fff4bd;
  --gold-200: #ffea90;
  --gold-300: #ffdc65;
  --gold-400: #ffc83b;
  --gold-500: #fdb924;
  --gold-600: #c58d00;
  --gold-700: #926800;
  --gold-800: #5c4109;
  --gold-900: #271c08;
  --gold-rgb: 253 185 36;
  --black-fade-15: rgb(var(--black-rgb) / 15%);
  --black-fade-30: rgb(var(--black-rgb) / 30%);
  --black-fade-50: rgb(var(--black-rgb) / 50%);
  --black-fade-70: rgb(var(--black-rgb) / 70%);
  --black-fade-85: rgb(var(--black-rgb) / 85%);
  --white-fade-15: rgb(var(--white-rgb) / 15%);
  --white-fade-30: rgb(var(--white-rgb) / 30%);
  --white-fade-50: rgb(var(--white-rgb) / 50%);
  --white-fade-70: rgb(var(--white-rgb) / 70%);
  --white-fade-85: rgb(var(--white-rgb) / 85%);
  --colour-red: #bf311a;
  --colour-teal: var(--teal-500);
  --colour-green: #4d7c28;
  --colour-amber: var(--gold-400);
  --colour-grey-dark: var(--grey-900);
  --colour-grey-light: var(--grey-400);
  --colour-grey: var(--grey-500);
  --colour-bttn-text: var(--grey-900);
  --colour-bttn-bg: var(--white);
  --colour-bttn-border: var(--black-fade-30);
  --colour-bttn-hover-bg: var(--grey-200);
  --colour-bttn-active-bg: var(--grey-300);
  --colour-bttn-focus-outline: var(--grey-900);
  --colour-fg-default: var(--grey-800);
  --colour-bg-default: var(--white);
  --colour-alert-amber: var(--colour-alert-amber);
  --colour-alert-red: var(--colour-red);
  --colour-alert-blue: #213088;
  --colour-alert-fire-advice: #fbe032;
  --colour-alert-fire-watch-act: #ff7900;
  --colour-alert-fire-emergency-warning: #d6001c;
  --yellow-600: #fdb924;
  --yellow-700: #dbab09;
  --lime: #CBD422;
}

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

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

body {
  margin: 0;
}

a {
  background: transparent;
}

a:focus {
  outline: thin dotted;
}

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

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

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

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

mark {
  background: #ff0;
  color: #000;
}

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

pre {
  white-space: pre-wrap;
}

q {
  quotes: "“" "”" "‘" "’";
}

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

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

figure {
  margin: 0;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

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

button,
input {
  line-height: normal;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

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

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -webkit-appearance: none;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

textarea {
  overflow: auto;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
html,
button,
input,
select,
textarea {
  color: #222;
}

html {
  font-size: 62.5%;
  line-height: 1.4;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

audio,
canvas,
img,
svg,
video {
  vertical-align: middle;
}

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

textarea {
  resize: vertical;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

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

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

.invisible {
  visibility: hidden;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

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

body {
  font-family: var(--body-font);
  color: var(--colour-fg-default);
  background: var(--colour-canvas-default);
}

a {
  color: var(--colour-fg-default);
  text-decoration: none;
}
a:focus {
  outline-width: 2px;
}

b,
strong {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  margin-top: 0;
  margin-bottom: 0;
  margin: 0 0 1em 0;
}

h1 {
  font-size: 3em;
}

h2 {
  font-size: 2.5em;
}

h3 {
  font-size: 1.8em;
}

h4 {
  font-size: 1.5em;
}

h5 {
  font-size: var(--h5-size);
  font-weight: var(--font-weight-bold);
}

h6 {
  font-size: var(--h6-size);
  font-weight: var(--font-weight-bold);
}

p {
  margin: 0 0 1em 0;
  font-size: 1.3em;
}

small {
  font-size: 90%;
}

blockquote {
  margin: 0;
}

ul {
  padding: 0;
  margin: 1em 0;
}
ul li {
  list-style-type: disc;
}

li {
  font-size: 1.3em;
  margin: 0.3em 0;
}

nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
nav li {
  font-size: 1em;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

dd {
  margin-left: 0;
}

/**
 * str-replace - Replace a string with a string
 * http://codepen.io/jakob-e/pen/doMoML
 *
 * @author @eriksen_dk <https://twitter.com/eriksen_dk>
 *
 * @param  {string} $string  - The haystack string to be manipulated
 * @param  {string} $search  - The needle to be replace
 * @param  {string} $replace - The replacement
 *
 * @return {string}          - The manipulated string with replaced values
 */
:root {
  --h00-size-mobile: 40px;
  --h0-size-mobile: 32px;
  --h1-size-mobile: 26px;
  --h2-size-mobile: 22px;
  --h3-size-mobile: 18px;
  --h00-size: 48px;
  --h0-size: 40px;
  --h1-size: 32px;
  --h2-size: 24px;
  --h3-size: 20px;
  --h4-size: 16px;
  --h5-size: 14px;
  --h6-size: 12px;
  --font-size-small: 12px;
  --font-weight-bold: 700;
  --font-weight-semibold: 600;
  --font-weight-normal: 400;
  --lh-condensed-ultra: 1;
  --lh-condensed: 1.25;
  --lh-default: 1.5;
  --poppins-font: "Poppins", sans-serif;
  --body-font: var(--poppins-font);
  --body-font-size: 16px;
  --body-line-height: var(--lh-default);
  --black: #222;
  --black-rgb: 34 34 34;
  --white: #fff;
  --white-rgb: 255 255 255;
  --transparent: transparent;
  --grey-000: #f0f0f0;
  --grey-100: #e5e5e5;
  --grey-200: #c4c4c4;
  --grey-300: #999999;
  --grey-400: #6c7573;
  --grey-500: #53565a;
  --grey-600: #444444;
  --grey-700: #2e3130;
  --grey-800: #27251f;
  --grey-900: #121313;
  --grey-rgb: 83 86 90;
  --teal-000: #ecf5f5;
  --teal-100: #bcdddb;
  --teal-200: #8dc4c2;
  --teal-300: #62aaa9;
  --teal-400: #39908f;
  --teal-500: #278382;
  --teal-600: #1d6f6e;
  --teal-700: #044141;
  --teal-800: #0b2828;
  --teal-900: #051010;
  --teal-rgb: 39 131 130;
  --gold-000: #fffcec;
  --gold-100: #fff4bd;
  --gold-200: #ffea90;
  --gold-300: #ffdc65;
  --gold-400: #ffc83b;
  --gold-500: #fdb924;
  --gold-600: #c58d00;
  --gold-700: #926800;
  --gold-800: #5c4109;
  --gold-900: #271c08;
  --gold-rgb: 253 185 36;
  --black-fade-15: rgb(var(--black-rgb) / 15%);
  --black-fade-30: rgb(var(--black-rgb) / 30%);
  --black-fade-50: rgb(var(--black-rgb) / 50%);
  --black-fade-70: rgb(var(--black-rgb) / 70%);
  --black-fade-85: rgb(var(--black-rgb) / 85%);
  --white-fade-15: rgb(var(--white-rgb) / 15%);
  --white-fade-30: rgb(var(--white-rgb) / 30%);
  --white-fade-50: rgb(var(--white-rgb) / 50%);
  --white-fade-70: rgb(var(--white-rgb) / 70%);
  --white-fade-85: rgb(var(--white-rgb) / 85%);
  --colour-red: #bf311a;
  --colour-teal: var(--teal-500);
  --colour-green: #4d7c28;
  --colour-amber: var(--gold-400);
  --colour-grey-dark: var(--grey-900);
  --colour-grey-light: var(--grey-400);
  --colour-grey: var(--grey-500);
  --colour-bttn-text: var(--grey-900);
  --colour-bttn-bg: var(--white);
  --colour-bttn-border: var(--black-fade-30);
  --colour-bttn-hover-bg: var(--grey-200);
  --colour-bttn-active-bg: var(--grey-300);
  --colour-bttn-focus-outline: var(--grey-900);
  --colour-fg-default: var(--grey-800);
  --colour-bg-default: var(--white);
  --colour-alert-amber: var(--colour-alert-amber);
  --colour-alert-red: var(--colour-red);
  --colour-alert-blue: #213088;
  --colour-alert-fire-advice: #fbe032;
  --colour-alert-fire-watch-act: #ff7900;
  --colour-alert-fire-emergency-warning: #d6001c;
  --yellow-600: #fdb924;
  --yellow-700: #dbab09;
  --lime: #CBD422;
}

/* poppins-regular - latin */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../fonts/poppins/poppins-v15-latin-regular.woff2") format("woff2"), url("../fonts/poppins/poppins-v15-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;
}
/* poppins-italic - latin */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 400;
  src: local(""), url("../fonts/poppins/poppins-v15-latin-italic.woff2") format("woff2"), url("../fonts/poppins/poppins-v15-latin-italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;
}
/* poppins-600 - latin */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  src: local(""), url("../fonts/poppins/poppins-v15-latin-600.woff2") format("woff2"), url("../fonts/poppins/poppins-v15-latin-600.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;
}
/* poppins-600italic - latin */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 600;
  src: local(""), url("../fonts/poppins/poppins-v15-latin-600italic.woff2") format("woff2"), url("../fonts/poppins/poppins-v15-latin-600italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;
}
/* poppins-700 - latin */
@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 700;
  src: local(""), url("../fonts/poppins/poppins-v15-latin-700.woff2") format("woff2"), url("../fonts/poppins/poppins-v15-latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;
}
/* poppins-700italic - latin */
@font-face {
  font-family: "Poppins";
  font-style: italic;
  font-weight: 700;
  src: local(""), url("../fonts/poppins/poppins-v15-latin-700italic.woff2") format("woff2"), url("../fonts/poppins/poppins-v15-latin-700italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap;
}
@font-face {
  font-family: "icons";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/icons.woff") format("woff");
  font-display: fallback;
}
.icon:before, .icon:after {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
}
.icon-trailing:before, .icon-trailing:after {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  display: inline !important;
  margin-left: 0.8rem;
}
.icon.ban-reverse:before {
  content: "\e905";
}
.icon.circle:before {
  content: "\e906";
}
.icon.dog::before {
  content: "\e907";
}
.icon.firewood:before {
  content: "\e908";
}
.icon.fishing-alt:before {
  content: "\e909";
}
.icon.smoking-alt:before {
  content: "\e90a";
}
.icon.kangaroo:before {
  content: "\e90b";
}
.icon.drone:before {
  content: "\e90c";
}
.icon.grade1:before {
  content: "\e900";
}
.icon.grade2:before {
  content: "\e901";
}
.icon.grade3:before {
  content: "\e902";
}
.icon.grade4:before {
  content: "\e903";
}
.icon.grade5:before {
  content: "\e904";
}
.icon.fourWD:before {
  content: "\e001";
}
.icon.accommodation:before {
  content: "\e002";
}
.icon.adventure-sports:before, .icon.abseiling:before {
  content: "\e003";
}
.icon.alert:before {
  content: "\e004";
}
.icon.alpine:before {
  content: "\e005";
}
.icon.arrow-down-bold:before {
  content: "\e006";
}
.icon.arrow-left:before {
  content: "\e007";
}
.icon.arrow-right-bold:before {
  content: "\e008";
}
.icon.arrow-right:before {
  content: "\e009";
}
.icon.arrow-up-bold:before {
  content: "\e00a";
}
.icon.arrow-up:before {
  content: "\e00b";
}
.icon.autumn:before {
  content: "\e00c";
}
.icon.ban:before {
  content: "\e00d";
}
.icon.ban-reverse:before {
  content: "\e905";
}
.icon.bbq:before {
  content: "\e00e";
}
.icon.bike:before {
  content: "\e00f";
}
.icon.bird-watching:before, .icon.birdwatching:before {
  content: "\e045";
}
.icon.boat:before, .icon.sailing:before {
  content: "\e011";
}
.icon.bus:before {
  content: "\e012";
}
.icon.bundle:before {
  content: "\e600";
}
.icon.cafe:before {
  content: "\e013";
}
.icon.camera:before {
  content: "\e014";
}
.icon.campervan:before {
  content: "\e015";
}
.icon.campfire:before {
  content: "\e016";
}
.icon.camping:before, .icon.tent:before {
  content: "\e017";
}
.icon.canoeing:before {
  content: "\e018";
}
.icon.car:before {
  content: "\e019";
}
.icon.caravan:before {
  content: "\e01a";
}
.icon.caving:before, .icon.caves:before {
  content: "\e01b";
}
.icon.children:before {
  content: "\e01c";
}
.icon.climbing:before {
  content: "\e01d";
}
.icon.clock:before {
  content: "\e01e";
}
.icon.cone:before {
  content: "\e01f";
}
.icon.cross:before {
  content: "\e020";
}
.icon.culture:before, .icon.cultural-heritage:before {
  content: "\e021";
}
.icon.curved-arrow:before {
  content: "\e022";
}
.icon.diamond:before {
  content: "\e023";
}
.icon.drinking-water:before, .icon.drinkingWater:before {
  content: "\e024";
}
.icon.ecotourism:before, .icon.geotourism:before {
  content: "\e025";
}
.icon.education:before {
  content: "\e027";
}
.icon.education-centre:before, .icon.education-center:before, .icon.educational-activities:before {
  content: "\e026";
}
.icon.events:before {
  content: "\e028";
}
.icon.exclamation:before {
  content: "\e029";
}
.icon.fauna:before {
  content: "\e02b";
}
.icon.ferry:before {
  content: "\e02c";
}
.icon.fire:before {
  content: "\e02d";
}
.icon.fishing:before {
  content: "\e02e";
}
.icon.flood:before {
  content: "\e02f";
}
.icon.flora:before {
  content: "\e030";
}
.icon.free:before {
  content: "\e031";
}
.icon.generator:before {
  content: "\e032";
}
.icon.gps:before {
  content: "\e033";
}
.icon.hand-drawn-arrow-left-down:after {
  content: "\e034";
}
.icon.hand-drawn-arrow-right-down:before {
  content: "\e035";
}
.icon.hand-drawn-arrow-right:before {
  content: "\e036";
}
.icon.hand-drawn-arrows:before {
  content: "\e037";
}
.icon.historic:before {
  content: "\e038";
}
.icon.home:before {
  content: "\e039";
}
.icon.horse:before {
  content: "\e03a";
}
.icon.external:before {
  content: "\e02a";
}
.icon-trailing.external-link:after {
  content: "\e02a";
}
.icon.indigenous:before, .icon.aboriginal-culture:before {
  content: "\e03b";
}
.icon.incursions__icon:before {
  content: "\e90f";
}
.icon.immersive:before {
  content: "\e914";
}
.icon.information:before, .icon.visitor-centre:before {
  content: "\e03c";
}
.icon.itinerary:before {
  content: "\e03d";
}
.icon.list:before {
  content: "\e03e";
}
.icon.lookouts:before {
  content: "\e03f";
}
.icon.mail:before {
  content: "\e040";
}
.icon.map-pin:before {
  content: "\e041";
}
.icon.map:before {
  content: "\e042";
}
.icon.menu:before {
  content: "\e043";
}
.icon.mobile:before {
  content: "\e044";
}
.icon.nature-watch:before {
  content: "\e045";
}
.icon.news:before {
  content: "\e046";
}
.icon.other:before, .icon.other-experiences:before {
  content: "\e047";
}
.icon.outback:before {
  content: "\e048";
}
.icon.park-closed:before {
  content: "\e049";
}
.icon.parking:before {
  content: "P";
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
}
.icon.pdf:before {
  content: "\e04a";
}
.icon.pest:before {
  content: "\e04b";
}
.icon.pets:before {
  content: "\e04c";
}
.icon.phone:before {
  content: "\e04e";
}
.icon.phone-small:before {
  content: "\e04d";
}
.icon.picnic:before {
  content: "\e04f";
}
.icon.plus:before {
  content: "\e050";
}
.icon.power:before, .icon.electric-power:before {
  content: "\e051";
}
.icon.printer:before, .icon.print:before {
  content: "\e052";
}
.icon.promo:before {
  content: "\e602";
}
.icon.public-transport:before {
  content: "\e053";
}
.icon.rainfall:before {
  content: "\e054";
}
.icon.refreshment:before {
  content: "\e055";
}
.icon.region:before {
  content: "\e056";
}
.icon.road-quality:before, .icon.roadQuality:before {
  content: "\e057";
}
.icon.road:before {
  content: "\e058";
}
.icon.shower:before {
  content: "\e059";
}
.icon.smoking:before {
  content: "\e05a";
}
.icon.snorkelling:before {
  content: "\e05b";
}
.icon.snow:before, .icon.snowsports:before {
  content: "\e05c";
}
.icon.spring:before {
  content: "\e05d";
}
.icon.standard-page:before {
  content: "\e603";
}
.icon.star-outline:before {
  content: "\e05e";
}
.icon.star:before {
  content: "\e05f";
}
.icon.study:before, .icon.environmental-study:before {
  content: "\e060";
}
.icon.summer:before {
  content: "\e061";
}
.icon.surfing:before {
  content: "\e062";
}
.icon.swimming:before {
  content: "\e063";
}
.icon.teachers:before {
  content: "\e064";
}
.icon.temperature:before {
  content: "\e065";
}
.icon.ticket:before {
  content: "\e066";
}
.icon.tile:before {
  content: "\e067";
}
.icon.toilets:before {
  content: "\e069";
}
.icon.toilet:before {
  content: "\e068";
}
.icon.tour:before {
  content: "\e06a";
}
.icon.trail:before {
  content: "\e06b";
}
.icon.tree:before, .icon.park:before {
  content: "\e06c";
}
.icon.venue:before {
  content: "V";
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
}
.icon.volunteer:before {
  content: "\e06d";
}
.icon.walking:before {
  content: "\e06e";
}
.icon.website:before {
  content: "\e070";
}
.icon.whale:before {
  content: "\e071";
}
.icon.wheelchair:before {
  content: "\e072";
}
.icon.wifi:before {
  content: "\e073";
}
.icon.wildflowers:before {
  content: "\e074";
}
.icon.winter:before {
  content: "\e075";
}
.icon.one:before {
  content: "1";
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-normal);
}
.icon.two:before {
  content: "2";
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-normal);
}
.icon.three:before {
  content: "3";
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-normal);
}
.icon.four:before {
  content: "4";
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-normal);
}
.icon.five:before {
  content: "5";
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-normal);
}
.icon.six:before {
  content: "6";
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-normal);
}
.icon.seven:before {
  content: "7";
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-normal);
}
.icon.eight:before {
  content: "8";
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-normal);
}
.icon.nine:before {
  content: "9";
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-normal);
}
.icon.caret-right:before {
  content: "\e929";
}
.icon.caret-down:before {
  content: "\e92a";
}
.icon.caret-up:before {
  content: "\e92b";
}
.icon-trailing.caret-right:after {
  content: "\e929";
}
.icon-trailing.caret-down:after {
  content: "\e92a";
}
.icon-trailing.caret-up:after {
  content: "\e92b";
}
.icon.waterfall:before, .icon.waterfalls:before {
  content: "\e928";
}
.icon.waterhole:before {
  content: "\e90e";
}
.icon.beach:before {
  content: "\e90e";
}
.icon.side-track:before {
  content: "\e06e";
}
.icon.experiences:before {
  content: "\e03d";
}
.icon.air-conditioning:before {
  content: "\e925";
}
.icon.balcony:before {
  content: "\e924";
}
.icon.bath:before {
  content: "\e923";
}
.icon.bed-linen:before {
  content: "\e922";
}
.icon.cot-hire:before {
  content: "\e921";
}
.icon.fan:before {
  content: "\e920";
}
.icon.heating:before {
  content: "\e91f";
}
.icon.indoor-fireplace:before {
  content: "\e91e";
}
.icon.kitchen:before {
  content: "\e91d";
}
.icon.outdoor-furniture:before {
  content: "\e91c";
}
.icon.outside-shower:before {
  content: "\e91b";
}
.icon.plates-and-cutlery:before {
  content: "\e91a";
}
.icon.pots-and-pans:before {
  content: "\e919";
}
.icon.rubbish:before {
  content: "\e918";
}
.icon.towels:before {
  content: "\e917";
}
.icon.tv:before {
  content: "\e916";
}
.icon.washing-machine:before {
  content: "\e915";
}
.icon.bookmark-outline:before {
  content: "\e926";
}
.icon.bookmark:before {
  content: "\e927";
}

/*
	Possible solution to http://projects.rroom.net/issues/17399

	Usage:
	<h2><i class="icon icon-4wd headingicon"></i> <span class="vertical-align-middle">TEXT</span></h2>

	icon = it tells use icons font
	icon-<xxx> = it tells what icon will be used. Referred to _icons.scss
	headingicon = the styling of the font (font-size, align-center, white color, radius 2px)
 */
.heading-icon {
  border-radius: 2px;
  color: #fff;
  width: 1.3em;
  height: 1.3em;
  line-height: 1;
  text-align: center;
  font-size: 1.25em !important;
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.heading-icon.visit, .visit .heading-icon {
  background-color: var(--teal-500);
}
.heading-icon.things, .things .heading-icon {
  background-color: var(--teal-500);
}
.heading-icon.camping, .camping .heading-icon, .heading-icon.accommodation, .accommodation .heading-icon {
  background-color: var(--teal-500);
}
.heading-icon.venue, .venue .heading-icon {
  background-color: var(--teal-500);
}
.heading-icon.conservation, .conservation .heading-icon {
  background-color: var(--teal-500);
}

@-moz-document url-prefix() {
  .heading-icon {
    line-height: 20px;
  }
}
.headingIcon {
  padding-left: 29px !important;
  position: relative;
}
.headingIcon.permitted, .permitted .headingIcon, .headingIcon.prohibited, .prohibited .headingIcon {
  height: 22px;
  padding-left: 42px !important;
}
.headingIcon.permitted::before, .permitted .headingIcon::before, .headingIcon.prohibited::before, .prohibited .headingIcon::before {
  background-color: transparent;
  width: 34px;
  height: 38px;
  margin-top: -6.5px;
  display: inline-block;
  vertical-align: middle;
  color: var(--colour-fg-default);
  font-size: 22px;
  top: 0;
}
.headingIcon.permitted::after, .permitted .headingIcon::after, .headingIcon.prohibited::after, .prohibited .headingIcon::after {
  position: absolute;
  font-size: 34px;
  left: 0;
  top: -8px;
}
.headingIcon.prohibited::after, .prohibited .headingIcon::after {
  content: "\e905";
  color: #e01e3c;
}
.headingIcon.permitted::after, .permitted .headingIcon::after {
  content: "\e906";
  color: #00703c;
}
.detailLeftColumn .safety-messages .headingIcon.volunteer::before {
  font-size: 0.9em;
}
.headingIcon::before {
  background-color: var(--grey-500);
  border-radius: 2px;
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  line-height: 24px;
  display: block;
  color: #fff;
  text-align: center;
}
.headingIcon.region::before {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e056";
  margin-top: -10px;
  color: var(--teal-500);
  margin-left: -8px;
  background: none !important;
  font-size: 26px;
}
.headingIcon.alert {
  padding-left: 1.5em;
}
.headingIcon.alert::before {
  color: var(--colour-amber);
  font-size: 1em;
  width: 1em;
  height: 1em;
  background-color: transparent !important;
}
.alertsMain .red .headingIcon.alert::before {
  color: var(--colour-red);
}
.headingIcon.pdf::before {
  background-color: #bf311a;
}
.headingIcon.print::before, .headingIcon.mail::before {
  background: transparent;
  color: #5f6062;
}

.alert-icon {
  width: 19px;
  height: 23px;
  line-height: 23px;
}
.alert-icon.visit, .visit .alert-icon {
  background-color: var(--teal-500);
}
.alert-icon.things, .things .alert-icon {
  background-color: var(--teal-500);
}
.alert-icon.camping, .camping .alert-icon {
  background-color: var(--teal-500);
}
.alert-icon.venue, .venue .alert-icon {
  background-color: var(--teal-500);
}
.alert-icon.conservation, .conservation .alert-icon {
  background-color: var(--teal-500);
}

@-moz-document url-prefix() {
  .alert-icon {
    line-height: 22px;
  }
}
.alertIcon {
  padding-left: 1.8em;
  position: relative;
}
.alertIcon:before, .alertIcon:after {
  position: absolute;
  top: 50%;
  left: 0;
  width: 21px;
  height: 21px;
  text-align: center;
  margin-top: -13px;
}
.alertIcon.closed_area:before, .alertIcon.closed:before, .alertIcon.partial_closed:before, .alertIcon.partial_closure:before, .alertIcon.closed_area_full-park:before, .alertIcon.closed_parks:before, .alertIcon.closed_area_part-park:before, .alertIcon.closed_areas:before, .alertIcon.closed-area:before, .alertIcon.partial-closed:before, .alertIcon.partial-closure:before, .alertIcon.closed-area-full-park:before, .alertIcon.closed-area-part-park:before {
  content: "\e049";
  line-height: 23px;
  height: 23px;
  width: 19px;
  color: var(--colour-fg-default);
  font-size: 23px;
  margin-top: -15px;
}
.alertIcon.partial_closed:before, .alertIcon.partial_closure:before, .alertIcon.closed_area_part-park:before, .alertIcon.closed_areas:before, .alertIcon.partial-closed:before, .alertIcon.partial-closure:before, .alertIcon.closed-area-part-park:before {
  color: #33869a;
}
.alertIcon.fire_ban:before, .alertIcon.fire_bans:before, .alertIcon.fire-ban:before {
  content: "\e00d";
  color: var(--colour-fg-default);
  width: 22px;
  height: 22px;
  line-height: 1.1;
  font-size: 21px;
  z-index: 2;
}
.alertIcon.fire_ban:after, .alertIcon.fire_bans:after, .alertIcon.fire-ban:after {
  content: "\e02d";
  color: #e87809;
  width: 22px;
  height: 22px;
  line-height: 1.3;
  font-size: 16px;
}
.alertIcon.fire:before, .alertIcon.hazard_reduction:before, .alertIcon.hazard_reduction_burns:before, .alertIcon.pest:before, .alertIcon.pest_management:before, .alertIcon.flood:before, .alertIcon.floods:before, .alertIcon.marine:before, .alertIcon.marine_wildlife_alerts:before, .alertIcon.other_planned_event:before, .alertIcon.other_planned_events:before, .alertIcon.safety_alert:before, .alertIcon.safety_alerts:before, .alertIcon.other_incident:before, .alertIcon.other_incidents:before, .alertIcon.hazard-reduction:before, .alertIcon.other-planned-event:before, .alertIcon.safety-alert:before, .alertIcon.other-incident:before {
  content: "\e023";
  color: var(--colour-fg-default);
  width: 26px;
  height: 26px;
  line-height: 26px;
  font-size: 26px;
  z-index: 2;
  margin-top: -16px;
}
.alertIcon.fire:after, .alertIcon.hazard_reduction:after, .alertIcon.hazard_reduction_burns:after, .alertIcon.hazard-reduction:after {
  content: "\e02d";
  color: var(--colour-red);
  width: 26px;
  height: 26px;
  line-height: 28px;
  font-size: 18px;
  margin-top: -16px;
}
.alertIcon.hazard_reduction:after, .alertIcon.hazard_reduction_burns:after, .alertIcon.hazard-reduction:after {
  color: #213088;
}
.alertIcon.pest:after, .alertIcon.pest_management:after {
  content: "\e04b";
  color: var(--black);
  width: 26px;
  height: 26px;
  line-height: 26px;
  font-size: 14px;
  margin-top: -15px;
}
.alertIcon.flood:after, .alertIcon.floods:after, .alertIcon.marine:after, .alertIcon.marine_wildlife_alerts:after {
  content: "\e02f";
  color: #45b5d0;
  width: 26px;
  height: 26px;
  line-height: 28px;
  font-size: 18px;
  margin-top: -11px;
}
.alertIcon.marine:after, .alertIcon.marine_wildlife_alerts:after {
  color: #213088;
}
.alertIcon.other_planned_event:after, .alertIcon.other_planned_events:after, .alertIcon.other-planned-event:after {
  content: "\e01f";
  color: #ff7d26;
  width: 26px;
  height: 26px;
  line-height: 28px;
  font-size: 13px;
  margin-top: -18px;
}
.alertIcon.safety_alert:after, .alertIcon.safety_alerts:after, .alertIcon.other_incident:after, .alertIcon.other_incidents:after, .alertIcon.safety-alert:after, .alertIcon.other-incident:after {
  content: "\e029";
  color: #5e5e5e;
  width: 26px;
  height: 26px;
  line-height: 28px;
  font-size: 14px;
  margin-top: -16px;
}
.alertIcon.fire_watch_act::before, .alertIcon.fire_watch_and_act::before, .alertIcon.fires_watch_and_act::before, .alertIcon.fire-watch-act::before, .alertIcon.fire-watch-and-act::before, .alertIcon.fires-watch-and-act::before, .alertIcon.fire_advice::before, .alertIcon.fires_advice::before, .alertIcon.fire-advice::before {
  content: "\e912";
  color: var(--colour-fg-default);
  width: 26px;
  height: 26px;
  line-height: 24px;
  font-size: 26px;
  z-index: 2;
  margin-top: -16px;
}
.alertIcon.fire_watch_act::after, .alertIcon.fire_watch_and_act::after, .alertIcon.fires_watch_and_act::after, .alertIcon.fire-watch-act::after, .alertIcon.fire-watch-and-act::after, .alertIcon.fires-watch-and-act::after, .alertIcon.fire_advice::after, .alertIcon.fires_advice::after, .alertIcon.fire-advice::after {
  content: "\e911";
  width: 26px;
  height: 26px;
  line-height: 24px;
  font-size: 22px;
  margin-top: -16px;
}
.alertIcon.fire_advice::after, .alertIcon.fires_advice::after, .alertIcon.fire-advice::after {
  color: #fbe032;
}
.alertIcon.fire_watch_act::after, .alertIcon.fire_watch_and_act::after, .alertIcon.fires_watch_and_act::after, .alertIcon.fire-watch-act::after, .alertIcon.fire-watch-and-act::after, .alertIcon.fires-watch-and-act::after {
  color: #ff7900;
}
.alertIcon.fire_emergency_warning::before, .alertIcon.fires_emergency_warning::before, .alertIcon.fire-emergency-warning::before {
  content: "\e913";
  color: var(--colour-fg-default);
  width: 26px;
  height: 26px;
  line-height: 24px;
  font-size: 26px;
  z-index: 2;
  margin-top: -16px;
}
.alertIcon.fire_emergency_warning::after, .alertIcon.fires_emergency_warning::after, .alertIcon.fire-emergency-warning::after {
  content: "\e910";
  width: 26px;
  height: 26px;
  line-height: 24px;
  font-size: 22px;
  margin-top: -16px;
  color: #d6001c;
}

.hide,
.hidden {
  display: none !important;
}

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

.show,
.show-inline {
  display: inline !important;
}

.show-inline-block {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: !important;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}

.vertical-align-middle {
  vertical-align: middle !important;
}

.vertical-align-baseline,
.vertical-align-reset {
  vertical-align: middle !important;
}

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

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

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

.text-error {
  color: var(--colour-red) !important;
}

.bold {
  font-weight: bold !important;
}

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

.multiline-ellipsis-container {
  background: #ffffff;
  padding-right: 1em;
  position: relative;
}

.multiline-ellipsis {
  background: inherit;
  display: inline;
}

.multiline-ellipsis:before,
.multiline-ellipsis:after {
  background: inherit;
  position: absolute;
}

.multiline-ellipsis:before {
  content: "…";
  bottom: 0;
  right: 0;
}

.multiline-ellipsis:after {
  content: "";
  height: 100%;
  width: 100%;
}

.visible-print,
.visible-print-block,
.visible-pdf-print {
  display: none !important;
}

.visibility-on-print {
  visibility: hidden !important;
}

body > noscript > p {
  border: solid 1px var(--colour-red);
  width: 91.5%;
  padding: 10px 2%;
  font-size: 1.4em;
  display: block;
  background-color: rgba(191, 49, 26, 0.5);
  margin: 1em 2%;
  text-align: center;
}

.container {
  max-width: 1300px;
  display: block;
  margin: 0 auto;
}

a.external.button {
  padding-right: 40px !important;
}
a.external.button > .iea:after {
  position: absolute;
}
a.external > .iea:after {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e02a";
  color: var(--colour-grey-light);
  margin-left: 0.5em;
  font-size: 0.8em;
  text-decoration: none;
}
a.external.button > .iea:after {
  color: inherit;
}

li.headingIcon {
  list-style: none;
}

.visit h1 a,
.visit h2 a,
.visit h3 a,
.visit h4 a,
.visit h5 a {
  color: var(--teal-500);
}
.visit .things h1 a,
.visit .things h2 a,
.visit .things h3 a,
.visit .things h4 a,
.visit .things h5 a {
  color: var(--teal-500);
}
.visit .things .button, .visit .things.button.orange {
  background-color: var(--teal-500);
}
.visit .things .button:hover, .visit .things.button.orange:hover {
  background-color: var(--teal-600);
}
.visit .camping h1 a,
.visit .camping h2 a,
.visit .camping h3 a,
.visit .camping h4 a,
.visit .camping h5 a {
  color: var(--teal-500);
}
.visit .camping .button, .visit .camping.button.blue {
  background-color: var(--teal-500);
}
.visit .camping .button:hover, .visit .camping.button.blue:hover {
  background-color: var(--teal-600);
}
.visit .venue h1 a,
.visit .venue h2 a,
.visit .venue h3 a,
.visit .venue h4 a,
.visit .venue h5 a {
  color: var(--teal-500);
}
.visit .venue .button, .visit .venue.button.blue {
  background-color: var(--teal-500);
}
.visit .venue .button:hover, .visit .venue.button.blue:hover {
  background-color: var(--teal-600);
}
.visit .conservation h1 a,
.visit .conservation h2 a,
.visit .conservation h3 a,
.visit .conservation h4 a,
.visit .conservation h5 a,
.visit .education h1 a,
.visit .education h2 a,
.visit .education h3 a,
.visit .education h4 a,
.visit .education h5 a,
.visit .safety h1 a,
.visit .safety h2 a,
.visit .safety h3 a,
.visit .safety h4 a,
.visit .safety h5 a,
.visit .passess h1 a,
.visit .passess h2 a,
.visit .passess h3 a,
.visit .passess h4 a,
.visit .passess h5 a,
.visit .hire h1 a,
.visit .hire h2 a,
.visit .hire h3 a,
.visit .hire h4 a,
.visit .hire h5 a {
  color: var(--teal-500);
}
.visit .conservation .button, .visit .conservation.button.brown,
.visit .education .button,
.visit .education.button.brown,
.visit .safety .button,
.visit .safety.button.brown,
.visit .passess .button,
.visit .passess.button.brown,
.visit .hire .button,
.visit .hire.button.brown {
  background-color: var(--teal-500);
}
.visit .conservation .button:hover, .visit .conservation.button.brown:hover,
.visit .education .button:hover,
.visit .education.button.brown:hover,
.visit .safety .button:hover,
.visit .safety.button.brown:hover,
.visit .passess .button:hover,
.visit .passess.button.brown:hover,
.visit .hire .button:hover,
.visit .hire.button.brown:hover {
  background-color: var(--teal-600);
}

.things h1 a,
.things h2 a,
.things h3 a,
.things h4 a,
.things h5 a {
  color: var(--teal-500);
}
.things .visit h1 a,
.things .visit h2 a,
.things .visit h3 a,
.things .visit h4 a,
.things .visit h5 a {
  color: var(--teal-500);
}
.things .visit .button, .things .visit.button.green {
  background-color: var(--teal-500);
}
.things .visit .button:hover, .things .visit.button.green:hover {
  background-color: var(--teal-600);
}
.things .camping h1 a,
.things .camping h2 a,
.things .camping h3 a,
.things .camping h4 a,
.things .camping h5 a {
  color: var(--teal-500);
}
.things .camping .button, .things .camping.button.blue {
  background-color: var(--teal-500);
}
.things .camping .button:hover, .things .camping.button.blue:hover {
  background-color: var(--teal-600);
}
.things .venue h1 a,
.things .venue h2 a,
.things .venue h3 a,
.things .venue h4 a,
.things .venue h5 a {
  color: var(--teal-500);
}
.things .venue .button, .things .venue.button.blue {
  background-color: var(--teal-500);
}
.things .venue .button:hover, .things .venue.button.blue:hover {
  background-color: var(--teal-600);
}
.things .conservation h1 a,
.things .conservation h2 a,
.things .conservation h3 a,
.things .conservation h4 a,
.things .conservation h5 a,
.things .education h1 a,
.things .education h2 a,
.things .education h3 a,
.things .education h4 a,
.things .education h5 a,
.things .safety h1 a,
.things .safety h2 a,
.things .safety h3 a,
.things .safety h4 a,
.things .safety h5 a,
.things .passess h1 a,
.things .passess h2 a,
.things .passess h3 a,
.things .passess h4 a,
.things .passess h5 a,
.things .hire h1 a,
.things .hire h2 a,
.things .hire h3 a,
.things .hire h4 a,
.things .hire h5 a {
  color: var(--teal-500);
}
.things .conservation .button, .things .conservation.button.brown,
.things .education .button,
.things .education.button.brown,
.things .safety .button,
.things .safety.button.brown,
.things .passess .button,
.things .passess.button.brown,
.things .hire .button,
.things .hire.button.brown {
  background-color: var(--teal-500);
}
.things .conservation .button:hover, .things .conservation.button.brown:hover,
.things .education .button:hover,
.things .education.button.brown:hover,
.things .safety .button:hover,
.things .safety.button.brown:hover,
.things .passess .button:hover,
.things .passess.button.brown:hover,
.things .hire .button:hover,
.things .hire.button.brown:hover {
  background-color: var(--teal-600);
}

.camping h1 a,
.camping h2 a,
.camping h3 a,
.camping h4 a,
.camping h5 a {
  color: var(--teal-500);
}
.camping .visit h1 a,
.camping .visit h2 a,
.camping .visit h3 a,
.camping .visit h4 a,
.camping .visit h5 a {
  color: var(--teal-500);
}
.camping .visit .button, .camping .visit.button.green {
  background-color: var(--teal-500);
}
.camping .visit .button:hover, .camping .visit.button.green:hover {
  background-color: var(--teal-600);
}
.camping .venue h1 a,
.camping .venue h2 a,
.camping .venue h3 a,
.camping .venue h4 a,
.camping .venue h5 a {
  color: var(--teal-500);
}
.camping .venue .button, .camping .venue.button.blue {
  background-color: var(--teal-500);
}
.camping .venue .button:hover, .camping .venue.button.blue:hover {
  background-color: var(--teal-600);
}
.camping .things h1 a,
.camping .things h2 a,
.camping .things h3 a,
.camping .things h4 a,
.camping .things h5 a {
  color: var(--teal-500);
}
.camping .things .button, .camping .things.button.orange {
  background-color: var(--teal-500);
}
.camping .things .button:hover, .camping .things.button.orange:hover {
  background-color: var(--teal-600);
}
.camping .conservation h1 a,
.camping .conservation h2 a,
.camping .conservation h3 a,
.camping .conservation h4 a,
.camping .conservation h5 a,
.camping .education h1 a,
.camping .education h2 a,
.camping .education h3 a,
.camping .education h4 a,
.camping .education h5 a,
.camping .safety h1 a,
.camping .safety h2 a,
.camping .safety h3 a,
.camping .safety h4 a,
.camping .safety h5 a,
.camping .passess h1 a,
.camping .passess h2 a,
.camping .passess h3 a,
.camping .passess h4 a,
.camping .passess h5 a,
.camping .hire h1 a,
.camping .hire h2 a,
.camping .hire h3 a,
.camping .hire h4 a,
.camping .hire h5 a {
  color: var(--teal-500);
}
.camping .conservation .button, .camping .conservation.button.brown,
.camping .education .button,
.camping .education.button.brown,
.camping .safety .button,
.camping .safety.button.brown,
.camping .passess .button,
.camping .passess.button.brown,
.camping .hire .button,
.camping .hire.button.brown {
  background-color: var(--teal-500);
}
.camping .conservation .button:hover, .camping .conservation.button.brown:hover,
.camping .education .button:hover,
.camping .education.button.brown:hover,
.camping .safety .button:hover,
.camping .safety.button.brown:hover,
.camping .passess .button:hover,
.camping .passess.button.brown:hover,
.camping .hire .button:hover,
.camping .hire.button.brown:hover {
  background-color: var(--teal-600);
}

.venue h1 a,
.venue h2 a,
.venue h3 a,
.venue h4 a,
.venue h5 a {
  color: var(--teal-500);
}
.venue .visit h1 a,
.venue .visit h2 a,
.venue .visit h3 a,
.venue .visit h4 a,
.venue .visit h5 a {
  color: var(--teal-500);
}
.venue .visit.button.green {
  background-color: var(--teal-500);
}
.venue .visit.button.green:hover {
  background-color: var(--teal-600);
}
.venue .camping h1 a,
.venue .camping h2 a,
.venue .camping h3 a,
.venue .camping h4 a,
.venue .camping h5 a {
  color: var(--teal-500);
}
.venue .camping.button.blue {
  background-color: var(--teal-500);
}
.venue .camping.button.blue:hover {
  background-color: var(--teal-600);
}
.venue .things h1 a,
.venue .things h2 a,
.venue .things h3 a,
.venue .things h4 a,
.venue .things h5 a {
  color: var(--teal-500);
}
.venue .things.button.orange {
  background-color: var(--teal-500);
}
.venue .things.button.orange:hover {
  background-color: var(--teal-600);
}
.venue .conservation h1 a,
.venue .conservation h2 a,
.venue .conservation h3 a,
.venue .conservation h4 a,
.venue .conservation h5 a,
.venue .education h1 a,
.venue .education h2 a,
.venue .education h3 a,
.venue .education h4 a,
.venue .education h5 a,
.venue .safety h1 a,
.venue .safety h2 a,
.venue .safety h3 a,
.venue .safety h4 a,
.venue .safety h5 a,
.venue .passess h1 a,
.venue .passess h2 a,
.venue .passess h3 a,
.venue .passess h4 a,
.venue .passess h5 a,
.venue .hire h1 a,
.venue .hire h2 a,
.venue .hire h3 a,
.venue .hire h4 a,
.venue .hire h5 a {
  color: var(--teal-500);
}
.venue .conservation .button, .venue .conservation.button.brown,
.venue .education .button,
.venue .education.button.brown,
.venue .safety .button,
.venue .safety.button.brown,
.venue .passess .button,
.venue .passess.button.brown,
.venue .hire .button,
.venue .hire.button.brown {
  background-color: var(--teal-500);
}
.venue .conservation .button:hover, .venue .conservation.button.brown:hover,
.venue .education .button:hover,
.venue .education.button.brown:hover,
.venue .safety .button:hover,
.venue .safety.button.brown:hover,
.venue .passess .button:hover,
.venue .passess.button.brown:hover,
.venue .hire .button:hover,
.venue .hire.button.brown:hover {
  background-color: var(--teal-600);
}

.conservation h1 a,
.conservation h2 a,
.conservation h3 a,
.conservation h4 a,
.conservation h5 a,
.education h1 a,
.education h2 a,
.education h3 a,
.education h4 a,
.education h5 a,
.safety h1 a,
.safety h2 a,
.safety h3 a,
.safety h4 a,
.safety h5 a,
.passess h1 a,
.passess h2 a,
.passess h3 a,
.passess h4 a,
.passess h5 a,
.hire h1 a,
.hire h2 a,
.hire h3 a,
.hire h4 a,
.hire h5 a {
  color: var(--teal-500);
}
.conservation .visit h1 a,
.conservation .visit h2 a,
.conservation .visit h3 a,
.conservation .visit h4 a,
.conservation .visit h5 a,
.education .visit h1 a,
.education .visit h2 a,
.education .visit h3 a,
.education .visit h4 a,
.education .visit h5 a,
.safety .visit h1 a,
.safety .visit h2 a,
.safety .visit h3 a,
.safety .visit h4 a,
.safety .visit h5 a,
.passess .visit h1 a,
.passess .visit h2 a,
.passess .visit h3 a,
.passess .visit h4 a,
.passess .visit h5 a,
.hire .visit h1 a,
.hire .visit h2 a,
.hire .visit h3 a,
.hire .visit h4 a,
.hire .visit h5 a {
  color: var(--teal-500);
}
.conservation .visit .button, .conservation .visit.button.green,
.education .visit .button,
.education .visit.button.green,
.safety .visit .button,
.safety .visit.button.green,
.passess .visit .button,
.passess .visit.button.green,
.hire .visit .button,
.hire .visit.button.green {
  background-color: var(--teal-500);
}
.conservation .visit .button:hover, .conservation .visit.button.green:hover,
.education .visit .button:hover,
.education .visit.button.green:hover,
.safety .visit .button:hover,
.safety .visit.button.green:hover,
.passess .visit .button:hover,
.passess .visit.button.green:hover,
.hire .visit .button:hover,
.hire .visit.button.green:hover {
  background-color: var(--teal-600);
}
.conservation .things h1 a,
.conservation .things h2 a,
.conservation .things h3 a,
.conservation .things h4 a,
.conservation .things h5 a,
.education .things h1 a,
.education .things h2 a,
.education .things h3 a,
.education .things h4 a,
.education .things h5 a,
.safety .things h1 a,
.safety .things h2 a,
.safety .things h3 a,
.safety .things h4 a,
.safety .things h5 a,
.passess .things h1 a,
.passess .things h2 a,
.passess .things h3 a,
.passess .things h4 a,
.passess .things h5 a,
.hire .things h1 a,
.hire .things h2 a,
.hire .things h3 a,
.hire .things h4 a,
.hire .things h5 a {
  color: var(--teal-500);
}
.conservation .things .button, .conservation .things.button.orange,
.education .things .button,
.education .things.button.orange,
.safety .things .button,
.safety .things.button.orange,
.passess .things .button,
.passess .things.button.orange,
.hire .things .button,
.hire .things.button.orange {
  background-color: var(--teal-500);
}
.conservation .things .button:hover, .conservation .things.button.orange:hover,
.education .things .button:hover,
.education .things.button.orange:hover,
.safety .things .button:hover,
.safety .things.button.orange:hover,
.passess .things .button:hover,
.passess .things.button.orange:hover,
.hire .things .button:hover,
.hire .things.button.orange:hover {
  background-color: var(--teal-600);
}
.conservation .camping h1 a,
.conservation .camping h2 a,
.conservation .camping h3 a,
.conservation .camping h4 a,
.conservation .camping h5 a,
.education .camping h1 a,
.education .camping h2 a,
.education .camping h3 a,
.education .camping h4 a,
.education .camping h5 a,
.safety .camping h1 a,
.safety .camping h2 a,
.safety .camping h3 a,
.safety .camping h4 a,
.safety .camping h5 a,
.passess .camping h1 a,
.passess .camping h2 a,
.passess .camping h3 a,
.passess .camping h4 a,
.passess .camping h5 a,
.hire .camping h1 a,
.hire .camping h2 a,
.hire .camping h3 a,
.hire .camping h4 a,
.hire .camping h5 a {
  color: var(--teal-500);
}
.conservation .camping .button, .conservation .camping.button.blue,
.education .camping .button,
.education .camping.button.blue,
.safety .camping .button,
.safety .camping.button.blue,
.passess .camping .button,
.passess .camping.button.blue,
.hire .camping .button,
.hire .camping.button.blue {
  background-color: var(--teal-500);
}
.conservation .camping .button:hover, .conservation .camping.button.blue:hover,
.education .camping .button:hover,
.education .camping.button.blue:hover,
.safety .camping .button:hover,
.safety .camping.button.blue:hover,
.passess .camping .button:hover,
.passess .camping.button.blue:hover,
.hire .camping .button:hover,
.hire .camping.button.blue:hover {
  background-color: var(--teal-600);
}
.conservation .venue h1 a,
.conservation .venue h2 a,
.conservation .venue h3 a,
.conservation .venue h4 a,
.conservation .venue h5 a,
.education .venue h1 a,
.education .venue h2 a,
.education .venue h3 a,
.education .venue h4 a,
.education .venue h5 a,
.safety .venue h1 a,
.safety .venue h2 a,
.safety .venue h3 a,
.safety .venue h4 a,
.safety .venue h5 a,
.passess .venue h1 a,
.passess .venue h2 a,
.passess .venue h3 a,
.passess .venue h4 a,
.passess .venue h5 a,
.hire .venue h1 a,
.hire .venue h2 a,
.hire .venue h3 a,
.hire .venue h4 a,
.hire .venue h5 a {
  color: var(--teal-500);
}
.conservation .venue .button, .conservation .venue.button.blue,
.education .venue .button,
.education .venue.button.blue,
.safety .venue .button,
.safety .venue.button.blue,
.passess .venue .button,
.passess .venue.button.blue,
.hire .venue .button,
.hire .venue.button.blue {
  background-color: var(--teal-500);
}
.conservation .venue .button:hover, .conservation .venue.button.blue:hover,
.education .venue .button:hover,
.education .venue.button.blue:hover,
.safety .venue .button:hover,
.safety .venue.button.blue:hover,
.passess .venue .button:hover,
.passess .venue.button.blue:hover,
.hire .venue .button:hover,
.hire .venue.button.blue:hover {
  background-color: var(--teal-600);
}
.conservation .conservation h1 a,
.conservation .conservation h2 a,
.conservation .conservation h3 a,
.conservation .conservation h4 a,
.conservation .conservation h5 a,
.conservation .education h1 a,
.conservation .education h2 a,
.conservation .education h3 a,
.conservation .education h4 a,
.conservation .education h5 a,
.conservation .safety h1 a,
.conservation .safety h2 a,
.conservation .safety h3 a,
.conservation .safety h4 a,
.conservation .safety h5 a,
.conservation .passess h1 a,
.conservation .passess h2 a,
.conservation .passess h3 a,
.conservation .passess h4 a,
.conservation .passess h5 a,
.conservation .hire h1 a,
.conservation .hire h2 a,
.conservation .hire h3 a,
.conservation .hire h4 a,
.conservation .hire h5 a,
.education .conservation h1 a,
.education .conservation h2 a,
.education .conservation h3 a,
.education .conservation h4 a,
.education .conservation h5 a,
.education .education h1 a,
.education .education h2 a,
.education .education h3 a,
.education .education h4 a,
.education .education h5 a,
.education .safety h1 a,
.education .safety h2 a,
.education .safety h3 a,
.education .safety h4 a,
.education .safety h5 a,
.education .passess h1 a,
.education .passess h2 a,
.education .passess h3 a,
.education .passess h4 a,
.education .passess h5 a,
.education .hire h1 a,
.education .hire h2 a,
.education .hire h3 a,
.education .hire h4 a,
.education .hire h5 a,
.safety .conservation h1 a,
.safety .conservation h2 a,
.safety .conservation h3 a,
.safety .conservation h4 a,
.safety .conservation h5 a,
.safety .education h1 a,
.safety .education h2 a,
.safety .education h3 a,
.safety .education h4 a,
.safety .education h5 a,
.safety .safety h1 a,
.safety .safety h2 a,
.safety .safety h3 a,
.safety .safety h4 a,
.safety .safety h5 a,
.safety .passess h1 a,
.safety .passess h2 a,
.safety .passess h3 a,
.safety .passess h4 a,
.safety .passess h5 a,
.safety .hire h1 a,
.safety .hire h2 a,
.safety .hire h3 a,
.safety .hire h4 a,
.safety .hire h5 a,
.passess .conservation h1 a,
.passess .conservation h2 a,
.passess .conservation h3 a,
.passess .conservation h4 a,
.passess .conservation h5 a,
.passess .education h1 a,
.passess .education h2 a,
.passess .education h3 a,
.passess .education h4 a,
.passess .education h5 a,
.passess .safety h1 a,
.passess .safety h2 a,
.passess .safety h3 a,
.passess .safety h4 a,
.passess .safety h5 a,
.passess .passess h1 a,
.passess .passess h2 a,
.passess .passess h3 a,
.passess .passess h4 a,
.passess .passess h5 a,
.passess .hire h1 a,
.passess .hire h2 a,
.passess .hire h3 a,
.passess .hire h4 a,
.passess .hire h5 a,
.hire .conservation h1 a,
.hire .conservation h2 a,
.hire .conservation h3 a,
.hire .conservation h4 a,
.hire .conservation h5 a,
.hire .education h1 a,
.hire .education h2 a,
.hire .education h3 a,
.hire .education h4 a,
.hire .education h5 a,
.hire .safety h1 a,
.hire .safety h2 a,
.hire .safety h3 a,
.hire .safety h4 a,
.hire .safety h5 a,
.hire .passess h1 a,
.hire .passess h2 a,
.hire .passess h3 a,
.hire .passess h4 a,
.hire .passess h5 a,
.hire .hire h1 a,
.hire .hire h2 a,
.hire .hire h3 a,
.hire .hire h4 a,
.hire .hire h5 a {
  color: var(--teal-500);
}
.conservation .conservation .button, .conservation .conservation.button.brown,
.conservation .education .button,
.conservation .education.button.brown,
.conservation .safety .button,
.conservation .safety.button.brown,
.conservation .passess .button,
.conservation .passess.button.brown,
.conservation .hire .button,
.conservation .hire.button.brown,
.education .conservation .button,
.education .conservation.button.brown,
.education .education .button,
.education .education.button.brown,
.education .safety .button,
.education .safety.button.brown,
.education .passess .button,
.education .passess.button.brown,
.education .hire .button,
.education .hire.button.brown,
.safety .conservation .button,
.safety .conservation.button.brown,
.safety .education .button,
.safety .education.button.brown,
.safety .safety .button,
.safety .safety.button.brown,
.safety .passess .button,
.safety .passess.button.brown,
.safety .hire .button,
.safety .hire.button.brown,
.passess .conservation .button,
.passess .conservation.button.brown,
.passess .education .button,
.passess .education.button.brown,
.passess .safety .button,
.passess .safety.button.brown,
.passess .passess .button,
.passess .passess.button.brown,
.passess .hire .button,
.passess .hire.button.brown,
.hire .conservation .button,
.hire .conservation.button.brown,
.hire .education .button,
.hire .education.button.brown,
.hire .safety .button,
.hire .safety.button.brown,
.hire .passess .button,
.hire .passess.button.brown,
.hire .hire .button,
.hire .hire.button.brown {
  background-color: var(--teal-500);
}
.conservation .conservation .button:hover, .conservation .conservation.button.brown:hover,
.conservation .education .button:hover,
.conservation .education.button.brown:hover,
.conservation .safety .button:hover,
.conservation .safety.button.brown:hover,
.conservation .passess .button:hover,
.conservation .passess.button.brown:hover,
.conservation .hire .button:hover,
.conservation .hire.button.brown:hover,
.education .conservation .button:hover,
.education .conservation.button.brown:hover,
.education .education .button:hover,
.education .education.button.brown:hover,
.education .safety .button:hover,
.education .safety.button.brown:hover,
.education .passess .button:hover,
.education .passess.button.brown:hover,
.education .hire .button:hover,
.education .hire.button.brown:hover,
.safety .conservation .button:hover,
.safety .conservation.button.brown:hover,
.safety .education .button:hover,
.safety .education.button.brown:hover,
.safety .safety .button:hover,
.safety .safety.button.brown:hover,
.safety .passess .button:hover,
.safety .passess.button.brown:hover,
.safety .hire .button:hover,
.safety .hire.button.brown:hover,
.passess .conservation .button:hover,
.passess .conservation.button.brown:hover,
.passess .education .button:hover,
.passess .education.button.brown:hover,
.passess .safety .button:hover,
.passess .safety.button.brown:hover,
.passess .passess .button:hover,
.passess .passess.button.brown:hover,
.passess .hire .button:hover,
.passess .hire.button.brown:hover,
.hire .conservation .button:hover,
.hire .conservation.button.brown:hover,
.hire .education .button:hover,
.hire .education.button.brown:hover,
.hire .safety .button:hover,
.hire .safety.button.brown:hover,
.hire .passess .button:hover,
.hire .passess.button.brown:hover,
.hire .hire .button:hover,
.hire .hire.button.brown:hover {
  background-color: var(--teal-600);
}

.about h1 a,
.about h2 a,
.about h3 a,
.about h4 a,
.about h5 a {
  color: var(--teal-500);
}
.about .visit h1 a,
.about .visit h2 a,
.about .visit h3 a,
.about .visit h4 a,
.about .visit h5 a {
  color: var(--teal-500);
}
.about .things h1 a,
.about .things h2 a,
.about .things h3 a,
.about .things h4 a,
.about .things h5 a {
  color: var(--teal-500);
}
.about .camping h1 a,
.about .camping h2 a,
.about .camping h3 a,
.about .camping h4 a,
.about .camping h5 a {
  color: var(--teal-500);
}
.about .venue h1 a,
.about .venue h2 a,
.about .venue h3 a,
.about .venue h4 a,
.about .venue h5 a {
  color: var(--teal-500);
}
.about .conservation h1 a,
.about .conservation h2 a,
.about .conservation h3 a,
.about .conservation h4 a,
.about .conservation h5 a {
  color: var(--teal-500);
}

.mapSidebarListing__itineraryDay .headingIcon.things.children:before {
  background-color: var(--teal-500);
}

.text-green {
  color: var(--teal-500) !important;
}

.text-orange {
  color: var(--teal-500) !important;
}

.text-blue {
  color: var(--teal-500) !important;
}

.text-brown {
  color: var(--teal-500) !important;
}

.text-dark-blue {
  color: #013473 !important;
}

.singleBulletArrow:before {
  margin-right: 0.5em;
  font-size: 0.8em;
  margin-top: -0.3em;
}

.offScreen {
  position: absolute;
  left: -999em;
}

.strike {
  text-decoration: line-through;
}

.loadIcon {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(/assets/NPWS/images/ajax-loader.gif) left top no-repeat;
}

.closeButton {
  border: solid 1px var(--colour-grey-light);
  width: 19px;
  height: 19px;
  background: #fff;
  position: absolute;
  top: 0;
  right: 0;
  text-decoration: none !important;
}
.closeButton:before,
.closeButton > ieb {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e020";
  width: 19px;
  height: 19px;
  display: block;
  color: var(--colour-grey-light);
  line-height: 18px;
  text-align: center;
  font-size: 16px;
}

#skipLink {
  background-color: var(--colour-grey-dark);
  color: #fff;
  padding: 10px;
  position: absolute;
  left: -999em;
  top: 5px;
  font-size: 1.4em;
}
#skipLink:active, #skipLink:focus {
  left: 30px;
}

.fieldGroup {
  margin: 1.3em 0;
}
.fieldGroup .selectWrapper {
  clear: both;
}

input[type=text],
input[type=search],
textarea {
  border-radius: 2px;
  border: solid 1px var(--colour-grey-light);
  background: #fff;
  padding: 7px;
  font-size: 1.4em;
  box-sizing: border-box;
  width: 100%;
}
input[type=text].error,
input[type=search].error,
textarea.error {
  border-color: var(--colour-red);
  background: rbg(var(--colour-red)/50%);
  box-shadow: 0 0 0 2px rgb(var(--grey-rgb)/0%) !important;
}

input[type=checkbox] {
  font-size: 1.6em;
  margin-right: 1em;
  vertical-align: top;
  margin-top: 0.2em;
  transform: scale(0.7, 0.7);
}
input[type=checkbox] + label {
  display: inline-block;
  width: 90%;
}
input[type=checkbox]:focus ~ label.checkbox:before {
  outline: 2px dotted var(--colour-grey-dark);
}

.autocomplete {
  position: relative;
  float: left;
  width: 100%;
}
.autocomplete ul {
  position: absolute;
  top: 38px;
  margin: 0 0.5%;
  left: 0;
  z-index: 50;
  background: #fff;
  display: block;
  padding: 0;
  border-radius: 0 0 2px 2px;
  width: 99%;
  box-shadow: 0 3px 0 3px rgba(0, 0, 0, 0.12);
  display: none;
}
.autocomplete ul li {
  background: #fff;
  font-size: 1.3em;
  display: block;
  list-style-type: none;
  padding: 0.2em 0.8em;
}
.autocomplete ul a {
  color: var(--colour-fg-default);
}

input[type=submit] {
  border-radius: 2px;
  background: var(--teal-500);
  color: #fff;
  border: none;
  padding: 6px 12px;
  font-size: 1.4em;
  vertical-align: bottom;
  overflow: hidden;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
}
input[type=submit][disabled] {
  background-color: #333 !important;
  opacity: 0.5;
}

input[type=reset] {
  border-radius: 2px;
  background: #f5f3f1;
  color: var(--grey-600);
  border: solid 1px #c8c8c8;
  padding: 3px 12px;
  font-size: 1.4em;
  vertical-align: bottom;
  overflow: hidden;
  margin-left: 0.5em;
}

label {
  font-size: 1.4em;
}
label.halfWidth {
  width: 55%;
  float: left;
}
label.halfWidth + .selectWrapper {
  width: 45%;
}

select {
  margin-bottom: 12px;
  font-size: 1.1em;
}
.js select {
  display: none;
}
.ie7 .js select {
  display: block;
}

.selectWrapper {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}
.selectWrapper .select {
  position: absolute !important;
  top: 0;
  left: 0;
  z-index: 50;
  background: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 2px;
  background: -owg-linear-gradient(#fefefe, #e6e6e6), #e6e6e6;
  -pie-background: -pie-linear-gradient(#fefefe, #e6e6e6), #e6e6e6;
  background: linear-gradient(#fefefe, #e6e6e6), #e6e6e6;
  line-height: 32px;
  min-height: 32px;
  display: block;
  padding: 0 15% 0 3%;
  width: 100%;
  font-size: 1.4em;
  border: solid 1px #cccbcb;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 0;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fefefe", endColorstr="#e6e6e6", GradientType=0);
}
.selectWrapper .select:after {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e006";
  position: absolute;
  top: 50%;
  margin-top: -3px;
  right: 12px;
  display: block;
  font-size: 9px;
}
.selectWrapper select {
  position: relative;
  z-index: 100;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  height: 32px !important;
  line-height: 32px;
  display: block;
  border: solid 1px #c8c8c8;
  margin-bottom: 0;
  font-size: 1.4em;
  width: 100%;
}
.selectWrapper select:focus + .select, .selectWrapper select:active + .select {
  outline: dotted 1px #116ebd;
}

.radioGroup {
  overflow: hidden;
}
.listingFilter__block .radioGroup {
  padding-bottom: 7px;
}
.listingFilter__block .radioGroup + .radioGroup {
  padding-bottom: 14px;
}
.radioGroup label.checkbox:before,
.radioGroup label.checkbox > ieb {
  background-image: url("/assets/NPWS/images/sprite.png");
  background-position: -44px -430px;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  content: "";
  padding-left: 1.5em;
  vertical-align: bottom;
  *zoom: 1;
}
.radioGroup input[type=checkbox]:checked + label.checkbox:before,
.radioGroup input[type=checkbox].checked + label.checkbox:before,
.radioGroup input[type=checkbox]:checked + label.checkbox > ieb,
.radioGroup input[type=checkbox].checked + label.checkbox > ieb {
  background-position: -44px -510px;
}

input[type=text]:focus,
input[type=search]:focus,
input[type=submit]:focus,
.selectWrapper select:focus + .select {
  /*outline-offset: 1px; outline: solid 2px $colour-grey-dark;*/
  box-shadow: 0 0 3px 3px rgba(89, 90, 91, 0.25);
  outline: 0;
  border-color: var(--grey-600);
}

.disabledInput {
  display: inline-block;
  position: relative;
}
.disabledInput .disabledInputTrigger {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.errorMessage {
  padding: 0.5em;
  color: var(--colour-fg-default);
  border: 4px solid var(--colour-amber);
  box-sizing: border-box;
  margin-bottom: 6px;
  background: white;
  clear: both;
  font-size: 1.3em;
  display: none;
}
.errorMessage.searchError {
  font-size: 1.6em;
  display: block;
}
.errorMessage.searchError p {
  font-size: 1em;
  margin: 0;
}

.errorTooltip {
  position: absolute;
  top: -21px;
  right: 0;
  background: rbg(var(--colour-red)/50%);
  padding: 4px 8px;
  border: 2px solid var(--colour-red);
  font-size: 1.4em;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
}
.errorTooltip.br:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-top: 16px solid rbg(var(--colour-red)/50%);
  right: 1px;
  bottom: -16px;
  z-index: 2;
}
.errorTooltip.br:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 19px solid transparent;
  border-right: 19px solid transparent;
  border-top: 19px solid var(--colour-red);
  right: -2px;
  bottom: -19px;
  z-index: 1;
}
.errorTooltip.l:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-right: 16px solid rbg(var(--colour-red)/50%);
  top: 1px;
  left: -16px;
  z-index: 2;
}
.errorTooltip.l:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-top: 19px solid transparent;
  border-bottom: 19px solid transparent;
  border-right: 19px solid var(--colour-red);
  top: -2px;
  left: -19px;
  z-index: 1;
}

.button {
  line-height: 1em;
  border-radius: 2px;
  float: left;
  color: #fff;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  font-size: 1.4em;
  padding: 0.43em 12px;
  position: relative;
  text-decoration: none !important;
}
.button:after {
  vertical-align: initial !important;
}
.visit .button, .button.green {
  background-color: var(--teal-500);
}
.visit .button:hover, .button.green:hover {
  background-color: var(--teal-600);
}
.things .button, .button.orange {
  background-color: var(--teal-500);
}
.things .button:hover, .button.orange:hover {
  background-color: var(--teal-600);
}
.things .button.cleardates, .things .button.ttdsearch, .button.orange.cleardates, .button.orange.ttdsearch {
  float: none;
}
.things .button.ttdsearch, .button.orange.ttdsearch {
  display: block;
}
.camping .button, .button.blue {
  background-color: var(--teal-500);
}
.camping .button:hover, .button.blue:hover {
  background-color: var(--teal-600);
}
.venue .button, .button.blue {
  background-color: var(--teal-500);
}
.venue .button:hover, .button.blue:hover {
  background-color: var(--teal-600);
}
.conservation .button, .button.brown, .safety .button, .access .button, .education .button, .passes .button, .hire .button {
  background-color: var(--teal-500);
}
.conservation .button:hover, .button.brown:hover, .safety .button:hover, .access .button:hover, .education .button:hover, .passes .button:hover, .hire .button:hover {
  background-color: var(--teal-600);
}
.about .button {
  background-color: var(--teal-500);
}
.listing__item .button {
  font-size: 1.1em;
}
.parks .button {
  background-color: var(--colour-green);
}
.button.black {
  background-color: var(--colour-fg-default);
}
.button.dark-blue {
  background-color: #013473;
}
.alerts .button, .alertsMain .button {
  background-color: var(--colour-amber);
  color: var(--colour-fg-default);
}
.alerts .button:hover, .alertsMain .button:hover {
  background-color: rbg(var(--colour-amber)/5%);
}
.alerts .red .button, .alertsMain .red .button {
  background-color: var(--colour-red);
  color: #fff !important;
}
.button.arrowRight:after {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e008";
  padding-left: 8px;
  font-size: 0.8em;
}
.listing__item .button:after, .button.next:after {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e009";
  margin-left: 9px;
  font-size: 0.6em;
}
.button.show_hide_list {
  float: none !important;
  font-size: 11px !important;
  margin-left: 0px;
  display: inline-block;
}
.button.show_hide_list:after, .button.show_hide_list > iea {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e009";
  margin-left: 9px;
}
.button.show_hide_list.hide_show_hide_list:after, .button.show_hide_list.hide_show_hide_list > iea {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e006";
}
.button[disabled] {
  background: #333 !important;
  opacity: 0.5;
}

button.button {
  border: none;
}

.buttonSmall {
  display: inline-block;
  color: #474747;
  background: -owg-linear-gradient(#fdfdfd, #e9e9e9), #e9e9e9;
  -pie-background: -pie-linear-gradient(#fdfdfd, #e9e9e9), #e9e9e9;
  background: linear-gradient(#fdfdfd, #e9e9e9), #e9e9e9;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fdfdfd", endColorstr="#e9e9e9", GradientType=0);
  border: solid 1px #c8c8c8;
  font-size: 1.3em;
  padding: 3px 8px;
  text-decoration: none !important;
}
.buttonSmall:hover {
  background: #e9e9e9;
  filter: none;
}

li.headingIcon:before {
  top: 0;
  font-size: 1.25em;
}

th.headingIcon,
td.headingIcon,
th.alertIcon,
td.alertIcon {
  height: 26px;
  padding-left: 35px !important;
  display: block;
}

th.headingIcon:before, th.headingIcon:after,
td.headingIcon:before,
td.headingIcon:after {
  top: 10px !important;
}

th.alertIcon:before, th.alertIcon:after,
td.alertIcon:before,
td.alertIcon:after {
  top: 21px !important;
}

.detailLeftColumn .headingIcon.volunteer:before {
  font-size: 1.1em;
}

.detailLeftColumn .things .headingIcon {
  min-width: 100px;
}

.itemDetails {
  /*float: left;*/
  margin: 0;
  padding: 0;
  list-style: none;
}
.itemDetails + * {
  clear: both;
}
.itemDetails > li {
  float: left;
  border-left: 1px solid #acacad;
  font-size: 1.4em;
  margin: 0;
  padding-right: 14px;
  padding-left: 14px;
  list-style-type: none;
  color: var(--grey-600);
}
.itemDetails > li:first-child {
  border-left: none;
  margin-left: 0;
  padding-left: 0;
}
.itemDetails > li strong {
  font-size: 0.85em;
  color: var(--colour-fg-default);
  display: block;
}

dl {
  border-bottom: 1px solid #dad5cf;
  overflow: hidden;
  width: 100%;
}
dl dt,
dl dd {
  padding: 8px 0;
}
dl dt {
  clear: both;
  float: left;
  width: 20.7%;
  padding-right: 15px;
  font-size: 1.7em;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  word-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}
dl dd {
  font-size: 1.4em;
  margin: 0;
  border-top: 1px solid #dad5cf;
}
dl dd p {
  font-size: 100%;
}
dl.species dt {
  width: 45%;
}

.grade-icon:before {
  background-color: #00639e;
  border-radius: 2px;
  color: #fff;
  font-size: 1.8em;
}
.grade-link {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  font-size: 1.3em;
  margin-left: 1em;
}
.grade-heading {
  display: inline-block;
  margin-right: 1em;
}
.grade-heading:before {
  background-color: #00639e !important;
}

.detailLeftColumn td,
.detailLeftColumn th {
  font-size: 1.4em;
  padding: 6px 10px 6px 0;
  max-width: 362px;
}
.detailLeftColumn th {
  font-weight: normal;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  text-align: left;
}
.detailLeftColumn table tr:first-child,
.detailLeftColumn tbody tr:first-child {
  border-top: solid 1px #bab2a8;
}
.detailLeftColumn tr {
  border-bottom: solid 1px #bab2a8;
}
.detailLeftColumn table.itemDetails {
  width: 100%;
  margin: 1.6em 0;
}
.detailLeftColumn table.itemDetails th,
.detailLeftColumn table.itemDetails td {
  padding: 8px 0;
}
.detailLeftColumn table.itemDetails th.nowrap,
.detailLeftColumn table.itemDetails td.nowrap {
  white-space: nowrap;
}
.detailLeftColumn table.itemDetails th {
  width: 25%;
  padding-right: 2%;
  font-size: 1.7em;
  vertical-align: top;
}
.detailLeftColumn table.itemDetails td {
  vertical-align: top;
}
.detailLeftColumn table.itemDetails td p,
.detailLeftColumn table.itemDetails td li {
  font-size: 1em;
}
.detailLeftColumn table.itemDetails td p {
  margin-bottom: 0.5em;
}
.detailLeftColumn table.itemDetails td p.cta {
  font-size: 0.9em;
}
.detailLeftColumn table.itemDetails td ul,
.detailLeftColumn table.itemDetails td ol {
  padding-left: 1.3em;
  margin: 0 0 0.5em;
}
.detailLeftColumn table.itemDetails td ul li,
.detailLeftColumn table.itemDetails td ol li {
  margin: 0;
}
.detailLeftColumn table.itemDetails td ul.detailLeftColumn__linkList,
.detailLeftColumn table.itemDetails td ol.detailLeftColumn__linkList {
  font-size: 0.7em;
  padding: 0;
}
.detailLeftColumn table.itemDetails td ul.detailLeftColumn__linkList li,
.detailLeftColumn table.itemDetails td ol.detailLeftColumn__linkList li {
  list-style: none;
}
.detailLeftColumn__grade {
  display: table;
  margin: 2em 0 0 0 !important;
}
.detailLeftColumn__grade-title {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  margin: 0.5em 0 0.5em 0.7222em;
  display: block;
  font-size: 1.8em;
}
.detailLeftColumn__grade-title + .detailLeftColumn__grade {
  margin-top: 1em !important;
}
.detailLeftColumn__grade__block {
  border-left: solid 1px #acacad;
  display: table-cell;
  list-style: none;
  padding: 0 1em;
}
.detailLeftColumn__grade__block:first-child {
  border-left: 0;
}
.detailLeftColumn__grade__block h4 {
  font-size: 1.385em;
  margin-top: 0.2em !important;
  margin-bottom: 0.2em !important;
}
.detailLeftColumn__grade__block p {
  color: #595a5b;
  font-size: 1em;
  margin-bottom: 0;
}

.mobileOnly {
  display: none;
}

.ui-autocomplete {
  z-index: 999 !important;
}

.fb-like {
  z-index: 11;
}

.ui-datepicker-trigger {
  display: none;
}

.hasShowMoreToggle .show_hide_list {
  font-size: 0.6em;
}

/**
 * str-replace - Replace a string with a string
 * http://codepen.io/jakob-e/pen/doMoML
 *
 * @author @eriksen_dk <https://twitter.com/eriksen_dk>
 *
 * @param  {string} $string  - The haystack string to be manipulated
 * @param  {string} $search  - The needle to be replace
 * @param  {string} $replace - The replacement
 *
 * @return {string}          - The manipulated string with replaced values
 */
:root {
  --h00-size-mobile: 40px;
  --h0-size-mobile: 32px;
  --h1-size-mobile: 26px;
  --h2-size-mobile: 22px;
  --h3-size-mobile: 18px;
  --h00-size: 48px;
  --h0-size: 40px;
  --h1-size: 32px;
  --h2-size: 24px;
  --h3-size: 20px;
  --h4-size: 16px;
  --h5-size: 14px;
  --h6-size: 12px;
  --font-size-small: 12px;
  --font-weight-bold: 700;
  --font-weight-semibold: 600;
  --font-weight-normal: 400;
  --lh-condensed-ultra: 1;
  --lh-condensed: 1.25;
  --lh-default: 1.5;
  --poppins-font: "Poppins", sans-serif;
  --body-font: var(--poppins-font);
  --body-font-size: 16px;
  --body-line-height: var(--lh-default);
  --black: #222;
  --black-rgb: 34 34 34;
  --white: #fff;
  --white-rgb: 255 255 255;
  --transparent: transparent;
  --grey-000: #f0f0f0;
  --grey-100: #e5e5e5;
  --grey-200: #c4c4c4;
  --grey-300: #999999;
  --grey-400: #6c7573;
  --grey-500: #53565a;
  --grey-600: #444444;
  --grey-700: #2e3130;
  --grey-800: #27251f;
  --grey-900: #121313;
  --grey-rgb: 83 86 90;
  --teal-000: #ecf5f5;
  --teal-100: #bcdddb;
  --teal-200: #8dc4c2;
  --teal-300: #62aaa9;
  --teal-400: #39908f;
  --teal-500: #278382;
  --teal-600: #1d6f6e;
  --teal-700: #044141;
  --teal-800: #0b2828;
  --teal-900: #051010;
  --teal-rgb: 39 131 130;
  --gold-000: #fffcec;
  --gold-100: #fff4bd;
  --gold-200: #ffea90;
  --gold-300: #ffdc65;
  --gold-400: #ffc83b;
  --gold-500: #fdb924;
  --gold-600: #c58d00;
  --gold-700: #926800;
  --gold-800: #5c4109;
  --gold-900: #271c08;
  --gold-rgb: 253 185 36;
  --black-fade-15: rgb(var(--black-rgb) / 15%);
  --black-fade-30: rgb(var(--black-rgb) / 30%);
  --black-fade-50: rgb(var(--black-rgb) / 50%);
  --black-fade-70: rgb(var(--black-rgb) / 70%);
  --black-fade-85: rgb(var(--black-rgb) / 85%);
  --white-fade-15: rgb(var(--white-rgb) / 15%);
  --white-fade-30: rgb(var(--white-rgb) / 30%);
  --white-fade-50: rgb(var(--white-rgb) / 50%);
  --white-fade-70: rgb(var(--white-rgb) / 70%);
  --white-fade-85: rgb(var(--white-rgb) / 85%);
  --colour-red: #bf311a;
  --colour-teal: var(--teal-500);
  --colour-green: #4d7c28;
  --colour-amber: var(--gold-400);
  --colour-grey-dark: var(--grey-900);
  --colour-grey-light: var(--grey-400);
  --colour-grey: var(--grey-500);
  --colour-bttn-text: var(--grey-900);
  --colour-bttn-bg: var(--white);
  --colour-bttn-border: var(--black-fade-30);
  --colour-bttn-hover-bg: var(--grey-200);
  --colour-bttn-active-bg: var(--grey-300);
  --colour-bttn-focus-outline: var(--grey-900);
  --colour-fg-default: var(--grey-800);
  --colour-bg-default: var(--white);
  --colour-alert-amber: var(--colour-alert-amber);
  --colour-alert-red: var(--colour-red);
  --colour-alert-blue: #213088;
  --colour-alert-fire-advice: #fbe032;
  --colour-alert-fire-watch-act: #ff7900;
  --colour-alert-fire-emergency-warning: #d6001c;
  --yellow-600: #fdb924;
  --yellow-700: #dbab09;
  --lime: #CBD422;
}

#headerNavTop {
  background: #fff;
  float: left;
  width: 100%;
}
@media only screen and (max-width: 41.25em) {
  #headerNavTop {
    display: none;
  }
}

#headerNavTop__links {
  float: right;
}
#headerNavTop__links nav {
  float: left;
}
#headerNavTop__links nav ul {
  list-style-type: none;
  margin: 12px 0 13px 0;
  float: left;
}
#headerNavTop__links nav li {
  float: left;
  font-size: 1.3em;
  margin: 0;
  font-size: var(--font-size-small);
}
#headerNavTop__links nav li:first-child {
  margin-left: 0;
}
#headerNavTop__links nav li.active a {
  background-color: #4a4b4c;
}
#headerNavTop__links nav li a {
  color: var(--colour-fg-default);
  float: left;
  line-height: 18px;
  border-radius: 2px;
  padding: 4px 5px;
}
#headerNavTop__links nav li a:hover {
  text-decoration: underline;
}
@media only screen and (min-width: 60em) {
  #headerNavTop__links nav li a {
    padding: 4px 8px;
  }
}

@media only screen and (max-width: 50em) {
  #headerNavTop__links {
    float: left;
    width: 100%;
  }
}
.header-nav-quicklinks-item {
  display: none;
}

.header-quicklinks-toggle.is-active > svg {
  transform: rotate(180deg);
}

@media only screen and (max-width: 41.25em) {
  .header-navigation-quicklinks {
    background: #fff;
    width: 100%;
    transition-property: max-height;
    transition-duration: 0.3s;
    max-height: 0;
    overflow: hidden;
  }
  .header-navigation-quicklinks li {
    display: block;
  }
  .header-navigation-quicklinks li:nth-child(2) {
    margin-top: 15px;
  }
  .header-navigation-quicklinks li:last-child {
    margin-bottom: 15px;
  }
  .header-navigation-quicklinks.js-open {
    max-height: 250px;
  }
  .header-navigation-quicklinks a {
    font-family: var(--poppins-font);
    font-weight: var(--font-weight-normal);
    box-sizing: border-box;
    padding: 8px 16px;
    display: block;
    color: var(--colour-grey);
  }
  .header-nav-quicklinks-item {
    display: block;
  }
  .header-nav-quicklinks-item > a {
    position: relative;
  }
  .header-nav-quicklinks-item > a::after {
    font-family: "icons";
    speak: none;
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e006";
    position: absolute;
    top: 20px;
    right: 4.68%;
    font-size: 0.7em;
    color: #bbb;
  }
  .header-nav-quicklinks-item > a.open::after {
    font-family: "icons";
    speak: none;
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e00a";
  }
  .header-nav-quicklinks-item ul li:first-child {
    display: none;
  }
}
.menu-toggle {
  display: none;
}
@media only screen and (max-width: 41.25em) {
  .menu-toggle {
    display: block;
  }
}

#headerNavTop__tagline {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  color: var(--colour-fg-default);
  float: left;
  font-size: 16px;
}
@media (min-width: 660px) {
  #headerNavTop__tagline {
    font-size: 18px;
  }
}
@media (min-width: 800px) {
  #headerNavTop__tagline {
    font-size: 20px;
  }
}
@media (min-width: 1280px) {
  #headerNavTop__tagline {
    font-size: 24px;
  }
}
@media only screen and (max-width: 50em) {
  #headerNavTop__tagline {
    display: none;
  }
}
@media only screen and (max-width: 41.25em) {
  #headerNavTop__tagline {
    display: block;
  }
}

.mainNav__hoverBox {
  box-sizing: border-box;
  position: absolute;
  top: 40px;
  left: 50%;
  margin-left: -132px;
  width: 262px;
  display: none;
  float: left;
  padding-top: 24px;
  z-index: 101;
}
.mainNav__hoverBox .box {
  position: relative;
  min-height: 100px;
  border-radius: 4px;
  width: 100%;
  float: left;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
  text-align: left;
}
.mainNav__hoverBox .box:after,
.mainNav__hoverBox .box > iea {
  position: absolute;
  top: -15px;
  left: 50%;
  margin-left: -15px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #fff;
}
.mainNav__hoverBox .box .wrapper {
  padding: 25px 5% 15px 5%;
  float: left;
  width: 90%;
}
.mainNav__hoverBox .box .wrapper .mapSearch__textWrapper {
  width: 100%;
  margin: 0;
}
.mainNav__hoverBox .box .wrapper .mapSearch__textWrapper .mapSearch__geolocate {
  display: none;
}
.mainNav__hoverBox .box .wrapper .mapSearch__textWrapper input[type=text] {
  padding-right: 15%;
}
.ie7 .mainNav__hoverBox .box .wrapper .mapSearch__textWrapper input[type=text] {
  padding-right: 0;
}
.mainNav__hoverBox .box p {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-normal);
  color: #000;
  font-size: var(--font-size-small, 14px);
  margin-bottom: 0.5em;
  max-width: 180px;
  word-wrap: break-word;
}
.mainNav__hoverBox .box label {
  position: absolute;
  left: -999em;
}
.mainNav__hoverBox .box select {
  width: 100%;
  font-size: var(--font-size-small, 14px);
}
.no-js .mainNav__hoverBox .box select:focus + *:after {
  position: absolute;
  width: 100%;
  height: 500px;
  display: block;
  content: " ";
}
.mainNav__hoverBox .box input[type=text] {
  font-size: var(--font-size-small, 14px);
  border: solid 1px var(--colour-grey-light);
  margin-bottom: 8px;
}
.mainNav__hoverBox .box .selectWrapper {
  margin-bottom: 16px;
}
.mainNav__hoverBox .box .selectWrapper .select {
  font-size: var(--font-size-small, 14px);
}
.mainNav__hoverBox .box ul,
.mainNav__hoverBox .box ol {
  padding: 25px 12% 15px 12%;
}
.mainNav__hoverBox .box li {
  font-size: var(--font-size-small, 14px);
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-normal);
  margin-bottom: 4px;
  position: relative;
}
.mainNav__hoverBox .box li:before,
.mainNav__hoverBox .box li > ieb {
  font-family: "icons";
  speak: none;
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e009";
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  font-size: 10px;
  color: #000;
  position: absolute;
  top: 5px;
  left: 0;
}
.mainNav__hoverBox .box li a {
  color: #000;
  padding-left: 16px;
  display: inline-block;
}
.mainNav__hoverBox .box input[type=submit] {
  padding: 4px 16px;
  font-size: var(--font-size-small, 14px);
}
.mainNav__hoverBox .orShowMe:after,
.mainNav__hoverBox .orShowMe > iea {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e009";
  position: absolute;
  top: 26px;
  right: 19px;
  display: block;
  font-size: 10px;
}

.mainNav__hoverBox .box {
  background: var(--grey-100);
}
.mainNav__hoverBox .box:after,
.mainNav__hoverBox .box > iea {
  border-bottom-color: var(--grey-100);
}
.mainNav__hoverBox .box input[type=submit] {
  background-color: var(--teal-500);
  margin-bottom: 8px;
}
.mainNav__hoverBox .box input[type=submit]:hover {
  background-color: var(--teal-600);
}
.mainNav__hoverBox .box .orShowMe {
  padding: 24px 16px;
  background: var(--teal-500);
  border-color: var(--teal-800);
  font-size: var(--font-size-small, 14px);
  color: #fff;
}
.mainNav__hoverBox .box .orShowMe:hover {
  background-color: var(--teal-600);
}

#mainNav__conservation .mainNav__hoverBox .box {
  background: var(--grey-100);
}
#mainNav__conservation .mainNav__hoverBox .box:after,
#mainNav__conservation .mainNav__hoverBox .box > iea {
  border-bottom-color: var(--grey-100);
}
#mainNav__conservation .mainNav__hoverBox .box .orShowMe {
  background: var(--teal-700);
  border-color: var(--teal-800);
}

#mainNav__about .mainNav__hoverBox .box {
  background: var(--grey-100);
}
#mainNav__about .mainNav__hoverBox .box:after,
#mainNav__about .mainNav__hoverBox .box > iea {
  border-bottom-color: var(--grey-100);
}
#mainNav__about .mainNav__hoverBox .box .orShowMe {
  background: var(--teal-700);
  border-color: var(--teal-800);
}

#headerNavBottom {
  float: left;
  width: 100%;
  background: var(--colour-bg-default);
  -webkit-tap-highlight-color: var(--colour-teal);
}
#headerNavBottom nav .mainNavItem {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  float: left;
  padding: 0 16px;
  text-align: center;
  height: 40px;
  line-height: normal;
  position: relative;
  font-size: 14px;
}
@media (min-width: 544px) {
  #headerNavBottom nav .mainNavItem {
    font-size: 12px;
    padding: 0 8px;
  }
}
@media (min-width: 1012px) {
  #headerNavBottom nav .mainNavItem {
    font-size: 14px;
    padding: 0 16px;
  }
}
@media (min-width: 1280px) {
  #headerNavBottom nav .mainNavItem {
    font-size: 16px;
    padding: 0 20px;
  }
}
@media (min-width: 1344px) {
  #headerNavBottom nav .mainNavItem {
    font-size: 18px;
    padding: 0 24px;
  }
}
#headerNavBottom nav .mainNavItem::after,
#headerNavBottom nav .mainNavItem > iea {
  height: 31px;
  width: 1px;
  background: var(--black-fade-15);
  position: absolute;
  top: 5px;
  right: 0;
  content: "";
}
#headerNavBottom nav .mainNavItem:last-child::after, #headerNavBottom nav .mainNavItem:last-child > iea, #headerNavBottom nav .mainNavItem#mainNav__alerts::after {
  display: none;
}
#headerNavBottom nav .mainNavItem > a {
  min-height: 40px;
  display: table;
}
#headerNavBottom nav .mainNavItem > a > div {
  display: table-cell;
  height: 40px;
  vertical-align: middle;
}
.landing #headerNavBottom nav .mainNavItem.active::before,
.landing #headerNavBottom nav .mainNavItem.active > ieb {
  border-bottom-color: var(--grey-100);
}
#headerNavBottom nav .mainNavItem.hover-on::before,
#headerNavBottom nav .mainNavItem.hover-on > ieb {
  left: -999em;
}
.no-js #headerNavBottom nav .mainNavItem:hover .mainNav__hoverBox, .no-js #headerNavBottom nav .mainNavItem > a:focus + .mainNav__hoverBox, .no-js #headerNavBottom nav .mainNavItem > a:active + .mainNav__hoverBox {
  display: block;
}
#headerNavBottom nav .mainNavItem input[type=submit]:focus {
  outline: 2px dotted;
}
#headerNavBottom .mainNavItem > a:hover,
#headerNavBottom .mainNavItem.active > a {
  color: var(--teal-500);
}
#headerNavBottom #mainNav__alerts > a:hover {
  color: var(--teal-500);
}
#headerNavBottom #mainNav__alerts > a:hover.active {
  color: var(--colour-amber);
}
#headerNavBottom #mainNav__alerts__count {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  color: var(--colour-fg-default);
  background: var(--colour-amber);
  float: right;
  border-radius: 8px;
  padding: 0 8px;
  height: 18px;
  line-height: 18px;
  margin-left: 8px;
}
@media (min-width: 768px) {
  #headerNavBottom #mainNav__alerts__count {
    font-size: var(--font-size-small);
  }
}
#headerNavBottom input[type=text]:focus,
#headerNavBottom input[type=search]:focus,
#headerNavBottom input#search__textbox:focus {
  outline-offset: 1px;
  outline: solid 2px #52a7ff;
}

#headerNavBottom #mainNav__visit,
#headerNavBottom #mainNav__things,
#headerNavBottom #mainNav__alerts {
  max-width: 12%;
}
#headerNavBottom #mainNav__camping,
#headerNavBottom #mainNav__venue,
#headerNavBottom #mainNav__conservation {
  max-width: 14%;
}
#headerNavBottom #mainNav__about {
  max-width: 13%;
}

/* Navigation */
@media only screen and (min-width: 63.8125em) and (max-width: 83.75em) {
  #headerNavBottom #mainNav__things {
    min-width: 100px;
  }
  #headerNavBottom #mainNav__camping {
    min-width: 125px;
  }
}
@media only screen and (min-width: 60.0625em) and (max-width: 63.6875em) {
  #headerNavBottom #mainNav__things {
    width: 68px;
  }
  #headerNavBottom #mainNav__camping {
    min-width: 120px;
  }
}
@media only screen and (min-width: 55.0625em) and (max-width: 60em) {
  #headerNavBottom #mainNav__things {
    width: 60px;
  }
  #headerNavBottom #mainNav__camping {
    min-width: 115px;
  }
  #headerNavBottom #mainNav__about {
    width: 70px;
  }
}
@media only screen and (max-width: 75em) {
  #headerNavBottom .container {
    position: relative;
  }
  #headerNavBottom nav {
    width: 100%;
  }
}
@media only screen and (max-width: 63.75em) {
  #headerNavBottom #mainNav__things a,
  #headerNavBottom #mainNav__about a {
    white-space: normal;
  }
}
@media only screen and (max-width: 55em) {
  #headerNavBottom #mainNav__visit,
  #headerNavBottom #mainNav__things {
    max-width: 8%;
  }
  #headerNavBottom #mainNav__alerts {
    max-width: 16%;
  }
  #headerNavBottom #mainNav__camping {
    max-width: 19%;
  }
  #headerNavBottom #mainNav__conservation {
    max-width: 15%;
  }
  #headerNavBottom #mainNav__about {
    max-width: 9%;
  }
}
@media only screen and (max-width: 41.25em) {
  #headerNavBottom {
    position: relative;
    min-height: 56px;
  }
  #headerNavBottom .container {
    position: static;
  }
  #headerNavBottom nav {
    transition-property: max-height;
    transition-duration: 0.6s;
    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.4);
    overflow: hidden;
    max-height: 0;
    position: absolute;
    top: 56px;
    left: 0;
    z-index: 120;
    width: 100%;
    background: var(--white);
    margin: 0;
  }
  #headerNavBottom nav > ul {
    margin-left: 0;
    margin-right: 0;
  }
  #headerNavBottom nav.js-open {
    max-height: 450px;
  }
  #headerNavBottom nav .mainNavItem {
    width: 100%;
    max-width: none !important;
    text-align: left;
    padding: 0;
    min-height: 0;
    border-bottom: solid 1px var(--grey-100);
    display: block;
    height: auto;
    clear: both;
  }
  #headerNavBottom nav .mainNavItem::before {
    display: none !important;
  }
  #headerNavBottom nav .mainNavItem::after {
    display: none;
  }
  #headerNavBottom nav .mainNavItem > a {
    padding: 16px;
    box-sizing: border-box;
    display: block;
    min-height: 0;
  }
  #headerNavBottom nav .mainNavItem > a > div {
    height: auto;
  }
  #headerNavBottom nav .mainNavItem:last-child {
    border-bottom: 0;
  }
  #headerNavBottom #mainNav__alerts > a span {
    display: inline-block;
    vertical-align: text-bottom;
    float: none;
  }
  #headerNavBottom #mainNav__savedItems .count {
    font-size: 0.75em;
    font-family: var(--poppins-font);
    font-weight: var(--font-weight-normal);
    margin-top: 0;
    margin-bottom: 0;
  }
  .mainNav__hoverBox {
    display: none !important;
  }
}
#search,
#searchMenu {
  position: relative;
}
#search label,
#searchMenu label {
  position: absolute;
  left: -999em;
}
#search input,
#searchMenu input {
  border: none;
}
#search input[type=search],
#search input#search__textbox,
#searchMenu input[type=search],
#searchMenu input#search__textbox {
  float: left;
  padding: 8px;
  width: 70%;
  min-height: 32px;
}

#search__toggle {
  display: none;
}

@media (min-width: 1280px) {
  .search__wrapper {
    max-width: 220px;
  }
}

@media only screen and (max-width: 75em) {
  #mainNav__search {
    display: none;
  }
  /* Style adjustments for viewports that meet the condition */
  .search__wrapper {
    display: none;
    position: absolute;
    top: 77px;
    right: 0;
    border: 1px solid var(--grey-200);
    border-radius: 4px;
    background: var(--grey-000);
    float: left;
    padding: 10px 15px;
    z-index: 30;
    min-width: 260px;
  }
  .search__wrapper::after, .search__wrapper::before {
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid var(--grey-000);
    top: -11px;
    content: "";
    right: 2px;
    position: absolute;
  }
  .search__wrapper::before {
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 13px solid;
    border-bottom-color: inherit;
    top: -13px;
    right: 1px;
  }
  #search,
  #searchMenu {
    z-index: 120;
  }
  #search input[type=submit],
  #searchMenu input[type=submit] {
    background: var(--colour-green);
    text-indent: 0;
    width: auto;
    font-size: 1.3em;
    margin-left: 0;
    float: right;
  }
  #search input[type=search],
  #searchMenu input[type=search] {
    min-width: 166px;
  }
  #search__toggle {
    display: block;
  }
}
@media only screen and (max-width: 41.25em) {
  #mainNav__search {
    padding: 17px 4.68% !important;
    box-sizing: border-box;
    height: 66px;
  }
  #search,
  #searchMenu {
    position: static;
    margin: 0;
    float: none;
    display: none;
  }
  nav #search,
  nav #searchMenu {
    display: block;
  }
  #search input[type=submit],
  #searchMenu input[type=submit] {
    margin-left: 4px;
    height: 32px;
    width: 32px;
    position: absolute;
    top: 0;
    right: 0;
  }
  #search input[type=search],
  #search input#search__textbox,
  #searchMenu input[type=search],
  #searchMenu input#search__textbox {
    font-size: 16px !important;
    min-width: 0;
    height: 32px;
    box-sizing: border-box;
    width: 100%;
  }
  .search__wrapper {
    background: transparent;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    top: 0;
    right: 0;
    display: block;
  }
  .search__wrapper::before, .search__wrapper::after {
    display: none;
  }
}
#headerLogo {
  float: left;
  width: 101px;
  position: relative;
  color: #fff;
}
#headerLogo img {
  width: 100%;
}
@media only screen and (max-width: 50em) {
  #headerLogo {
    max-width: 58px;
  }
}
@media only screen and (max-width: 41.25em) {
  #headerLogo {
    max-width: 53px;
  }
}

#main {
  clear: both;
  float: left;
  width: 100%;
  position: relative;
  outline: 0;
  /*overflow: hidden;*/
}

#content {
  max-width: 1024px;
  display: block;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  clear: both;
}

#content__inner {
  padding: 25px 28px;
  width: 100%;
  box-sizing: border-box;
  clear: both;
  min-height: 400px;
  float: left;
  background: #f2f0ee;
  border-style: solid;
  border-width: 0 2px;
  border-color: #fff;
  position: relative;
  outline: 0;
}
#content__inner a {
  text-decoration: underline;
}
#content__inner a:hover {
  text-decoration: none;
}

.contentHeaderFooter {
  background: #fff;
  padding: 5px 30px;
  float: left;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}

header.contentHeaderFooter {
  margin-top: 40px;
}

footer.contentHeaderFooter {
  margin-bottom: 40px;
}

.contentHeaderFooterRight {
  float: right;
}
.contentHeaderFooterRight .contentHeaderFooter__twitter iframe {
  width: 90px !important;
}

.detailLeftColumn {
  float: left;
  width: 72.4%;
  clear: left;
  margin-left: -2px;
  padding-top: 20px;
  padding-right: 30px;
  /*padding-bottom: 30px;*/
  box-sizing: border-box;
}

.detailRightColumn {
  float: right;
  width: 30.5%;
  padding: 20px 22px 20px 24px;
  box-sizing: border-box;
  background: #fff;
  margin-right: -28px;
  position: relative;
}
.ie7 .detailRightColumn {
  width: 23.2%;
}
.detailRightColumn .filter {
  margin-bottom: 20px;
}
.detailRightColumn.pretend-hide {
  background: #f2f0ee;
}
.detailRightColumn.pretend-hide > * {
  display: none;
}

.fullWidthLeftColumn {
  padding-top: 35px;
  float: left;
  width: 100%;
}
.fullWidthLeftColumn .itemDetails + * {
  margin-top: 1.6em;
}
.fullWidthLeftColumn ul,
.fullWidthLeftColumn ol {
  margin-bottom: 2em;
  padding: 0;
  margin-left: 1.8em;
}
.fullWidthLeftColumn h2,
.fullWidthLeftColumn > section > h1 {
  margin-top: 1.6em;
  margin-bottom: 0.5em;
  clear: left;
}

.fullWidthRightColumn .detailRightColumn {
  width: 100% !important;
  margin: 25px 0 0;
}
@media only screen and (max-width: 47.5em) {
  .fullWidthRightColumn .detailRightColumn {
    margin-top: 25px;
  }
}
@media only screen and (max-width: 35em) {
  .fullWidthRightColumn .detailRightColumn {
    margin-top: 36px;
  }
}
.fullWidthRightColumn .detailRightColumn h2 {
  margin-top: 0;
}

.detailOneColumn {
  clear: left;
  padding-top: 2rem;
}

.standardPageColumn {
  width: 72.4%;
  float: left;
}
.standardPageColumn .detailLeftColumn {
  width: 100%;
}

#content__inner__headerWrapper {
  background: #fff;
  float: left;
  width: 100%;
  margin: 0 -28px;
  padding: 0 28px;
  position: relative;
}
#content__inner__headerWrapper ~ .detailRightColumn {
  padding-top: 0;
}
#content__inner__headerWrapper + .detailLeftColumn {
  padding-top: 35px;
}

#pageBackground {
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  transform: translateZ(0);
}

#breadcrumb,
.breadcrumb-printOnly {
  background: var(--grey-100);
  width: 100%;
  padding: 7px 0;
  position: relative;
}
#breadcrumb ul,
.breadcrumb-printOnly ul {
  float: left;
  margin-left: 130px;
}
#breadcrumb li,
.breadcrumb-printOnly li {
  color: #fff;
  padding-left: 12px;
  margin-left: 8px;
  float: left;
  font-size: 1.1em;
  position: relative;
}
#breadcrumb li:before,
#breadcrumb li > ieb,
.breadcrumb-printOnly li:before,
.breadcrumb-printOnly li > ieb {
  content: ">";
  position: absolute;
  left: 0;
  top: 0px;
  color: #000;
}
#breadcrumb li:first-child,
.breadcrumb-printOnly li:first-child {
  margin-left: 0;
  padding-left: 0;
}
#breadcrumb li:first-child:before,
#breadcrumb li:first-child > ieb,
.breadcrumb-printOnly li:first-child:before,
.breadcrumb-printOnly li:first-child > ieb {
  display: none;
}
#breadcrumb a,
.breadcrumb-printOnly a {
  color: #000;
}
#breadcrumb a:hover,
.breadcrumb-printOnly a:hover {
  text-decoration: underline;
}

body > iframe {
  left: -999em;
}

#_BH_frame {
  left: auto;
}

/*
 *
 *  Carousel
 *  "rotator" is the selector
 *
 */
#rotator {
  background: #fff;
  float: left;
  width: 72.4%;
  clear: left;
}
#rotator p {
  margin-top: 16px;
  font-size: 1.2em;
  float: left;
}
#rotator p a {
  color: var(--colour-fg-default);
}
.fullWidth #rotator {
  width: 100%;
}
.fullWidth #rotator #rotator__slideWrapper {
  padding-bottom: 40.73%;
  padding-right: 28px;
}
.singleColumn #rotator {
  width: 100%;
}

#rotator__viewFull {
  margin-right: 25px;
}

#rotator__pause {
  padding-right: 10px;
  margin-right: 10px;
  border-right: solid 1px var(--colour-fg-default);
}

#rotator__slideWrapper .rotator__slideWrapper__slide img.bird-position {
  margin-top: -110px;
}
#rotator__slideWrapper .rotator__slideWrapper__slide img.people-position {
  margin-top: -150px;
}
#rotator__slideWrapper .rotator__slideWrapper__slide.imageTopCenter img {
  margin-top: 0;
}
#rotator__slideWrapper .rotator__slideWrapper__slide.imageCenter img {
  margin-top: -8.3333333333%;
}
#rotator__slideWrapper .rotator__slideWrapper__slide.imageBottomCenter img {
  margin-top: -16.6666666667%;
}

#rotator__slideWrapper {
  float: left;
  width: 100%;
  position: relative;
  padding-bottom: 40.73%;
  overflow: hidden;
  margin-left: -28px;
  padding-left: 28px;
  background: #000;
  z-index: 10;
}
#rotator__slideWrapper .rotator__slideWrapper__slide {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: none;
  z-index: 10;
  overflow: hidden;
}
#rotator__slideWrapper .rotator__slideWrapper__slide img,
#rotator__slideWrapper .rotator__slideWrapper__slide iframe {
  width: 100%;
  display: block;
  float: left;
}
#rotator__slideWrapper .rotator__slideWrapper__slide.active, #rotator__slideWrapper .rotator__slideWrapper__slide:first-child {
  display: block;
}
.no-js #rotator__slideWrapper .rotator__slideWrapper__slide:first-child {
  display: block;
}
#rotator__slideWrapper .rotator__slideWrapper__slide.youtube {
  background: #000;
}

#rotator__nav {
  margin: 20px 30px 20px 0;
  float: right;
  list-style-type: none;
  padding: 0;
  min-height: 8px;
  display: none;
}
.fullWidth #rotator__nav {
  margin-right: 0;
}
#rotator__nav li {
  float: left;
  margin: 0 0 0 10px;
  list-style: none;
}
#rotator__nav li:first-child {
  margin-left: 0;
}
#rotator__nav a {
  background-color: #cdcdcd;
  border-radius: 5px;
  height: 8px;
  width: 8px;
  display: block;
  text-indent: -999em;
}
#rotator__nav li.active a {
  background-color: var(--colour-fg-default);
}

#rotator__fullscreen {
  background: var(--colour-fg-default);
  width: 30px;
  height: 30px;
  position: absolute;
  bottom: 5%;
  z-index: 20;
}
#rotator__fullscreen:before, #rotator__fullscreen > ieb {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e014";
  color: #fff;
  font-size: 20px;
  width: 30px;
  height: 30px;
  line-height: 34px;
  text-align: center;
}

@media only screen and (max-width: 50em) {
  #rotator {
    margin-left: -15px;
    padding-left: 15px;
  }
  #rotator__slideWrapper {
    margin: 0 -15px;
    padding-top: 0;
    padding-right: 0;
    padding-left: 15px;
    padding-bottom: 39.3%;
  }
}
@media only screen and (min-width: 35em) and (max-width: 47.5em) {
  .singleColumn #rotator {
    width: 103%;
  }
}
@media only screen and (max-width: 35em) {
  #rotator {
    margin-right: -15px;
    width: 100%;
  }
  #rotator p {
    display: none;
  }
  #rotator__slideWrapper {
    margin-right: -15px;
    padding-right: 15px;
  }
  #rotator__nav {
    display: none;
    text-align: center;
    margin: 10px 0;
    float: none;
    width: 100%;
  }
  #rotator__nav li {
    display: inline-block;
    float: none;
  }
  #rotator__fullscreen {
    bottom: 5%;
    left: 5%;
  }
  #rotator__fullscreen:before {
    line-height: 31px;
  }
}
@media only screen and (max-width: 30em) {
  #rotator__slideWrapper .rotator__slideWrapper__slide {
    height: 100%;
  }
  #rotator__slideWrapper .rotator__slideWrapper__slide img {
    width: 100%;
  }
  .visit #rotator__slideWrapper .rotator__slideWrapper__slide img {
    margin-left: 0px;
  }
  #rotator__slideWrapper .rotator__slideWrapper__slide img.bird-position {
    width: 100%;
    margin: 0;
    height: auto;
  }
  #rotator__slideWrapper .rotator__slideWrapper__slide img.people-position {
    margin: 0;
  }
}
#pageFooter {
  float: left;
  width: 100%;
  padding-top: 45px;
  clear: both;
  background: #fff;
}
#pageFooter a:hover {
  text-decoration: underline;
}

#footer__top {
  float: left;
  width: 100%;
  position: relative;
}

.footer__column {
  float: left;
  padding-right: 2.5%;
  width: 17%;
  margin-bottom: 30px;
}
.footer__column strong {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  color: var(--colour-fg-default);
  font-size: 1.2em;
  margin-bottom: 0.3em;
}
.footer__column ul {
  list-style-type: none;
}
.footer__column li {
  margin: 0.4em 0;
  font-size: 1.2em;
}
.footer__column li li {
  font-size: 1em;
}
.footer__column a {
  color: var(--grey-600);
}
.footer__column.last ul {
  float: left;
  border-bottom: solid 1px #ccc;
  padding-bottom: 0.7em;
  margin-bottom: 1em;
  margin-top: 0;
}

#footer__donate {
  margin: 0;
  font-size: 1.2em;
  clear: left;
}
#footer__donate a {
  color: var(--colour-fg-default);
}

#footer__logos {
  display: flex;
  align-items: flex-end;
  list-style-type: none;
  position: absolute;
  bottom: 22px;
  right: 61px;
  margin: 0;
}
#footer__logos li {
  display: flex;
  align-items: flex-end;
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 0;
}
#footer__logos img {
  max-width: 100%;
}

.footer__logo-seperator {
  width: 1px;
  margin: 0 1em;
  padding-bottom: 52%;
  background-color: #002664;
}

#footer__bottom {
  float: left;
  width: 100%;
  padding: 13px 0;
}

#footer__social {
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#footer__social li {
  float: left;
  font-size: 1.2em;
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 0;
}
#footer__social li:not(:last-child) {
  margin-right: 6px;
}
#footer__social li a {
  text-indent: -999em;
  width: 37px;
  height: 37px;
  float: left;
}
.no-images #footer__social li a {
  text-indent: 0;
}

#footer__facebook a {
  background-image: url("/assets/NPWS/images/sprite.png");
  background-position: 0 -50px;
  background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #footer__facebook a {
    background-image: url("/assets/NPWS/images/sprite-x-2.png");
    background-size: 60px auto;
    background-repeat: no-repeat;
  }
}

#footer__youtube a {
  background-image: url("/assets/NPWS/images/sprite.png");
  background-position: 0 -100px;
  background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #footer__youtube a {
    background-image: url("/assets/NPWS/images/sprite-x-2.png");
    background-size: 60px auto;
    background-repeat: no-repeat;
  }
}

#footer__instagram a {
  background-image: url("/assets/NPWS/images/sprite.png");
  background-position: 0 -950px;
  background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #footer__instagram a {
    background-image: url("/assets/NPWS/images/sprite-x-2.png");
    background-size: 60px auto;
    background-repeat: no-repeat;
  }
}

#footer__links {
  float: left;
  list-style-type: none;
  margin: 0 0 0 40px;
  padding: 0;
}
#footer__links li {
  float: left;
  font-size: 1.2em;
  line-height: 37px;
  margin: 0 20px 0 0;
  color: var(--grey-600);
  list-style-type: none;
}
#footer__links li a {
  color: var(--grey-600);
}

#footer__agency {
  float: right;
  font-size: 1.2em;
  line-height: 37px;
  margin: 0;
}
#footer__agency a {
  color: var(--grey-600);
}

@media only screen and (max-width: 41.25em) {
  #pageFooter {
    padding-top: 20px;
  }
  #footer__top .footer__column {
    width: auto;
    clear: left;
    margin-bottom: 50px;
    width: 47.5%;
    display: none;
  }
  #footer__top .footer__column.last {
    clear: none;
    display: block;
  }
  #footer__top .footer__column.last ul {
    display: block;
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  #footer__top .footer__column:first-child {
    display: block;
  }
  #footer__top .footer__column h4 {
    margin: 0.4em 0;
    line-height: normal;
  }
  #footer__top .footer__column h4 a {
    font-size: 1.1em;
    font-family: var(--poppins-font);
    font-weight: var(--font-weight-normal);
  }
  #footer__top .footer__column #footer__donate a {
    font-family: var(--poppins-font);
    font-weight: var(--font-weight-bold);
    font-size: 1.25em;
  }
  #footer__top .footer__column li {
    font-size: 1.5em;
    margin: 0.4em 0;
  }
  #footer__top .footer__column ul {
    display: none;
  }
  #footer__top .footer__column ul#footer__links {
    display: block;
  }
  #footer__top .footer__column #footer__links {
    margin: 0;
  }
  #footer__top .footer__column #footer__links li {
    line-height: normal;
    clear: left;
  }
  #footer__logos {
    bottom: 0;
    right: 0;
    margin: 0;
  }
  #footer__logos a {
    width: 3em;
  }
  #footer__bottom {
    padding-top: 0;
  }
}
.preposition {
  display: inline-block;
  font-size: 13px;
  margin: 0 4px;
}

.imageUnderFeaturedContent {
  position: relative;
  overflow: hidden;
  padding-bottom: 30.147057%;
  box-sizing: border-box;
  max-height: 440px;
  background: #595a5b;
  width: 100%;
}
.imageUnderFeaturedContent > span {
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  z-index: 0;
  background: url(/assets/NPWS/images/ie-image-gradient.png) bottom left repeat-x;
  background-size: auto 100%;
}
.imageUnderFeaturedContent img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.imageUnderFeaturedContent h2,
.imageUnderFeaturedContent h3,
.imageUnderFeaturedContent p,
.imageUnderFeaturedContent li {
  color: #fff;
}
.imageUnderFeaturedContent h2 a,
.imageUnderFeaturedContent h3 a,
.imageUnderFeaturedContent p a,
.imageUnderFeaturedContent li a {
  color: #fff;
}
.imageUnderFeaturedContent .imageUnderFeaturedContent__text {
  width: auto;
  padding: 0 40px 44px 30px;
}
.ie7 .imageUnderFeaturedContent a .imageUnderFeaturedContent__text {
  cursor: pointer;
}
.imageUnderFeaturedContent > .external {
  display: none;
}
.imageUnderFeaturedContent h3 {
  font-size: 3em;
  margin-bottom: 0;
  letter-spacing: -0.01em;
}
.imageUnderFeaturedContent h3:after {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e009";
  font-size: 0.6em;
  position: relative;
  top: -2px;
  right: -10px;
}
.imageUnderFeaturedContent ul {
  list-style-type: none;
  padding: 0;
}
.imageUnderFeaturedContent li {
  font-size: 1.6em;
  color: #fff;
  margin: 0.3em 0;
  list-style-type: none;
}
.imageUnderFeaturedContent li:before {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e009";
  font-size: 0.6em;
  position: relative;
  top: -1px;
  margin-right: 8px;
}
.imageUnderFeaturedContent li a {
  color: #fff;
}
.imageUnderFeaturedContent a.scrollMore {
  position: absolute;
  right: 24px;
  bottom: 24px;
  color: #fff;
  font-size: 48px;
  z-index: 100;
}
.imageUnderFeaturedContent a.scrollMore:before {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
.imageUnderFeaturedContent.twoThirds {
  width: 67%;
  padding-bottom: 41.17647%;
}
.ie7 .imageUnderFeaturedContent.twoThirds {
  width: 66.5%;
}
.quarter .imageUnderFeaturedContent {
  padding-bottom: 120.588228%;
}
.half .imageUnderFeaturedContent {
  padding-bottom: 60.294144%;
}
.full .imageUnderFeaturedContent {
  width: 100%;
  position: relative;
}
.full .imageUnderFeaturedContent, .threeQuarters .imageUnderFeaturedContent {
  max-height: 600px;
  padding-bottom: 33%;
  border: none;
}
.full .imageUnderFeaturedContent .imageUnderFeaturedContent__text, .threeQuarters .imageUnderFeaturedContent .imageUnderFeaturedContent__text {
  left: 50%;
  margin-left: -650px;
  padding-left: 4.41%;
  padding-bottom: 4.41%;
  max-width: 70%;
}
.full .imageUnderFeaturedContent h2, .threeQuarters .imageUnderFeaturedContent h2 {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  font-size: 7em;
  line-height: 0.9em;
  margin-bottom: 0;
  letter-spacing: -0.03em;
}
.full .imageUnderFeaturedContent p, .threeQuarters .imageUnderFeaturedContent p {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-normal);
  font-size: 2.6em;
  margin: 0.5em 0 1em 0;
  line-height: normal;
}
.beforeThreePromo .imageUnderFeaturedContent {
  padding-bottom: 43.98%;
}
.ie7 .beforeThreePromo .imageUnderFeaturedContent {
  padding-bottom: 44.5%;
}
.threeQuarters .imageUnderFeaturedContent .imageUnderFeaturedContent__text {
  left: 0;
  margin-left: 0;
}
.twoThirds .imageUnderFeaturedContent {
  padding-bottom: 45.203969128%;
}
.twoThirds .imageUnderFeaturedContent .imageUnderFeaturedContent__text {
  padding-left: 3.3%;
  padding-bottom: 2.2%;
}
.landing .twoThirds .imageUnderFeaturedContent {
  max-height: 560px;
  padding-bottom: 41.17647%;
}
.landing .twoThirds .imageUnderFeaturedContent .imageUnderFeaturedContent__text {
  padding: 0 4.41% 4.41% 4.41%;
}
.landing .twoThirds .imageUnderFeaturedContent h2 {
  font-size: 4.5em;
  margin-bottom: 0;
}
.landing .twoThirds .imageUnderFeaturedContent p {
  font-size: 2em;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-normal);
}
.oneThird .imageUnderFeaturedContent {
  padding-bottom: 91.938256%;
}
.oneThird .imageUnderFeaturedContent .imageUnderFeaturedContent__text {
  padding-left: 6.65%;
  padding-bottom: 4.87%;
}
.landing .oneThird .imageUnderFeaturedContent {
  max-height: 560px;
}
.twoThirds .imageUnderFeaturedContent h3, .oneThird .imageUnderFeaturedContent h3 {
  margin-bottom: 0.7em;
}
.twoThirds .imageUnderFeaturedContent h3:before, .oneThird .imageUnderFeaturedContent h3:before {
  display: none;
}
.homePromoThree .imageUnderFeaturedContent {
  padding-bottom: 43.7%;
  background: #fff;
  float: left;
  width: 100%;
  min-height: 0;
}
.homePromoThree .imageUnderFeaturedContent:after,
.homePromoThree .imageUnderFeaturedContent > iea {
  display: none;
}
.homePromoThree .imageUnderFeaturedContent .imageUnderFeaturedContent__text {
  top: 0;
  padding: 8.875% 12% 8.875% 8.875%;
}
.homePromoThree .imageUnderFeaturedContent a:hover:before,
.homePromoThree .imageUnderFeaturedContent a:hover > iea {
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  content: "";
  z-index: 2;
  background: #000;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15);
  opacity: 0.15;
}
.homePromoThree .imageUnderFeaturedContent h3 {
  font-size: 2.2em;
  color: var(--colour-fg-default);
  margin-bottom: 0.4em;
  width: 75%;
}
.homePromoThree .imageUnderFeaturedContent h3:before {
  display: none;
}
.homePromoThree .imageUnderFeaturedContent h3:after {
  display: none;
}
.homePromoThree .imageUnderFeaturedContent p {
  font-size: 1.6em;
  color: var(--grey-600);
  width: 75%;
}
.homePromoThree .imageUnderFeaturedContent span {
  display: none;
}
.imageUnderFeaturedContent.homePromoThree + .homeFeatureBlockIntro {
  top: -1px;
  z-index: 10;
}
.quarter .imageUnderFeaturedContent > a:after,
.quarter .imageUnderFeaturedContent > a > iea,
.quarter .imageUnderFeaturedContent .imageUnderFeaturedContent-content:after,
.quarter .imageUnderFeaturedContent .imageUnderFeaturedContent-content > iea, .half .imageUnderFeaturedContent > a:after,
.half .imageUnderFeaturedContent > a > iea,
.half .imageUnderFeaturedContent .imageUnderFeaturedContent-content:after,
.half .imageUnderFeaturedContent .imageUnderFeaturedContent-content > iea, .twoThirds .imageUnderFeaturedContent > a:after,
.twoThirds .imageUnderFeaturedContent > a > iea,
.twoThirds .imageUnderFeaturedContent .imageUnderFeaturedContent-content:after,
.twoThirds .imageUnderFeaturedContent .imageUnderFeaturedContent-content > iea, .oneThird .imageUnderFeaturedContent > a:after,
.oneThird .imageUnderFeaturedContent > a > iea,
.oneThird .imageUnderFeaturedContent .imageUnderFeaturedContent-content:after,
.oneThird .imageUnderFeaturedContent .imageUnderFeaturedContent-content > iea {
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  content: "";
  z-index: 2;
  background: -owg-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.65) 75%, rgba(0, 0, 0, 0.7) 100%);
  -pie-background: -pie-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.65) 75%, rgba(0, 0, 0, 0.7) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.65) 75%, rgba(0, 0, 0, 0.7) 100%);
}
.quarter .imageUnderFeaturedContent > a:hover:before,
.quarter .imageUnderFeaturedContent > a:hover > iea,
.quarter .imageUnderFeaturedContent .imageUnderFeaturedContent-content:hover:before,
.quarter .imageUnderFeaturedContent .imageUnderFeaturedContent-content:hover > iea, .half .imageUnderFeaturedContent > a:hover:before,
.half .imageUnderFeaturedContent > a:hover > iea,
.half .imageUnderFeaturedContent .imageUnderFeaturedContent-content:hover:before,
.half .imageUnderFeaturedContent .imageUnderFeaturedContent-content:hover > iea, .twoThirds .imageUnderFeaturedContent > a:hover:before,
.twoThirds .imageUnderFeaturedContent > a:hover > iea,
.twoThirds .imageUnderFeaturedContent .imageUnderFeaturedContent-content:hover:before,
.twoThirds .imageUnderFeaturedContent .imageUnderFeaturedContent-content:hover > iea, .oneThird .imageUnderFeaturedContent > a:hover:before,
.oneThird .imageUnderFeaturedContent > a:hover > iea,
.oneThird .imageUnderFeaturedContent .imageUnderFeaturedContent-content:hover:before,
.oneThird .imageUnderFeaturedContent .imageUnderFeaturedContent-content:hover > iea {
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  content: "";
  z-index: 2;
  background: #000;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15);
  opacity: 0.15;
}
.imageUnderFeaturedContent:hover .imageUnderFeaturedContent-content:before,
.imageUnderFeaturedContent:hover .imageUnderFeaturedContent-content > iea {
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  content: "";
  z-index: 2;
  background: #000;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15);
  opacity: 0.15;
}
.full .imageUnderFeaturedContent:after,
.full .imageUnderFeaturedContent > iea, .threeQuarters .imageUnderFeaturedContent:after,
.threeQuarters .imageUnderFeaturedContent > iea, .landing .imageUnderFeaturedContent:after,
.landing .imageUnderFeaturedContent > iea {
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  content: "";
  z-index: 2;
  background: -owg-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.65) 75%, rgba(0, 0, 0, 0.7) 100%);
  -pie-background: -pie-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.65) 75%, rgba(0, 0, 0, 0.7) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.65) 75%, rgba(0, 0, 0, 0.7) 100%);
}
.imageUnderFeaturedContent .button {
  font-size: 1.7em;
  padding: 0.43em 12px;
}

.ie8 .oneThird .imageUnderFeaturedContent,
.ie8 .twoThirds .imageUnderFeaturedContent,
.ie7 .oneThird .imageUnderFeaturedContent,
.ie7 .twoThirds .imageUnderFeaturedContent {
  min-height: 410px;
}
.ie8 .imageUnderFeaturedContent,
.ie7 .imageUnderFeaturedContent {
  min-height: auto;
}

a.imageUnderFeaturedContent {
  display: block;
}

.homeFeatureBlock > .homeImageWrap:after {
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  content: "";
  z-index: 2;
  background: -owg-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.65) 75%, rgba(0, 0, 0, 0.7) 100%);
  -pie-background: -pie-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.65) 75%, rgba(0, 0, 0, 0.7) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.65) 75%, rgba(0, 0, 0, 0.7) 100%);
}
.homeFeatureBlock > .homeImageWrap:hover:before,
.homeFeatureBlock > .homeImageWrap:hover > iea {
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  content: "";
  z-index: 2;
  background: #000;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15);
  opacity: 0.15;
}

.homeFeatureBlock {
  float: left;
  box-sizing: border-box;
  position: relative;
  background: #ece9e6;
}
.homeFeatureBlock:after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  content: "";
  width: 2px;
  height: 100%;
  background: #fff;
}
.homeFeatureBlock.full:after, .homeFeatureBlock.beforeThreePromo:after, .homeFeatureBlock.half + .quarter:after, .homeFeatureBlock.half + .threeQuarters:after, .homeFeatureBlock.quarter + .half:after {
  display: none;
}
.homeFeatureBlock.quarter {
  width: 25%;
}
.ie7 .homeFeatureBlock.quarter {
  width: 24.96%;
}
.homeFeatureBlock.oneThird {
  width: 33%;
  padding-bottom: 0;
}
.ie7 .homeFeatureBlock.oneThird {
  width: 33.28%;
}
.homeFeatureBlock.half {
  width: 50%;
}
.ie7 .homeFeatureBlock.half {
  width: 49.9%;
}
.homeFeatureBlock.twoThirds {
  width: 67%;
}
.ie7 .homeFeatureBlock.twoThirds {
  width: 66.5%;
}
.homeFeatureBlock.threeQuarters {
  width: 75%;
}
.ie7 .homeFeatureBlock.threeQuarters {
  width: 74.5%;
}
.homeFeatureBlock.full {
  width: 100%;
}
.homeFeatureBlock.homePromoThree {
  width: 25%;
  border-top: 2px solid #fff;
}
.beforeThreePromo + .homeFeatureBlock.homePromoThree {
  border-top: none;
}

.homeFeatureBlockIntro + .quarter:after,
.homeFeatureBlockIntro + .half:after,
.homeFeatureBlockIntro ~ .twoThirds:after {
  display: none;
}

.homeFeatureBlock__lowerCTA {
  clear: both;
  overflow: hidden;
  border-top: 2px solid #fff;
  padding: 19px 30px;
}
.homeFeatureBlock__lowerCTA .button {
  float: none;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
.homeFeatureBlock__lowerCTA .button:focus {
  outline-color: #000000;
}
.homeFeatureBlock__lowerCTA ul {
  margin: 0;
}
.homeFeatureBlock__lowerCTA ul li {
  list-style: none;
  font-size: 1.4em;
}
.homeFeatureBlock__lowerCTA ul li:before,
.homeFeatureBlock__lowerCTA ul li > ieb {
  font-size: 0.65em;
  margin-top: -0.2em;
}
.homeFeatureBlock__lowerCTA ul li a {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
}

.imageUnderFeaturedContent .button,
.homeFeatureBlock__lowerCTA .button {
  padding-right: 2em;
}
.imageUnderFeaturedContent .button:after,
.imageUnderFeaturedContent .button > iea,
.homeFeatureBlock__lowerCTA .button:after,
.homeFeatureBlock__lowerCTA .button > iea {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e009";
  font-size: 0.65em;
  position: absolute;
  top: 50%;
  margin-top: -0.55em;
  right: 8px;
}

.landingFeaturedContent {
  float: left;
  width: 100%;
}
.landingFeaturedContent .landingFeaturedContent__text {
  float: left;
  padding-top: 3.68647%;
  padding-bottom: 20px;
  box-sizing: border-box;
  position: relative;
  min-height: 410px;
}
.ie7 .landingFeaturedContent .landingFeaturedContent__text {
  min-height: 245px;
}
.landingFeaturedContent .imageUnderFeaturedContent__imgWrapper {
  float: left;
  overflow: hidden;
  width: 50%;
  position: relative;
}
.ie7 .landingFeaturedContent .imageUnderFeaturedContent__imgWrapper {
  width: 49.8%;
}
.landingFeaturedContent .imageUnderFeaturedContent__imgWrapper img {
  float: left;
  height: 410px;
  position: relative;
  left: 50%;
}
.landingFeaturedContent .imageUnderFeaturedContent__imgWrapper.visit p {
  color: var(--teal-500);
}
.landingFeaturedContent .imageUnderFeaturedContent__imgWrapper.about p {
  color: var(--teal-500);
}
.landingFeaturedContent .imageUnderFeaturedContent__imgWrapper.things p {
  color: var(--teal-500);
}
.landingFeaturedContent .imageUnderFeaturedContent__imgWrapper.camping p {
  color: var(--teal-500);
}
.landingFeaturedContent .imageUnderFeaturedContent__imgWrapper.venue p {
  color: var(--teal-500);
}
.landingFeaturedContent .imageUnderFeaturedContent__imgWrapper a:hover:before,
.landingFeaturedContent .imageUnderFeaturedContent__imgWrapper a:hover > iea {
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  content: "";
  z-index: 2;
  background: #000;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15);
  opacity: 0.15;
}
.landingFeaturedContent h2 {
  color: var(--colour-fg-default);
  font-size: 3em;
  /*font-size: 1.8vw;*/
  margin-bottom: 0.25em;
  letter-spacing: -0.02em;
}
.landingFeaturedContent h2 a {
  color: var(--colour-fg-default);
}
.landingFeaturedContent h2 a:hover {
  text-decoration: underline;
}
.landingFeaturedContent .button {
  padding-right: 2em;
  max-width: 75%;
}
.landingFeaturedContent .button:after,
.landingFeaturedContent .button > iea {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e009";
  font-size: 0.65em;
  position: absolute;
  top: 50%;
  margin-top: -0.55em;
  right: 8px;
}
.landingFeaturedContent .button:focus {
  outline-color: #000000;
}
.landingFeaturedContent p {
  font-size: 1.9em;
  color: var(--grey-600);
  /*font-size: 1.45vw;*/
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-normal);
  margin-bottom: 1em;
}
.landingFeaturedContent p a {
  color: var(--colour-fg-default);
  text-decoration: underline;
}
.landingFeaturedContent p a:hover {
  text-decoration: none;
}
.landingFeaturedContent .landingFeaturedContent__cta {
  font-size: 1em;
  position: absolute;
  bottom: 20px;
  left: 3.67647%;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  width: 85%;
}
.landingFeaturedContent .landingFeaturedContent__cta:after {
  font-size: 0.7em;
  position: relative;
  top: -1px;
  right: -10px;
}
.landingFeaturedContent.quarter {
  width: 50%;
}
.ie7 .landingFeaturedContent.quarter {
  width: 49.8%;
}
.landingFeaturedContent.quarter .landingFeaturedContent__text {
  width: 50%;
  padding-left: 3.68647%;
  padding-right: 3.68647%;
}
.ie7 .landingFeaturedContent.quarter .landingFeaturedContent__text {
  width: 42.8%;
}
.landingFeaturedContent.quarter .imageUnderFeaturedContent__imgWrapper img {
  margin-left: -170px;
}
.landingFeaturedContent.quarter .landingFeaturedContent__cta {
  left: 7.37294%;
}
.landingFeaturedContent.half .landingFeaturedContent__text {
  width: 50%;
  padding-left: 1.838235%;
  padding-right: 6.17695%;
}
.ie7 .landingFeaturedContent.half .landingFeaturedContent__text {
  width: 42.2%;
}
.landingFeaturedContent.half .imageUnderFeaturedContent__imgWrapper img {
  margin-left: -340px;
}
.landingFeaturedContent.threeQuarters .imageUnderFeaturedContent__imgWrapper {
  width: 75%;
}
.landingFeaturedContent.threeQuarters .landingFeaturedContent__text {
  width: 25%;
  padding-left: 1.838235%;
  padding-right: 1.838235%;
}
.ie7 .landingFeaturedContent.threeQuarters .landingFeaturedContent__text {
  width: 21.35%;
}
.landingFeaturedContent.threeQuarters .imageUnderFeaturedContent__imgWrapper img {
  margin-left: -510px;
}
.landingFeaturedContent.threeQuarters .landingFeaturedContent__cta {
  left: 7.37294%;
}

.oneThird {
  float: left;
  width: 33%;
  padding-bottom: 41.17647%;
}
.oneThird.sidePromo {
  width: 34%;
}
.ie7 .oneThird {
  width: 33.28%;
}

.tentType {
  display: none;
}

.homeFeatureBlockIntro {
  width: 100%;
  float: left;
  background: #fff;
  position: relative;
}
.homeFeatureBlockIntro p,
.homeFeatureBlockIntro h2 {
  width: 77%;
  display: block;
}
.homeFeatureBlockIntro h2 {
  color: var(--colour-fg-default);
  font-size: 4em;
  line-height: 0.9em;
  margin: 1.5em auto 0.95em auto;
  text-align: center;
  letter-spacing: -0.03em;
}
.homeFeatureBlockIntro h2 + p {
  margin-top: -0.8em;
}
.homeFeatureBlockIntro p {
  color: var(--grey-600);
  font-size: 2.3em;
  text-align: center;
  margin: 0 auto 1.7em auto;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-normal);
}
.homeFeatureBlockIntro p + ul {
  margin-top: -1em;
}
.homeFeatureBlockIntro ul,
.homeFeatureBlockIntro ol {
  text-align: center;
  width: 70%;
  margin: 0 15% 4em 15%;
  padding: 0;
}
.homeFeatureBlockIntro ul li,
.homeFeatureBlockIntro ol li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  font-size: 1.6em;
  margin: 0;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  padding-left: 1em;
  color: var(--colour-fg-default);
  list-style-type: none;
}
.homeFeatureBlockIntro ul li:before,
.homeFeatureBlockIntro ul li > ieb,
.homeFeatureBlockIntro ol li:before,
.homeFeatureBlockIntro ol li > ieb {
  font-size: 0.6em;
  margin-top: -0.2em;
}
.homeFeatureBlockIntro ul li + li,
.homeFeatureBlockIntro ol li + li {
  margin-left: 3.3em;
}
.homeFeatureBlockIntro ul li a,
.homeFeatureBlockIntro ol li a {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
}
.homeFeatureBlockIntro + .imageUnderFeaturedContent {
  border-left: 0;
}

.imageUnderFeaturedContent__text {
  position: absolute;
  z-index: 10;
  width: 70%;
  bottom: 0;
  left: 0;
  right: 0;
}

#homeKeepInTouch .block {
  float: left;
  width: 33%;
  border-left: solid 2px #fff;
  background: #ece9e6;
  box-sizing: border-box;
  padding: 2.3% 3% 1.3% 3%;
}
.ie7 #homeKeepInTouch .block {
  width: 27.2%;
}
#homeKeepInTouch .block:first-child {
  border: none;
  width: 34%;
}
#homeKeepInTouch h3 {
  color: var(--colour-fg-default);
  font-size: 3em;
  line-height: 1em;
  margin-bottom: 0.3em;
  text-align: center;
}
#homeKeepInTouch p {
  font-size: 2em;
  color: var(--grey-400);
  text-align: center;
  margin: 1em 0;
}
#homeKeepInTouch form p {
  font-size: 1.2em;
  text-align: left;
}
#homeKeepInTouch label {
  position: absolute;
  left: -999em;
}
#homeKeepInTouch input {
  margin-right: 2%;
  margin-bottom: 2%;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  float: none;
}
#homeKeepInTouch input[type=submit] {
  background-color: var(--teal-500);
}
#homeKeepInTouch ul {
  margin: 1em 0 0 0;
  list-style-type: none;
  text-align: center;
  padding: 0;
}
#homeKeepInTouch ul li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  font-size: 1.6em;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  margin: 0 2em 0 0;
}
#homeKeepInTouch ul a {
  text-decoration: underline;
}
#homeKeepInTouch ul a:hover {
  text-decoration: none;
}
#homeKeepInTouch #NaturescapesSubMsg,
#homeKeepInTouch .eloquaInfoPanel {
  margin-bottom: 0 !important;
  font-size: 14px !important;
  display: none;
}

#homeKeepInTouch__column1,
#homeKeepInTouch__column2 {
  float: left;
  width: 50%;
}
#homeKeepInTouch__column1 p,
#homeKeepInTouch__column2 p {
  text-align: center;
  margin: 0 1em;
  font-size: 1.2em;
  color: var(--colour-fg-default);
}

#homeKeepInTouch__column1 img {
  margin-left: -22%;
  margin-bottom: -9.5%;
  width: 132%;
}

#homeKeepInTouch__column2 img {
  max-width: 80%;
  display: block;
  margin: 5px auto 0 auto;
}

#SubscribeName,
#SubscribeEmail,
.eloquaForm input.wide {
  width: 62%;
}

#homeKeepInTouch input[type=submit],
#SubscribePostcode,
.eloquaForm input.narrow {
  width: 6.6em;
}

.shareRow {
  width: 100%;
  text-align: center;
  margin-top: 28px;
}

#shareFacebook {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin-right: 25px;
}

#shareTwitter {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}

#shareEmail {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin-right: 35px;
  vertical-align: top;
}
#shareEmail a {
  border: solid 1px #bebebe;
  border-radius: 3px;
  color: #656565;
  padding: 4px;
  position: relative;
  background: -owg-linear-gradient(#ece9e6, #d8d8d8), #d8d8d8;
  -pie-background: -pie-linear-gradient(#ece9e6, #d8d8d8), #d8d8d8;
  background: linear-gradient(#ece9e6, #d8d8d8), #d8d8d8;
  font-size: 1.2em;
  padding-left: 25px;
  line-height: 1em;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin-top: 2px;
}
#shareEmail a:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 32px;
  height: 24px;
  background-image: url("/assets/NPWS/images/sprite.png");
  background-position: 4px -296px;
  background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #shareEmail a:before {
    background-image: url("/assets/NPWS/images/sprite-x-2.png");
    background-size: 60px auto;
    background-repeat: no-repeat;
  }
}

#shareYoutube {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}

.orShowMe {
  float: left;
  box-sizing: border-box;
  width: 100%;
  padding: 22px 12%;
  color: #000;
  font-size: 1.5em;
  position: relative;
}
.ie7 .orShowMe {
  width: 76%;
}
#main > .orShowMe {
  font-size: 36px;
  font-weight: var(--font-weight-bold);
  text-align: center;
  padding-top: 3%;
  padding-bottom: 3%;
}
.visit #main > .orShowMe {
  background: var(--grey-100);
}

.alertBox {
  background: #fff;
  margin: 17px;
  padding: 17px;
  border-radius: 3px;
  float: left;
  min-height: 66px;
  position: relative;
  box-sizing: border-box;
}
.alertBox p.alertBox__title {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  font-size: 1.7em;
  padding-top: 3px;
  min-height: 21px;
  margin-bottom: 0.3em;
  line-height: 1.2em;
}
.alertBox p {
  color: #303030 !important;
  font-size: 1.2em;
  line-height: 1.5em;
  max-width: none !important;
}
.alertBox p a {
  color: #303030;
  text-decoration: underline;
}
.alertBox p a:hover {
  text-decoration: none;
}
.alertBox .button {
  color: var(--colour-fg-default);
  background: var(--colour-amber);
  margin-top: 0.5em;
  outline-color: #000;
}
.alertBox .button:hover {
  background: var(--colour-amber);
}

.mainNav__close {
  position: absolute;
  width: 19px;
  height: 19px;
  line-height: 19px;
  top: -7px;
  right: -7px;
  text-decoration: none !important;
  font-size: 16px;
}
.mainNav__close:before,
.mainNav__close > ieb {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e020";
  background-color: #fff;
  border: 1px solid #a4a4a4;
  width: 19px;
  height: 19px;
  line-height: 19px;
  color: #989898;
  text-align: center;
}
.lt-ie9 .mainNav__close:before,
.lt-ie9 .mainNav__close > ieb {
  position: absolute;
  top: 2px;
  left: -0.02em;
}
.lt-ie9 #tabbedNav__alerts .mainNav__close:before,
.lt-ie9 #tabbedNav__alerts .mainNav__close > ieb {
  top: 1px;
  left: 0;
}
.ie9 .mainNav__close:before,
.ie9 .mainNav__close > ieb {
  position: absolute;
  top: 3px;
}
.safari .mainNav__close:before,
.safari .mainNav__close > ieb {
  line-height: 1;
}

@-moz-document url-prefix() {
  .mainNav__close:before,
  .mainNav__close > ieb {
    position: absolute;
    top: 0.1em;
  }
  #tabbedNav__alerts .mainNav__close:before,
  #tabbedNav__alerts .mainNav__close > ieb {
    left: 0.04em;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .mainNav__close:before,
  .mainNav__close > ieb {
    position: absolute;
    top: 3px;
    left: 0.04em;
  }
}
#content h1 {
  font-size: 3em;
  letter-spacing: -1px;
  margin-bottom: 0.7em;
}
#content section h1 {
  font-size: 2.5em;
}
#content .listing__items.search h1 {
  font-size: 3em;
}
#content .listing__items h1 {
  font-size: 2em;
  margin-top: 0;
}
#content .listing__items.bundle h1 {
  font-size: 2.5em;
}
#content .listing__items.alerts:not(.currentAlerts) h1 {
  margin-top: 1.6em;
}
#content .detailLeftColumn h1 {
  font-size: 2.5em;
}
#content .title__section {
  margin-bottom: 2.1em;
  vertical-align: middle;
}

.contentHeaderFooter__back {
  float: left;
  font-size: 1.7em;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-normal);
  padding-left: 8px;
  position: relative;
  margin-top: 2px;
}
.contentHeaderFooter__back:hover span {
  text-decoration: underline;
}
.contentHeaderFooter__back:before,
.contentHeaderFooter__back > ieb {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e007";
  position: relative;
  left: -8px;
  top: -2px;
  font-size: 12px;
}
.lt-ie9 .contentHeaderFooter__back:before,
.lt-ie9 .contentHeaderFooter__back > ieb {
  top: -1px;
}
.visit .contentHeaderFooter__back {
  color: var(--teal-500);
}
.things .contentHeaderFooter__back {
  color: var(--teal-500);
}
.camping .contentHeaderFooter__back {
  color: var(--teal-500);
}
.venue .contentHeaderFooter__back {
  color: var(--teal-500);
}
.conservation .contentHeaderFooter__back {
  color: var(--teal-500);
}
.about .contentHeaderFooter__back {
  color: var(--teal-500);
}

.contentHeaderFooter__facebook,
.contentHeaderFooter__twitter {
  float: left;
}

.contentHeaderFooter__facebook {
  margin-top: 3px;
  margin-right: 15px;
}

.contentHeaderFooter__twitter {
  margin-top: 3px;
}

.contentHeaderFooter__print,
.contentHeaderFooter__pdf,
.contentHeaderFooter__email {
  float: left;
  margin-left: 12px;
  padding: 3px 8px 3px 28px;
}
.contentHeaderFooter__print:before,
.contentHeaderFooter__print > ieb,
.contentHeaderFooter__pdf:before,
.contentHeaderFooter__pdf > ieb,
.contentHeaderFooter__email:before,
.contentHeaderFooter__email > ieb {
  left: 5px;
  height: 15px;
  width: 15px;
}

.contentHeaderFooter__pdf:before {
  font-size: 12px;
  top: 4px;
}

.contentHeaderFooter__print:before,
.contentHeaderFooter__email:before {
  font-size: 15px;
  top: 1px;
}

#contentFooter__backToTop {
  text-align: center;
  font-size: 1.7em;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-normal);
  position: relative;
  line-height: 26px;
  min-height: 26px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
#contentFooter__backToTop:hover {
  text-decoration: underline;
}
#contentFooter__backToTop:before,
#contentFooter__backToTop > ieb, #contentFooter__backToTop:after,
#contentFooter__backToTop > iea {
  font-size: 0.8em;
  position: absolute;
  top: 7px;
}
#contentFooter__backToTop:before,
#contentFooter__backToTop > ieb {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e00b";
  left: -2.4em;
}
#contentFooter__backToTop:after,
#contentFooter__backToTop > iea {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e00b";
  right: -2.4em;
}
.visit #contentFooter__backToTop {
  color: var(--teal-500);
}
.things #contentFooter__backToTop {
  color: var(--teal-500);
}
.camping #contentFooter__backToTop {
  color: var(--teal-500);
}
.venue #contentFooter__backToTop {
  color: var(--teal-500);
}
.conservation #contentFooter__backToTop {
  color: var(--teal-500);
}
.about #contentFooter__backToTop {
  color: var(--teal-500);
}

.pageTopBorder {
  border-bottom-width: 13px;
  border-bottom-style: solid;
  border-bottom-color: var(--teal-500);
  margin: 0 -28px;
  padding: 0 28px;
}

_:-moz-tree-row(hover),
ul.detailLeftColumn__anchorLinks li:before {
  top: 1.4em !important;
}

_:-ms-fullscreen,
:root ul.detailLeftColumn__anchorLinks li:before {
  top: 1.4em !important;
}

.detailLeftColumn > p {
  /*margin-bottom: 0.5em;*/
  clear: both;
  font-size: 1.3em;
}
.detailLeftColumn > p a {
  color: var(--colour-fg-default);
}
.detailLeftColumn .itemDetails + * {
  margin-top: 1.6em;
}
.detailLeftColumn .largeCTA {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin-top: 0.5em;
  margin-bottom: 1.6em;
  padding: 9px 1.6em;
}
.detailLeftColumn .largeCTA.largeCTAmobile {
  display: none;
}
.detailLeftColumn .largeCTA + h1, .detailLeftColumn .largeCTA + h2, .detailLeftColumn .largeCTA + h3 {
  display: block;
}
.detailLeftColumn .largeCTA + * {
  margin-top: 0;
}
.detailLeftColumn h2,
.detailLeftColumn > section > h1 {
  margin-top: 1.6em;
  margin-bottom: 0.5em;
  clear: left;
}
.detailLeftColumn > section > h1 {
  font-size: 2.5em;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
.detailLeftColumn h2 {
  letter-spacing: -0.03em;
}
.detailLeftColumn .itemDetails__cell {
  font-size: 1.7em;
}
.detailLeftColumn .itemDetails__cell strong {
  font-size: 0.75em;
}
.detailLeftColumn .cta {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  color: var(--colour-fg-default);
  position: relative;
}
.detailLeftColumn .cta:after {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e009";
  position: relative;
  top: -1px;
  left: 1em;
  font-size: 0.6em;
}
.detailLeftColumn .cta:first-child {
  margin: 0;
}
.detailLeftColumn ul,
.detailLeftColumn ol {
  margin-bottom: 2em;
  padding: 0;
  margin-left: 1.8em;
}
.detailLeftColumn ul li,
.detailLeftColumn ol li {
  margin: 0 0 0.25em 0;
  list-style-position: outside;
}
.detailLeftColumn ul.toggleListing,
.detailLeftColumn ol.toggleListing {
  margin: 0;
}
.detailLeftColumn ul.toggleListing li,
.detailLeftColumn ol.toggleListing li {
  position: relative;
  list-style: none;
  display: block;
  border-bottom: solid 1px #f2f0ee;
  margin: 0;
  padding: 7px 15px 7px 0;
}
.detailLeftColumn ul.toggleListing li h3,
.detailLeftColumn ol.toggleListing li h3 {
  font-size: 1.4em;
  margin: 0;
}
.detailLeftColumn ul.toggleListing li .toggleDetails,
.detailLeftColumn ol.toggleListing li .toggleDetails {
  position: absolute;
  top: 7px;
  right: 0;
  font-size: 0.85em;
  cursor: pointer;
}
.detailLeftColumn ul.toggleListing .toggleDetails__contents,
.detailLeftColumn ol.toggleListing .toggleDetails__contents {
  display: none;
  margin-bottom: 0;
}
.detailLeftColumn ul.toggleListing .toggleDetails__contents li,
.detailLeftColumn ol.toggleListing .toggleDetails__contents li {
  list-style: disc;
  display: list-item;
  font-size: 1em;
  border: none;
  padding: 0;
}
.detailLeftColumn ul.iconList,
.detailLeftColumn ol.iconList {
  margin: 0;
}
.alerts.list .detailLeftColumn {
  padding-bottom: 0;
  position: relative;
}
.detailLeftColumn dl ul li,
.detailLeftColumn dl ol li {
  font-size: 1em;
}

.overviewIntro {
  margin-bottom: 4em;
}
.overviewIntro a {
  color: var(--colour-fg-default);
}
.overviewIntro p {
  font-size: 1.7em;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-normal);
}
.overviewIntro + h2,
.overviewIntro + section > h1 {
  margin-top: 0;
}
.overviewIntro ul li,
.overviewIntro ol li {
  font-size: 1.7em;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-normal);
  list-style-position: outside;
  margin-left: 18px;
}

p.overviewIntro__readMore,
p.overviewIntro__cta,
.overviewIntro__readMoreText + p {
  font-size: 1.2em;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.02em;
  margin-bottom: 2em;
}

.no-js .overviewIntro__readMore {
  display: none;
}

.overviewIntro__readMoreText {
  display: none;
}
.no-js .overviewIntro__readMoreText {
  display: block;
}

.overviewIntro__readMoreText + ul,
.overviewIntro__readMoreText + ol {
  margin-left: 0;
}

#detailLeftColumn__sectionName {
  display: none;
}
#detailLeftColumn__sectionName + .parkHighlights {
  margin-top: 40px;
}

.tabbed-page h1,
.bundle h1 {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}

.tabbedPageSubTitle {
  font-size: 2em;
}
h1 + .tabbedPageSubTitle, .title__section + .tabbedPageSubTitle {
  margin-top: -0.8em;
}
.largeCTA + .tabbedPageSubTitle {
  float: left;
}
.tabbedPageSubTitle.headingIcon {
  margin-bottom: 0;
}
.tabbedPageSubTitle:before {
  top: 0.2em;
}
.tabbedPageSubTitle.itinerary {
  margin-bottom: 0;
}
.tabbedPageSubTitle.itinerary .itinerary-length {
  font-size: 0.75em;
  background: var(--colour-fg-default);
  color: #fff;
  border-radius: 2px;
  padding: 1px 7px;
  vertical-align: text-bottom;
}
.tabbedPageSubTitle.alert {
  font-size: 1.7em;
}
.tabbedPageSubTitle.alert:before {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e004";
  color: var(--colour-red);
  margin-right: 0.5em;
}
.tabbedPageSubTitle.alert span {
  color: var(--colour-red);
}
.tabbedPageSubTitle a {
  color: var(--colour-fg-default);
  margin-left: 0.5em;
}
.title__section .tabbedPageSubTitle {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}

.largeCTA {
  float: none;
  font-size: 2.2em;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-normal);
  display: block;
  text-align: center;
  border-radius: 3px;
}

#detailRightColumn__map + .largeCTA {
  margin-top: 1em;
}

#miniMap {
  width: 30.5%;
  float: right;
  position: relative;
  background: #fff;
  margin-right: -3%;
}
#miniMap a:first-child {
  display: inline-block;
}
#miniMap img {
  width: 100%;
  max-height: 284px;
  z-index: 1;
}
#miniMap.miniMap__dark {
  background: var(--colour-fg-default);
  width: 30.5%;
  padding-left: 50px;
  margin-left: -50px;
}
#miniMap.miniMap__dark svg {
  position: absolute;
  top: 0px;
  right: 50%;
  z-index: 1;
  width: 77%;
  height: 100%;
  margin-right: -47%;
}
#miniMap.miniMap__dark svg path:hover {
  fill: #6b6b6b;
  stroke: #97999d;
}
#miniMap.miniMap__dark svg path.active {
  fill: #fff;
  stroke: #fff;
}
#miniMap.miniMap__dark.arrow {
  padding-bottom: 29.5%;
}
#miniMap.miniMap__dark.arrow:after {
  height: 42px;
  width: 34px;
  font-size: 42px;
  color: #fff;
  left: 50%;
  bottom: 0;
  margin-left: -17px;
  position: absolute;
}
.lt-ie9 #miniMap.miniMap__dark.arrow {
  padding-bottom: 27.9%;
}
#miniMap.fit-image img {
  width: 89%;
  max-height: 284px;
  margin-left: 2.5%;
}

#miniMap__getDirections {
  position: absolute;
  bottom: 5%;
  left: 5%;
  z-index: 10;
}

@-moz-document url-prefix() {
  #miniMap.miniMap__dark.arrow {
    padding-bottom: 29.4%;
  }
}
.parkHighlights {
  margin-bottom: 45px;
}
p + .parkHighlights {
  margin-top: 40px;
}
.parkHighlights h2,
.parkHighlights h4 {
  margin-top: 0;
}
.parkHighlights.noScrollingBox {
  margin-bottom: 30px;
}
.parkHighlights.noScrollingBox h2 {
  margin-bottom: 0.1em;
}

.parkHighlights__filter {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin-left: 18px;
  vertical-align: text-bottom;
}
.parkHighlights__filter label {
  font-size: 1.4em;
  margin-left: 10px;
  margin-right: 16px;
}
.parkHighlights__filter input[type=checkbox] {
  vertical-align: text-top;
}

.scrollingBox {
  width: 100%;
  position: relative;
  height: 262px;
}
.scrollingBox:before,
.scrollingBox > ieb,
.scrollingBox > ieb, .scrollingBox:after,
.scrollingBox > iea {
  height: 100%;
  width: 20px;
  position: absolute;
  content: "";
  top: 0;
  z-index: 10;
}
.scrollingBox:before,
.scrollingBox > ieb {
  left: 0;
  box-shadow: inset 10px 0 10px -5px rgba(0, 0, 0, 0.3);
}
.scrollingBox:after,
.scrollingBox > iea {
  right: 0;
  box-shadow: inset -10px 0 10px -5px rgba(0, 0, 0, 0.3);
}
.scrollingBox .scrollingBox__item {
  float: left;
  width: 210px;
  background: #fff;
  border-right: solid 1px #e5e5e5;
  min-height: 262px;
  position: relative;
}
.scrollingBox .scrollingBox__item__category {
  font-size: 1.8em;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  margin: 0 18px;
}
.scrollingBox h3 {
  font-size: 1.8em;
  margin: 0 18px 40px 18px;
}
.scrollingBox h3 a.multiline-ellipsis-container {
  line-height: 1.1;
  max-height: 59px;
  display: block;
  overflow: hidden;
}
.scrollingBox img {
  width: 100%;
  display: block;
  margin-bottom: 15px;
}
.no-js .scrollingBox img.lazyLoaded {
  display: none;
}
.scrollingBox .scrollingBox__item__seeMore {
  font-size: 1.2em;
  position: absolute;
  bottom: 15px;
  left: 18px;
  margin-bottom: 0;
}
.scrollingBox .scrollingBox__item__seeMore a {
  color: var(--colour-fg-default);
}

.scrollingBox__inner {
  height: 100%;
  width: auto;
  overflow-x: scroll;
  overflow-y: hidden;
  position: relative;
  height: 262px;
  padding-bottom: 15px;
}

.scrollingBox__container {
  float: left;
  width: 3000px;
}

.detailLeftColumn__block {
  background: #fff;
  padding: 1.5em 13px;
  border-top: 4px solid var(--teal-500);
}
.detailLeftColumn__block.visit {
  border-color: var(--teal-500);
}
.detailLeftColumn__block.things {
  border-color: var(--teal-500);
}
.detailLeftColumn__block.camping {
  border-color: var(--teal-500);
}
.detailLeftColumn__block.venue {
  border-color: var(--teal-500);
}
.detailLeftColumn__block.education {
  border-color: var(--teal-500);
}
.detailLeftColumn__block + .detailLeftColumn__block {
  margin-top: 24px;
}
section .detailLeftColumn__block h2 {
  margin: 0 0 0.5em 0;
  font-size: 1.8em;
}
.detailLeftColumn__block h3 {
  margin-bottom: 0.5em;
}
.detailLeftColumn__block p + h3,
.detailLeftColumn__block ul + h3,
.detailLeftColumn__block ol + h3 {
  margin-top: 1.2em;
}
.detailLeftColumn__block h4 {
  margin-bottom: 0.1em;
  margin-top: 1em;
}
.detailLeftColumn__block h4 + ul,
.detailLeftColumn__block h4 + ol {
  margin: 0;
}
.detailLeftColumn__block h4 + ul li,
.detailLeftColumn__block h4 + ol li {
  margin: 0;
}
.detailLeftColumn__block p > a,
.detailLeftColumn__block li > a {
  color: var(--colour-fg-default);
}
.detailLeftColumn__block li {
  margin: 0.7em 0;
}
.detailLeftColumn__block.compactLists li {
  margin: 0;
}
.detailLeftColumn__block.featuredContent {
  position: relative;
}
.detailLeftColumn__block.featuredContent .featuredContent__category {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  font-size: 1.4em;
}
.detailLeftColumn__block.featuredContent img {
  max-width: 100%;
  width: 25.5%;
  position: absolute;
  left: 13px;
  top: 1.5em;
}
.detailLeftColumn__block.featuredContent p {
  margin-left: 30%;
  line-height: 1.4em;
}
.detailLeftColumn__block.featuredContent h3 {
  margin-top: 0;
  margin-left: 30%;
  margin-top: 0.3em;
}
.itemDetails + .detailLeftColumn__block {
  margin-top: 40px;
}

.detailLeftColumn__weather {
  display: inline-block;
  margin-right: 5em;
  margin-top: 1.5em;
}
.detailLeftColumn__weather.wide {
  width: 100%;
  margin-right: 0;
}

.detailLeftColumn__weather__block {
  display: inline-block;
  border-left: solid 1px #acacad;
  padding-left: 13px;
  margin-left: 13px;
}
h3 + .detailLeftColumn__weather__block {
  border-left: 0;
  padding-left: 0;
  margin-left: 0;
}
.detailLeftColumn__weather__block h4 {
  margin: 0 0 0.2em 0;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-normal);
  font-size: 1.3em;
  letter-spacing: 0;
}
.detailLeftColumn__weather__block p {
  color: var(--grey-600);
  font-size: 1.7em;
  margin-bottom: 0;
}

.detailLeftColumn__block__sectionIntro p {
  font-size: 1.7em;
}

ul.detailLeftColumn__anchorLinks {
  margin-left: 0;
}
ul.detailLeftColumn__anchorLinks li {
  list-style-type: none;
  margin: 0;
  padding: 0.35em 0;
  font-size: 1.7em;
  border-bottom: solid 1px #ddd8d2;
  padding-left: 1em;
  position: relative;
}
ul.detailLeftColumn__anchorLinks li:first-child {
  border-top: solid 1px #ddd8d2;
}
ul.detailLeftColumn__anchorLinks li:before {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e009";
  font-size: 0.6em;
  position: absolute;
  left: 0;
  top: 1.2em;
  color: var(--teal-500);
}
ul.detailLeftColumn__anchorLinks a {
  text-decoration: none !important;
  color: var(--teal-500);
}
ul.detailLeftColumn__anchorLinks a:hover {
  text-decoration: underline !important;
}

.projectDetails {
  margin-top: 20px;
}
.projectDetails h3 {
  font-size: 2em;
  margin-top: 0 !important;
}
.visit .projectDetails a {
  color: var(--teal-500);
}
.projectDetails table {
  width: 100%;
}
.projectDetails table .tableDate p {
  font-size: 1em;
  margin-bottom: 0;
}
.projectDetails .projectDetails__projects {
  border-bottom: solid 1px #bab2a8;
  padding-bottom: 1em;
  margin-bottom: 1em;
}
.projectDetails .projectDetails__projects h3 a {
  color: var(--teal-500);
}

.projectDetails__category {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  margin: 0;
  font-size: 1.4em;
}

.genericContents article {
  background: #fff;
  padding: 3%;
  overflow: hidden;
  clear: left;
}
.genericContents.alerts .alertDate {
  font-size: 1.5em;
}
.genericContents.alerts .headingIcon.alert:before {
  top: -2px;
}
.genericContents.alerts a {
  color: var(--teal-500);
}
.genericContents.alerts .button {
  color: var(--colour-fg-default);
  font-size: 1em;
  line-height: 1.3;
}
.genericContents .button {
  font-size: 0.85em;
  margin-top: 24px;
  margin-right: 8px;
  padding: 3px 12px;
}

#drivingDirections {
  background: #f2f0ee;
  padding: 13px;
}
#drivingDirections .drivingDirections__input {
  clear: both;
  margin-bottom: 12px;
  position: relative;
}
#drivingDirections .drivingDirections__input .errorMessage {
  margin-top: 12px;
  width: 51%;
  margin-left: 55px;
  float: left;
}
#drivingDirections label {
  float: left;
  width: 55px;
  margin-top: 7px;
}
#drivingDirections input,
#drivingDirections .selectWrapper {
  float: left;
  width: 57%;
}
#drivingDirections input {
  padding: 7px 1.5%;
}
#drivingDirections .button {
  margin-top: 1px;
  margin-left: 14px;
  padding: 9px 12px;
}
#drivingDirections .button:focus {
  outline: dotted 2px #000;
}
#drivingDirections + h3, #drivingDirections + p {
  margin-top: 1.2em;
}

#drivingDirections__map {
  clear: both;
  width: 100%;
  height: 438px;
  margin: 32px auto 0;
  display: none;
}

#drivingDirections__steps {
  display: none;
  margin-top: 32px;
}
#drivingDirections__steps #drivingDirections__steps__origin,
#drivingDirections__steps #drivingDirections__steps__destination {
  padding-left: 48px;
  line-height: 44px;
  border: 1px solid #b6b5b3;
  background: #e2e0de;
  font-size: 1.4em;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  position: relative;
}
#drivingDirections__steps #drivingDirections__steps__origin:before,
#drivingDirections__steps #drivingDirections__steps__destination:before {
  position: absolute;
  top: 12px;
  left: 12px;
  content: "";
  width: 33px;
  height: 37px;
}
#drivingDirections__steps #drivingDirections__steps__origin {
  margin-bottom: 8px;
}
#drivingDirections__steps #drivingDirections__steps__origin:before {
  background-image: url("/assets/NPWS/images/sprite.png");
  background-position: 0 -750px;
  background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #drivingDirections__steps #drivingDirections__steps__origin:before {
    background-image: url("/assets/NPWS/images/sprite-x-2.png");
    background-size: 60px auto;
    background-repeat: no-repeat;
  }
}
#drivingDirections__steps #drivingDirections__steps__destination {
  margin-top: 16px;
}
#drivingDirections__steps #drivingDirections__steps__destination:before {
  background-image: url("/assets/NPWS/images/sprite.png");
  background-position: 0 -790px;
  background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #drivingDirections__steps #drivingDirections__steps__destination:before {
    background-image: url("/assets/NPWS/images/sprite-x-2.png");
    background-size: 60px auto;
    background-repeat: no-repeat;
  }
}
#drivingDirections__steps #drivingDirection__copyright {
  font-size: 1.4em;
  margin-top: 12px;
}
#drivingDirections__steps #travelStats {
  padding: 8px 0;
  font-size: 1.3em;
}
#drivingDirections__steps ol {
  margin: 0;
  padding: 0;
}
#drivingDirections__steps ol li {
  list-style: decimal inside;
  overflow: hidden;
  clear: both;
  padding: 4px 0 4px 23px;
  position: relative;
  border-top: 1px solid #c3c1bf;
}
#drivingDirections__steps ol li div {
  display: inline-block;
}
#drivingDirections__steps .stepManeuver {
  background: url("https://maps.gstatic.com/mapfiles/api-3/images/maneuvers.png");
  background-size: 19px 630px;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 4px;
  left: 0;
}
#drivingDirections__steps .stepInstructions {
  margin-left: 6px;
  width: 80%;
  vertical-align: top;
}
#drivingDirections__steps .stepDistance {
  float: right;
}
#drivingDirections__steps .adp-none {
  background: none;
}
#drivingDirections__steps .adp-ferry {
  background-position: 0 -614px;
}
#drivingDirections__steps .adp-ferry-train {
  background-position: 0 -566px;
}
#drivingDirections__steps .adp-merge {
  background-position: 0 -143px;
}
#drivingDirections__steps .adp-straight {
  background-position: 0 -534px;
}
#drivingDirections__steps .adp-fork-left {
  background-position: 0 -550px;
}
#drivingDirections__steps .adp-ramp-left {
  background-position: 0 -598px;
}
#drivingDirections__steps .adp-roundabout-left {
  background-position: 0 -197px;
}
#drivingDirections__steps .adp-turn-left {
  background-position: 0 -413px;
}
#drivingDirections__steps .adp-turn-sharp-left {
  background-position: 0 0;
}
#drivingDirections__steps .adp-turn-slight-left {
  background-position: 0 -378px;
}
#drivingDirections__steps .adp-uturn-left {
  background-position: 0 -305px;
}
#drivingDirections__steps .adp-fork-right {
  background-position: 0 -499px;
}
#drivingDirections__steps .adp-ramp-right {
  background-position: 0 -429px;
}
#drivingDirections__steps .adp-roundabout-right {
  background-position: 0 -232px;
}
#drivingDirections__steps .adp-turn-right {
  background-position: 0 -483px;
}
#drivingDirections__steps .adp-turn-sharp-right {
  background-position: 0 -582px;
}
#drivingDirections__steps .adp-turn-slight-right {
  background-position: 0 -51px;
}
#drivingDirections__steps .adp-uturn-right {
  background-position: 0 -35px;
}

.dynamicListing {
  list-style: none;
  background: #fff;
  margin: 0 !important;
  box-sizing: border-box;
  overflow: hidden;
}
.dynamicListing img {
  float: left;
  margin-right: 3%;
  width: 20%;
}
.dynamicListing h3,
.dynamicListing p {
  float: right;
  width: 77%;
}
.dynamicListing h3 > a,
.dynamicListing p > a {
  font-size: inherit !important;
  font-family: inherit !important;
  display: inline !important;
}
.dynamicListing h3 a {
  font-size: 1em !important;
  display: inline-block !important;
}
.dynamicListing h3 span {
  font-style: italic;
  font-size: 0.85em;
}

#listingNav {
  display: none;
}

#listing__sort {
  float: right;
  margin-bottom: 10px;
}
#listing__sort p,
#listing__sort label {
  font-size: 1.4em;
  float: left;
  line-height: 32px;
  margin-right: 1em;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
}

#listing__viewOptions {
  float: left;
  width: 100%;
}

#listing__sort__order {
  float: left;
  margin-right: 22px;
}
#listing__sort__order .selectWrapper {
  float: left;
  min-width: 159px;
  width: auto;
}
.ie7 #listing__sort__order .selectWrapper {
  width: 100px;
  margin-right: 50px;
}
#listing__sort__order .selectWrapper .select {
  line-height: 30px;
  min-height: 30px;
  font-size: 1.4em;
  padding: 0 20.76% 0 10.91%;
}

#listing__sort__type {
  float: left;
  border-radius: 3px;
  min-height: 30px;
}
#listing__sort__type input[type=radio],
#listing__sort__type input[type=button] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
#listing__sort__type input[type=radio]:focus + label,
#listing__sort__type input[type=button]:focus + label {
  outline: 2px dotted #000;
}
#listing__sort__type input[type=radio]:first-child + label,
#listing__sort__type input[type=button]:first-child + label {
  border-width: 1px;
}
.lt-ie9 #listing__sort__type input[type=radio],
.lt-ie9 #listing__sort__type input[type=button] {
  display: inline;
  position: absolute;
  right: 25px;
  width: 0;
}
#listing__sort__type label {
  color: #555657;
  float: left;
  cursor: pointer;
  min-height: 30px;
  line-height: 30px;
  padding: 0 14px 0 32px;
  font-size: 1.4em;
  position: relative;
  margin: 0;
  border-color: #c8c8c8;
  border-style: solid;
  border-width: 1px 1px 1px 0;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  background: -owg-linear-gradient(#fefefe, #e6e6e6), #e6e6e6;
  -pie-background: -pie-linear-gradient(#fefefe, #e6e6e6), #e6e6e6;
  background: linear-gradient(#fefefe, #e6e6e6), #e6e6e6;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fefefe", endColorstr="#e6e6e6", GradientType=0);
}
#listing__sort__type label:before,
#listing__sort__type label > ieb {
  position: absolute;
  left: 10px;
  top: 8px;
}
#listing__sort__type input.active + label {
  color: #fff;
  background: var(--colour-fg-default);
  border-color: var(--colour-fg-default);
  filter: none;
}

#listing__sort__list + label {
  border-radius: 3px 0 0 3px;
}
#listing__sort__list + label:before,
#listing__sort__list + label > ieb {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e03e";
  font-size: 14px;
}

#listing__sort__map + label {
  border-radius: 0 3px 3px 0;
}
#listing__sort__map + label:before,
#listing__sort__map + label > ieb {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e041";
}

#listing__sort__calendar + label:before,
#listing__sort__calendar + label > ieb {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e028";
}

#listingFilter,
#filter {
  float: left;
  width: 23.78%;
  margin-right: 2.62%;
  clear: both;
  position: relative;
  margin-bottom: 30px;
  display: block;
}
#listingFilter fieldset,
#filter fieldset {
  margin: 0;
  width: auto;
  background: #fff;
}
#listingFilter fieldset legend,
#filter fieldset legend {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  padding-bottom: 6px;
}
#listingFilter fieldset legend.headerLegend,
#filter fieldset legend.headerLegend {
  background: #fff;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  font-size: 1.4em;
  width: 100%;
  box-sizing: border-box;
  padding: 7px 14px;
  border-style: solid;
  border-color: #f2f0ee;
  border-bottom-width: 1px;
}
#listingFilter fieldset legend.headerLegend.no-border-bottom,
#filter fieldset legend.headerLegend.no-border-bottom {
  border-bottom: none;
}
#listingFilter fieldset:first-child legend.headerLegend,
#filter fieldset:first-child legend.headerLegend {
  border-top-width: 4px;
}
.visit #listingFilter fieldset:first-child legend.headerLegend,
.visit #filter fieldset:first-child legend.headerLegend {
  border-top-color: var(--teal-500);
}
.things #listingFilter fieldset:first-child legend.headerLegend,
.things #filter fieldset:first-child legend.headerLegend {
  border-top-color: var(--teal-500);
}
.camping #listingFilter fieldset:first-child legend.headerLegend,
.camping #filter fieldset:first-child legend.headerLegend {
  border-top-color: var(--teal-500);
}
.venue #listingFilter fieldset:first-child legend.headerLegend,
.venue #filter fieldset:first-child legend.headerLegend {
  border-top-color: var(--teal-500);
}
.education #listingFilter fieldset:first-child legend.headerLegend,
.education #filter fieldset:first-child legend.headerLegend {
  border-top-color: var(--teal-500);
}
#listingFilter.mapSidebarListing,
#filter.mapSidebarListing {
  margin-right: 0;
  margin-bottom: 0;
}
.filtersForm #listingFilter.mapSidebarListing,
.filtersForm #filter.mapSidebarListing {
  width: 25.5%;
}
#listingFilter #listingFilter__moreResults,
#filter #listingFilter__moreResults {
  margin-top: 1em;
  text-decoration: none;
  float: left;
  width: 100%;
  display: none;
}
#listingFilter #listingFilter__moreResults a,
#filter #listingFilter__moreResults a {
  text-decoration: none;
}
#listingFilter #listingFilter__moreResults a:hover,
#filter #listingFilter__moreResults a:hover {
  text-decoration: underline;
}
#listingFilter .sidePromo,
#filter .sidePromo {
  margin-top: 51px;
  overflow: hidden;
}
#listingFilter .sidePromo h2,
#filter .sidePromo h2 {
  border-bottom: 1px solid #c6c2bd;
  margin: 0;
  padding-bottom: 12px;
}
#listingFilter .sidePromo div,
#filter .sidePromo div {
  padding: 12px 0 20px;
  border-bottom: 1px solid #c6c2bd;
  clear: both;
}
#listingFilter .sidePromo h3,
#filter .sidePromo h3 {
  font-size: 1.6em;
  margin-bottom: 12px;
}
#listingFilter .sidePromo p,
#filter .sidePromo p {
  font-size: 1.1em;
}
#listingFilter .loadingOverlay,
#filter .loadingOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  height: 100%;
  padding: 0;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 999;
}
#listingFilter .loadingOverlay .loading-spinner,
#filter .loadingOverlay .loading-spinner {
  padding: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -72px;
  margin-top: -18px;
}
#listingFilter .loadingOverlay .loading-text,
#filter .loadingOverlay .loading-text {
  font-size: 1.4em;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
}

.mapSidebarListing__menuToggle {
  display: none;
  text-decoration: none !important;
}

#listingFilter__inner {
  overflow-y: auto;
  height: 625px;
}
.alertsMain .mapSidebarListing #listingFilter__inner {
  height: auto;
}
.lt-ie8 #listingFilter__inner {
  position: relative;
}

#listingFilter__toggleAll {
  margin-bottom: 1em;
}
#listingFilter__toggleAll a {
  color: var(--colour-fg-default);
  font-size: 1.1em;
  border-left: solid 1px var(--colour-fg-default);
  padding-left: 5px;
  margin-left: 5px;
}
#listingFilter__toggleAll a:first-child {
  border-left: none;
  padding-left: 0;
  margin-left: 0;
}

#listingFilterOverlay {
  display: none;
  background: #f2f0ee;
}

.mapSidebarListing__toggleFilter:after {
  content: "\e006";
  font-size: 0.6em;
  margin-left: 0.8em;
}
.mapSidebarListing__toggleFilter.open:after {
  content: "\e00a";
}
.things .mapSidebarListing__toggleFilter {
  background: var(--teal-900);
}
.mapSidebarListing__toggleFilter:focus {
  outline-color: #000000;
}

.listingFilter__block {
  margin-bottom: 24px;
  overflow: hidden;
  clear: both;
}
.listingFilter__block:first-child {
  position: relative;
  z-index: 101;
}
.listingFilter__block div {
  padding: 7px 14px 14px;
}
.listingFilter__block div.selectWrapper {
  margin-bottom: 14px;
  padding: 0;
}
.ie7 .listingFilter__block div.selectWrapper {
  width: 180px;
}
.listingFilter__block div.half {
  padding: 0;
  width: 47%;
  float: left;
}
.listingFilter__block div.half div {
  padding: 0;
}
.listingFilter__block div.half input[type=text] {
  margin-top: 0;
  background: -owg-linear-gradient(#fefefe, #e6e6e6), #e6e6e6;
  -pie-background: -pie-linear-gradient(#fefefe, #e6e6e6), #e6e6e6;
  background: linear-gradient(#fefefe, #e6e6e6), #e6e6e6;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fefefe", endColorstr="#e6e6e6", GradientType=0);
  padding: 7px 12.71%;
}
.listingFilter__block div.half + .half {
  float: right;
}
.listingFilter__block div.half .selectWrapper {
  margin-bottom: 0;
}
.listingFilter__block div.half.datePickerHalf {
  width: 100%;
}
.listingFilter__block div.half.datePickerHalf.first {
  margin-bottom: 5px;
}
.listingFilter__block div.datePicker__block {
  position: relative;
}
.listingFilter__block div.datePicker__block input[type=text] {
  margin-top: 0;
  background: -owg-linear-gradient(#fefefe, #e6e6e6), #e6e6e6;
  -pie-background: -pie-linear-gradient(#fefefe, #e6e6e6), #e6e6e6;
  background: linear-gradient(#fefefe, #e6e6e6), #e6e6e6;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fefefe", endColorstr="#e6e6e6", GradientType=0);
  padding: 7px 12.71%;
}
.listingFilter__block div.datePicker__block:after {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e028";
  position: absolute;
  right: 6px;
  top: 6px;
  line-height: 1 !important;
  display: block;
  color: #aaa;
  text-align: center;
  font-size: 19px;
}
.listingFilter__block div.datePicker__block input.datepicker {
  padding: 7px 3%;
}
.listingFilter__block div.disabledInput {
  padding: 0;
}
.listingFilter__block div.listingFilter__searchInNearLocation {
  padding-top: 0;
  padding-bottom: 7px;
  border-bottom: 1px solid #f2f0ee;
}
.listingFilter__block div.listingFilter__searchInNearLocation label {
  vertical-align: middle;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
}
.listingFilter__block div.listingFilter__searchInNearLocation input[type=radio] {
  vertical-align: middle;
}
.listingFilter__block ul {
  margin: 0;
  padding: 0;
}
.listingFilter__block ul li {
  list-style: none;
  margin: 0;
  padding: 2px 0 20px !important;
  position: relative;
  clear: both;
}
.listingFilter__block ul li:before {
  position: absolute;
  top: -7px;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: #f2f0ee;
}
.listingFilter__block ul li:first-child {
  border: none;
}
.listingFilter__block ul li:first-child:before {
  display: none;
}
.listingFilter__block ul li label,
.listingFilter__block ul li h3,
.listingFilter__block ul li .label-container {
  padding-right: 1.8em;
  padding-left: 2.2em;
  display: block;
  font-size: 1em;
  width: auto;
}
.listingFilter__block ul li label.checkbox,
.listingFilter__block ul li h3.checkbox,
.listingFilter__block ul li .label-container.checkbox {
  position: relative;
  padding-left: 2em;
}
.listingFilter__block ul li label.checkbox:before,
.listingFilter__block ul li label.checkbox > ieb,
.listingFilter__block ul li h3.checkbox:before,
.listingFilter__block ul li h3.checkbox > ieb,
.listingFilter__block ul li .label-container.checkbox:before,
.listingFilter__block ul li .label-container.checkbox > ieb {
  background-image: url("/assets/NPWS/images/sprite.png");
  background-position: -44px -430px;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .listingFilter__block ul li label.checkbox:before,
  .listingFilter__block ul li label.checkbox > ieb,
  .listingFilter__block ul li h3.checkbox:before,
  .listingFilter__block ul li h3.checkbox > ieb,
  .listingFilter__block ul li .label-container.checkbox:before,
  .listingFilter__block ul li .label-container.checkbox > ieb {
    background-image: url("/assets/NPWS/images/sprite-x-2.png");
    background-size: 60px auto;
    background-repeat: no-repeat;
  }
}
.listingFilter__block ul li label.checkbox:hover,
.listingFilter__block ul li h3.checkbox:hover,
.listingFilter__block ul li .label-container.checkbox:hover {
  cursor: pointer;
}
.listingFilter__block ul li label.headingIcon:before,
.listingFilter__block ul li h3.headingIcon:before,
.listingFilter__block ul li .label-container.headingIcon:before {
  font-size: 1.25em !important;
}
.listingFilter__block ul li h3 {
  padding-top: 3px;
  padding-bottom: 1px;
}
.listingFilter__block ul li label:first-child {
  display: block;
  padding-bottom: 7px;
}
.listingFilter__block ul li .select,
.listingFilter__block ul li select {
  font-size: 1.1em;
  max-height: 32px;
  overflow: hidden;
}
.listingFilter__block ul li input[type=checkbox]:checked + label:before, .listingFilter__block ul li input[type=checkbox]:checked + label > ieb,
.listingFilter__block ul li input[type=checkbox].checked + label:before,
.listingFilter__block ul li input[type=checkbox].checked + label > ieb {
  background-position: -44px -510px;
}
.listingFilter__block ul li ul {
  margin: 12px 0 0;
}
.listingFilter__block ul li ul.with-indent {
  margin-left: 29px;
}
.listingFilter__block ul li fieldset ul {
  margin-top: 0;
}
.listingFilter__block ul li li {
  font-size: 100%;
  line-height: 1.3em;
  padding: 0 !important;
  margin-top: 12px;
}
.listingFilter__block ul li li:before {
  display: none;
}
.listingFilter__block ul li li:first-child {
  margin-top: 0;
}
.listingFilter__block ul li li label {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-normal);
  padding-left: 2.8em;
}
.listingFilter__block ul li li label:after {
  background: #cdcdcd;
  margin-top: 2px;
}
.listingFilter__block ul li .label-container {
  padding: 0;
}
.listingFilter__block ul + .button {
  margin-top: 10px !important;
}
.listingFilter__block p {
  margin: 0 0 0.5em;
}
.listingFilter__block .mapSearch__textWrapper {
  width: 100%;
  margin: 0;
  padding: 0;
}
.listingFilter__block .mapSearch__textWrapper .mapSearch__geolocate {
  display: none;
}
.listingFilter__block .mapSearch__textWrapper input[type=text] {
  padding-right: 15%;
}
.ie7 .listingFilter__block .mapSearch__textWrapper input[type=text] {
  padding-right: 0px;
  width: 207px;
}
.listingFilter__block .buttonsSection {
  padding: 0;
}
.listingFilter__block .buttonsSection .cleardates {
  float: right;
  display: inline;
  font-size: 1.4em;
  margin-top: 20px;
}
.listingFilter__block .buttonsSection .button.ttdsearch {
  margin-top: 0;
  float: left;
}

.mapSidebarListing .mapSidebarListing__toggleFilter {
  margin-top: -3.2em;
}
.mapSidebarListing h2 {
  font-size: 1.6em;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  margin: 1em 0 0 0;
  display: none;
  border-bottom: solid 1px #fff;
  padding-bottom: 0.5em;
}
.mapSidebarListing h2 > a.show_hide_list {
  font-size: 0.75em;
  color: var(--teal-500);
}
.mapSidebarListing.static h2 {
  display: block;
}
.mapSidebarListing ul li {
  padding: 0;
  margin: 0;
}
.mapSidebarListing ul li.headingIcon {
  padding-left: 2.6em;
}
.mapSidebarListing ul li a {
  text-decoration: none !important;
  display: block;
  padding: 0.6em 0.6em 0.6em 0;
  color: var(--colour-fg-default);
  border-bottom: solid 1px #fff;
}
.mapSidebarListing ul li a:hover, .mapSidebarListing ul li a.active {
  background-color: #fff;
  border-bottom-color: #cbcbcb;
  border-top: solid 1px #cbcbcb;
  margin-top: -1px;
}
.mapSidebarListing ul li a:before {
  top: 0.5em;
  font-size: 1.1em;
  left: 0.4em;
}
#mapSidebarListing__showTrails {
  border-style: solid;
  border-width: 1px 0;
  border-color: #cbcbcb;
  position: relative;
  padding: 0;
  margin: 0;
  font-size: 1.3em;
}
.mapSidebarListing__visit + #mapSidebarListing__showTrails {
  margin-top: 1.5em;
}
#mapSidebarListing__showTrails label {
  font-size: 1em;
  padding-left: 0;
  color: var(--colour-fg-default);
  cursor: pointer;
  width: 100%;
  position: relative;
  padding: 0.6em 0;
}
#mapSidebarListing__showTrails label.checkbox:before, #mapSidebarListing__showTrails label.checkbox > ieb {
  background-image: url("/assets/NPWS/images/sprite.png");
  background-position: 10px -863px;
  background-repeat: no-repeat;
  content: "";
  padding: 0.6em 0 0.6em 2.6em !important;
  position: relative;
  left: -5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #mapSidebarListing__showTrails label.checkbox:before, #mapSidebarListing__showTrails label.checkbox > ieb {
    background-image: url("/assets/NPWS/images/sprite-x-2.png");
    background-size: 60px auto;
    background-repeat: no-repeat;
  }
}
#mapSidebarListing__showTrails label.checkbox:after, #mapSidebarListing__showTrails label.checkbox > iea {
  background-image: url("/assets/NPWS/images/sprite.png");
  background-position: -44px -430px;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  content: "";
  position: absolute;
  top: 0.6em;
  right: 1em;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #mapSidebarListing__showTrails label.checkbox:after, #mapSidebarListing__showTrails label.checkbox > iea {
    background-image: url("/assets/NPWS/images/sprite-x-2.png");
    background-size: 60px auto;
    background-repeat: no-repeat;
  }
}
#mapSidebarListing__showTrails label:focus {
  outline: 2px dotted;
  border: 1px dotted #000000;
}
#mapSidebarListing__showTrails input[type=checkbox] {
  position: absolute;
  right: -6px;
  top: 5px;
}
#mapSidebarListing__showTrails input[type=checkbox]:checked + label.checkbox:after, #mapSidebarListing__showTrails input[type=checkbox]:checked + label.checkbox > iea,
#mapSidebarListing__showTrails input[type=checkbox].checked + label.checkbox:after,
#mapSidebarListing__showTrails input[type=checkbox].checked + label.checkbox > iea, #mapSidebarListing__showTrails.active input[type=checkbox] + label.checkbox:after, #mapSidebarListing__showTrails.active input[type=checkbox] + label.checkbox > iea {
  background-position: -44px -510px;
}
#mapSidebarListing__showTrails input[type=checkbox]:focus + label {
  outline: 2px dotted;
}
#mapSidebarListing__showTrails input[type=checkbox]:focus + label:before {
  outline: 0;
}

.mapSidebarListing ul.filterList li {
  padding: 0;
}
.mapSidebarListing ul + h2 {
  margin-top: 1.5em;
}

#listingResults {
  float: left;
  width: 73.6%;
  position: relative;
  *z-index: -1;
}
#listingResults .listingResults__headingWrapper {
  margin-top: 36px;
}
#listingResults .listingResults__headingWrapper h2 {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  font-size: 2.2em;
  letter-spacing: -0.02em;
}
#listingResults .listingResults__group {
  clear: both;
  overflow: hidden;
}
#listingResults .listingResults__group:first-child .listingResults__headingWrapper {
  margin-top: 0;
}
#listingResults .listingResults__group .toggleVisibilty {
  text-align: center;
  display: block;
  margin: 12px 23.6% 0;
  padding: 6px 0;
  font-size: 1.4em;
}
#listingResults .listingResults__group .showMore.hidden ~ .showLess {
  display: block;
}
#listingResults .listingResults__group .showMore ~ .listing__item,
#listingResults .listingResults__group .showLess {
  display: none;
}
#listingResults .listingResults__group + .listingResults__group {
  margin-top: 12px;
}
#listingResults .listingResults__free {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  margin-bottom: 0;
  padding-left: 20px;
  position: relative;
}
#listingResults .listingResults__free:before {
  background-image: url("/assets/NPWS/images/sprite.png");
  background-position: 0 -630px;
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 1px;
  left: 0;
  content: "";
  display: block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #listingResults .listingResults__free:before {
    background-image: url("/assets/NPWS/images/sprite-x-2.png");
    background-size: 60px auto;
    background-repeat: no-repeat;
  }
}

#listingResults__calendar {
  height: 45px;
  margin-bottom: 38px;
  position: relative;
  overflow: hidden;
}
#listingResults__calendar #listingResults__calendar__prev,
#listingResults__calendar #listingResults__calendar__next {
  width: 46px;
  display: block;
  position: absolute;
  top: 0;
  z-index: 2;
}
#listingResults__calendar #listingResults__calendar__prev {
  left: 0;
  border-left: none;
}
#listingResults__calendar #listingResults__calendar__prev:before {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e007";
}
#listingResults__calendar #listingResults__calendar__next {
  right: 0;
}
#listingResults__calendar #listingResults__calendar__next:before {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e009";
}
#listingResults__calendar #listingResults__calendar__gutter {
  margin-right: -9999px;
}
#listingResults__calendar ul {
  margin: 0;
  padding: 0 46px;
  list-style: none;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
#listingResults__calendar ul li {
  margin: 0;
  list-style: none;
  float: left;
  /* width: 14.27%;*/
  width: 92px;
  position: relative;
}
#listingResults__calendar ul li.active:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0px;
  left: 0;
  height: 3px;
  background: #c14900;
  z-index: 1;
}
#listingResults__calendar ul li.active a {
  background: #f2f0ee;
  border-bottom-color: #f2f0ee;
}
#listingResults__calendar a {
  display: block;
  line-height: 44px;
  border-left: 1px solid #bfbebc;
  border-bottom: 1px solid #c8c7c5;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  position: relative;
  background: -owg-linear-gradient(#f2f0ee 0%, #d9d8d6 90%);
  -pie-background: -pie-linear-gradient(#f2f0ee 0%, #d9d8d6 90%);
  background: linear-gradient(#f2f0ee 0%, #d9d8d6 90%);
}
#listingResults__calendar a:hover {
  border-bottom-color: #c14900;
}

.listing__items {
  margin-top: 36px;
  clear: both;
}
.listing__items--list-view {
  margin-top: 10px;
}
.listing__items.region {
  margin-bottom: 0;
}
h2 + .listing__items h1 {
  margin-top: 0 !important;
}
.listing__items#listingResults {
  margin-top: 0;
  clear: none;
}
.listing__items.visit h2:before {
  background: var(--colour-green);
}
.listing__items.things h2:before {
  background: var(--teal-500);
}
.listing__items.camping h2:before {
  background: var(--teal-500);
}
.listing__items.venue h2:before {
  background: var(--teal-500);
}
.listing__items.alerts .listing__item {
  padding: 20px 20px 20px 46px;
}
.listing__items.alerts .listing__item .listing__item__lowerBlock {
  margin: 0px -20px 0 -46px;
  top: 20px;
  position: relative;
}
.listing__items.alerts .listing__item__date {
  font-size: 12px !important;
  margin-bottom: 0.5em;
}
.listing__items.alerts .alertIcon {
  padding-left: 30px;
  margin-left: -31px;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
}
.listing__items.alerts .button {
  background-color: var(--colour-amber);
  color: var(--colour-fg-default) !important;
}
.listing__items.alerts ul,
.listing__items.alerts ol {
  margin-left: 0;
}
.listing__items.alerts ul li,
.listing__items.alerts ol li {
  font-size: 1.3em;
}
.listing__items.alerts ul ul,
.listing__items.alerts ol ul {
  margin-top: 0.25em;
  margin-bottom: 0;
}
.listing__items.alerts li {
  list-style-position: outside;
}
.listing__items.alerts li li {
  font-size: 1em;
}
.listing__items.alerts.upcomingAlerts a {
  color: #2b2b2b !important;
}
.listing__items.search .listing__item {
  padding: 20px;
}
.listing__items.search .listing__item .overviewIntro {
  margin-bottom: 1.7em;
}
.listing__items.search .listing__item .overviewIntro ~ p {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
}
.listing__items.search .listing__item .title__section {
  margin-bottom: 16px !important;
}
.listing__items.search .listing__item .title__section h2 {
  line-height: 1.3em;
}
.listing__items.search.visit, .listing__items.search.things, .listing__items.search.camping, .listing__items.search.venue {
  margin-bottom: 30px;
}
.listing__items.search .toggleVisibilty {
  text-align: center;
  display: block;
  margin: 12px 23.6% 0;
  padding: 6px 0;
  font-size: 1.4em;
}
.listing__items.bundle .listing__item p {
  margin-bottom: 0.5em;
}
.listing__items.bundle .listing__item__content {
  width: 61.52%;
  min-height: 182px;
}
.listing__items + .listing__items {
  margin-top: 12px;
}

.listing__item__row {
  overflow: hidden;
  margin-top: 12px;
}

.listing__item {
  background: #fff;
  width: 100%;
  margin-top: 12px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
h1 + .listing__item, .listing__item:first-child {
  margin-top: 0;
}
.listing__item > a:first-child {
  position: relative;
  display: block;
  margin: 20px 0 20px 20px;
  float: left;
  width: 35.21%;
  text-decoration: none !important;
}
.bundle .listing__item > a:first-child {
  width: 32.2%;
}
.listing__item > a:first-child img {
  width: 100%;
  height: auto;
}
.regionSectionPromo .listing__item > a img {
  max-height: 138px;
}
.listing__item h2,
.listing__item h3 {
  font-size: 1.8em;
  margin: 0 0 16px;
  position: relative;
}
.detailLeftColumn .listing__item h2,
.detailLeftColumn .listing__item h3 {
  margin: 0 0 0.5em 0;
}
.detailLeftColumn .listing__item h2 a:before,
.detailLeftColumn .listing__item h3 a:before {
  top: -1px;
}
.listing__item p {
  clear: both;
  margin-bottom: 0;
}
.listing__item p + p {
  margin-top: 0.5em;
}
.listing__item ul,
.listing__item ol {
  padding-left: 1.7em;
}
.listing__item li {
  margin: 0;
}
.listing__item .listing__item__content {
  float: right;
  width: 56.7%;
  min-height: 146px;
  padding: 20px;
  box-sizing: border-box;
}
.listing__item .listing__item__content dl {
  border: none;
  font-size: 1.2em;
  margin: 0.4em 0 0;
}
.listing__item .listing__item__content dt,
.listing__item .listing__item__content dd {
  font-size: 100%;
  border: none;
  padding: 1px 0;
  float: left;
}
.listing__item .listing__item__content dd {
  width: 70%;
}
.listing__item .listing__item__content dd ul li,
.listing__item .listing__item__content dd ol li {
  font-size: inherit;
}
.listing__item .listing__item__content dt {
  margin-right: 14px;
  width: auto;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
}
.visit .listing__item .listing__item__content dt {
  min-width: 81px;
}
.things .listing__item .listing__item__content dt {
  min-width: 67px;
}
.camping .listing__item .listing__item__content dt {
  min-width: 67px;
}
.venue .listing__item .listing__item__content dt {
  min-width: 67px;
}
.education .listing__item .listing__item__content dt {
  min-width: 38px;
}
.listing__item .listing__item__content dd,
.listing__item .listing__item__content dd a {
  color: var(--grey-600);
}
.listing__item .listing__item__alert {
  color: var(--colour-fg-default);
  position: absolute;
  top: 22px;
  right: 24px;
  font-size: 1.3em;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  float: right;
}
.listing__item .listing__item__alert:before {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e004";
  color: var(--colour-amber);
  font-size: 1.5em;
  margin-right: 6px;
}
.listing__item .button {
  margin-left: 12px;
  float: right;
  color: #fff !important;
  padding: 5px 7px 5px 8px;
}
.listing__item .itemDetails, .detailLeftColumn .listing__item .itemDetails {
  margin: 1em 0;
  padding: 0;
}
.passes-fees .listing__item {
  margin-top: 0;
}
.passes-fees .listing__item > a {
  width: 12.41%;
}
.passes-fees .listing__item .itemDetails {
  margin-top: 1.5em;
  float: left;
  margin-bottom: 0;
}
.passes-fees .listing__item .itemDetails li {
  margin-bottom: 1em;
}
.passes-fees .listing__item.half > a {
  width: 25%;
}
.passes-fees .listing__item.half .listing__item__content p {
  font-size: 1.4em;
}
.passes-fees .listing__item.half .listing__item__content p strong {
  font-size: 1.2em;
  line-height: 1em;
}
.passes-fees .listing__item .listing__item__content {
  width: 81.3%;
  min-height: 153px;
}
.passes-fees .listing__item .listing__item__content h2 {
  margin: 0;
  padding: 0;
}
.passes-fees .listing__item .listing__item__content p {
  font-size: 1.7em;
  margin-top: 0.5em;
}
#listingResults .listing__item {
  width: 100%;
  /*padding: 0;*/
}
#listingResults .listing__item > a:first-child {
  width: 38.6%;
  height: auto;
}
#listingResults .listing__item .listing__item__content {
  width: 57.5%;
  min-height: 161px;
}
.listing__item.half {
  width: 50%;
  float: right;
  border-left: 1px solid #f2f0ee;
  position: relative;
}
.listing__item.half:first-child {
  float: left;
  border-left: 0;
  border-right: 2px solid #f2f0ee;
}
.listing__item.half .listing__item__content {
  width: 62.5%;
  height: 180px;
}
.listing__item.half .listing__item__content strong {
  display: block;
  margin-bottom: 0.5em;
}
.listing__item .listing__item__lowerBlock {
  clear: both;
  padding: 8px 20px;
  background: #fcfcfc;
  border-top: 1px solid #f2f0ee;
  overflow: hidden;
}
.listing__item .listing__item__lowerBlock .listingAlerts {
  font-size: 1.2em;
  position: relative;
  vertical-align: bottom;
}
.listing__item .listing__item__lowerBlock .listingAlerts .ieb:before {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e004";
  text-decoration: none;
  color: var(--colour-amber);
  font-size: 1.4em;
  margin-right: 10px;
}
.listing__item .button:focus {
  outline-color: #000000;
}

.detailRightColumn img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.detailRightColumn ul {
  list-style-type: none;
}
.detailRightColumn h2 {
  font-size: 2.2em;
  margin: 1.5em 0 0;
  border-bottom: solid 1px #f2f0ee;
  padding: 0 0 0.25em;
  letter-spacing: -0.01em;
}
.detailRightColumn h2 + p {
  margin-top: 1em;
}
.detailRightColumn > h2:first-child,
.detailRightColumn #contactDetails:first-child > h2 {
  margin-top: 0;
}
.detailRightColumn #detailRightColumn__map + #contactDetails h2:first-child {
  margin-top: 1.5em;
}
.detailRightColumn h3 {
  font-size: 1.6em;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  margin: 1.7em 0 0 0;
  padding: 0 0 0.3em;
  padding-right: 15px;
  clear: both;
  border-bottom: solid 1px #f2f0ee;
  position: relative;
}
.detailRightColumn h3 a {
  color: var(--colour-fg-default);
  text-decoration: none !important;
}
.detailRightColumn h3 .expandable {
  top: 0.3em;
}
.detailRightColumn p {
  margin-bottom: 0.5em;
  color: var(--grey-600);
}
.detailRightColumn p a {
  color: var(--grey-600);
}
.detailRightColumn .buttonSmall {
  margin: 1em 0;
}
.detailRightColumn .buttonSmall + h3 {
  margin-top: 3em;
}
.detailRightColumn .itemDetails dt {
  width: 40%;
}
.detailRightColumn .itemDetails dd {
  font-size: 1.7em;
}
.detailRightColumn a {
  word-wrap: break-word;
}
.detailRightColumn #miniMap.miniMap__dark {
  width: 100%;
  padding-left: 46px;
  margin-bottom: 15px;
  margin-right: -23px;
}
.detailRightColumn #miniMap.miniMap__dark svg {
  right: 53%;
  width: 85%;
}
.detailRightColumn #miniMap.miniMap__dark.arrow {
  padding-bottom: 114.5%;
}
.detailRightColumn #miniMap.miniMap__dark.arrow:after {
  content: "" !important;
}
.detailRightColumn .cta:after {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e009";
  position: relative;
  top: -1px;
  left: 1em;
  font-size: 0.6em;
}

#detailRightColumn__map {
  margin: -20px -22px 0 -21px;
  display: block;
}
.alerts #detailRightColumn__map {
  margin-top: -20px;
}
#detailRightColumn__map + h3 {
  margin-top: 1em;
}
#detailRightColumn__map + .buttonSmall {
  margin: 0;
  position: relative;
  top: -40px;
  left: -8px;
}
#detailRightColumn__map + .buttonSmall + h2 {
  margin: 0;
}
#content__inner__headerWrapper ~ .detailRightColumn #detailRightColumn__map {
  margin: 0 0 0 -21px;
}

.dynamicListing,
.detailLeftColumn__linkList,
.detailRightColumn__linkList {
  width: 100%;
  margin: 0;
}
.detailLeftColumn__categoryHeading + .dynamicListing, .detailRightColumn__categoryHeading + .dynamicListing,
.detailLeftColumn__categoryHeading + .detailLeftColumn__linkList,
.detailRightColumn__categoryHeading + .detailLeftColumn__linkList,
.detailLeftColumn__categoryHeading + .detailRightColumn__linkList,
.detailRightColumn__categoryHeading + .detailRightColumn__linkList {
  display: none;
}
.no-js .detailLeftColumn__categoryHeading + .dynamicListing, .no-js .detailRightColumn__categoryHeading + .dynamicListing,
.no-js .detailLeftColumn__categoryHeading + .detailLeftColumn__linkList,
.no-js .detailRightColumn__categoryHeading + .detailLeftColumn__linkList,
.no-js .detailLeftColumn__categoryHeading + .detailRightColumn__linkList,
.no-js .detailRightColumn__categoryHeading + .detailRightColumn__linkList {
  display: block;
}
.dynamicListing li,
.detailLeftColumn__linkList li,
.detailRightColumn__linkList li {
  display: block;
  border-bottom: solid 1px #f2f0ee;
  position: relative;
  list-style-type: none;
  font-size: 1em;
  margin: 0 !important;
  overflow: hidden;
}
.dynamicListing li.headingIcon:before,
.detailLeftColumn__linkList li.headingIcon:before,
.detailRightColumn__linkList li.headingIcon:before {
  top: 0.5em;
  font-size: 1.6em;
}
.dynamicListing li a,
.detailLeftColumn__linkList li a,
.detailRightColumn__linkList li a {
  font-size: 1.3em;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  line-height: 19px;
  min-height: 19px;
  display: inline-block;
  cursor: pointer;
}
.dynamicListing li .expandable,
.detailLeftColumn__linkList li .expandable,
.detailRightColumn__linkList li .expandable {
  top: 1.6em;
}
.dynamicListing li .headingIcon + ul,
.dynamicListing li .headingIcon + * + ul,
.detailLeftColumn__linkList li .headingIcon + ul,
.detailLeftColumn__linkList li .headingIcon + * + ul,
.detailRightColumn__linkList li .headingIcon + ul,
.detailRightColumn__linkList li .headingIcon + * + ul {
  padding-left: 38px;
}
.dynamicListing li.singleBulletArrow,
.detailLeftColumn__linkList li.singleBulletArrow,
.detailRightColumn__linkList li.singleBulletArrow {
  padding-left: 14px;
}
.dynamicListing li.singleBulletArrow:before,
.detailLeftColumn__linkList li.singleBulletArrow:before,
.detailRightColumn__linkList li.singleBulletArrow:before {
  margin: 0;
  position: absolute;
  top: 12px;
  left: 0;
}

.detailLeftColumn__linkList,
.detailRightColumn__linkList {
  margin: 0 !important;
}
.detailLeftColumn__linkList li,
.detailRightColumn__linkList li {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}
.detailLeftColumn__linkList li a,
.detailRightColumn__linkList li a {
  color: var(--colour-fg-default);
  text-decoration: none !important;
}
.detailLeftColumn__linkList li a:hover,
.detailRightColumn__linkList li a:hover {
  text-decoration: underline !important;
}
.detailLeftColumn__linkList li a span,
.detailRightColumn__linkList li a span {
  color: #666;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-normal);
  letter-spacing: 0px;
  margin-left: 0.3em;
}

.detailLeftColumn__linkList ul {
  margin: 0;
  padding: 0;
}
.detailLeftColumn__linkList ul li {
  overflow: visible;
  list-style: disc;
  border: none;
}

.detailRightColumn__linkList ul {
  padding: 0 0 0 1em;
  margin: 2px 0;
  display: none;
}
.detailRightColumn__linkList ul li {
  padding: 0;
  border: 0;
}
.detailRightColumn__linkList ul li a {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-normal);
  letter-spacing: 0;
  color: var(--grey-600);
}
.detailRightColumn__linkList .hideListItem {
  display: none;
}
.detailRightColumn__linkList + .cta.text-right {
  margin-right: 5px;
}

.detailRightColumn__linkList li.headingIcon.print:before {
  top: 6px !important;
  padding-top: 1px;
  border: solid 1px #c8c8c8;
  font-size: 15px !important;
  color: #474747;
}

.dynamicListing li {
  padding-top: 7px;
  padding-right: 14px;
  padding-bottom: 7px;
}

.detailRightColumn__brownBox {
  background: #ece9e6;
  padding: 10%;
  margin: 2em 0;
}
.detailRightColumn__brownBox h2 {
  margin: 0 0 0.3em 0;
  border: none;
}
.detailRightColumn__brownBox p {
  margin-bottom: 0.7em;
}

.detailRightColumn__natureEscapes label {
  position: absolute;
  left: -999em;
}
.detailRightColumn__natureEscapes input[type=text] {
  border: none;
}
.detailRightColumn__natureEscapes p {
  font-size: 1.2em;
}
.detailRightColumn__natureEscapes ul {
  padding: 0;
  margin: 2em 0 0 0;
}
.detailRightColumn__natureEscapes li {
  list-style-type: none;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  font-size: 1.3em;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  margin: 0 2em 0 0;
  position: relative;
  padding-left: 8px;
}
.detailRightColumn__natureEscapes li:before,
.detailRightColumn__natureEscapes li > ieb {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e009";
  font-size: 0.6em;
  position: absolute;
  top: 6px;
  left: 0;
}
.detailRightColumn__natureEscapes #SubscribeName,
.detailRightColumn__natureEscapes #SubscribeEmail,
.detailRightColumn__natureEscapes #SubscribePostcode,
.detailRightColumn__natureEscapes .eloquaForm input.wide,
.detailRightColumn__natureEscapes .eloquaForm input.narrow {
  width: 100%;
  margin-bottom: 0.8em;
}
.detailRightColumn__natureEscapes #NaturescapesSubMsg,
.detailRightColumn__natureEscapes .eloquaInfoPanel {
  margin-top: 20px;
}

.detailLeftColumn .detailRightColumn__brownBox {
  background-color: #fff;
}
.detailLeftColumn .detailRightColumn__brownBox input[type=text] {
  border: 1px solid #bdbdbd;
}
.detailLeftColumn .detailRightColumn__brownBox input[type=text]:focus {
  border-color: #595a5b;
}

.detailRightColumn__ipadApp {
  background: #ece9e6;
  padding: 10%;
  margin: 2em 0;
}
.detailRightColumn__ipadApp img:first-child {
  float: left;
}
.detailRightColumn__ipadApp img:first-child + h2 {
  float: left;
  margin-left: 5%;
  max-width: 65%;
}
.detailRightColumn__ipadApp p + img {
  width: auto;
  display: block;
  margin: 0.5em auto;
}

.detailRightColumn__parksPocketGuide,
.detailRightColumn__natureEscapesMagazine {
  position: relative;
}
.detailRightColumn__parksPocketGuide h2,
.detailRightColumn__natureEscapesMagazine h2 {
  font-size: 1.8em;
  margin-bottom: 0;
  margin-right: 70px;
}
.detailRightColumn__parksPocketGuide img,
.detailRightColumn__natureEscapesMagazine img {
  float: right;
  position: absolute;
  top: 15px;
  right: 3%;
}

.detailRightColumn__natureEscapesMagazine img {
  bottom: 0;
  top: auto;
}

.detailRightColumn__lookOutFor h2 {
  margin-top: 0;
}
.detailRightColumn__lookOutFor h3 {
  margin-bottom: 0.2em;
  margin-top: 0.5em;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-normal);
}
.visit .detailRightColumn__lookOutFor h3 span {
  color: var(--teal-500);
}
.detailRightColumn__lookOutFor img {
  margin-bottom: 1em;
}

ul.parkDetail {
  list-style-type: none;
  clear: both;
  margin: 0;
  padding: 0;
}
ul.parkDetail li {
  font-size: 1.2em;
  margin: 1em 0;
  padding-bottom: 5px;
  padding-left: 24px;
  position: relative;
  list-style-type: none;
  overflow: hidden;
}
ul.parkDetail li:before,
ul.parkDetail li > ieb {
  position: absolute;
  left: 0;
  top: 2px;
  color: #595a5b;
}
ul.parkDetail li p {
  font-size: 1em;
}
ul.parkDetail li ul {
  margin-top: 0;
}
ul.parkDetail li li {
  font-size: 1em;
  padding-left: 0;
  overflow: visible;
  word-wrap: break-word;
}
ul.parkDetail li li:before,
ul.parkDetail li li > ieb {
  position: absolute;
  left: -24px;
}
.no-js ul.parkDetail li li {
  display: list-item;
}
ul.parkDetail li .toggleDetails {
  float: right;
  display: inline-block;
  position: relative;
  z-index: 1;
}
ul.parkDetail li .toggleDetails > .iea:after {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e006";
  margin-left: 7px;
  font-size: 0.6em;
  text-decoration: none;
}
ul.parkDetail li .toggleDetails.less > .iea:after {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e00a";
  text-decoration: none;
}
.no-js ul.parkDetail li .toggleDetails {
  display: none;
}
ul.parkDetail li.parkDetail__phone li {
  display: none;
}
ul.parkDetail li.parkDetail__phone li:first-child {
  margin-top: 0;
  display: block;
}
ul.parkDetail a {
  color: var(--colour-fg-default);
}
ul.parkDetail:empty + h2 {
  margin-top: 0;
}

.parkDetail__address:before,
.parkDetail__address > ieb {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e041";
  font-size: 1.4em;
  top: -3px;
}

.parkDetail__fax:before,
.parkDetail__fax > ieb {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e052";
  font-size: 1.2em;
  top: -3px;
}

.parkDetail__region:before,
.parkDetail__region > ieb {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e042";
  font-size: 15px;
}

.parkDetail__openingHours:before,
.parkDetail__openingHours > ieb {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e01e";
}

.parkDetail__phone:before,
.parkDetail__phone > ieb {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e04e";
  font-size: 1em;
  top: -2px;
}

.parkDetail__mobile:before,
.parkDetail__mobile > ieb {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e044";
  font-size: 1.2em;
  padding-left: 2px;
}

.parkDetail__link:before,
.parkDetail__link > ieb {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e070";
  top: -2px;
}

.parkDetail__price:before,
.parkDetail__price > ieb {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e066";
  font-size: 1.2em;
}
.parkDetail__price .button__park-pass {
  background-color: var(--teal-500);
  color: white;
  font-size: 14px;
  padding: 6px 12px;
  display: inline-block;
  cursor: pointer;
}
.parkDetail__price .button__park-pass:hover {
  background-color: var(--teal-600);
}

.parkDetail__feed:before,
.parkDetail__feed > ieb {
  background-image: url("/assets/NPWS/images/sprite.png");
  background-position: 0 -830px;
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  content: "";
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .parkDetail__feed:before,
  .parkDetail__feed > ieb {
    background-image: url("/assets/NPWS/images/sprite-x-2.png");
    background-size: 60px auto;
    background-repeat: no-repeat;
  }
}

.parkDetail__email:before,
.parkDetail__email > ieb {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e040";
  font-size: 1.2em;
}

#alertsModule {
  clear: both;
  background: #f2f0ee;
}
#alertsModule h1 {
  padding: 0 30px;
  float: left;
}
#alertsModule #listing__viewOptions {
  float: right;
  width: auto;
  margin-right: 20px;
}
#alertsModule #mapSearch {
  padding: 11px 10px;
}
#alertsModule .alertsModule__header {
  overflow: hidden;
  background: #fff;
  padding: 11px 44px;
}
#alertsModule #listingFilter {
  background: #fff;
  margin-right: 0;
}
#alertsModule #listingFilter:before, #alertsModule #listingFilter:after {
  display: none;
}
#alertsModule #listingFilter .listingFilter__header {
  padding: 15px 0;
}
#alertsModule #listingFilter .listingFilter__header a {
  font-size: 1.1em;
  color: var(--colour-fg-default);
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
}
#alertsModule #listingFilter .listingFilter__header a:first-child {
  border-right: 1px solid var(--colour-fg-default);
  padding-right: 3px;
}
#alertsModule #listingFilter .listingFilter__filters {
  padding: 0 12px 27px 12px;
  border-right: 1px solid #c8c8c8;
}
#alertsModule #listingFilter ul {
  margin-top: 0;
  border-bottom: 1px solid #f2f0ee;
}
#alertsModule #listingFilter ul li {
  list-style-type: none;
}
#alertsModule #listingFilter ul label.alertIcon {
  padding-left: 2.5em;
}
#alertsModule #listingFilter ul:first-child {
  margin-top: 0;
}
#alertsModule #listingFilter ul.alertKeyword {
  border-bottom: none;
  /*display: none;*/
  margin-top: 27px;
  margin-bottom: 0;
}
#alertsModule #listingFilter ul.alertKeyword li:last-child {
  padding-bottom: 0;
}
#alertsModule #listingFilter ul#listingFilter__upcomingAlerts {
  margin-top: 24px;
  display: none;
}
#alertsModule #listingFilter li {
  padding: 8px 0;
  border-top: 1px solid #f2f0ee;
}
#alertsModule #listingFilter li:first-child {
  border-top: none;
}
#alertsModule #listingFilter li:first-child label {
  padding-left: 0;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  font-size: 1.2em;
}
#alertsModule #listingFilter .button {
  float: none;
  margin-top: 18px;
}
#alertsModule .alertsModule__loadingOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(242, 240, 238, 0.5);
  z-index: 9999;
}
#alertsModule .alertsModule__loadingOverlay .loading-spinner {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -56px;
}
#alertsModule .alertsModule__loadingOverlay .loading-spinner .loading-text {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  font-size: 1.8em;
}
.no-js #alertsModule .alertsModule__loadingOverlay {
  display: none;
}

#alertsModule__content {
  float: right;
  width: 76.2%;
  min-height: 300px;
  margin-bottom: 25px;
  position: relative;
}
#alertsModule__content #mapWrapper {
  width: 100%;
  float: left;
}
#alertsModule__content #mapWrapper.loading {
  position: absolute;
  left: -999em;
}
#alertsModule__content #mapWrapper #mapSearch {
  padding-right: 20px;
}
#alertsModule__content #mapWrapper input[type=submit] {
  background-color: var(--colour-amber);
  color: var(--colour-fg-default);
}
#alertsModule__content .alerts__header {
  float: left;
  font-size: 1.3em;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  color: var(--colour-fg-default);
  width: 20%;
  box-sizing: border-box;
}
#alertsModule__content .alerts__header.sortDate {
  width: 30%;
}
#alertsModule__content #listView__header {
  line-height: 33px;
}
#alertsModule__content #listView__wrapper {
  width: 100%;
  float: left;
  clear: both;
}
.js #alertsModule__content #listView__wrapper {
  display: none;
}
#alertsModule__content #listView__content {
  margin: 28px 0 0;
  padding: 0 28px;
  float: left;
  width: 100%;
  box-sizing: border-box;
}
#alertsModule__content #listView__content .alerts__row {
  list-style: none;
  margin: 0;
  padding: 0 0 0 16px;
  border-top: 1px solid #bab2a8;
  overflow: hidden;
  position: relative;
}
#alertsModule__content #listView__content .alerts__row .alerts__cell {
  float: left;
  width: 33.33%;
  padding: 10px 1.3em 10px 0;
  box-sizing: border-box;
}
#alertsModule__content #listView__content .alerts__row .alerts__cell:hover {
  cursor: pointer;
}
#alertsModule__content #listView__content .alerts__row .alerts__cell.cellPark {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
}
#alertsModule__content #listView__content .alerts__row .alerts__cell.cellSummary {
  padding-right: 6em;
}
#alertsModule__content #listView__content .alerts__row .alerts__cell ul,
#alertsModule__content #listView__content .alerts__row .alerts__cell ol {
  margin-top: 0;
}
#alertsModule__content #listView__content .alerts__row .alerts__cell ul li,
#alertsModule__content #listView__content .alerts__row .alerts__cell ol li {
  font-size: inherit;
  margin-top: 0;
}
#alertsModule__content #listView__content .alerts__row .alerts__details {
  display: none;
  background: #fff;
  clear: both;
  margin-left: -16px;
  padding: 22px 26px 20px 18px;
  overflow: hidden;
}
#alertsModule__content #listView__content .alerts__row .alerts__details a {
  color: var(--teal-500);
}
#alertsModule__content #listView__content .alerts__row .alerts__details h2 {
  font-size: 1.4em;
  margin-top: 1em;
}
#alertsModule__content #listView__content .alerts__row .alerts__details h2:first-child {
  margin-top: 0;
}
#alertsModule__content #listView__content .alerts__row .alerts__details h2 span {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
}
#alertsModule__content #listView__content .alerts__row .alerts__details p,
#alertsModule__content #listView__content .alerts__row .alerts__details li,
#alertsModule__content #listView__content .alerts__row .alerts__details .button {
  font-size: 100%;
}
#alertsModule__content #listView__content .alerts__row .alerts__details p,
#alertsModule__content #listView__content .alerts__row .alerts__details ul,
#alertsModule__content #listView__content .alerts__row .alerts__details ol {
  padding-left: 30px;
}
#alertsModule__content #listView__content .alerts__row .alerts__details .button {
  float: right;
  color: var(--colour-fg-default);
  font-size: 0.8em;
}
#alertsModule__content #listView__content .alerts__row .alerts__details .button.show_hide_list {
  padding: 5px 7px 5px 8px;
  margin-left: 12px;
}
#alertsModule__content #listView__content .alerts__row .alerts__details .listing__item__date {
  font-size: 12px !important;
}
#alertsModule__content #listView__content .alerts__row .alerts__details li {
  list-style-position: inside;
}
#alertsModule__content #listView__content .alerts__row .alerts__details__toggle {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 0.8em;
  padding-right: 20px;
}
#alertsModule__content #listView__content .alerts__row .alerts__details__toggle:after {
  position: absolute;
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e006";
  top: 5px;
  right: 5px;
}
#alertsModule__content #listView__content .alerts__row .alerts__details__toggle:hover {
  color: var(--colour-fg-default);
}
#alertsModule__content #listView__content .alerts__row.opened {
  border-color: var(--colour-fg-default);
  background: var(--colour-amber);
}
#alertsModule__content #listView__content .alerts__row.opened .alerts__details__toggle:after {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e00a";
  color: var(--colour-fg-default);
}
#alertsModule__content #listView__content .alerts__row.opened .alerts__details {
  display: block;
}
#alertsModule__content #listView__content .alerts__row.opened + li {
  border-color: var(--colour-fg-default);
}
.detailLeftColumn #alertsModule__content {
  float: none;
  width: 100%;
  margin-bottom: 0;
  overflow: hidden;
}
.detailLeftColumn #alertsModule__content .alertsModule__header {
  padding: 11px 20px;
  background: none;
}
.detailLeftColumn #alertsModule__content #listView__content {
  margin: 0;
  padding: 0;
}
.detailLeftColumn #alertsModule__content #listView__content .alerts__row {
  padding: 0 20px;
}
.detailLeftColumn #alertsModule__content #listView__content .alerts__row .cellSummary {
  padding-right: 1.3em;
  padding-left: 27px;
}
.detailLeftColumn #alertsModule__content #listView__content .alerts__row .cellPark {
  padding-right: 3.9em;
}
.detailLeftColumn #alertsModule__content #listView__content .alerts__row .alerts__details__toggle {
  right: 20px;
}
.detailLeftColumn #alertsModule__content #listView__content .alerts__row.opened {
  background: #fff;
}
.detailLeftColumn #alertsModule__content #listView__content .alerts__row .alerts__details {
  margin: 0 -20px;
  padding: 20px 20px 7px;
  border-top: 1px solid #bab2a8;
  /*background: #f2f0ee;*/
}
.detailLeftColumn #alertsModule__content #listView__content .alerts__row .alerts__details p {
  padding-left: 0;
}
.detailLeftColumn #alertsModule__content #listView__content .alerts__row .alerts__details > ul, .detailLeftColumn #alertsModule__content #listView__content .alerts__row .alerts__details > ol {
  padding-left: 1.3em;
  margin-bottom: 2em;
}
.detailLeftColumn #alertsModule__content #listView__wrapper {
  display: block;
}
#alertsModule__content .alertsList-table__wrapper {
  padding: 0 28px;
}
.upcomingAlerts #alertsModule__content .alertsList-table__wrapper {
  padding: 20px;
  background: #fff;
}
#alertsModule__content #alertsList-table {
  float: left;
  clear: both;
  width: 100%;
}
#alertsModule__content #alertsList-table tr {
  border-top: 1px solid #bab2a8;
}
#alertsModule__content #alertsList-table td {
  padding: 10px 1.3em 10px 16px;
  font-size: 1.3em;
  position: relative;
  vertical-align: top;
}
.ie8 #alertsModule__content #alertsList-table td {
  position: static;
}
#alertsModule__content #alertsList-table td > ul, #alertsModule__content #alertsList-table td > ol {
  margin-top: 0;
  padding: 0;
}
#alertsModule__content #alertsList-table td > ul li, #alertsModule__content #alertsList-table td > ol li {
  margin: 0;
  font-size: 1em;
}
#alertsModule__content #alertsList-table thead:before, #alertsModule__content #alertsList-table thead:after {
  content: " ";
  display: block;
  width: 30px;
  background-color: #fff;
  height: 55px;
  position: absolute;
}
.upcomingAlerts #alertsModule__content #alertsList-table thead:before, .upcomingAlerts #alertsModule__content #alertsList-table thead:after {
  display: none;
}
#alertsModule__content #alertsList-table thead:before {
  left: 0;
}
#alertsModule__content #alertsList-table thead:after {
  right: 0;
  top: 0;
}
#alertsModule__content #alertsList-table tbody:first-of-type:before {
  content: " ";
  display: block;
  height: 28px;
}
.upcomingAlerts #alertsModule__content #alertsList-table tbody:first-of-type:before {
  display: none;
}
#alertsModule__content #alertsList-table .alertsModule__header {
  border: none;
}
#alertsModule__content #alertsList-table .alertsModule__header th {
  text-align: left;
  font-weight: normal;
  padding-top: 11px;
  padding-bottom: 11px;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
}
#alertsModule__content #alertsList-table .alertsModule__header th.alerts__header {
  float: none;
  padding-left: 16px;
  white-space: nowrap;
}
#alertsModule__content #alertsList-table .alertsModule__header th.alerts__header.sortPark {
  width: 35%;
}
#alertsModule__content #alertsList-table .alertsModule__header th.alerts__header.sortDate {
  width: 25%;
}
.upcomingAlerts #alertsModule__content #alertsList-table .alertsModule__header th {
  padding-top: 0;
  padding-bottom: 0;
}
#alertsModule__content #alertsList-table .alerts__details__toggle {
  position: relative;
  right: 10px;
  font-size: 0.8em;
  padding-right: 20px;
}
#alertsModule__content #alertsList-table .alerts__details__toggle:after {
  position: absolute;
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e006";
  top: 5px;
  right: 5px;
}
#alertsModule__content #alertsList-table .alerts__details__toggle:hover {
  color: var(--colour-fg-default);
}
#alertsModule__content #alertsList-table .alerts__row {
  list-style: none;
  margin: 0;
  padding: 0 0 0 16px;
  border-top: 1px solid #bab2a8;
  overflow: hidden;
  position: relative;
}
#alertsModule__content #alertsList-table .alerts__row .alerts__cell {
  box-sizing: border-box;
}
.upcomingAlerts #alertsModule__content #alertsList-table .alerts__row .alerts__cell {
  width: 33.3%;
}
#alertsModule__content #alertsList-table .alerts__row .alerts__cell:hover {
  cursor: pointer;
}
#alertsModule__content #alertsList-table .alerts__row .alerts__cell.cellPark {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
}
.upcomingAlerts #alertsModule__content #alertsList-table .alerts__row .alerts__cell.cellPark {
  padding-right: 3.9em;
  padding-left: 16px;
}
#alertsModule__content #alertsList-table .alerts__row .alerts__cell.cellSummary {
  padding-right: 6em;
}
.upcomingAlerts #alertsModule__content #alertsList-table .alerts__row .alerts__cell.cellSummary {
  padding-right: 1%;
  padding-left: 32px;
  width: 28%;
  white-space: nowrap;
}
.upcomingAlerts #alertsModule__content #alertsList-table .alerts__row .alerts__cell.cellDate {
  width: 27%;
  white-space: nowrap;
  padding-right: 5%;
}
#alertsModule__content #alertsList-table .alerts__row .alerts__cell ul,
#alertsModule__content #alertsList-table .alerts__row .alerts__cell ol {
  margin-top: 0;
}
#alertsModule__content #alertsList-table .alerts__row .alerts__cell ul li,
#alertsModule__content #alertsList-table .alerts__row .alerts__cell ol li {
  font-size: inherit;
  margin-top: 0;
}
#alertsModule__content #alertsList-table .alerts__row .alerts__details {
  display: none;
  background: #fff;
  clear: both;
  margin-left: -16px;
  padding: 22px 26px 20px 18px;
  overflow: hidden;
}
#alertsModule__content #alertsList-table .alerts__row .alerts__details a {
  color: var(--teal-500);
}
#alertsModule__content #alertsList-table .alerts__row .alerts__details h2 {
  font-size: 1.4em;
  margin-top: 1em;
}
#alertsModule__content #alertsList-table .alerts__row .alerts__details h2:first-child {
  margin-top: 0;
}
#alertsModule__content #alertsList-table .alerts__row .alerts__details h2 span {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
}
#alertsModule__content #alertsList-table .alerts__row .alerts__details p {
  word-break: break-word;
}
#alertsModule__content #alertsList-table .alerts__row .alerts__details p,
#alertsModule__content #alertsList-table .alerts__row .alerts__details li,
#alertsModule__content #alertsList-table .alerts__row .alerts__details .button {
  font-size: 100%;
}
#alertsModule__content #alertsList-table .alerts__row .alerts__details p,
#alertsModule__content #alertsList-table .alerts__row .alerts__details ul,
#alertsModule__content #alertsList-table .alerts__row .alerts__details ol {
  padding-left: 30px;
}
#alertsModule__content #alertsList-table .alerts__row .alerts__details .button {
  float: right;
  color: var(--colour-fg-default);
  font-size: 0.8em;
}
#alertsModule__content #alertsList-table .alerts__row .alerts__details .button.show_hide_list {
  padding: 5px 7px 5px 8px;
  margin-left: 12px;
}
#alertsModule__content #alertsList-table .alerts__row .alerts__details .listing__item__date {
  font-size: 12px !important;
}
#alertsModule__content #alertsList-table .alerts__row .alerts__details li {
  list-style-position: inside;
}
#alertsModule__content #alertsList-table .alerts__row.alerts__details__row {
  display: none;
}
#alertsModule__content #alertsList-table .alerts__row.alerts__details__row td {
  word-break: break-word;
}
#alertsModule__content #alertsList-table .alerts__row.alerts__details__row.opened {
  display: table-row;
  border: none;
  background: #fff;
}
#alertsModule__content #alertsList-table .alerts__row.alerts__details__row.opened .alerts__details {
  display: block;
}
.lt-ie8 #alertsModule__content #alertsList-table .alerts__row.alerts__details__row.opened {
  display: block;
}
#alertsModule__content #alertsList-table .alerts__row.alerts__details__row .alerts__details__toggle {
  display: none;
  position: relative;
  float: right;
  top: 0;
  right: 0;
  margin-left: 10px;
}
.no-js #alertsModule__content #alertsList-table .alerts__row.alerts__details__row {
  display: table-row;
}
.lt-ie8 .no-js #alertsModule__content #alertsList-table .alerts__row.alerts__details__row {
  display: block;
}
.upcomingAlerts #alertsModule__content #alertsList-table .alerts__row.alerts__summary__row td:nth-child(3) {
  min-width: 0;
}
#alertsModule__content #alertsList-table .alerts__row.opened {
  border-color: var(--colour-fg-default);
  background: var(--colour-amber);
}
#alertsModule__content #alertsList-table .alerts__row.opened .alerts__details__toggle:after {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e00a";
  color: var(--colour-fg-default);
}
#alertsModule__content #alertsList-table .alerts__row.opened .alerts__details {
  display: block;
}
#alertsModule__content #alertsList-table .alerts__row.opened + li {
  border-color: var(--colour-fg-default);
}
.upcomingAlerts #alertsModule__content #alertsList-table .alerts__row.opened {
  background: #fff;
}
.upcomingAlerts #alertsModule__content {
  min-height: 0;
}

.listingBasic {
  width: 100%;
  padding: 0;
  margin: 0;
}
.detailLeftColumn .listingBasic {
  margin: 0;
  padding: 0;
}
.listingBasic li {
  background: #fff;
  list-style-type: none;
  font-size: 1em;
  margin: 0 0 2px 0;
  padding: 15px;
}
.listingBasic h2 {
  font-size: 1.8em;
  margin-bottom: 0.5em;
  margin-top: 0;
  letter-spacing: 0;
}
.listingBasic .headingIcon:before {
  background-color: var(--teal-500);
}
.visit .listingBasic .headingIcon:before {
  background-color: var(--teal-500);
}
.things .listingBasic .headingIcon:before {
  background-color: var(--teal-500);
}
.camping .listingBasic .headingIcon:before {
  background-color: var(--teal-500);
}
.venue .listingBasic .headingIcon:before {
  background-color: var(--teal-500);
}
.listingBasic .headingIcon a {
  color: var(--teal-500);
}
.visit .listingBasic .headingIcon a {
  color: var(--teal-500);
}
.things .listingBasic .headingIcon a {
  color: var(--teal-500);
}
.camping .listingBasic .headingIcon a {
  color: var(--teal-500);
}
.venue .listingBasic .headingIcon a {
  color: var(--teal-500);
}
.listingBasic p {
  font-size: 1.3em;
  margin-bottom: 0;
}
.listingBasic .date {
  font-size: 1.2em;
  margin-bottom: 0.5em;
}
.listingBasic .cta {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  margin-top: 0.5em;
}

.photoGallery {
  width: 100%;
  background: var(--colour-fg-default);
  overflow: hidden;
  clear: both;
}

.photoGallery__imgWrapper {
  position: relative;
}
.photoGallery__imgWrapper img {
  width: 100%;
}

.photoGallery__text p {
  color: #fff;
  margin: 20px;
}
.photoGallery__text p a {
  color: #fff;
}
.photoGallery__text .read-more {
  position: relative;
}
.photoGallery__text .read-more > .iea:after {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e009";
  position: relative;
  top: -1px;
  left: 0.5em;
  font-size: 0.6em;
  text-decoration: none;
}
.photoGallery__text .read-more-contents {
  display: none;
}

.iconList {
  padding-left: 0px;
  margin: 0;
}
.detailLeftColumn__block .iconList {
  margin-left: 0;
  margin-bottom: 0;
}
.iconList li {
  list-style-type: none;
  border-bottom: solid 1px #f2f0ee;
  margin: 0;
  padding-top: 0.6em;
  padding-bottom: 0.6em;
}
.iconList li.headingIcon {
  padding-right: 0.5em;
  padding-left: 2em;
}
.iconList li.headingIcon.headingIcon.hideListItem {
  display: none;
}
.iconList li.headingIcon:before {
  top: 0.5em;
  font-size: 1.2em;
}
.iconList li a,
.iconList li span {
  color: #666;
}
.iconList li a strong,
.iconList li span strong {
  color: var(--colour-fg-default);
}
.iconList li a {
  display: inline-block;
  padding-right: 15px;
}
.iconList + .cta {
  margin: 1em 0 0 0;
}
.iconList.restIcons {
  display: none;
}

.showHideIcons {
  margin: 1em 0;
}

.iconList.hoverInfo {
  margin-bottom: 0;
  padding: 0;
  clear: both;
  margin-left: 0;
}
.iconList.hoverInfo li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  list-style-type: none;
  margin: 0 9px 9px 0;
  padding: 0;
  float: left;
}
.iconList.hoverInfo li:before {
  top: 0;
}
.iconList.hoverInfo li a {
  width: 19px;
  height: 19px;
  position: relative;
  float: left;
  padding: 0;
  border-radius: 2px;
  border: solid 3px transparent;
  margin: -3px;
  text-decoration: none !important;
}
.iconList.hoverInfo li a:hover span {
  display: block;
}
.iconList.hoverInfo li a:hover, .iconList.hoverInfo li a:active, .iconList.hoverInfo li a:focus {
  border-color: var(--colour-amber);
}
.iconList.hoverInfo li span {
  position: absolute;
  top: 32px;
  left: 50%;
  margin-left: -86px;
  color: var(--colour-fg-default);
  background: -owg-linear-gradient(#fdfdfd, #e9e9e9);
  -pie-background: -pie-linear-gradient(#fdfdfd, #e9e9e9);
  background: linear-gradient(#fdfdfd, #e9e9e9);
  border: solid 1px #c8c8c8;
  font-size: 1em;
  padding: 5px 10px;
  display: none;
  z-index: 10;
  width: 150px;
  text-align: center;
}
.iconList.hoverInfo li span:before {
  position: absolute;
  top: -15px;
  left: 50%;
  margin-left: -15px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #fdfdfd;
  z-index: 11;
}
.iconList.hoverInfo li span:after {
  position: absolute;
  top: -16px;
  left: 50%;
  margin-left: -16px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-bottom: 16px solid #c8c8c8;
}

.bundle__header {
  margin: 0 -28px 30px;
  border-top: 12px solid var(--teal-500);
  overflow: hidden;
  position: relative;
}
.bundle__header--education {
  margin-bottom: 0;
}
.bundle__header img {
  position: absolute;
  top: 0;
  right: 0;
  width: 682px;
  height: auto;
  z-index: 1;
}

.bundle__desciption {
  color: var(--colour-fg-default);
  background: var(--white);
  float: left;
  width: 338px;
  height: 443px;
  padding: 28px;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
}
.bundle__desciption p {
  font-size: var(--h5-size);
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-normal);
}
.bundle__desciption a {
  color: var(--colour-fg-default);
}

.expandable {
  width: 10px;
  height: 10px;
  display: block;
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  right: 0;
}
.expandable:after {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e006";
  font-size: 0.5em;
  color: #999;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -0.25em;
}
.expandable.open:after {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e00a";
}

.modal__overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background: #2b2b2b;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.modal__wrapper {
  display: none;
  width: 594px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
}
.modal__wrapper .modal__contents {
  border-radius: 3px;
  background: #fff;
}
.modal__wrapper .modal__contents h1 {
  text-align: center;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-normal);
  padding-top: 1em;
  display: block;
}
.modal__wrapper .modal__contents h1 span {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
}
.modal__wrapper .modal__contents .modal__form,
.modal__wrapper .modal__contents .modal__contents__block {
  background: #efefef;
  overflow: hidden;
}
.modal__wrapper .modal__contents .modal__contents__block {
  padding: 36px;
}
.modal__wrapper .modal__contents .modal__contents__block h2 {
  margin-bottom: 0.5em;
}
.modal__wrapper .modal__contents .modal__contents__block h2 + p {
  margin-bottom: 2em;
}
.modal__wrapper .modal__contents .modal__form__block {
  float: left;
  width: 50%;
  padding: 18px 0 36px;
  box-sizing: border-box;
  position: relative;
}
.modal__wrapper .modal__contents .modal__form__block h2 {
  font-size: 1.3em;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  text-align: center;
  margin: 0.5em 0 1.9em;
}
.modal__wrapper .modal__contents .modal__form__block.social {
  padding-left: 36px;
  border-radius: 0 0 0 3px;
}
.modal__wrapper .modal__contents .modal__form__block.social:after {
  content: "";
  position: absolute;
  bottom: 9px;
  right: 0;
  width: 1px;
  height: 85%;
  background: #c1c1c1;
}
.modal__wrapper .modal__contents .modal__form__block .modal__form__social {
  display: block;
  width: 233px;
  height: 50px;
  line-height: 50px;
  font-size: 1.4em;
  color: #fff;
  background: url("../images/social-modal__form.png") no-repeat;
  text-align: right;
}
.modal__wrapper .modal__contents .modal__form__block .modal__form__social.twitter, .modal__wrapper .modal__contents .modal__form__block .modal__form__social.googleplus {
  margin-top: 18px;
}
.modal__wrapper .modal__contents .modal__form__block .modal__form__social.twitter {
  background-position: 0 -50px;
}
.modal__wrapper .modal__contents .modal__form__block .modal__form__social.googleplus {
  background-position: 0 -100px;
}
.modal__wrapper .modal__contents .modal__form__block .modal__form__social span {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  padding-right: 18px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .modal__wrapper .modal__contents .modal__form__block .modal__form__social {
    background-image: url("../images/social-modal__form-x-2.png");
    background-size: 233px auto;
  }
}
.modal__wrapper .modal__contents .modal__form__block.local {
  padding-right: 36px;
  padding-left: 28px;
  border-radius: 0 0 3px 0;
}
.modal__wrapper .modal__contents .modal__form__block.local input,
.modal__wrapper .modal__contents .modal__form__block.local .button {
  margin-bottom: 18px;
}
.modal__wrapper .modal__contents .modal__form__block.local .button {
  color: #fff;
  background: var(--teal-500);
  float: right;
}
.modal__wrapper .modal__contents .modal__form__block.local .modal__form__alternate {
  clear: both;
  text-align: center;
  position: absolute;
  right: 36px;
  bottom: 0;
  left: 28px;
}
.modal__wrapper .modal__contents .modal__form__block.local .modal__form__alternate a {
  color: var(--colour-fg-default);
  font-size: 1.2em;
  margin: 0 9px;
}
.modal__wrapper .modal__close {
  width: 19px;
  height: 19px;
  color: #989898;
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 100;
}
.modal__wrapper .modal__close:before, .modal__wrapper .modal__close > ieb {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e020";
  color: #989898;
  width: 19px;
  height: 19px;
  display: block;
  line-height: 18px;
  text-align: center;
  font-size: 16px;
}
.modal__wrapper.modalGallery {
  width: 857px;
  background: #2b2b2b;
}
.modal__wrapper.modalGallery .modalGallery__meta {
  font-size: 1.3em;
  color: #fff;
  display: block;
  padding: 12px 45px 0;
}
.modal__wrapper.modalGallery .modalGallery__meta span {
  display: block;
}
.modal__wrapper.modalGallery .modalGallery__meta span:first-child {
  font-size: 1.3em;
}
.modal__wrapper.modalGallery .modal__contents {
  background: none;
  width: 767px;
  height: 450px;
  margin: 0 auto;
  padding: 12px 0 45px;
  border-radius: 0;
  position: relative;
}
.modal__wrapper.modalGallery .modalGallery__slides {
  display: none;
  width: 100%;
  height: 450px;
  position: absolute;
  top: 12px;
  left: 0;
  overflow: hidden;
}
.modal__wrapper.modalGallery .modalGallery__slides iframe,
.modal__wrapper.modalGallery .modalGallery__slides img {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  display: block;
}
.modal__wrapper.modalGallery .modalGallery__slides .modalGallery__caption {
  font-size: 1.3em;
  color: #fff;
  display: block;
  background: #2b2b2b;
  background: rgba(43, 43, 43, 0.8);
  padding: 12px 0;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  display: none;
}
.modal__wrapper.modalGallery .modal__close {
  top: 12px;
  right: 12px;
}
.modal__wrapper.modalGallery .modalGallery__prev,
.modal__wrapper.modalGallery .modalGallery__next {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  padding: 12px;
  width: 18px;
  height: 36px;
  display: none;
  color: #fff;
  z-index: 1;
}
.modal__wrapper.modalGallery .modalGallery__prev:before, .modal__wrapper.modalGallery .modalGallery__prev > ieb,
.modal__wrapper.modalGallery .modalGallery__next:before,
.modal__wrapper.modalGallery .modalGallery__next > ieb {
  width: 100%;
  height: 100%;
  display: block;
  content: "  ";
}
.modal__wrapper.modalGallery .modalGallery__prev {
  left: 0;
}
.modal__wrapper.modalGallery .modalGallery__prev:before, .modal__wrapper.modalGallery .modalGallery__prev > ieb {
  background-image: url("/assets/NPWS/images/sprite.png");
  background-position: 0 -710px;
  background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .modal__wrapper.modalGallery .modalGallery__prev:before, .modal__wrapper.modalGallery .modalGallery__prev > ieb {
    background-image: url("/assets/NPWS/images/sprite-x-2.png");
    background-size: 60px auto;
    background-repeat: no-repeat;
  }
}
.modal__wrapper.modalGallery .modalGallery__next {
  right: 0;
}
.modal__wrapper.modalGallery .modalGallery__next:before, .modal__wrapper.modalGallery .modalGallery__next > ieb {
  background-image: url("/assets/NPWS/images/sprite.png");
  background-position: right -710px;
  background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .modal__wrapper.modalGallery .modalGallery__next:before, .modal__wrapper.modalGallery .modalGallery__next > ieb {
    background-image: url("/assets/NPWS/images/sprite-x-2.png");
    background-size: 60px auto;
    background-repeat: no-repeat;
  }
}

#mapWrapper {
  width: 73.4%;
  float: right;
}
#tabbedNav + #mapWrapper {
  width: 100%;
  float: left;
}
#tabbedNav + #mapWrapper #mapSearch {
  padding-left: 0;
}
#mapWrapper.detailLeftColumn__map {
  width: 100%;
  float: none;
}
#mapWrapper__disclaimer {
  margin-top: 1em;
}
#mapWrapper__disclaimer p {
  font-size: 1em;
}

#mapCanvas {
  width: 100%;
  display: block;
  height: 625px;
  margin-right: -28px;
  padding-right: 28px;
}

.infoBox {
  cursor: default;
  background: none !important;
  max-width: 380px;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-normal);
  letter-spacing: 0;
  z-index: 100;
}

.gm-style {
  font-size: 1.3em;
  letter-spacing: 0;
}

#mapSearch {
  padding: 10px 0 10px 0;
  clear: both;
}
#mapSearch form {
  display: inline;
}
#mapSearch input[type=search] {
  width: auto;
  margin: 0 0.5em;
  padding-left: 1%;
  padding-right: 1%;
  width: 30%;
}
#mapSearch input[type=submit] {
  vertical-align: baseline;
  float: none;
  padding: 9px 12px;
}
#mapSearch .loadIcon {
  display: none;
  vertical-align: middle;
  margin-top: -4px;
  margin-left: 0.5em;
}
#mapSearch.loading .loadIcon {
  display: inline-block;
}

#mapSearch__links {
  float: right;
  margin: 7px 0;
}
#mapSearch__links li {
  display: inline;
  padding-left: 1em;
  list-style-type: none;
}
#mapSearch__links a {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  font-size: 14px;
}

.mapSearch__textWrapper {
  position: relative;
  display: inline-block;
  width: 26%;
  margin: 0 0.5em;
}
.mapSearch__textWrapper input[type=search] {
  margin: 0 !important;
  width: 100% !important;
  padding-left: 3% !important;
  padding-right: 15% !important;
}

.mapSearch__geolocate {
  width: 22px;
  height: 32px;
  position: absolute;
  top: 0;
  right: 3px;
  z-index: 10;
  text-decoration: none !important;
}
.mapSearch__geolocate:before {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e033";
  font-size: 20px;
  color: #999999;
  vertical-align: top;
  line-height: 32px;
}

#mapSearch__results {
  display: none;
  margin: 1em 0 0 0;
}
#mapSearch__results.error {
  color: var(--colour-red);
}

/*Slideout menu for AlertListMap*/
#alertListMapRightSidebar {
  display: none;
  float: right;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 250px;
  background-color: #fff;
  padding: 20px;
  overflow-y: auto;
  max-height: 100%;
  box-shadow: 0 0 10px 0 rgba(56, 56, 56, 0.4);
}
#alertListMapRightSidebar ul li,
#alertListMapRightSidebar ol li {
  margin-left: 15px;
}
#alertListMapRightSidebar ul li ul li,
#alertListMapRightSidebar ol li ul li {
  font-size: 1em;
  list-style-type: disc;
  margin: 0 0 0 1em;
  padding: 0;
}
#alertListMapRightSidebar h1 {
  font-size: 2em !important;
  padding: 0;
  margin: 0.5em 0 1em 0;
  float: none;
}
#alertListMapRightSidebar h2 {
  font-size: 16px;
  margin: 2em 0 0.5em 0;
}
#alertListMapRightSidebar p {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-normal);
  word-wrap: break-word;
}
#alertListMapRightSidebar .alertListMapRightSidebar__date {
  font-size: 1.2em;
}
#alertListMapRightSidebar a {
  color: var(--teal-500);
}
#alertListMapRightSidebar .mainNav__close {
  position: relative;
  float: right;
}
#alertListMapRightSidebar .alertItem {
  list-style-type: none;
}
#alertListMapRightSidebar .alertItem__alertDate {
  font-size: 0.9em;
  font-style: italic;
}
#alertListMapRightSidebar .alertItem__locationsAffectedHeading {
  font-size: 1.3em;
}
#alertListMapRightSidebar .alertItem__affectedAssets .affectedItem__link {
  padding: 0;
  margin: 5px 0 5px 15px;
}

/* Alert Popup on alert map*/
.alertMapPopup h1 {
  font-size: 1.7em !important;
  float: none !important;
  margin-left: 0;
  margin-top: 0.7em !important;
  padding: 0 !important;
}
.alertMapPopup p {
  font-size: 1.1em;
}
.alertMapPopup a {
  color: var(--teal-500);
}
.alertMapPopup .alertMapPopup__alertDate {
  font-size: 1em;
  margin-bottom: 1em !important;
}
.alertMapPopup .alertMapPopup__alertAffectedLink {
  font-size: 1.1em;
}

/* Sitemap tree */
#sitemap.tree ul {
  list-style: none outside none;
}
#sitemap.tree ul > li > a {
  display: block;
  font-weight: normal;
  position: relative;
  text-decoration: none;
  height: 21px;
}
#sitemap.tree ul > li > a.toggle {
  display: inline-block;
}
#sitemap.tree li {
  list-style-type: none;
  font-size: 1.4em;
}
#sitemap.tree li a,
#sitemap.tree li span {
  line-height: 25px;
}
#sitemap.tree li.parent > a {
  padding: 0 0 0 4px;
  display: inline-block;
}
#sitemap.tree li.parent > a.toggle:before {
  content: "+";
  display: block;
  height: 21px;
  left: 0;
  position: absolute;
  top: 2px;
  vertical-align: middle;
  width: 23px;
}
#sitemap.tree li.active > a.toggle:before {
  content: "-";
}
#sitemap.tree li ul {
  border-left: 1px solid #d9dadb;
  display: none;
  margin: 0 0 0 12px;
  overflow: hidden;
  padding: 0 0 0 25px;
}
#sitemap.tree li ul li {
  font-size: 1em;
  position: relative;
}
#sitemap.tree li ul li:before {
  border-bottom: 1px dashed #e2e2e3;
  content: "";
  left: -20px;
  position: absolute;
  top: 12px;
  width: 15px;
}

/* State and region map's pin selector*/
.regionMapSelector {
  float: left;
  display: none;
}
.regionMapSelector .mapSidebarListing__toggleFilter {
  margin-top: -3.2em;
}
.regionMapSelector h2 {
  font-size: 1.6em;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  margin: 1em 0 0 0;
  border-bottom: solid 1px #fff;
  padding-bottom: 0.5em;
  position: relative;
}
.regionMapSelector h2 > a.show_hide_list {
  font-size: 0.75em;
}
.regionMapSelector h2 > a.show_hide_list.visit {
  color: var(--teal-500);
}
.regionMapSelector h2 > a.show_hide_list.things {
  color: var(--teal-500);
}
.regionMapSelector h2 > a.show_hide_list.camping {
  color: var(--teal-500);
}
.regionMapSelector h2 > a.show_hide_list.venue {
  color: var(--teal-500);
}
.regionMapSelector h2 > a.show_hide_list.education {
  color: var(--teal-500);
}
.regionMapSelector.static h2 {
  display: block;
}
.regionMapSelector ul li {
  padding: 0;
  margin: 0;
  position: relative;
}
.regionMapSelector ul li.headingIcon {
  padding-left: 2.6em;
}
.regionMapSelector ul li:before {
  top: 0.5em;
  left: 0.6em;
}
.regionMapSelector ul li a {
  text-decoration: none !important;
  display: block;
  padding: 0.6em 0.6em 0.6em 2.5em;
  color: var(--colour-fg-default);
  border-bottom: solid 1px #fff;
}
.regionMapSelector ul li a:hover, .regionMapSelector ul li a.active {
  background-color: #fff;
  border-bottom-color: #cbcbcb;
  border-top: solid 1px #cbcbcb;
  margin-top: -1px;
}
.regionMapSelector ul li a:hover + .jumptomap, .regionMapSelector ul li a.active + .jumptomap {
  margin-top: -13px;
}
.regionMapSelector ul li a:before {
  top: 0.5em;
  font-size: 1em;
  left: 0.4em;
}
.regionMapSelector ul.filterList li {
  padding: 0;
}
.regionMapSelector ul + h2 {
  margin-top: 1.5em;
}
.regionMapSelector .btn {
  font-size: 0.7em;
  text-decoration: none !important;
  display: inline-block;
  border: 1px solid #cfcfcf;
  border-radius: 3px;
  background: #ffffff;
  padding: 3px 5px 2px 5px;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
}
.regionMapSelector .btn-change {
  font-size: 0.8em;
  display: inline-block;
  padding: 3px 5px 2px 5px;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  float: right;
  color: #2b2b2b;
  text-decoration: underline;
}
.regionMapSelector .button.jumptomap {
  display: none;
  background: var(--teal-500) !important;
}
.regionMapSelector .button.jumptomap:hover, .regionMapSelector .button.jumptomap:active {
  background: var(--teal-900) !important;
}
.regionMapSelector .regionMapSelector__container {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  height: 625px;
}
.regionMapSelector__menuToggle__container {
  display: none;
}
.regionMapSelector .regionMapSelector__divider {
  display: none;
  border-top: 1px solid #999999;
}

.mCS-ng-visit.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-ng-visit.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-ng-visit.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-ng-visit.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: var(--teal-500);
}
.mCS-ng-visit.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #e2e2e2;
}

.spiderfy-collapse-expand-toggle > div {
  margin-top: 8px;
  border-radius: 2px;
  font-weight: bold;
  font-family: Arial;
  font-size: 11px;
  background: #000000 !important;
  color: white !important;
  min-width: 75px;
}
.spiderfy-collapse-expand-toggle > div a {
  text-decoration: none !important;
  color: white !important;
  outline: none;
  width: inherit;
  display: block;
  position: relative;
}
.spiderfy-collapse-expand-toggle > div a.toggle-link .icon {
  float: left;
  font-size: 8px;
  display: inline-block;
  background: white !important;
  color: #000000 !important;
  width: 20px;
  text-align: center;
  padding-top: 0;
  position: absolute;
  left: 0;
  height: 100%;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}
.spiderfy-collapse-expand-toggle > div a.toggle-link .icon:before {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e020";
  font-size: 10px;
  position: relative;
  top: 50%;
  margin-top: -10px;
}
.spiderfy-collapse-expand-toggle > div a.toggle-link .toggle-link-text {
  text-align: center;
  float: left;
  position: absolute;
  width: 55px;
  left: 20px;
  color: white !important;
}
.spiderfy-collapse-expand-toggle > div:before {
  display: block;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #000000;
  position: absolute;
  top: 2px;
  left: 50%;
  margin-left: -5px;
  content: "";
  z-index: 10;
}
.spiderfy-collapse-expand-toggle.collapsed > div {
  background: white !important;
  color: #000000 !important;
}
.spiderfy-collapse-expand-toggle.collapsed > div a {
  color: #000000 !important;
}
.spiderfy-collapse-expand-toggle.collapsed > div a.toggle-link .icon {
  background: #000000 !important;
  color: white !important;
}
.spiderfy-collapse-expand-toggle.collapsed > div a.toggle-link .icon:before {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e050";
  top: 2px;
  margin-top: 0px;
}
.spiderfy-collapse-expand-toggle.collapsed > div a.toggle-link .toggle-link-text {
  color: #000000 !important;
}
.spiderfy-collapse-expand-toggle.collapsed > div:before {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
}

.sitemap {
  margin-top: 38px;
}
.sitemap .row {
  margin-right: -9px;
  margin-left: -9px;
}
.sitemap .col-xs-1,
.sitemap .col-sm-1,
.sitemap .col-md-1,
.sitemap .col-lg-1,
.sitemap .col-xs-2,
.sitemap .col-sm-2,
.sitemap .col-md-2,
.sitemap .col-lg-2,
.sitemap .col-xs-3,
.sitemap .col-sm-3,
.sitemap .col-md-3,
.sitemap .col-lg-3,
.sitemap .col-xs-4,
.sitemap .col-sm-4,
.sitemap .col-md-4,
.sitemap .col-lg-4,
.sitemap .col-xs-5,
.sitemap .col-sm-5,
.sitemap .col-md-5,
.sitemap .col-lg-5,
.sitemap .col-xs-6,
.sitemap .col-sm-6,
.sitemap .col-md-6,
.sitemap .col-lg-6,
.sitemap .col-xs-7,
.sitemap .col-sm-7,
.sitemap .col-md-7,
.sitemap .col-lg-7,
.sitemap .col-xs-8,
.sitemap .col-sm-8,
.sitemap .col-md-8,
.sitemap .col-lg-8,
.sitemap .col-xs-9,
.sitemap .col-sm-9,
.sitemap .col-md-9,
.sitemap .col-lg-9,
.sitemap .col-xs-10,
.sitemap .col-sm-10,
.sitemap .col-md-10,
.sitemap .col-lg-10,
.sitemap .col-xs-11,
.sitemap .col-sm-11,
.sitemap .col-md-11,
.sitemap .col-lg-11,
.sitemap .col-xs-12,
.sitemap .col-sm-12,
.sitemap .col-md-12,
.sitemap .col-lg-12 {
  position: relative;
  min-height: 1px;
}
.sitemap .col-xs-1,
.sitemap .col-xs-2,
.sitemap .col-xs-3,
.sitemap .col-xs-4,
.sitemap .col-xs-5,
.sitemap .col-xs-6,
.sitemap .col-xs-7,
.sitemap .col-xs-8,
.sitemap .col-xs-9,
.sitemap .col-xs-10,
.sitemap .col-xs-11,
.sitemap .col-xs-12 {
  float: left;
}
.sitemap .sitemap__buttons .button {
  margin-right: 20px;
  margin-bottom: 10px;
  text-decoration: none;
}
.sitemap .sitemap__buttons .button:last-child {
  margin-right: 0;
}
.sitemap .sitemap__columns {
  margin-top: 15px;
}
.sitemap .sitemap__columns .col-xs-12 {
  width: 100%;
}
.sitemap .sitemap__columns .col-xs-6 {
  width: 50%;
}
.sitemap .sitemap__columns .col-xs-3 {
  width: 25%;
}
@media only screen and (min-width: 768px) {
  .sitemap .sitemap__columns [class*=col-sm] {
    float: left;
  }
  .sitemap .sitemap__columns .col-sm-12 {
    width: 100%;
  }
  .sitemap .sitemap__columns .col-sm-6 {
    width: 50%;
  }
  .sitemap .sitemap__columns .col-sm-3 {
    width: 25%;
  }
}
@media only screen and (min-width: 992px) {
  .sitemap .sitemap__columns [class*=col-md] {
    float: left;
  }
  .sitemap .sitemap__columns .col-md-12 {
    width: 100%;
  }
  .sitemap .sitemap__columns .col-md-6 {
    width: 50%;
  }
  .sitemap .sitemap__columns .col-md-3 {
    width: 25%;
  }
}
.sitemap .sitemap__item {
  border-top: 4px solid var(--teal-500);
  margin-bottom: 20px;
  margin-right: 9px;
  margin-left: 9px;
  background: #ffffff;
}
.sitemap .sitemap__item.border-color-1 {
  border-top-color: var(--teal-500);
}
.sitemap .sitemap__item.border-color-2 {
  border-top-color: var(--teal-500);
}
.sitemap .sitemap__item.border-color-3 {
  border-top-color: var(--teal-500);
}
.sitemap .sitemap__item.border-color-4 {
  border-top-color: var(--teal-500);
}
.sitemap .sitemap__item h2 {
  margin-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f2f0ee;
  text-decoration: none;
  font-size: 1.4em;
  padding-left: 12px;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
}
.sitemap .sitemap__item ul {
  padding: 0 12px 12px;
  margin-top: 10px;
}
.sitemap .sitemap__item ul li {
  list-style-type: none;
}
.sitemap .sitemap__item ul li a {
  text-decoration: none;
}
.sitemap .sitemap__item a:hover {
  text-decoration: underline !important;
}
.sitemap a {
  text-decoration: none !important;
}

.mudmap-svg {
  width: 100%;
  max-height: 284px;
  background-color: var(--grey-500);
}
.mudmap-svg a {
  pointer-events: all;
  border: 0;
  text-decoration: none !important;
}
.mudmap-svg a path {
  fill: var(--white);
  stroke: #97999d;
}
.mudmap-svg a text {
  fill: var(--grey-500);
}
.mudmap-svg a:active path, .mudmap-svg a.is-active path {
  fill: var(--grey-200);
}
.mudmap-svg a:focus path, .mudmap-svg a:hover path {
  fill: var(--grey-600);
}
.mudmap-svg a:focus text, .mudmap-svg a:hover text {
  fill: var(--white);
}

.ui-autocomplete-list {
  list-style: none;
}

.ui-autocomplete-heading {
  padding: 0.7rem;
  margin-bottom: 0;
  font-size: 1.4rem;
  font-style: italic;
  opacity: 0.9;
  color: var(--grey-600);
}

#tabbedNav {
  float: left;
  width: 100%;
  border-bottom: 14px solid var(--teal-500);
  margin: 0 -28px;
  padding: 0 28px;
}
.alerts #tabbedNav, .alertsMain #tabbedNav {
  border-bottom-color: var(--colour-amber);
}
.alerts .red #tabbedNav, .alertsMain .red #tabbedNav {
  border-bottom-color: var(--colour-red);
}
#tabbedNav #tabbedNav__subNav > ul {
  float: left;
  width: 72.4112%;
}
#tabbedNav #tabbedNav__subNav > ul > li {
  float: left;
  padding-left: 4px;
  position: relative;
  box-sizing: border-box;
}
#tabbedNav #tabbedNav__subNav > ul > li > a {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  display: block;
  font-size: var(--body-font-size);
  color: var(--teal-500);
  text-align: center;
  min-height: 36px;
  line-height: 36px;
  border-radius: 4px 4px 0 0;
  box-sizing: border-box;
  white-space: pre;
  outline-color: var(--grey-900);
  background-color: white;
  text-decoration: none;
  border: 1px solid var(--grey-100);
  border-bottom: 0;
}
#tabbedNav #tabbedNav__subNav > ul > li > a:hover {
  background-color: var(--teal-500);
  color: white;
}
@media (min-width: 768px) {
  #tabbedNav #tabbedNav__subNav > ul > li > a {
    font-size: var(--h5-size);
  }
}
@media (min-width: 1012px) {
  #tabbedNav #tabbedNav__subNav > ul > li > a {
    font-size: var(--body-font-size);
  }
}
.alertsMain #tabbedNav #tabbedNav__subNav > ul > li > a {
  background-color: #b8860a;
  color: var(--colour-fg-default);
}
.alertsMain .red #tabbedNav #tabbedNav__subNav > ul > li > a {
  background-color: #801a0a;
  color: #fff;
}
.alerts #tabbedNav #tabbedNav__subNav > ul > li > a:focus {
  outline-color: #000;
}
#tabbedNav #tabbedNav__subNav > ul > li:first-child {
  padding-left: 0;
}
#tabbedNav #tabbedNav__subNav > ul > li.active {
  margin-top: -4px;
}
#tabbedNav #tabbedNav__subNav > ul > li.active > a {
  min-height: 41px;
  line-height: 41px;
  background: var(--teal-500);
  color: white;
  border: 0;
}
.alertsMain #tabbedNav #tabbedNav__subNav > ul > li.active > a {
  background: var(--colour-amber);
  color: var(--grey-800);
}
.alertsMain .red #tabbedNav #tabbedNav__subNav > ul > li.active > a {
  background: var(--colour-red);
}
#tabbedNav #tabbedNav__overview,
#tabbedNav #tabbedNav__venue-info {
  width: 18.63%;
}
#tabbedNav #tabbedNav__visitor-info {
  width: 19.78%;
}
.education #tabbedNav #tabbedNav__visitor-info {
  width: 26%;
}
#tabbedNav #tabbedNav__learn-more {
  width: 20.42%;
}
#tabbedNav #tabbedNav__what-were-doing {
  width: 26.98%;
}
#tabbedNav #tabbedNav__near-by {
  width: 22.45%;
}
#tabbedNav #tabbedNav__what-to-do {
  width: 35.45%;
}
#tabbedNav #tabbedNav__maps {
  width: 14.19%;
}
#tabbedNav #tabbedNav__stay-up-to-date {
  width: 28.78%;
}
#tabbedNav #tabbedNav__magazine {
  width: 17.27%;
}
#tabbedNav #tabbedNav__pocket-guide {
  width: 20.29%;
}
#tabbedNav #tabbedNav__alerts-summary {
  width: 17.1%;
}
#tabbedNav #tabbedNav__alerts-list {
  width: 16.4%;
}
#tabbedNav #tabbedNav__alerts-map {
  width: 11.4%;
}
#tabbedNav #tabbedNav__alerts {
  float: right;
  width: 25.53%;
  position: relative;
}
#tabbedNav #tabbedNav__alerts > a {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  color: var(--colour-fg-default);
  letter-spacing: 0.02em;
  border-style: solid;
  border-width: 1px 1px 0 1px;
  border-color: var(--grey-100);
  min-height: 35px;
  line-height: 35px;
  float: left;
  width: 100%;
  font-size: 1.7em;
  text-align: center;
  border-radius: 4px 4px 0 0;
  text-decoration: none;
  background-color: white;
}
#tabbedNav #tabbedNav__alerts > a .count {
  color: var(--colour-fg-default);
  background: var(--colour-amber);
  border-radius: 8px;
  padding: 1px 9px;
  height: 18px;
  line-height: 18px;
  font-size: 0.75em;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-normal);
  vertical-align: text-bottom;
}
#tabbedNav #tabbedNav__alerts.active > a {
  color: var(--colour-fg-default);
  background: var(--colour-amber);
  border: none;
  line-height: 36px;
  min-height: 36px;
}
#tabbedNav #tabbedNav__alerts.active > a .count {
  background-color: #fff;
}
#tabbedNav #tabbedNav__alerts .mainNav__hoverBox {
  display: none;
  top: 34px;
  width: 100%;
  margin-left: -50%;
}
#tabbedNav #tabbedNav__alerts .mainNav__hoverBox .box {
  background: #fdb924;
}
#tabbedNav #tabbedNav__alerts .mainNav__hoverBox .box:after,
#tabbedNav #tabbedNav__alerts .mainNav__hoverBox .box > iea {
  border-bottom-color: var(--colour-amber);
}

@media only screen and (max-width: 50em) {
  #tabbedNav {
    margin: 0 -15px;
    padding: 0 15px;
  }
}
@media only screen and (max-width: 47.5em) {
  #tabbedNav > ul > li > a {
    font-size: 1.4em;
  }
  #tabbedNav #tabbedNav__subNav > ul {
    width: auto;
  }
  #tabbedNav #tabbedNav__subNav > ul > li {
    width: auto !important;
  }
  #tabbedNav #tabbedNav__subNav > ul > li > a {
    padding: 0 12px;
    font-size: 14px;
  }
  #tabbedNav #tabbedNav__alerts {
    float: left;
    width: 14.6%;
    margin-left: 4px;
  }
  #tabbedNav #tabbedNav__alerts .excess {
    display: none;
  }
  #tabbedNav #tabbedNav__alerts .mainNav__hoverBox {
    width: 221%;
    margin-left: -140%;
  }
  #tabbedNav #tabbedNav__alerts > a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 41.25em) {
  #tabbedNav__menu {
    display: none;
  }
}
@media only screen and (max-width: 41.25em) {
  #tabbedNav #tabbedNav__subNav {
    position: relative;
  }
  #tabbedNav #tabbedNav__subNav > ul {
    float: none;
    display: none;
    position: absolute;
    z-index: 120;
    top: 49px;
    left: 0;
    right: 0;
    background: var(--teal-700);
    margin-left: -15px;
    margin-right: -15px;
    box-sizing: border-box;
  }
  #tabbedNav #tabbedNav__subNav > ul > li {
    width: 100% !important;
    border-bottom: solid 1px var(--grey-000);
    padding-left: 0;
  }
  .alertsMain #tabbedNav #tabbedNav__subNav > ul > li {
    border-bottom-color: var(--colour-amber);
  }
  .alertsMain .red #tabbedNav #tabbedNav__subNav > ul > li {
    border-bottom-color: var(--colour-red);
  }
  #tabbedNav #tabbedNav__subNav > ul > li:last-child {
    border-bottom: 0;
  }
  #tabbedNav #tabbedNav__subNav > ul > li.active {
    margin-top: 0;
  }
  #tabbedNav #tabbedNav__subNav > ul > li.active a {
    min-height: 0;
    line-height: normal;
    color: white;
    background-color: var(--teal-600);
  }
  .alertsMain #tabbedNav #tabbedNav__subNav > ul > li.active a {
    color: var(--grey-800);
  }
  #tabbedNav #tabbedNav__subNav > ul > li > a {
    font-family: var(--poppins-font);
    font-weight: var(--font-weight-bold);
    text-align: left;
    border-radius: 0;
    width: 100%;
    line-height: normal;
    min-height: 0;
    padding: 16px;
    letter-spacing: 0.05em;
    border: 0;
  }
  #tabbedNav #tabbedNav__menu {
    font-family: var(--poppins-font);
    font-weight: var(--font-weight-bold);
    position: relative;
    display: block;
    background: var(--teal-500);
    color: #fff;
    letter-spacing: 0.02em;
    font-size: 1.5em;
    border-radius: 4px 4px 0 0;
    float: left;
    min-height: 36px;
    line-height: 36px;
    width: 32%;
    margin-right: 3%;
    text-align: center;
    text-decoration: none;
  }
  .alertsMain #tabbedNav #tabbedNav__menu {
    color: var(--grey-800);
  }
  .visit #tabbedNav #tabbedNav__menu {
    background: var(--teal-500);
  }
  .things #tabbedNav #tabbedNav__menu {
    background: var(--teal-500);
  }
  .camping #tabbedNav #tabbedNav__menu {
    background: var(--teal-500);
  }
  .venue #tabbedNav #tabbedNav__menu {
    background: var(--teal-500);
  }
  .alertsMain #tabbedNav #tabbedNav__menu {
    background: var(--colour-amber);
  }
  .alertsMain .red #tabbedNav #tabbedNav__menu {
    background: var(--colour-red);
  }
  #tabbedNav #tabbedNav__menu::after {
    font-family: "icons";
    speak: none;
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e006";
    font-size: 8px;
    margin-left: 1.5em;
  }
  #tabbedNav #tabbedNav__menu.open::after {
    font-family: "icons";
    speak: none;
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e00a";
  }
  #tabbedNav #tabbedNav__menu.open + ul {
    display: block;
  }
  #tabbedNav #tabbedNav__alerts {
    display: block;
    width: 65%;
    margin-left: 0;
  }
  #tabbedNav #tabbedNav__alerts > a {
    font-size: 1.5em;
  }
  #tabbedNav #tabbedNav__alerts .mainNav__hoverBox {
    width: 154%;
    margin-left: -104%;
  }
  #tabbedNav #tabbedNav__alerts .mainNav__hoverBox .box::after {
    left: 66.66%;
  }
  #tabbedNav #tabbedNav__alerts .excess {
    display: inline;
  }
}
#parkMore {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
p + #parkMore, .detailLeftColumn__block + #parkMore {
  margin-top: 40px;
}
#parkMore p a {
  color: var(--colour-fg-default);
}
#parkMore h3 {
  margin-bottom: 0.5em;
}
#parkMore ul {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}
#parkMore li {
  margin-bottom: 0.5em;
  position: relative;
  list-style-type: none;
  padding-left: 8px;
}
#parkMore li:before,
#parkMore li > ieb {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e009";
  font-size: 0.6em;
  position: absolute;
  top: 6px;
  left: 0;
}
#parkMore img {
  margin-bottom: 1em;
  width: 100%;
  max-height: 194px;
  display: block;
}
#parkMore .parkMore__category {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.02em;
  margin-bottom: 0.3em;
}
#parkMore .parkMore__seeMore {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.02em;
  margin-bottom: 0;
}
#parkMore .parkMore__item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: calc(50% - 5px);
  max-width: calc(50% - 5px);
  background: #fff;
  box-sizing: border-box;
  padding: 18px 2.31%;
  flex-basis: calc(50% - 5px);
  margin-bottom: 1.6rem;
}
@media only screen and (max-width: 35em) {
  #parkMore {
    display: block;
    background-color: transparent;
  }
  #parkMore .parkMore__item {
    width: auto;
    max-width: 100%;
    min-height: initial !important;
    padding: 20px 5%;
    margin-left: 0;
    margin-top: 12px;
  }
  #parkMore .parkMore__item:first-child {
    margin-top: 0;
  }
}

.experience__listings {
  margin-bottom: 2.5rem;
}

.experience__title {
  margin-bottom: 1.7rem;
}

.experience__item {
  display: flex;
  flex-direction: column-reverse;
  background-color: #fff;
  padding: 2rem;
}
.experience__item:not(last-child) {
  margin-bottom: 1.2rem;
}
@media screen and (min-width: 44em) {
  .experience__item {
    flex-direction: row;
    min-height: 300px;
    padding: 0;
  }
  .experience__item:nth-child(odd) {
    flex-direction: row-reverse;
  }
  .experience__item:nth-child(odd) > .experience__text-box::before {
    right: 100%;
    margin-right: 0;
    border-left-color: transparent;
    border-right-color: white;
  }
  .experience__item > * {
    width: 50%;
  }
  .experience__content {
    padding: 2.5em;
  }
}

.experience__text-box {
  position: relative;
}
.experience__text-box::before {
  border: 1.7rem solid transparent;
  border-bottom-color: white;
  position: absolute;
  right: 50%;
  margin-top: -3.4rem;
  margin-right: -1.7rem;
  content: "";
  z-index: 10;
}
@media screen and (min-width: 44em) {
  .experience__text-box::before {
    margin-top: -1.7rem;
    margin-right: -3.4rem;
    right: 0%;
    top: 50%;
    border-bottom-color: transparent;
    border-left-color: white;
  }
}

.experience__button {
  padding-right: 2em;
}
.experience__button::after {
  content: "\e009";
  display: inline-block;
  font-family: icons;
  font-size: 0.65em;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  margin-top: -0.55em;
  position: absolute;
  right: 8px;
  text-transform: none;
  top: 50%;
  vertical-align: middle;
}
@media screen and (min-width: 44em) {
  .experience__button {
    display: inline-block;
    float: none;
  }
}

.experience__heading {
  margin-top: 1.7rem;
  margin-bottom: 1rem;
  font-size: 2em;
}
@media screen and (min-width: 44em) {
  .experience__heading {
    margin-top: 0;
  }
}

.heading__title {
  display: block;
}
@media screen and (min-width: 44em) {
  .heading__title {
    display: inline;
  }
}

.heading__badge {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-normal);
  display: inline-block !important;
  margin-bottom: 0.3em;
  margin-right: 0.5em;
  padding: 0.5em;
  font-size: 0.5em !important;
  font-style: normal !important;
  text-transform: uppercase;
  background-color: black;
  color: white;
  vertical-align: middle;
  line-height: 1;
}

.experience__description p {
  font-size: 1.6em;
}

.experience__description-list {
  margin-bottom: 0.6em;
  border-bottom: none;
}
@media screen and (min-width: 34em) {
  .experience__description-list {
    margin-bottom: 1.6em;
  }
  @supports (display: grid) {
    .experience__description-list {
      display: grid;
      grid-template-columns: 110px 2fr;
      grid-gap: 1em;
    }
  }
}
.experience__description-list dd {
  border-top: none;
  font-size: 1.6em;
  padding: 0;
  width: 65%;
  float: left;
  margin-bottom: 1em;
}
@supports (display: grid) {
  .experience__description-list dd {
    width: 100%;
  }
}
@media screen and (min-width: 44em) {
  .experience__description-list dd {
    margin-bottom: 0;
  }
}
.experience__description-list dt {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  width: 100%;
  padding: 0;
  font-size: 1.6em;
}
@media screen and (min-width: 44em) {
  .experience__description-list dt {
    padding: 0;
    font-size: 1.6em;
    clear: both;
    float: left;
    -webkit-hyphens: auto;
            hyphens: auto;
    width: 30%;
    word-wrap: break-word;
  }
  @supports (display: grid) {
    .experience__description-list dt {
      width: 100%;
    }
  }
}

.experience__img-box {
  background: #333;
  position: relative;
  overflow: hidden;
}
.experience__img-box::before {
  display: block;
  content: "";
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%;
}
.experience__img-box a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@media screen and (min-width: 44em) {
  .experience__img-box::before {
    all: unset;
  }
  .experience__img-box > a {
    position: absolute;
    height: 100%;
    width: 100%;
  }
  .experience__img-box .experience__img {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
  }
}

.experience__img {
  width: 100%;
}
@media screen and (min-width: 44em) {
  .experience__img {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
  }
}

.npws-alert {
  overflow: auto;
  background-color: var(--white);
}
.npws-alert .npws-alert__header {
  background-color: var(--colour-amber);
}
.npws-alert .npws-alert__button-details {
  background-color: var(--colour-amber);
  color: currentColor;
}
.npws-alert .npws-alert__button-details:hover {
  background-color: var(--gold-300);
  color: currentColor;
}

.npws-alert--red .npws-alert__header {
  background-color: var(--colour-red);
  color: var(--white);
}
.npws-alert--red .npws-alert__button-details {
  background-color: var(--colour-red);
  color: var(--white);
}
.npws-alert--red .npws-alert__button-details:hover {
  background-color: var(--colour-red);
  color: var(--white);
}

.npws-alert__arrow-icon {
  height: 1.6rem;
  min-width: 1.6rem;
  text-align: left;
  flex: 0 1;
}

.npws-alert__warning-icon {
  height: 2.7rem;
  min-width: 2.7rem;
  width: 2.7rem;
  margin-right: 1rem;
}

.npws-alert__title {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  margin-right: auto;
  background-color: transparent;
  font-size: var(--h5-size);
}
@media screen and (min-width: 33em) {
  .npws-alert__title {
    margin-right: 1rem;
  }
}

.npws-alert__toggle {
  margin: 0;
  font: inherit;
  color: inherit;
  display: flex;
  align-items: center;
  padding: 1.25rem 0;
  width: 100%;
  outline: inherit;
  border: 0;
  background-color: transparent;
  transition: background-color 0.1s ease-in;
}

.npws-alert__toggle:focus .npws-alert__arrow-icon {
  outline: var(--black) 2px dotted;
}

.npws-alert__content {
  overflow: auto;
  padding: 1.6rem 0 2rem;
}

[aria-expanded=true] .npws-alert__arrow-icon {
  transform: rotate(180deg);
}

.no-js .npws-alert > [hidden] {
  display: block;
}

.alert-module__header {
  overflow: auto;
  background-color: var(--grey-100);
}
@media (min-width: 1012px) {
  .alert-module__header {
    border-color: #fff;
    border-style: solid;
    border-width: 0 2px;
  }
}
.alert-module__header h1 {
  padding: 0 1.5rem !important;
}
@media screen and (min-width: 60em) {
  .alert-module__header h1 {
    padding: 0 3rem !important;
    margin-top: inherit;
    float: left;
  }
}

.alert-module__filtering {
  display: flex;
}

.alert-module__filter {
  padding: 1.5rem;
  background-color: #fff;
  flex: 1 0 auto;
}
.alert-module__filter form {
  position: relative;
}

.alert-module__map-zoom {
  flex: 1 0 auto;
  background-color: #fff;
}
.alert-module__map-zoom#mapSearch {
  padding: 1.5rem;
}
@media screen and (min-width: 60em) {
  .alert-module__map-zoom#mapSearch {
    display: flex;
    align-items: center;
  }
}
.alert-module__map-zoom#mapSearch.loading .loadIcon {
  display: inline-block;
  position: absolute;
  top: 26px;
  right: 0;
}
@media screen and (min-width: 33em) {
  .alert-module__map-zoom#mapSearch.loading .loadIcon {
    right: 54px;
  }
}
@media screen and (min-width: 60em) {
  .alert-module__map-zoom#mapSearch.loading .loadIcon {
    position: inherit;
  }
}
.alert-module__map-zoom#mapSearch form {
  display: block;
  position: relative;
}
@media screen and (min-width: 60em) {
  .alert-module__map-zoom#mapSearch form {
    display: flex;
    align-items: center;
    flex: 1 0 auto;
    position: inherit;
    max-width: 55.5%;
  }
}
.alert-module__map-zoom#mapSearch input[type=search] {
  width: 100%;
  margin: 0;
  padding: 7px;
}
.alert-module__map-zoom#mapSearch input[type=submit] {
  padding: 6px 12px;
}
@media screen and (min-width: 60em) {
  .alert-module__map-zoom#mapSearch #mapSearch__results {
    margin: 0 1rem;
  }
  .alert-module__map-zoom#mapSearch .alert-filter__input {
    flex: 1 0;
    margin-left: 1rem;
  }
}
.alert-module__map-zoom#mapSearch .alert-filter__button--reset {
  margin-top: 1rem;
  padding: 0;
  background-color: transparent !important;
}
@media screen and (min-width: 60em) {
  .alert-module__map-zoom#mapSearch .alert-filter__button--reset {
    margin: 0;
    margin-left: auto;
  }
}

.alert-module__label {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  font-size: 1.6rem;
}

.alert-filter__input {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 33em) {
  .alert-filter__input {
    flex-direction: row;
  }
}
.alert-filter__input > * + * {
  margin-top: 1rem;
}
@media screen and (min-width: 33em) {
  .alert-filter__input > * + * {
    margin-top: 0;
    margin-left: 1rem;
  }
}

.alert-filter__button {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  padding: 0;
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
  outline: inherit;
  border-radius: 2px;
  padding: 6px 12px;
  font-size: 1.4rem;
  vertical-align: bottom;
  overflow: hidden;
  color: var(--colour-fg-default) !important;
  background-color: var(--colour-amber) !important;
}

.alert-filter__button--submit {
  flex: 1 0 auto;
}

.alert-filter__button--save {
  margin-right: 1.4rem;
}

.alert-filter__button--cancel {
  text-align: left;
  background-color: transparent !important;
}

.alert-filter__type {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  box-sizing: border-box;
  width: 100%;
  z-index: 10;
  position: absolute;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  font-size: 1.6rem;
  text-align: right;
  background-color: #fff;
  border: 3px solid var(--grey-200);
}
.alert-filter__type:before {
  position: absolute;
  top: -15px;
  left: 12%;
  margin-left: -15px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid var(--grey-200);
}
@media screen and (min-width: 33em) {
  .alert-filter__type {
    width: auto;
  }
}

.alert-view__list {
  box-sizing: border-box;
  overflow: auto;
  background-color: var(--grey-100);
}

.alert-module__content-wrapper {
  box-sizing: border-box;
  background-color: #fff;
  position: relative;
  overflow: hidden;
  border-color: #fff;
  border-style: solid;
  border-width: 0 2px;
}

.alert-module .alertIcon:after, .alert-module .alertIcon:before {
  padding: 0.3rem 0;
}

.alert-filter__period {
  margin-bottom: -1.6rem;
}

.alert-period__type {
  display: flex;
  border-radius: 3px;
  min-height: 30px;
}
@media screen and (min-width: 33em) {
  .alert-period__type {
    width: 50%;
  }
}
.alert-period__type .alert-period__input {
  flex: 1 0 auto;
}
.alert-period__type input[type=radio],
.alert-period__type input[type=button] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.alert-period__type input[type=radio]:focus + label,
.alert-period__type input[type=button]:focus + label {
  outline: 2px dotted #000;
}
.alert-period__type input[type=radio]:first-child + label,
.alert-period__type input[type=button]:first-child + label {
  border-width: 1px;
}
.lt-ie9 .alert-period__type input[type=radio],
.lt-ie9 .alert-period__type input[type=button] {
  display: inline;
  position: absolute;
  right: 25px;
  width: 0;
}
.alert-period__type label {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  background: -owg-linear-gradient(#fefefe, #e6e6e6), #e6e6e6;
  -pie-background: -pie-linear-gradient(#fefefe, #e6e6e6), #e6e6e6;
  background: linear-gradient(#fefefe, #e6e6e6), #e6e6e6;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  color: var(--grey-600);
  cursor: pointer;
  min-height: 3rem;
  line-height: 3rem;
  font-size: 1.4rem;
  position: relative;
  margin: 0;
  border-color: var(--grey-200);
  border-style: solid;
  border-width: 1px 1px 1px 0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fefefe", endColorstr="#e6e6e6", GradientType=0);
  text-align: center;
}
.alert-period__type input.active + label {
  color: #fff;
  background: var(--grey-700);
  border-color: var(--grey-700);
  filter: none;
}

.alert-filter__keyword {
  margin-bottom: 1rem;
}

.alert-filter__type-toggle {
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
  outline: inherit;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  display: inline-block;
  padding: 0.5rem 0.7rem;
  font-size: 1.4rem;
  margin-bottom: 2rem;
  border: 1px var(--grey-200) solid;
  border-radius: 3px;
}

[aria-expanded=true].alert-filter__type-toggle {
  background-color: var(--colour-fg-default);
  color: #fff;
  border: 1px solid transparent;
}
[aria-expanded=true] .alert-filter__arrow-icon {
  transform: rotate(180deg);
}

.alert-filter__type-toggle:focus .alert-filter__arrow-icon {
  outline: var(--black) dotted 2px;
}

.alert-filter__arrow-icon {
  height: 1rem;
  min-width: 1rem;
}

.alert-type__listing {
  margin: 0 0;
  margin-bottom: 1rem;
  padding: 0 15px;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  text-align: left;
}
@media screen and (min-width: 33em) {
  .alert-type__listing {
    margin-top: 5px;
    background-color: white;
    min-width: 250px;
  }
}
.alert-type__listing li {
  list-style: none;
  border-top: 1px solid var(--grey-100);
  margin: 0;
  padding: 7px 0 !important;
}
.alert-type__listing li:first-child {
  border: none;
}
.alert-type__listing li:first-child input[type=checkbox] + label {
  padding-left: 0;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
}
.alert-type__listing input[type=checkbox] + label {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  padding-right: 2.2rem;
  padding-left: 3.3rem;
  display: block;
  background-image: url("/assets/NPWS/images/sprite.png");
  background-position: right -428px;
  background-repeat: no-repeat;
  font-size: 1.4rem;
  width: auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .alert-type__listing input[type=checkbox] + label {
    background-image: url("/assets/NPWS/images/sprite-x-2.png");
    background-size: 60px auto;
    background-repeat: no-repeat;
  }
}
.alert-type__listing input[type=checkbox] + label:hover {
  cursor: pointer;
}
.alert-type__listing input[type=checkbox] + label.headingIcon:before {
  font-size: 1.25em;
}
.alert-type__listing input[type=checkbox] + label.selectAll {
  position: absolute;
  top: 3px;
  right: 0;
  height: 22px;
  padding-left: 100%;
}
.alert-type__listing input[type=checkbox]:checked + label, .alert-type__listing input[type=checkbox].checked + label {
  background-position: right -508px;
}

.alert-list__empty {
  margin: 2.8rem 0;
  font-size: 1.4rem;
}

#alertsModule #listing__viewOptions {
  float: right;
  width: auto;
}
#alertsModule .alertsModule__header {
  overflow: hidden;
  background: #fff;
  padding: 11px 44px;
}
#alertsModule #listingFilter {
  background: #fff;
  margin-right: 0;
}
#alertsModule #listingFilter:before, #alertsModule #listingFilter:after {
  display: none;
}
#alertsModule #listingFilter .listingFilter__header {
  padding: 15px 0;
}
#alertsModule #listingFilter .listingFilter__header a {
  font-size: 1.1em;
  color: var(--colour-fg-default);
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
}
#alertsModule #listingFilter .listingFilter__header a:first-child {
  border-right: 1px var(--grey-200) solid;
  padding-right: 3px;
}
#alertsModule #listingFilter .listingFilter__filters {
  padding: 0 12px 27px 12px;
  border-right: 1px var(--grey-200) solid;
}
#alertsModule #listingFilter ul {
  margin-top: 0;
  border-bottom: 1px var(--grey-200) solid;
}
#alertsModule #listingFilter ul li {
  list-style-type: none;
}
#alertsModule #listingFilter ul label.alertIcon {
  padding-left: 2.5em;
}
#alertsModule #listingFilter ul:first-child {
  margin-top: 0;
}
#alertsModule #listingFilter ul.alertKeyword {
  border-bottom: none;
  margin-top: 27px;
  margin-bottom: 0;
}
#alertsModule #listingFilter ul.alertKeyword li:last-child {
  padding-bottom: 0;
}
#alertsModule #listingFilter ul#listingFilter__upcomingAlerts {
  margin-top: 24px;
  display: none;
}
#alertsModule #listingFilter li {
  padding: 8px 0;
  border-top: 1px var(--grey-200) solid;
}
#alertsModule #listingFilter li:first-child {
  border-top: none;
}
#alertsModule #listingFilter li:first-child label {
  padding-left: 0;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  font-size: 1.2em;
}
#alertsModule #listingFilter .button {
  float: none;
  margin-top: 18px;
}
#alertsModule .alertsModule__loadingOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(242, 240, 238, 0.5);
  z-index: 9999;
}
#alertsModule .alertsModule__loadingOverlay .loading-spinner {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -56px;
}
#alertsModule .alertsModule__loadingOverlay .loading-spinner .loading-text {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  font-size: 1.8em;
}
.no-js #alertsModule .alertsModule__loadingOverlay {
  display: none;
}

.alert-module__content {
  border-top: 1px var(--grey-200) solid;
  padding-bottom: 2.5rem;
  margin-bottom: 0 !important;
  position: relative;
  background-color: var(--grey-100);
}
.alert-module__content#alertsModule__content {
  width: 100%;
}
.alert-module__content .alert-module__map-zoom {
  padding: 1.5rem !important;
}

#alertsModule #mapCanvas {
  padding-right: 0;
  margin-right: 0;
}

.alert-module #mapWrapper__disclaimer {
  padding: 0 1.5rem;
}

/* Alert Map Legends */
.alertMapLegends {
  padding: 0 1rem;
}
.alertMapLegends li {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-normal);
  float: left;
  margin-right: 20px;
  list-style-type: none;
  line-height: 33px;
}
.alertMapLegends li.legend-icon:before {
  width: 33px;
  height: 33px;
  content: " ";
  float: left;
}
.alertMapLegends li.legend-icon.closed:before {
  background: url(/assets/NPWS/images/map-pins/closed.png) 0 0 no-repeat;
}
.alertMapLegends li.legend-icon.partial-closed:before {
  background: url(/assets/NPWS/images/map-pins/partial-closed.png) 0 0 no-repeat;
}
.alertMapLegends li.legend-icon.open:before {
  background: url(/assets/NPWS/images/map-pins/open.png) 0 0 no-repeat;
}

.npws-status {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  display: flex !important;
  align-items: center;
  font-size: 1.4rem;
  line-height: normal;
}
.npws-status:not(:first-child) {
  margin-top: 8px;
}
.npws-status::before {
  width: 2.3rem;
  height: 2.3rem;
  display: inline-block;
  vertical-align: top;
  content: " ";
  background-repeat: no-repeat;
  background-color: #fff;
  border-radius: 3px;
  margin-right: 8px;
  flex: none;
}
.npws-status a {
  color: currentColor;
}

.npws-status--open {
  color: var(--colour-green);
}
.npws-status--open::before {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23'%3E%3Cpath d='M11.91 6.618c.49 0 .9.41.9.9v4.773c0 .505-.41.913-.915.913H9.114a.913.913 0 010-1.813h1.881V7.518c0-.49.41-.9.9-.9h.014z' fill='%23fff'/%3E%3Cpath d='M11.5 19a7.5 7.5 0 100-15 7.5 7.5 0 000 15z' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E");
  background-color: var(--colour-green);
}

.npws-status--closed {
  color: var(--colour-fg-default);
}
.npws-status--closed::before {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23'%3E%3Cpath d='M11.5 19a7.5 7.5 0 100-15 7.5 7.5 0 000 15v0z' stroke='%23fff' stroke-width='1.5'/%3E%3Cpath d='M7 11.668c0-.545.455-1 1-1h6.833a1 1 0 110 2H8a1.001 1.001 0 01-1-1z' fill='%23fff'/%3E%3C/svg%3E");
  background-color: var(--colour-grey-dark);
}

.npws-status--closed-areas {
  color: var(--colour-fg-default);
}
.npws-status--closed-areas::before {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23'%3E%3Cpath d='M11.5 19a7.5 7.5 0 100-15 7.5 7.5 0 000 15v0z' stroke='%23fff' stroke-width='1.5'/%3E%3Cpath d='M7 11.668c0-.545.455-1 1-1h6.833a1 1 0 110 2H8a1.001 1.001 0 01-1-1z' fill='%23fff'/%3E%3C/svg%3E");
  background-color: var(--colour-teal);
}

/**
 * str-replace - Replace a string with a string
 * http://codepen.io/jakob-e/pen/doMoML
 *
 * @author @eriksen_dk <https://twitter.com/eriksen_dk>
 *
 * @param  {string} $string  - The haystack string to be manipulated
 * @param  {string} $search  - The needle to be replace
 * @param  {string} $replace - The replacement
 *
 * @return {string}          - The manipulated string with replaced values
 */
:root {
  --h00-size-mobile: 40px;
  --h0-size-mobile: 32px;
  --h1-size-mobile: 26px;
  --h2-size-mobile: 22px;
  --h3-size-mobile: 18px;
  --h00-size: 48px;
  --h0-size: 40px;
  --h1-size: 32px;
  --h2-size: 24px;
  --h3-size: 20px;
  --h4-size: 16px;
  --h5-size: 14px;
  --h6-size: 12px;
  --font-size-small: 12px;
  --font-weight-bold: 700;
  --font-weight-semibold: 600;
  --font-weight-normal: 400;
  --lh-condensed-ultra: 1;
  --lh-condensed: 1.25;
  --lh-default: 1.5;
  --poppins-font: "Poppins", sans-serif;
  --body-font: var(--poppins-font);
  --body-font-size: 16px;
  --body-line-height: var(--lh-default);
  --black: #222;
  --black-rgb: 34 34 34;
  --white: #fff;
  --white-rgb: 255 255 255;
  --transparent: transparent;
  --grey-000: #f0f0f0;
  --grey-100: #e5e5e5;
  --grey-200: #c4c4c4;
  --grey-300: #999999;
  --grey-400: #6c7573;
  --grey-500: #53565a;
  --grey-600: #444444;
  --grey-700: #2e3130;
  --grey-800: #27251f;
  --grey-900: #121313;
  --grey-rgb: 83 86 90;
  --teal-000: #ecf5f5;
  --teal-100: #bcdddb;
  --teal-200: #8dc4c2;
  --teal-300: #62aaa9;
  --teal-400: #39908f;
  --teal-500: #278382;
  --teal-600: #1d6f6e;
  --teal-700: #044141;
  --teal-800: #0b2828;
  --teal-900: #051010;
  --teal-rgb: 39 131 130;
  --gold-000: #fffcec;
  --gold-100: #fff4bd;
  --gold-200: #ffea90;
  --gold-300: #ffdc65;
  --gold-400: #ffc83b;
  --gold-500: #fdb924;
  --gold-600: #c58d00;
  --gold-700: #926800;
  --gold-800: #5c4109;
  --gold-900: #271c08;
  --gold-rgb: 253 185 36;
  --black-fade-15: rgb(var(--black-rgb) / 15%);
  --black-fade-30: rgb(var(--black-rgb) / 30%);
  --black-fade-50: rgb(var(--black-rgb) / 50%);
  --black-fade-70: rgb(var(--black-rgb) / 70%);
  --black-fade-85: rgb(var(--black-rgb) / 85%);
  --white-fade-15: rgb(var(--white-rgb) / 15%);
  --white-fade-30: rgb(var(--white-rgb) / 30%);
  --white-fade-50: rgb(var(--white-rgb) / 50%);
  --white-fade-70: rgb(var(--white-rgb) / 70%);
  --white-fade-85: rgb(var(--white-rgb) / 85%);
  --colour-red: #bf311a;
  --colour-teal: var(--teal-500);
  --colour-green: #4d7c28;
  --colour-amber: var(--gold-400);
  --colour-grey-dark: var(--grey-900);
  --colour-grey-light: var(--grey-400);
  --colour-grey: var(--grey-500);
  --colour-bttn-text: var(--grey-900);
  --colour-bttn-bg: var(--white);
  --colour-bttn-border: var(--black-fade-30);
  --colour-bttn-hover-bg: var(--grey-200);
  --colour-bttn-active-bg: var(--grey-300);
  --colour-bttn-focus-outline: var(--grey-900);
  --colour-fg-default: var(--grey-800);
  --colour-bg-default: var(--white);
  --colour-alert-amber: var(--colour-alert-amber);
  --colour-alert-red: var(--colour-red);
  --colour-alert-blue: #213088;
  --colour-alert-fire-advice: #fbe032;
  --colour-alert-fire-watch-act: #ff7900;
  --colour-alert-fire-emergency-warning: #d6001c;
  --yellow-600: #fdb924;
  --yellow-700: #dbab09;
  --lime: #CBD422;
}

.npws-attribute-list {
  border-bottom: none;
}
@supports (display: grid) {
  @media (min-width: 1012px) {
    .npws-attribute-list {
      display: grid;
      grid-template-columns: minmax(110px, 1fr) 2fr;
      -moz-column-gap: 8px;
           column-gap: 8px;
      row-gap: 8px;
    }
  }
}
.npws-attribute-list dt {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  width: 100%;
  padding: 0;
  font-size: 14px;
  float: none;
}
.npws-attribute-list dd {
  margin-bottom: 8px;
  padding: 0;
  border-top: none;
  font-size: 14px;
}
@supports (display: grid) {
  @media (min-width: 1012px) {
    .npws-attribute-list dd {
      margin-bottom: 0;
    }
  }
}
.npws-attribute-list ul {
  padding-left: 24px;
  margin-left: -6px;
}
.npws-attribute-list ul li {
  font-size: var(--body-font-size);
}

@media only screen and (min-width: 22.5em) and (max-width: 85.375em) {
  .beforeThreePromo .imageUnderFeaturedContent {
    padding-bottom: 43.9%;
  }
  .homePromoThree .imageUnderFeaturedContent h3 {
    width: 100%;
  }
  .homePromoThree .imageUnderFeaturedContent p {
    display: none;
  }
}
@media only screen and (min-width: 85em) {
  .imageUnderFeaturedContent {
    min-height: 410px;
    padding-bottom: 0;
  }
  .full .imageUnderFeaturedContent, .three-quarters .imageUnderFeaturedContent {
    min-height: 560px;
    padding-bottom: 0;
  }
  .twoThirds .imageUnderFeaturedContent, .oneThird .imageUnderFeaturedContent {
    padding-bottom: 0;
  }
  .landing .imageUnderFeaturedContent.twoThirds {
    min-height: 560px;
    padding-bottom: 0;
  }
  .landingFeaturedContent .imageUnderFeaturedContent__imgWrapper {
    max-height: 410px;
  }
  .landingFeaturedContent .imageUnderFeaturedContent__imgWrapper img {
    width: 100%;
    height: auto;
    left: 0 !important;
    margin-left: 0 !important;
    min-height: 410px;
  }
}
@media only screen and (max-width: 85em) {
  .container {
    padding: 0 30px;
  }
  .homeFeatureBlock.full .imageUnderFeaturedContent__text {
    margin-left: -50%;
  }
  .landingFeaturedContent h2 {
    font-size: 2.5em;
  }
  .landingFeaturedContent p {
    font-size: 1.3em;
  }
}
@media only screen and (max-width: 78.75em) {
  .imageUnderFeaturedContent .button {
    font-size: 1.5em !important;
  }
}
@media only screen and (max-width: 75em) {
  #shareFacebook,
  #shareTwitter,
  #shareEmail,
  #shareYoutube {
    margin-bottom: 1em;
  }
  .shareRow + .shareRow {
    margin-top: 0;
  }
  #SubscribeName,
  #SubscribeEmail,
  .eloquaForm input.wide {
    width: 55%;
  }
  .landing .education .oneThird {
    padding-bottom: 50%;
  }
  .landing .education .imageUnderFeaturedContent.twoThirds {
    padding-bottom: 50%;
  }
}
@media only screen and (max-width: 67.5em) {
  .homeFeatureBlockIntro ul li,
  .homeFeatureBlockIntro ol li {
    width: 100%;
  }
  .homeFeatureBlockIntro ul li + li,
  .homeFeatureBlockIntro ol li + li {
    margin-left: 0;
  }
  .beforeThreePromo .imageUnderFeaturedContent {
    padding-bottom: 44.1%;
  }
  .beforeThreePromo .imageUnderFeaturedContent h2 {
    font-size: 4.5em;
  }
  .beforeThreePromo .imageUnderFeaturedContent p {
    font-size: 1.6em;
  }
  .homePromoThree .imageUnderFeaturedContent h3 {
    font-size: 1.7em;
  }
}
@media only screen and (max-width: 64em) {
  #homeKeepInTouch .block {
    width: 50%;
  }
  #homeKeepInTouch .block:first-child {
    width: 50%;
  }
  #homeKeepInTouch .block.social-block {
    display: none;
  }
  .no-touch #homeKeepInTouch .block:first-child {
    width: 34%;
  }
  .no-touch #homeKeepInTouch .block {
    width: 33%;
  }
  .no-touch #homeKeepInTouch .block.social-block {
    display: block;
  }
}
@media only screen and (max-width: 63.75em) {
  #pageBackground {
    display: none;
  }
  header.contentHeaderFooter {
    margin-top: 0;
  }
  footer.contentHeaderFooter {
    margin-bottom: 0;
  }
  #content__inner {
    border: none;
  }
  .imageUnderFeaturedContent .button {
    font-size: 1.3em !important;
  }
  .imageUnderFeaturedContent h3 {
    font-size: 2.3em;
  }
  .listingFilter__block .half.datePickerHalf {
    float: none;
    width: 100%;
  }
  .listingFilter__block .half.datePickerHalf.first {
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 61.25em) {
  .landing.education .landingFeaturedContent p {
    font-size: 1.5em;
  }
}
@media only screen and (max-width: 60em) {
  #homeKeepInTouch input[type=text] {
    width: 100%;
    margin-right: 0;
  }
  .footer__column {
    width: 22.5%;
    margin-bottom: 6.5em;
  }
  .landing .twoThirds .imageUnderFeaturedContent {
    width: 50%;
    padding-bottom: 50%;
  }
  .visit .landing .twoThirds .imageUnderFeaturedContent {
    padding-bottom: 29.06%;
  }
  .landing .landingRegionsCarousel .twoThirds .imageUnderFeaturedContent {
    width: 100%;
  }
  .landing .imageUnderFeaturedContent.twoThirds {
    max-height: 0;
    width: 50%;
    padding-bottom: 50%;
  }
  .landing .imageUnderFeaturedContent.twoThirds .imageUnderFeaturedContent__imgWrapper {
    float: left;
    overflow: hidden;
    width: 100%;
  }
  .landing .imageUnderFeaturedContent.twoThirds .imageUnderFeaturedContent__imgWrapper img {
    float: left;
    height: 560px;
    left: 50%;
    margin-left: -454px;
    width: auto;
    position: relative;
  }
  .landing .landingRegionsCarousel .imageUnderFeaturedContent.twoThirds {
    width: 100%;
  }
}
@media only screen and (min-width: 47.5625em) and (max-width: 60em) {
  .landing .education .oneThird {
    padding-bottom: 60%;
  }
  .landing .education .imageUnderFeaturedContent.twoThirds {
    padding-bottom: 60%;
  }
}
@media only screen and (max-width: 55.625em) {
  .homeFeatureBlock .button {
    font-size: 1.2em !important;
  }
}
@media only screen and (max-width: 55em) {
  #headerNavTop__savedItems p {
    font-size: 1.1em;
  }
  #mapCanvas {
    height: 550px;
  }
  #listingResults .listing__item .listing__item__content {
    width: 57.8%;
  }
  .detailRightColumn__ipadApp img:first-child {
    display: none;
  }
  .detailRightColumn__ipadApp img:first-child + h2 {
    float: none;
    margin-left: 0;
    max-width: 100%;
  }
  .regionMapSelector .btn-change {
    float: none;
    padding-left: 0;
  }
}
@media only screen and (max-width: 52.5em) {
  #headerNavTop__savedItems span {
    display: none;
  }
  #listingResults .listing__item .listing__item__content {
    width: 57.6%;
  }
}
@media only screen and (max-width: 50em) {
  #headerNavTop__savedItems {
    float: right;
  }
  .pageTopBorder {
    margin: 0 -15px;
    padding: 0 15px;
  }
  #mapCanvas {
    margin-right: -15px;
    padding-right: 15px;
  }
  #content__inner__headerWrapper {
    margin: 0 -15px;
    padding: 0 15px;
    overflow: hidden;
  }
  #miniMap {
    width: 29.3%;
    margin-right: -2%;
  }
  #miniMap.miniMap__dark {
    margin-right: -15px;
    width: 29.46%;
  }
  #miniMap.miniMap__dark.arrow {
    padding-bottom: 28.4%;
  }
  #miniMap.miniMap__dark svg {
    width: 70%;
  }
  .detailRightColumn {
    margin-right: -15px;
    width: 29.3%;
  }
  .detailRightColumn #miniMap.miniMap__dark {
    width: 100%;
    padding-left: 46px;
    margin-bottom: 15px;
    margin-right: -23px;
  }
  .detailRightColumn #miniMap.miniMap__dark svg {
    right: 53%;
    width: 85%;
  }
  .detailRightColumn #miniMap.miniMap__dark.arrow {
    padding-bottom: 114.5%;
  }
  .detailRightColumn #miniMap.miniMap__dark.arrow::after {
    content: "" !important;
  }
  .bundle__header {
    margin: 0 -15px 30px;
  }
  #alertsModule__content #listView__content {
    padding: 0 15px;
  }
  #alertsModule__content .alertsList-table__wrapper {
    padding: 0 15px;
  }
  #alertsModule .alertsModule__header {
    padding-left: 31px;
    padding-right: 15px;
  }
  #breadcrumb ul {
    margin-left: 90px;
  }
  .homeFeatureBlock .button {
    font-size: 1.1em !important;
  }
  .threeQuarters.homeFeatureBlock .button,
  .full.homeFeatureBlock .button {
    font-size: 1.3em !important;
  }
  .landingFeaturedContent .landingFeaturedContent__text {
    padding-top: 50px;
  }
  #listingResults .listing__item .listing__item__content {
    width: 56.3%;
  }
  #listingFilter,
  #filter {
    width: 23.8%;
  }
  #listingResults.excursions__listing-results {
    width: 100%;
  }
  #listingResults {
    width: 73.05%;
  }
  #listingResults article {
    width: 50%;
  }
  #mapWrapper {
    width: 66.66%;
  }
  #content__inner {
    padding-left: 15px;
    padding-right: 15px;
  }
  .modal__wrapper.modalGallery {
    width: 95%;
  }
  .modal__wrapper.modalGallery .modalGallery__meta,
  .modal__wrapper.modalGallery .modalGallery__caption {
    width: 85%;
    margin: 0 auto;
    padding-left: 7.5%;
    padding-right: 7.5%;
  }
  .modal__wrapper.modalGallery .modal__contents {
    width: 100%;
    height: auto;
  }
  .modal__wrapper.modalGallery .modalGallery__slides {
    height: auto;
  }
  .modal__wrapper.modalGallery .modalGallery__slides iframe,
  .modal__wrapper.modalGallery .modalGallery__slides img {
    width: 85% !important;
    height: auto;
  }
  .modal__wrapper.modalGallery .modalGallery__prev,
  .modal__wrapper.modalGallery .modalGallery__next {
    padding-left: 1.5%;
    padding-right: 1.5%;
    width: 4.5%;
  }
}
@media only screen and (max-width: 47.5em) {
  .contentHeaderFooter__back .not-visible {
    display: none;
  }
  .homeFeatureBlockIntro p,
  .homeFeatureBlockIntro h2,
  .homeFeatureBlockIntro ul,
  .homeFeatureBlockIntro ol {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
  }
  .homeFeatureBlockIntro h2 {
    font-size: 2.3em;
    line-height: 1.1em;
  }
  .homeFeatureBlockIntro p {
    font-size: 1.8em;
  }
  .homeFeatureBlockIntro ul li,
  .homeFeatureBlockIntro ol li {
    padding-left: 0;
    font-size: 1.2em;
  }
  .educationPromoBlockIntro h2 {
    font-size: 2.3em;
    line-height: 1.1em;
  }
  .educationPromoBlockIntro p {
    font-size: 1.8em;
  }
  .standardPageColumn {
    width: 100%;
  }
  .listingFilter__block ul li .select {
    font-size: 0.9em;
  }
  .imageUnderFeaturedContent a.scrollMore {
    display: none;
  }
  .homeFeatureBlock.half .imageUnderFeaturedContent, .homeFeatureBlock.quarter .imageUnderFeaturedContent, .home .homeFeatureBlock.twoThirds .imageUnderFeaturedContent, .homeFeatureBlock.oneThird .imageUnderFeaturedContent {
    padding-bottom: 0;
    background: #fff;
  }
  .homeFeatureBlock.half .imageUnderFeaturedContent > a, .homeFeatureBlock.quarter .imageUnderFeaturedContent > a, .home .homeFeatureBlock.twoThirds .imageUnderFeaturedContent > a, .homeFeatureBlock.oneThird .imageUnderFeaturedContent > a {
    float: left;
    width: 100%;
  }
  .homeFeatureBlock.half .imageUnderFeaturedContent > a::before,
  .homeFeatureBlock.half .imageUnderFeaturedContent > a::after,
  .homeFeatureBlock.half .imageUnderFeaturedContent .imageUnderFeaturedContent-content::after, .homeFeatureBlock.quarter .imageUnderFeaturedContent > a::before,
  .homeFeatureBlock.quarter .imageUnderFeaturedContent > a::after,
  .homeFeatureBlock.quarter .imageUnderFeaturedContent .imageUnderFeaturedContent-content::after, .home .homeFeatureBlock.twoThirds .imageUnderFeaturedContent > a::before,
  .home .homeFeatureBlock.twoThirds .imageUnderFeaturedContent > a::after,
  .home .homeFeatureBlock.twoThirds .imageUnderFeaturedContent .imageUnderFeaturedContent-content::after, .homeFeatureBlock.oneThird .imageUnderFeaturedContent > a::before,
  .homeFeatureBlock.oneThird .imageUnderFeaturedContent > a::after,
  .homeFeatureBlock.oneThird .imageUnderFeaturedContent .imageUnderFeaturedContent-content::after {
    display: none;
  }
  .homeFeatureBlock.half .imageUnderFeaturedContent:hover .imageUnderFeaturedContent-content::before, .homeFeatureBlock.quarter .imageUnderFeaturedContent:hover .imageUnderFeaturedContent-content::before, .home .homeFeatureBlock.twoThirds .imageUnderFeaturedContent:hover .imageUnderFeaturedContent-content::before, .homeFeatureBlock.oneThird .imageUnderFeaturedContent:hover .imageUnderFeaturedContent-content::before {
    display: none;
  }
  .homeFeatureBlock.half img, .homeFeatureBlock.quarter img, .home .homeFeatureBlock.twoThirds img, .homeFeatureBlock.oneThird img {
    position: static;
    float: left;
    width: 50%;
  }
  .homeFeatureBlock.half .imageUnderFeaturedContent__text, .homeFeatureBlock.quarter .imageUnderFeaturedContent__text, .home .homeFeatureBlock.twoThirds .imageUnderFeaturedContent__text, .homeFeatureBlock.oneThird .imageUnderFeaturedContent__text {
    float: left;
    width: 50%;
    position: relative;
    box-sizing: border-box;
    padding-bottom: 0;
    padding-left: 4.42%;
    padding-right: 4.42%;
    left: auto;
    bottom: auto;
  }
  .homeFeatureBlock.half h3,
  .homeFeatureBlock.half h3 a, .homeFeatureBlock.quarter h3,
  .homeFeatureBlock.quarter h3 a, .home .homeFeatureBlock.twoThirds h3,
  .home .homeFeatureBlock.twoThirds h3 a, .homeFeatureBlock.oneThird h3,
  .homeFeatureBlock.oneThird h3 a {
    color: var(--colour-fg-default);
  }
  .homeFeatureBlock.half h3, .homeFeatureBlock.quarter h3, .home .homeFeatureBlock.twoThirds h3, .homeFeatureBlock.oneThird h3 {
    margin-top: 2.6em;
  }
  .homeFeatureBlock.half li, .homeFeatureBlock.quarter li, .home .homeFeatureBlock.twoThirds li, .homeFeatureBlock.oneThird li {
    font-size: 1.2em;
  }
  .homeFeatureBlock.quarter {
    width: 50%;
  }
  .homeFeatureBlock.quarter h3 {
    font-size: 1.7em;
  }
  .homeFeatureBlock.quarter + .quarter + .quarter img {
    float: right;
  }
  .homeFeatureBlock.quarter + .quarter + .quarter .imageUnderFeaturedContent__text::before {
    left: auto;
    right: -18px;
    border-right: 0;
    border-left: solid 18px #fff;
  }
  .homeFeatureBlockIntro + .homeFeatureBlock.quarter + .quarter + .quarter {
    border-top: 2px solid #fff;
  }
  .homeFeatureBlockIntro + .homeFeatureBlock.quarter + .quarter + .quarter::after {
    display: none;
  }
  .homeFeatureBlockIntro + .homeFeatureBlock.quarter + .quarter + .quarter + .quarter {
    border-top: 2px solid #fff;
  }
  .homeFeatureBlock.half {
    width: 100%;
  }
  .homeFeatureBlock.half h3 {
    margin-top: 2em;
    font-size: 1.8em;
  }
  .homeFeatureBlock.half + .half {
    border-top: 2px solid #fff;
  }
  .homeFeatureBlock.half + .half img {
    float: right;
  }
  .homeFeatureBlock.half + .half .imageUnderFeaturedContent__text::before {
    left: auto;
    right: -18px;
    border-right: 0;
    border-left: solid 18px #fff;
  }
  .homeFeatureBlock.half + .half::after {
    display: none;
  }
  .homeFeatureBlock.twoThirds, .homeFeatureBlock.oneThird {
    width: 100%;
    min-height: 0 !important;
  }
  .homeFeatureBlock.twoThirds h3, .homeFeatureBlock.oneThird h3 {
    margin-top: 1em;
  }
  .homeFeatureBlock.twoThirds::after, .homeFeatureBlock.oneThird::after {
    display: none;
  }
  .homeFeatureBlock.oneThird li,
  .homeFeatureBlock.oneThird li a {
    color: var(--colour-fg-default);
  }
  .homeFeatureBlock.oneThird img {
    width: 33%;
    float: right;
  }
  .homeFeatureBlock.oneThird h3 {
    font-size: 2.2em;
  }
  .homeFeatureBlock.oneThird .imageUnderFeaturedContent__text {
    width: 67%;
  }
  .homeFeatureBlock.oneThird .imageUnderFeaturedContent__text::before {
    left: auto;
    right: -18px;
    border-right: 0;
    border-left: solid 18px #fff;
  }
  .home .homeFeatureBlock.twoThirds {
    max-height: none;
  }
  .home .homeFeatureBlock.twoThirds img {
    width: 100%;
  }
  .home .homeFeatureBlock.twoThirds .imageUnderFeaturedContent__text {
    width: 100%;
    padding-bottom: 2em;
    padding-top: 0;
  }
  .home .homeFeatureBlock.twoThirds .imageUnderFeaturedContent__text::before {
    top: -18px;
    left: 4.42%;
    margin-top: 0;
    border-top: 0;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-bottom: 18px solid #fff;
  }
  .home .homeFeatureBlock.twoThirds h3 {
    margin-top: 1em;
  }
  .homeFeatureBlock.twoThirds h3 {
    font-size: 2.2em;
  }
  .homeFeatureBlock.twoThirds span {
    display: none;
  }
  .homeFeatureBlock.full h2 {
    font-size: 4em;
  }
  .homeFeatureBlock.full p {
    font-size: 1.5em;
  }
  .homeFeatureBlock.threeQuarters {
    width: 100%;
  }
  .homeFeatureBlock.threeQuarters h2 {
    font-size: 4em;
  }
  .homeFeatureBlock.threeQuarters p {
    font-size: 1.5em;
  }
  .homeFeatureBlock.homePromoTwo {
    width: 50%;
    padding-bottom: 50%;
  }
  .homeFeatureBlock.homePromoTwo h3 {
    font-size: 1.8em;
  }
  .homeFeatureBlock.homePromoTwo p {
    font-size: 1.3em;
  }
  .homeFeatureBlock.homePromoThree {
    width: 33.33%;
  }
  .beforeThreePromo + .homeFeatureBlock.homePromoThree {
    border-top: 2px solid #fff;
  }
  .beforeThreePromo + .homeFeatureBlock.homePromoThree::after {
    display: none;
  }
  .homeFeatureBlock.homePromoThree h3 {
    font-size: 1.5em;
  }
  .homeFeatureBlock.homePromoThree p {
    display: none;
  }
  .homeFeatureBlockIntro::after {
    display: none;
  }
  .button::after {
    display: none;
  }
  .oneThird.landingSearch {
    width: 100%;
    min-height: 0;
  }
  .visit .oneThird.landingSearch {
    border-left: 0;
    border-top: solid 1px var(--teal-600);
  }
  .oneThird.landingSearch .wrapper {
    width: 100%;
    position: static;
    float: left;
  }
  .oneThird.landingSearch .orShowMe {
    position: relative;
    padding-top: 3%;
    padding-bottom: 3%;
    text-align: center;
  }
  .landing .education .oneThird {
    padding-bottom: 0;
  }
  .landing .education .imageUnderFeaturedContent.twoThirds {
    padding-bottom: 70%;
  }
  .landing .imageUnderFeaturedContent.twoThirds {
    width: 100%;
    max-height: 0;
    border: 0;
  }
  .landing .imageUnderFeaturedContent.twoThirds h2 {
    margin-bottom: 0;
  }
  .landing .imageUnderFeaturedContent.twoThirds p {
    font-size: 1.3em;
  }
  .landing .imageUnderFeaturedContent.twoThirds .imageUnderFeaturedContent__imgWrapper {
    width: 100%;
    overflow: visible;
  }
  .landing .imageUnderFeaturedContent.twoThirds .imageUnderFeaturedContent__text {
    width: auto;
  }
  .landingFeaturedContent h2 {
    font-size: 1.7em;
  }
  .landingFeaturedContent .landingFeaturedContent__cta {
    font-size: 1.4em;
  }
  .landingFeaturedContent .landingFeaturedContent__text {
    padding-top: 40px;
  }
  #homeKeepInTouch .block {
    width: 100% !important;
    min-height: 0 !important;
    border-bottom: solid 2px #fff !important;
    border-left: none;
    padding-top: 5%;
    padding-bottom: 5%;
  }
  #homeKeepInTouch .block h3 {
    font-size: 2em;
  }
  #homeKeepInTouch__column1,
  #homeKeepInTouch__column2 {
    width: 100%;
    margin-bottom: 1em;
  }
  #homeKeepInTouch__column1 img,
  #homeKeepInTouch__column2 img {
    display: none;
  }
  .parkHighlights__filter {
    clear: left;
    margin-left: 0;
    margin-bottom: 30px;
  }
  .detailLeftColumn,
  .detailRightColumn {
    width: 100%;
    clear: both;
    overflow: hidden;
  }
  .detailLeftColumn {
    margin-left: 0;
    padding-right: 0;
    padding-top: 0;
    float: none;
  }
  .detailLeftColumn .largeCTA {
    display: none;
  }
  .detailLeftColumn .largeCTA.largeCTAmobile {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    margin-top: 0;
  }
  .detailRightColumn,
  #content__inner__headerWrapper ~ .detailRightColumn {
    margin-right: 0;
    margin-top: 25px;
    padding-top: 24px;
  }
  .detailRightColumn {
    padding-top: 10px;
  }
  .detailRightColumn h3 {
    font-size: 1.4em;
  }
  .detailRightColumn img {
    display: none;
  }
  .detailRightColumn.pretend-hide {
    display: none;
  }
  .detailRightColumn h2 {
    margin-top: 0;
  }
  .linkList li a {
    font-size: 1.1em;
  }
  #mapSearch form {
    width: 100%;
    display: block;
  }
  .mapSearch__textWrapper {
    width: 45%;
  }
  #mapSearch__links {
    float: left;
    margin: 14px 0;
  }
  #mapSearch__links li {
    padding-right: 1em;
    padding-left: 0;
    display: inline-block;
    margin-top: 5px;
  }
  #mapSearch__links li a {
    font-size: 14.5px;
  }
  .landingRegionsCarousel {
    display: none;
  }
}
@media only screen and (max-width: 41.25em) {
  #content .listing__items.search h1 {
    font-size: 2em;
  }
  .touch body {
    cursor: pointer;
  }
  .container {
    padding: 0 15px;
  }
  #headerNavTop {
    display: none;
  }
  #headerNavTop__savedItems {
    display: none;
  }
  .homePromoThree .imageUnderFeaturedContent h3 {
    font-size: 1.4em;
    width: 80%;
  }
  #breadcrumb {
    display: none;
  }
  .contentHeaderFooter {
    display: none;
  }
  #content__inner {
    padding-top: 15px;
  }
  #content h1 {
    font-size: 2em;
    /* max-width: 65%; */
  }
  .itemRating {
    display: none;
  }
  .contentHeaderFooter__saveForLater {
    float: right;
    max-width: 16%;
    position: relative;
    padding-left: 28px;
    padding-right: 5px;
    margin-bottom: 1em;
  }
  .contentHeaderFooter__saveForLater::before {
    position: absolute;
    top: 7px;
    left: 8px;
  }
  .contentHeaderFooter__saveForLater + * {
    clear: both;
  }
  #content__inner {
    padding-bottom: 40px;
  }
  #content__inner > h1 {
    font-family: var(--poppins-font);
    font-weight: var(--font-weight-bold);
  }
  #content__inner > h1 + .tabbedPageSubTitle {
    margin-top: -0.5em;
  }
  .tabbedPageSubTitle {
    font-size: 1.6em;
    line-height: 1em;
  }
  .tabbedPageSubTitle:first-child {
    line-height: 1.6em;
  }
  #detailLeftColumn__sectionName {
    display: block;
    font-size: 1.5em;
    font-family: var(--poppins-font);
    font-weight: var(--font-weight-bold);
    letter-spacing: 0.05em;
    line-height: normal;
    min-height: 0;
    padding: 12px 15px;
    color: #fff;
    margin: 0 -15px !important;
    clear: both;
    background: var(--teal-600);
  }
  .alertsMain #detailLeftColumn__sectionName {
    color: var(--grey-800);
  }
  .visit #detailLeftColumn__sectionName {
    background: var(--teal-600);
  }
  .things #detailLeftColumn__sectionName {
    background: var(--teal-600);
  }
  .camping #detailLeftColumn__sectionName {
    background: var(--teal-600);
  }
  .venue #detailLeftColumn__sectionName {
    background: var(--teal-600);
  }
  .conservation #detailLeftColumn__sectionName {
    background: var(--teal-600);
  }
  .about #detailLeftColumn__sectionName {
    background: var(--teal-600);
  }
  .education #detailLeftColumn__sectionName {
    background: var(--teal-600);
  }
  .alerts #detailLeftColumn__sectionName {
    background: var(--colour-amber);
  }
  .alerts .red #detailLeftColumn__sectionName {
    background: var(--colour-red);
  }
  .landing .landingFeaturedContent .landingFeaturedContent__text::before {
    border-top-width: 18px;
    border-bottom-width: 18px;
    border-right-width: 18px;
    left: -18px;
  }
  .landing .landingFeaturedContent:nth-child(odd) .imageUnderFeaturedContent__imgWrapper {
    float: right;
  }
  .landing .landingFeaturedContent:nth-child(odd) .landingFeaturedContent__text::before {
    left: auto;
    right: -18px;
    border-right: 0;
    border-left: solid 18px #fff;
  }
  .landing .landingFeaturedContent .landingFeaturedContent__text {
    padding-left: 3.68647%;
    padding-right: 3.68647%;
  }
  .landing .landingFeaturedContent.threeQuarters .imageUnderFeaturedContent__imgWrapper {
    width: 50%;
  }
  .landing .landingFeaturedContent.threeQuarters .imageUnderFeaturedContent__text,
  .landing .landingFeaturedContent.threeQuarters .landingFeaturedContent__text {
    width: 50%;
  }
  .landing .landingFeaturedContent.quarter {
    width: 100%;
  }
  #listing__sort {
    float: left;
  }
  #listing__sort p,
  #listing__sort label {
    font-size: 1.2em;
  }
  #listing__sort__order {
    margin-bottom: 1.3em;
  }
  #listing__sort__order label {
    min-width: 45px;
  }
  #listing__sort__type label {
    padding: 0 12px 0 30px;
  }
  #listingResults {
    width: 100%;
  }
  #listingResults h2 {
    font-size: 1.7em;
  }
  #listingResults .listingResults__headingWrapper {
    margin-left: 15px;
    margin-right: 15px;
  }
  #listingResults .listingResults__group {
    margin: 0 -15px;
  }
  #listingResults .listingResults__group .toggleVisibilty {
    margin: 12px 12% 0;
  }
  #listingResults .listing__item {
    margin-top: 4px;
    padding: 0;
  }
  #listingResults .listing__item > a:first-child {
    margin: 0;
    width: 38%;
  }
  #listingResults .listing__item .listing__item__content {
    width: 55.7%;
    min-height: 0;
    padding: 10px;
  }
  #listingResults .listing__item .listing__item__content dt,
  #listingResults .listing__item .listing__item__content dd {
    display: none;
    float: none;
  }
  #listingResults .listing__item .listing__item__content dt {
    margin-top: 6px;
  }
  #listingResults .listing__item .listing__item__content dt:first-child {
    margin-top: 0;
  }
  #listingResults .listing__item .listing__item__content dt.mobileOnly, #listingResults .listing__item .listing__item__content dt.mobileOnly + dd, #listingResults .listing__item .listing__item__content dt.keyStats, #listingResults .listing__item .listing__item__content dt.keyStats + dd {
    display: block;
  }
  #listingResults .listing__item h3 {
    padding-left: 0 !important;
    font-size: 1.3em;
  }
  #listingResults .listing__item h3::before {
    display: none;
  }
  #listingResults .listing__item .listing__item__lowerBlock {
    display: none;
  }
  #listingResults .listingResults__seeMore {
    clear: both;
    display: block;
    text-align: center;
    margin-bottom: 4em;
  }
  #listingResults .listingResults__group + .listingResults__group {
    margin-top: 0;
  }
  .listing__items.alerts .listing__item {
    padding-left: 20px;
  }
  .listing__items.alerts .alertIcon {
    margin-left: 0;
  }
  .listing__items.passes-fees img {
    display: none;
  }
  .listing__items.passes-fees .listing__item .listing__item__content {
    padding-top: 0;
  }
  .listing__items.search .listing__item {
    padding: 3.76%;
  }
  .listing__items.search .toggleVisibilty {
    margin: 12px 12% 0;
  }
  .listing__items.half {
    width: 100%;
  }
  .listing__items .listing__item {
    padding: 12px 12px 0;
  }
  .listing__items .listing__item h2 + a img {
    width: 100%;
  }
  .listing__items .listing__item .listing__item__content {
    min-height: 0;
  }
  .listing__items .listing__item .listing__item__lowerBlock {
    margin: 0 -12px;
    padding-right: 12px;
    padding-left: 12px;
  }
  .listing__items .listing__item.half {
    width: 100%;
    border: none;
  }
  .listing__items .listing__item.half + .half {
    margin-top: 12px;
  }
  #listingNav {
    margin-left: -15px;
    margin-right: -15px;
    clear: both;
    display: block;
  }
  #listingNav nav {
    float: left;
    padding: 0 15px;
    margin-bottom: 20px;
    border-bottom: solid 10px var(--teal-500);
    box-sizing: border-box;
    width: 100%;
  }
  .visit #listingNav nav {
    border-bottom-color: var(--teal-500);
  }
  .things #listingNav nav {
    border-bottom-color: var(--teal-500);
  }
  .camping #listingNav nav {
    border-bottom-color: var(--teal-500);
  }
  .venue #listingNav nav {
    border-bottom-color: var(--teal-500);
  }
  #listingNav li {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding-left: 1%;
  }
  #listingNav li:first-child {
    padding-left: 0;
  }
  #listingNav li a,
  #listingNav li button {
    background: var(--teal-700);
    color: #fff;
    font-size: 1.5em;
    min-height: 30px;
    line-height: 30px;
    text-align: center;
    width: 100%;
    border-radius: 2px 2px 0 0;
    float: left;
    font-family: var(--poppins-font);
    font-weight: var(--font-weight-bold);
    text-decoration: none;
  }
  #listingNav li a:not(.no-arrow-down)::after,
  #listingNav li button:not(.no-arrow-down)::after {
    font-family: "icons";
    speak: none;
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e006";
    font-size: 8px;
    margin-left: 1.5em;
  }
  .visit #listingNav li a,
  .visit #listingNav li button {
    background: var(--teal-700);
  }
  .things #listingNav li a,
  .things #listingNav li button {
    background: var(--teal-700);
  }
  .camping #listingNav li a,
  .camping #listingNav li button {
    background: var(--teal-700);
  }
  .venue #listingNav li a,
  .venue #listingNav li button {
    background: var(--teal-700);
  }
  #listingNav li.active a, #listingNav li button.is-active {
    background: var(--teal-500);
  }
  .visit #listingNav li.active a, .visit #listingNav li button.is-active {
    background: var(--teal-500);
  }
  .things #listingNav li.active a, .things #listingNav li button.is-active {
    background: var(--teal-500);
  }
  .camping #listingNav li.active a, .camping #listingNav li button.is-active {
    background: var(--teal-500);
  }
  .venue #listingNav li.active a, .venue #listingNav li button.is-active {
    background: var(--teal-500);
  }
  #listingFilter,
  #filter {
    display: none;
    width: 100%;
  }
  #listingFilter.mapSidebarListing,
  #filter.mapSidebarListing {
    position: absolute;
    bottom: 25px;
    background: #fff;
    width: 50%;
    padding-left: 3%;
    left: -53%;
    height: 360px;
    z-index: 1000;
    transition: left 0.8s;
    display: block;
  }
  #listingFilter.mapSidebarListing.search,
  #filter.mapSidebarListing.search {
    min-width: 50%;
  }
  #listingFilter.mapSidebarListing.open,
  #filter.mapSidebarListing.open {
    left: 0;
    box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.2);
  }
  #listingFilter.mapSidebarListing .mapSidebarListing__close + h2,
  #filter.mapSidebarListing .mapSidebarListing__close + h2 {
    margin-right: 1.8em;
  }
  #listingFilter.mapSidebarListing.fixedMobile,
  #filter.mapSidebarListing.fixedMobile {
    position: static;
    width: 100%;
    height: auto;
    padding-left: 0;
    display: none;
  }
  #listingFilter.mapSidebarListing.fixedMobile #listingFilter__inner,
  #filter.mapSidebarListing.fixedMobile #listingFilter__inner {
    height: auto;
    overflow: visible;
  }
  #listingFilter.mapSidebarListing.fixedMobile #listingFilterOverlay,
  #filter.mapSidebarListing.fixedMobile #listingFilterOverlay {
    position: static;
    display: block;
    min-height: 0;
    padding-bottom: 3px;
  }
  #listingFilter.mapSidebarListing.fixedMobile .listingFilter__mapIcons,
  #filter.mapSidebarListing.fixedMobile .listingFilter__mapIcons {
    display: none;
  }
  #listingFilter.mapSidebarListing.t3map,
  #filter.mapSidebarListing.t3map {
    top: 40%;
  }
  #listingFilter.regionMapSelector,
  #filter.regionMapSelector {
    display: block;
    position: absolute;
    width: 75%;
  }
  #listingFilter.regionMapSelector .loadingOverlay,
  #filter.regionMapSelector .loadingOverlay {
    position: absolute;
  }
  #listingFilter.regionMapSelector .btn-change,
  #filter.regionMapSelector .btn-change {
    float: right;
  }
  .mapSidebarListing__menuToggle {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50px;
    right: -30px;
    background: #fff;
    text-align: center;
    border-radius: 0 2px 2px 0;
    box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.2);
    display: block;
  }
  .mapSidebarListing__menuToggle::before {
    font-family: "icons";
    speak: none;
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e043";
    font-size: 16px;
    line-height: 28px;
    height: 30px;
    width: 30px;
    text-align: center;
  }
  #listingFilter__inner {
    height: 360px;
    overflow-y: auto;
  }
  #mapWrapper {
    width: 100%;
  }
  .mapSidebarListing__toggleFilter {
    display: none;
  }
  #mapSidebarListing__showTrails {
    margin-top: 1.5em;
  }
  #alertsModule__content {
    width: 100%;
  }
  #alertsModule__content #listView__header {
    display: none;
  }
  .detailLeftColumn #alertsModule__content #listView__content .alerts__row {
    padding-bottom: 37px;
  }
  #alertsModule__content #listView__content .alerts__row .cellSummary {
    margin-left: 0;
  }
  #alertsModule__content #listView__content .alerts__row .alerts__details__toggle {
    top: inherit;
    bottom: 20px;
  }
  #alertsModule__content #listView__content .alerts__row .alerts__details:last-child .button.seeOnMap {
    float: right;
    margin-right: 53px;
  }
  #alertsModule__content #alertsList-table .alerts__details__row.opened .alerts__details__toggle {
    display: inline-block;
  }
  #alertsModule__content #alertsList-table .alerts__details__row .alerts__details__wrapper:last-child .seeOnMap {
    margin-right: 40px;
  }
  #alertsModule__content #alertsList-table .alerts__details__row .alerts__details__wrapper:last-child .alerts__details__toggle {
    top: -39px;
    right: -6px;
  }
  #alertsModule__content #alertsList-table .alerts__summary__row.opened .alerts__details__toggle {
    display: none;
  }
  #mapCanvas {
    margin-right: 0;
    padding-right: 0;
    height: 360px;
  }
  .sidePromo {
    display: none;
  }
  #mapSearch label {
    width: 100%;
    display: block;
  }
  .mapSearch__textWrapper {
    width: 65%;
    margin-left: 0;
  }
  .bundle__header {
    display: flex;
    flex-direction: column-reverse;
  }
  .bundle__header img {
    width: 100%;
    position: inherit;
  }
  .bundle__desciption {
    width: 100%;
    height: auto;
  }
  .regionMapSelector {
    position: absolute;
    background: #f2f0ee;
    width: 75%;
    margin-left: 6.25%;
    margin-right: 6.25%;
    padding-right: 6.25%;
    padding-left: 6.25%;
    height: 336px;
    z-index: 1000;
    transition: fadeIn 0.8s;
    overflow-y: auto;
    top: 30%;
    left: 0;
    display: block;
    border: 1px solid #999;
  }
  .regionMapSelector .button.jumptomap {
    position: absolute;
    right: 0;
    display: inline-block;
    float: right !important;
    color: #fff;
    font-size: 12.8px;
    margin: 0 !important;
    z-index: 999;
    padding: 0.43em 8px;
    margin-top: -12px !important;
    top: 50%;
  }
  .regionMapSelector .regionMapSelectorItem__park__container {
    height: 170px;
    overflow-y: auto;
  }
  .regionMapSelector .regionMapSelector__container {
    height: 320px;
  }
  .regionMapSelector__containerForToggle.mobile-close .regionMapSelector {
    display: none !important;
  }
  .regionMapSelector__containerForToggle.mobile-close-init .regionMapSelector {
    display: none !important;
  }
  .regionMapSelector__menuToggle__container {
    display: inline;
  }
  .regionMapSelector__menuToggle__container.mobile-close-init, .regionMapSelector__menuToggle__container.mobile-close {
    display: none;
  }
  .regionMapSelector .regionMapSelector__divider {
    display: block;
  }
  .listingFilter__block div.half.datePickerHalf {
    float: right;
    width: 47%;
  }
  .listingFilter__block div.half.datePickerHalf.first {
    float: left;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 37.5em) {
  .listing__items.region .listing__item {
    padding: 12px 12px 0;
  }
  .listing__items.region .listing__item > a {
    width: 100% !important;
    float: none;
    margin: inherit;
  }
  .listing__items.region .listing__item h2 + a img {
    width: 100%;
  }
  .listing__items.region .listing__item .listing__item__content {
    width: auto;
    height: auto;
    min-height: 0;
    padding: 12px 0;
    float: none;
  }
  .listing__items.region .listing__item .listing__item__lowerBlock {
    margin: 0 -12px;
    padding-right: 12px;
    padding-left: 12px;
  }
  .listing__items.region .listing__item.half {
    width: 100%;
    border: none;
  }
  .listing__items.region .listing__item.half + .half {
    margin-top: 12px;
  }
  .touch .alertsMain #tabbedNav__alerts-map,
  .touch .alertsMain #listing__viewOptions {
    display: none !important;
  }
  .touch .listing__items.alerts .listing__item__lowerBlock {
    display: none;
  }
  .touch .seeOnMap {
    visibility: hidden;
  }
}
@media only screen and (max-width: 35em) {
  .mobileOnly {
    display: block;
  }
  .mobileOnly.buttonSmall {
    display: inline-block;
  }
  #headerNavTop__tagline {
    margin-top: 0.92em;
  }
  #headerNavTop__tagline br {
    display: block;
  }
  .landing .imageUnderFeaturedContent.twoThirds {
    padding-bottom: 100%;
  }
  #homeKeepInTouch .block:first-child {
    display: none;
  }
  #homeKeepInTouch__intro {
    display: none;
  }
  .homeFeatureBlockIntro::after {
    display: block;
  }
  .homeFeatureBlockIntro ul {
    display: none;
  }
  .homeFeatureBlock.full, .homeFeatureBlock.threeQuarters {
    background: #191c09;
  }
  .homeFeatureBlock.full h2, .homeFeatureBlock.threeQuarters h2 {
    font-size: 3em !important;
  }
  .homeFeatureBlock.full p, .homeFeatureBlock.threeQuarters p {
    font-size: 1.3em !important;
  }
  .homeFeatureBlock.full .imageUnderFeaturedContent__text, .homeFeatureBlock.threeQuarters .imageUnderFeaturedContent__text {
    max-width: 100%;
  }
  .homeFeatureBlock.full .imageUnderFeaturedContent {
    padding-bottom: 70%;
  }
  .homeFeatureBlock.full .imageUnderFeaturedContent img {
    width: auto;
    height: 100%;
  }
  .homeFeatureBlock.threeQuarters .imageUnderFeaturedContent {
    padding-bottom: 55%;
  }
  .homeFeatureBlock.half .imageUnderFeaturedContent a::after, .homeFeatureBlock.quarter .imageUnderFeaturedContent a::after {
    display: block;
  }
  .homeFeatureBlock.half .imageUnderFeaturedContent h3,
  .homeFeatureBlock.half .imageUnderFeaturedContent h3 a, .homeFeatureBlock.quarter .imageUnderFeaturedContent h3,
  .homeFeatureBlock.quarter .imageUnderFeaturedContent h3 a {
    color: #fff;
  }
  .homeFeatureBlock.half .imageUnderFeaturedContent h3, .homeFeatureBlock.quarter .imageUnderFeaturedContent h3 {
    margin-bottom: 0.5em;
    font-size: 1.4em !important;
  }
  .homeFeatureBlock.half .imageUnderFeaturedContent img, .homeFeatureBlock.quarter .imageUnderFeaturedContent img {
    width: 100%;
    position: absolute;
  }
  .homeFeatureBlock.half .imageUnderFeaturedContent .imageUnderFeaturedContent__text, .homeFeatureBlock.quarter .imageUnderFeaturedContent .imageUnderFeaturedContent__text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 8.82%;
  }
  .homeFeatureBlock.half .imageUnderFeaturedContent .imageUnderFeaturedContent__text::before, .homeFeatureBlock.quarter .imageUnderFeaturedContent .imageUnderFeaturedContent__text::before {
    display: none;
  }
  .homeFeatureBlock.quarter .imageUnderFeaturedContent {
    padding-bottom: 120.588228%;
  }
  .homeFeatureBlock.quarter .imageUnderFeaturedContent__text {
    padding-left: 8.82%;
    padding-right: 8.82%;
    padding-bottom: 8.82%;
  }
  .homeFeatureBlock.quarter .homeFeatureBlock__lowerCTA {
    padding: 19px 27px;
    border: none;
  }
  .homeFeatureBlock.quarter .homeFeatureBlock__lowerCTA .button {
    display: block;
  }
  .homeFeatureBlock.half .imageUnderFeaturedContent {
    padding-bottom: 60.294114%;
  }
  .homeFeatureBlock.half .imageUnderFeaturedContent__text {
    padding-bottom: 4.41%;
  }
  .homeFeatureBlock.half .homeFeatureBlock__lowerCTA {
    text-align: center;
    border: none;
  }
  .homeFeatureBlock.oneThird, .homeFeatureBlock.twoThirds {
    border-top: solid 4px #f1f0ee;
    position: relative;
    z-index: 1000;
  }
  .home .homeFeatureBlock.oneThird, .home .homeFeatureBlock.twoThirds {
    background: #fff;
  }
  .home .homeFeatureBlock.oneThird img, .home .homeFeatureBlock.twoThirds img {
    width: 26.25%;
    float: left;
  }
  .home .homeFeatureBlock.oneThird h3, .home .homeFeatureBlock.twoThirds h3 {
    font-size: 1.45em;
  }
  .home .homeFeatureBlock.oneThird .imageUnderFeaturedContent__text, .home .homeFeatureBlock.twoThirds .imageUnderFeaturedContent__text {
    width: 73.75%;
    padding-top: 0;
  }
  .home .homeFeatureBlock.oneThird .imageUnderFeaturedContent__text::before, .home .homeFeatureBlock.twoThirds .imageUnderFeaturedContent__text::before {
    display: none;
  }
  .home .homeFeatureBlock.oneThird .homeFeatureBlock__lowerCTA, .home .homeFeatureBlock.twoThirds .homeFeatureBlock__lowerCTA {
    display: none;
  }
  .home .homeFeatureBlock.twoThirds .imageUnderFeaturedContent__imgWrapper {
    width: 26.25%;
    overflow: hidden;
    float: left;
  }
  .home .homeFeatureBlock.twoThirds .imageUnderFeaturedContent__imgWrapper img {
    width: 200%;
  }
  .landing .homeFeatureBlock.twoThirds {
    background: #191c09;
  }
  .landing .homeFeatureBlock.twoThirds .imageUnderFeaturedContent__imgWrapper img {
    left: 0;
    margin-left: 0;
    height: auto;
    width: 100%;
  }
  .education .homeFeatureBlock.quarter .imageUnderFeaturedContent h3 {
    margin-bottom: 0.5em;
    font-size: 1.4em !important;
  }
  #main > .orShowMe {
    font-size: 1.8em;
    padding-right: 10%;
    padding-left: 10%;
  }
  .landingFeaturedContent__cta {
    display: none;
  }
  .park #content__inner {
    border: none;
  }
  #miniMap {
    display: none;
  }
  #miniMap.miniMap__dark {
    float: none;
    width: 100%;
    margin: 0 auto;
    padding: 15px !important;
    box-sizing: border-box;
  }
  #miniMap.miniMap__dark.arrow::after {
    display: none;
  }
  #miniMap.miniMap__dark svg {
    position: static;
    width: 100%;
  }
  #miniMap img {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    display: block;
  }
  .detailLeftColumn {
    padding-right: 0;
    margin-left: 0;
    width: 100%;
    float: none;
  }
  .detailLeftColumn h2 {
    display: block;
  }
  .detailLeftColumn #overviewIntro__readMore {
    margin-bottom: 2em;
  }
  .detailLeftColumn #detailRightColumn__seeMore + .buttonSmall {
    margin-left: 1em;
  }
  .detailLeftColumn__grade {
    display: block;
    margin: 0 !important;
  }
  .detailLeftColumn__grade-title {
    margin-left: 0;
    margin-bottom: 0.8em;
  }
  .detailLeftColumn__grade__block {
    border-left: 0;
    display: block;
    padding: 0 0 1em;
  }
  .overviewIntro p {
    font-size: 1.5em;
  }
  .detailLeftColumn__anchorLinks {
    display: none;
  }
  ul.parkDetail li {
    font-size: 1.3em;
  }
  dl dt {
    width: 30%;
  }
  .itemDetails li {
    padding: 0;
    padding-top: 0;
    padding-bottom: 0;
    border: none;
    width: 100%;
  }
  .pseudo__detailRightColumn + .itemDetails, .pseudo__detailRightColumn + .parkHighlights, .pseudo__detailRightColumn + #miniMap {
    margin-top: 36px;
  }
  .pseudo__detailRightColumn + .cta {
    margin-top: 1em;
  }
  .parkHighlights {
    margin-top: 40px;
  }
  #miniMap + .parkHighlights {
    margin-top: 36px;
  }
  .parkHighlights .scrollingBox {
    margin-bottom: 15px;
  }
  #drivingDirections input,
  #drivingDirections .selectWrapper {
    width: 100%;
  }
  #drivingDirections .button {
    float: right;
    margin-top: 12px;
    margin-left: 0;
  }
  .detailLeftColumn__weather__block {
    display: block;
    border-left: none;
  }
  .detailLeftColumn__weather__block ~ .detailLeftColumn__weather__block {
    margin-top: 1.5em;
    margin-left: 0;
    padding-left: 0;
  }
  .detailLeftColumn__weather__block h4 {
    font-family: var(--poppins-font);
    font-weight: var(--font-weight-bold);
    font-size: 1.5em;
  }
  .detailLeftColumn__weather__block p {
    font-size: 1.3em;
    color: var(--colour-fg-default);
  }
  .dynamicListing img {
    width: 30%;
  }
  .dynamicListing h3,
  .dynamicListing p {
    width: 67%;
  }
  .dynamicListing h3 span {
    display: block;
  }
  .photoGallery + .detailLeftColumn__block .iconList span {
    display: block;
  }
  .detailRightColumn {
    width: 100%;
    padding: 20px 5% !important;
    margin: 36px 0 0;
  }
  .detailRightColumn h2 {
    font-size: 2.2em;
  }
  .detailRightColumn h2.alert {
    display: none;
  }
  .detailRightColumn h2.alert + p {
    display: none;
  }
  .detailRightColumn h2.alert + p + h2 {
    margin-top: 0;
  }
  .detailRightColumn h3 {
    font-size: 1.7em;
  }
  .detailRightColumn h3:first-child {
    margin-top: 0;
  }
  .detailRightColumn .largeCTA:first-child {
    display: none;
  }
  .detailRightColumn .largeCTA:first-child + h2 {
    margin-top: 0;
  }
  .linkList li a {
    font-size: 1.4em;
  }
  #detailRightColumn__map {
    display: none;
  }
  #detailRightColumn__map + .buttonSmall {
    display: none;
  }
  #detailRightColumn__map + h2 {
    margin-top: 0;
  }
  .detailRightColumn__categoryHeading > a {
    display: block;
  }
  .detailRightColumn__lookOutFor {
    display: none;
  }
  .detailRightColumn__lookOutFor + h2 {
    margin-top: 0;
  }
  .detailRightColumn__brownBox.donate {
    background: none;
    padding: 0;
  }
  .detailRightColumn__brownBox.donate h2,
  .detailRightColumn__brownBox.donate p {
    display: none;
  }
  #listing__sort p,
  #listing__sort label {
    font-size: 1.2em;
  }
  #listing__sort__order {
    margin-bottom: 1.3em;
  }
  #listing__sort__order label {
    min-width: 45px;
  }
  #listing__sort__type label {
    padding: 0 12px 0 30px;
  }
  #listingResults.excursions__listing-results {
    width: 100%;
  }
  #listingResults {
    width: 100%;
  }
  #listingResults h2 {
    font-size: 1.7em;
  }
  #listingResults .listingResults__headingWrapper {
    margin-left: 15px;
    margin-right: 15px;
  }
  #listingResults .listingResults__group {
    margin: 0 -15px;
  }
  #listingResults .listingResults__group .toggleVisibilty {
    margin: 12px 12% 0;
  }
  #listingResults .listing__item {
    margin-top: 4px;
    padding: 0;
  }
  #listingResults .listing__item > a:first-child {
    margin: 0;
    width: 38%;
  }
  #listingResults .listing__item .listing__item__content {
    width: 55.7%;
    min-height: 0;
    padding: 10px;
  }
  #listingResults .listing__item .listing__item__content dt,
  #listingResults .listing__item .listing__item__content dd {
    display: none;
    float: none;
  }
  #listingResults .listing__item .listing__item__content dt {
    margin-top: 6px;
  }
  #listingResults .listing__item .listing__item__content dt:first-child {
    margin-top: 0;
  }
  #listingResults .listing__item .listing__item__content dt.mobileOnly, #listingResults .listing__item .listing__item__content dt.mobileOnly + dd, #listingResults .listing__item .listing__item__content dt.keyStats, #listingResults .listing__item .listing__item__content dt.keyStats + dd {
    display: block;
  }
  #listingResults .listing__item h3 {
    padding-left: 0;
    font-size: 1.3em;
  }
  #listingResults .listing__item h3::before {
    display: none;
  }
  #listingResults .listing__item .listing__item__lowerBlock {
    display: none;
  }
  #listingResults .listingResults__seeMore {
    clear: both;
    display: block;
    text-align: center;
    margin-bottom: 4em;
  }
  .listing__items.alerts .listing__item {
    padding-left: 20px;
  }
  .listing__items.alerts .alertIcon {
    margin-left: 0;
  }
  .listing__items.passes-fees img {
    display: none;
  }
  .listing__items.passes-fees .listing__item .listing__item__content {
    padding-top: 0;
  }
  .listing__items.search .listing__item {
    padding: 3.76%;
  }
  .listing__items.half {
    width: 100%;
  }
  #listingNav {
    margin-left: -15px;
    margin-right: -15px;
    clear: both;
    display: block;
  }
  #listingNav nav {
    float: left;
    padding: 0 15px;
    margin-bottom: 20px;
    border-bottom: solid 10px var(--teal-500);
    box-sizing: border-box;
    width: 100%;
  }
  .visit #listingNav nav {
    border-bottom-color: var(--teal-500);
  }
  .things #listingNav nav {
    border-bottom-color: var(--teal-500);
  }
  .camping #listingNav nav {
    border-bottom-color: var(--teal-500);
  }
  .venue #listingNav nav {
    border-bottom-color: var(--teal-500);
  }
  #listingNav li {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding-left: 1%;
  }
  #listingNav li:first-child {
    padding-left: 0;
  }
  #listingNav li a,
  #listingNav li button {
    background: var(--teal-700);
    color: #fff;
    font-size: 1.5em;
    min-height: 30px;
    line-height: 30px;
    text-align: center;
    width: 100%;
    border-radius: 2px 2px 0 0;
    float: left;
    font-family: var(--poppins-font);
    font-weight: var(--font-weight-bold);
    text-decoration: none;
  }
  #listingNav li a:not(.no-arrow-down)::after,
  #listingNav li button:not(.no-arrow-down)::after {
    font-family: "icons";
    speak: none;
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e006";
    font-size: 8px;
    margin-left: 1.5em;
  }
  .visit #listingNav li a,
  .visit #listingNav li button {
    background: var(--teal-700);
  }
  .things #listingNav li a,
  .things #listingNav li button {
    background: var(--teal-700);
  }
  .camping #listingNav li a,
  .camping #listingNav li button {
    background: var(--teal-700);
  }
  .venue #listingNav li a,
  .venue #listingNav li button {
    background: var(--teal-700);
  }
  #listingNav li.active a, #listingNav li button.is-active {
    background: var(--teal-500);
  }
  .visit #listingNav li.active a, .visit #listingNav li button.is-active {
    background: var(--teal-500);
  }
  .things #listingNav li.active a, .things #listingNav li button.is-active {
    background: var(--teal-500);
  }
  .camping #listingNav li.active a, .camping #listingNav li button.is-active {
    background: var(--teal-500);
  }
  .venue #listingNav li.active a, .venue #listingNav li button.is-active {
    background: var(--teal-500);
  }
  #listingFilter,
  #filter {
    display: none;
    width: 100%;
  }
  #listingFilter.mapSidebarListing,
  #filter.mapSidebarListing {
    position: absolute;
    bottom: 40px;
    background: #fff;
    width: 50%;
    padding-left: 3%;
    left: -53%;
    height: 360px;
    z-index: 1000;
    transition: left 0.8s;
    display: block;
  }
  #listingFilter.mapSidebarListing.open,
  #filter.mapSidebarListing.open {
    left: 0;
    box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.2);
  }
  #listingFilter.mapSidebarListing .mapSidebarListing__close + h2,
  #filter.mapSidebarListing .mapSidebarListing__close + h2 {
    margin-right: 1.8em;
  }
  #listingFilter.mapSidebarListing.fixedMobile,
  #filter.mapSidebarListing.fixedMobile {
    position: static;
    width: 100%;
    height: auto;
    padding-left: 0;
    display: none;
  }
  #listingFilter.mapSidebarListing.fixedMobile #listingFilter__inner,
  #filter.mapSidebarListing.fixedMobile #listingFilter__inner {
    height: auto;
    overflow: visible;
  }
  #listingFilter.mapSidebarListing.fixedMobile #listingFilterOverlay,
  #filter.mapSidebarListing.fixedMobile #listingFilterOverlay {
    position: static;
    display: block;
  }
  #listingFilter.mapSidebarListing.t3map,
  #filter.mapSidebarListing.t3map {
    top: 40%;
  }
  .mapSidebarListing__menuToggle {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50px;
    right: -30px;
    background: #fff;
    text-align: center;
    border-radius: 0 2px 2px 0;
    box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.2);
    display: block;
  }
  .mapSidebarListing__menuToggle::before {
    font-family: "icons";
    speak: none;
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e043";
    font-size: 16px;
    line-height: 28px;
    height: 30px;
    width: 30px;
    text-align: center;
  }
  #listingFilter__inner {
    height: 360px;
  }
  #mapWrapper {
    width: 100%;
  }
  .mapSidebarListing__toggleFilter {
    display: none;
  }
  #mapCanvas {
    margin-right: 0;
    padding-right: 0;
    height: 400px;
  }
  .sidePromo {
    display: none;
  }
  #mapSearch label {
    width: 100%;
    display: block;
  }
  .mapSearch__textWrapper {
    width: 65%;
    margin-left: 0;
  }
  .things #listing__sort #listing__sort__order {
    width: 100%;
  }
  .upcomingAlerts #alertsModule__content #alertsList-table .alerts__row .alerts__cell {
    -webkit-hyphens: auto;
            hyphens: auto;
  }
  .upcomingAlerts #alertsModule__content #alertsList-table .alerts__row .alerts__cell.cellPark, .upcomingAlerts #alertsModule__content #alertsList-table .alerts__row .alerts__cell.cellDate, .upcomingAlerts #alertsModule__content #alertsList-table .alerts__row .alerts__cell.cellSummary {
    width: 100%;
  }
  .upcomingAlerts #alertsModule__content #alertsList-table .alerts__row .alerts__cell.cellPark ul, .upcomingAlerts #alertsModule__content #alertsList-table .alerts__row .alerts__cell.cellDate ul, .upcomingAlerts #alertsModule__content #alertsList-table .alerts__row .alerts__cell.cellSummary ul {
    list-style-position: inside;
  }
  .upcomingAlerts #alertsModule__content #alertsList-table .alerts__row .alerts__cell.cellPark {
    padding-right: 1em;
    padding-left: 16px;
  }
  .upcomingAlerts #alertsModule__content #alertsList-table .alerts__row .alerts__cell.cellSummary {
    padding-right: 0;
    padding-left: 16px;
  }
  .upcomingAlerts #alertsModule__content #alertsList-table .alerts__row .alerts__details p,
  .upcomingAlerts #alertsModule__content #alertsList-table .alerts__row .alerts__details ul,
  .upcomingAlerts #alertsModule__content #alertsList-table .alerts__row .alerts__details ol {
    padding-left: 0;
  }
  .listing__items .listing__item > a:first-child {
    padding: 0;
    width: 91%;
  }
  .listing__items .listing__item .listing__item__content {
    width: 100%;
  }
}
@media only screen and (max-width: 30em) {
  table:not(.ui-datepicker-calendar):not(.no-responsive-stack) tr {
    width: 200%;
  }
  table:not(.ui-datepicker-calendar):not(.no-responsive-stack) th,
  table:not(.ui-datepicker-calendar):not(.no-responsive-stack) td {
    display: block;
  }
  table:not(.ui-datepicker-calendar):not(.no-responsive-stack) th.headingIcon, table:not(.ui-datepicker-calendar):not(.no-responsive-stack) th.alertIcon,
  table:not(.ui-datepicker-calendar):not(.no-responsive-stack) td.headingIcon,
  table:not(.ui-datepicker-calendar):not(.no-responsive-stack) td.alertIcon {
    padding-top: 12px;
    padding-bottom: 0;
  }
  #alertsModule__content {
    width: 100%;
  }
  #alertsModule__content #listView__header {
    display: none;
  }
  .detailLeftColumn #alertsModule__content #listView__content .alerts__row {
    padding-bottom: 37px;
  }
  #alertsModule__content #listView__content .alerts__row .cellSummary {
    margin-left: 0;
  }
  #alertsModule__content #listView__content .alerts__row .alerts__details__toggle {
    top: inherit;
    bottom: 20px;
  }
  .ie8 #alertsModule__content #alertsList-table td {
    position: relative;
  }
  .lt-ie10 #alertsModule__content #alertsList-table .alerts__summary__row td {
    float: left;
    width: 100%;
  }
  .lt-ie9 #alertsModule__content #alertsList-table .alerts__summary__row td {
    width: 90%;
  }
  #alertsModule__content #alertsList-table .alerts__summary__row td > ul, #alertsModule__content #alertsList-table .alerts__summary__row td > ol {
    list-style-position: inside;
  }
  #alertsModule__content #alertsList-table .alerts__summary__row td:last-child {
    padding: 0;
  }
  #alertsModule__content #alertsList-table .alerts__summary__row .alerts__details__toggle {
    position: absolute;
    top: -40px;
  }
  .upcomingAlerts #alertsModule__content #alertsList-table .alerts__summary__row .alerts__details__toggle {
    top: -30px;
  }
  #homeKeepInTouch .block {
    width: 100%;
  }
  #homeKeepInTouch ul,
  #homeKeepInTouch ol {
    text-align: left;
  }
  #homeKeepInTouch ul li,
  #homeKeepInTouch ol li {
    display: block;
  }
  #alertsModule__content #listView__content .alerts__row .alerts__cell {
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
            hyphens: auto;
  }
  #alertsModule__content #listView__content .alerts__row .alerts__cell.cellPark, #alertsModule__content #listView__content .alerts__row .alerts__cell.cellDate, #alertsModule__content #listView__content .alerts__row .alerts__cell.cellSummary {
    width: 100%;
  }
  #alertsModule__content #listView__content .alerts__row .alerts__cell.cellPark ul, #alertsModule__content #listView__content .alerts__row .alerts__cell.cellDate ul, #alertsModule__content #listView__content .alerts__row .alerts__cell.cellSummary ul {
    list-style-position: inside;
  }
  .imageUnderFeaturedContent.homePromoTwo h3 {
    font-size: 1.6em;
  }
  .imageUnderFeaturedContent.homePromoTwo p {
    display: none;
  }
  .imageUnderFeaturedContent.homePromoThree {
    width: 50%;
    padding-bottom: 27.35294%;
  }
  .imageUnderFeaturedContent.homePromoThree:nth-child(4) {
    display: none;
  }
  #alertsModule__content #listView__content .alerts__row .alerts__cell {
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
            hyphens: auto;
  }
  #alertsModule__content #listView__content .alerts__row .alerts__cell.cellPark, #alertsModule__content #listView__content .alerts__row .alerts__cell.cellDate, #alertsModule__content #listView__content .alerts__row .alerts__cell.cellSummary {
    width: 100%;
  }
  #alertsModule__content #listView__content .alerts__row .alerts__cell.cellPark ul, #alertsModule__content #listView__content .alerts__row .alerts__cell.cellDate ul, #alertsModule__content #listView__content .alerts__row .alerts__cell.cellSummary ul {
    list-style-position: inside;
  }
  .landing .education .oneThird {
    padding-bottom: 0;
  }
  .landing .education .imageUnderFeaturedContent.twoThirds {
    padding-bottom: 90%;
  }
  .listing__items .listing__item > a:first-child {
    width: 85%;
  }
}
@media only screen and (max-width: 28.75em) {
  .things .landingFeaturedContent,
  .camping .landingFeaturedContent,
  .visit .landingFeaturedContent,
  .conservation .landingFeaturedContent,
  .education .landingFeaturedContent,
  .venue .landingFeaturedContent {
    border-bottom: solid 4px #f1f0ee;
    position: relative;
  }
  .things .landingFeaturedContent .button,
  .things .landingFeaturedContent p,
  .camping .landingFeaturedContent .button,
  .camping .landingFeaturedContent p,
  .visit .landingFeaturedContent .button,
  .visit .landingFeaturedContent p,
  .conservation .landingFeaturedContent .button,
  .conservation .landingFeaturedContent p,
  .education .landingFeaturedContent .button,
  .education .landingFeaturedContent p,
  .venue .landingFeaturedContent .button,
  .venue .landingFeaturedContent p {
    display: none;
  }
  .things .landingFeaturedContent h2,
  .camping .landingFeaturedContent h2,
  .visit .landingFeaturedContent h2,
  .conservation .landingFeaturedContent h2,
  .education .landingFeaturedContent h2,
  .venue .landingFeaturedContent h2 {
    margin-bottom: 1em;
    font-size: 1.6em;
  }
  .things .landingFeaturedContent h2 a,
  .camping .landingFeaturedContent h2 a,
  .visit .landingFeaturedContent h2 a,
  .conservation .landingFeaturedContent h2 a,
  .education .landingFeaturedContent h2 a,
  .venue .landingFeaturedContent h2 a {
    display: block;
    padding-right: 2em;
    position: relative;
  }
  .things .landingFeaturedContent h2 a::after,
  .camping .landingFeaturedContent h2 a::after,
  .visit .landingFeaturedContent h2 a::after,
  .conservation .landingFeaturedContent h2 a::after,
  .education .landingFeaturedContent h2 a::after,
  .venue .landingFeaturedContent h2 a::after {
    font-family: "icons";
    speak: none;
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e009";
    font-size: 0.7em;
    position: absolute;
    top: 0.2em;
    right: 0;
  }
  .things .landingFeaturedContent .imageUnderFeaturedContent__imgWrapper,
  .camping .landingFeaturedContent .imageUnderFeaturedContent__imgWrapper,
  .visit .landingFeaturedContent .imageUnderFeaturedContent__imgWrapper,
  .conservation .landingFeaturedContent .imageUnderFeaturedContent__imgWrapper,
  .education .landingFeaturedContent .imageUnderFeaturedContent__imgWrapper,
  .venue .landingFeaturedContent .imageUnderFeaturedContent__imgWrapper {
    width: 26.25%;
  }
  .things .landingFeaturedContent .imageUnderFeaturedContent__imgWrapper img,
  .camping .landingFeaturedContent .imageUnderFeaturedContent__imgWrapper img,
  .visit .landingFeaturedContent .imageUnderFeaturedContent__imgWrapper img,
  .conservation .landingFeaturedContent .imageUnderFeaturedContent__imgWrapper img,
  .education .landingFeaturedContent .imageUnderFeaturedContent__imgWrapper img,
  .venue .landingFeaturedContent .imageUnderFeaturedContent__imgWrapper img {
    height: auto;
    width: 100%;
    position: static;
    left: 0;
    margin-left: 0;
  }
  .things .landingFeaturedContent.quarter .imageUnderFeaturedContent__imgWrapper img,
  .camping .landingFeaturedContent.quarter .imageUnderFeaturedContent__imgWrapper img,
  .visit .landingFeaturedContent.quarter .imageUnderFeaturedContent__imgWrapper img,
  .conservation .landingFeaturedContent.quarter .imageUnderFeaturedContent__imgWrapper img,
  .education .landingFeaturedContent.quarter .imageUnderFeaturedContent__imgWrapper img,
  .venue .landingFeaturedContent.quarter .imageUnderFeaturedContent__imgWrapper img {
    margin-left: 0%;
  }
  .things .landingFeaturedContent.half .imageUnderFeaturedContent__imgWrapper img,
  .camping .landingFeaturedContent.half .imageUnderFeaturedContent__imgWrapper img,
  .visit .landingFeaturedContent.half .imageUnderFeaturedContent__imgWrapper img,
  .conservation .landingFeaturedContent.half .imageUnderFeaturedContent__imgWrapper img,
  .education .landingFeaturedContent.half .imageUnderFeaturedContent__imgWrapper img,
  .venue .landingFeaturedContent.half .imageUnderFeaturedContent__imgWrapper img {
    width: 200%;
    margin-left: -50%;
  }
  .things.landing .landingFeaturedContent > a,
  .camping.landing .landingFeaturedContent > a,
  .visit.landing .landingFeaturedContent > a,
  .conservation.landing .landingFeaturedContent > a,
  .education.landing .landingFeaturedContent > a,
  .venue.landing .landingFeaturedContent > a {
    display: block;
    overflow: hidden;
  }
  .things.landing .landingFeaturedContent .imageUnderFeaturedContent__imgWrapper,
  .camping.landing .landingFeaturedContent .imageUnderFeaturedContent__imgWrapper,
  .visit.landing .landingFeaturedContent .imageUnderFeaturedContent__imgWrapper,
  .conservation.landing .landingFeaturedContent .imageUnderFeaturedContent__imgWrapper,
  .education.landing .landingFeaturedContent .imageUnderFeaturedContent__imgWrapper,
  .venue.landing .landingFeaturedContent .imageUnderFeaturedContent__imgWrapper {
    float: left !important;
  }
  .things.landing .landingFeaturedContent .landingFeaturedContent__text,
  .camping.landing .landingFeaturedContent .landingFeaturedContent__text,
  .visit.landing .landingFeaturedContent .landingFeaturedContent__text,
  .conservation.landing .landingFeaturedContent .landingFeaturedContent__text,
  .education.landing .landingFeaturedContent .landingFeaturedContent__text,
  .venue.landing .landingFeaturedContent .landingFeaturedContent__text {
    min-height: 0;
    width: 73.75% !important;
    padding-top: 10px;
    padding-right: 11.05941%;
  }
  .things.landing .landingFeaturedContent .landingFeaturedContent__text::before,
  .camping.landing .landingFeaturedContent .landingFeaturedContent__text::before,
  .visit.landing .landingFeaturedContent .landingFeaturedContent__text::before,
  .conservation.landing .landingFeaturedContent .landingFeaturedContent__text::before,
  .education.landing .landingFeaturedContent .landingFeaturedContent__text::before,
  .venue.landing .landingFeaturedContent .landingFeaturedContent__text::before {
    display: none;
  }
  .things.landing .landingFeaturedContent.threeQuarters .imageUnderFeaturedContent__imgWrapper,
  .camping.landing .landingFeaturedContent.threeQuarters .imageUnderFeaturedContent__imgWrapper,
  .visit.landing .landingFeaturedContent.threeQuarters .imageUnderFeaturedContent__imgWrapper,
  .conservation.landing .landingFeaturedContent.threeQuarters .imageUnderFeaturedContent__imgWrapper,
  .education.landing .landingFeaturedContent.threeQuarters .imageUnderFeaturedContent__imgWrapper,
  .venue.landing .landingFeaturedContent.threeQuarters .imageUnderFeaturedContent__imgWrapper {
    width: 26.25%;
  }
  .things.landing .landingFeaturedContent.threeQuarters .imageUnderFeaturedContent__imgWrapper img,
  .camping.landing .landingFeaturedContent.threeQuarters .imageUnderFeaturedContent__imgWrapper img,
  .visit.landing .landingFeaturedContent.threeQuarters .imageUnderFeaturedContent__imgWrapper img,
  .conservation.landing .landingFeaturedContent.threeQuarters .imageUnderFeaturedContent__imgWrapper img,
  .education.landing .landingFeaturedContent.threeQuarters .imageUnderFeaturedContent__imgWrapper img,
  .venue.landing .landingFeaturedContent.threeQuarters .imageUnderFeaturedContent__imgWrapper img {
    width: 300%;
    margin-left: -75%;
  }
  .things.landing .landingFeaturedContent::after,
  .camping.landing .landingFeaturedContent::after,
  .visit.landing .landingFeaturedContent::after,
  .conservation.landing .landingFeaturedContent::after,
  .education.landing .landingFeaturedContent::after,
  .venue.landing .landingFeaturedContent::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 3.68647%;
    font-size: 1.3em;
    margin-top: -0.65em;
    font-family: "icons";
    speak: none;
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e009";
  }
  .conservation .homeFeatureBlockIntro::after {
    display: none;
  }
  .camping #listing__sort #listing__sort__order,
  .visit #listing__sort #listing__sort__order {
    width: 100%;
  }
  .grade-link {
    margin-bottom: 1em;
    margin-left: 0;
    display: block;
  }
}
@media only screen and (max-width: 23.125em) {
  .homeFeatureBlock.quarter .homeFeatureBlock__lowerCTA {
    padding: 19px 16px;
  }
  .oneThird.landingSearch .orShowMe {
    padding: 5% 15%;
  }
}
@media only screen and (max-width: 22.5em) {
  #listingResults article {
    width: 100%;
  }
  .modal__wrapper.modalGallery {
    width: 100%;
  }
  .modal__wrapper.modalGallery .modalGallery__meta {
    padding-left: 24px;
    padding-right: 24px;
  }
  .listingFilter__block div.half.datePickerHalf {
    width: 100%;
  }
  .listingFilter__block div.half.datePickerHalf.first {
    margin-bottom: 5px;
  }
  .listing__items .listing__item .listing__item__content {
    width: 100%;
  }
  .listing__items .listing__item > a:first-child {
    width: 85%;
    padding: 0;
  }
}
.landing {
  --wrapper-vertical-space: 16px;
  --wrapper-horizontal-space: 16px;
  --landing-h1-size: 22px;
  --landing-h2-size: 22px;
}
@media (min-width: 768px) {
  .landing {
    --wrapper-vertical-space: 32px;
    --wrapper-horizontal-space: 40px;
  }
}
@media (min-width: 1012px) {
  .landing {
    --landing-h1-size: 24px;
    --landing-h2-size: 24px;
  }
}
@media (min-width: 1280px) {
  .landing {
    --wrapper-horizontal-space: 0;
  }
}

.landingSearch {
  position: relative;
  box-sizing: border-box;
  background-color: var(--grey-100);
}
.landingSearch .imageUnderFeaturedContent {
  border-left: solid 2px #fff;
}
.landingSearch .wrapper {
  padding: var(--wrapper-vertical-space) var(--wrapper-horizontal-space);
  box-sizing: border-box;
  width: 100%;
}
.landingSearch fieldset {
  clear: left;
  position: relative;
}
.landingSearch h1 {
  color: #000;
  font-size: var(--landing-h1-size);
  margin: 0 0 0.5em;
}
.landingSearch h2 {
  color: #000;
  margin-bottom: 0.5em;
  font-size: var(--landing-h2-size);
}
.landingSearch p,
.landingSearch label,
.landingSearch legend {
  color: #000;
  font-size: 1.7em;
  margin-bottom: 0.2em;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-normal);
  letter-spacing: 1px;
}
.landingSearch .radioGroup {
  float: left;
  width: 35%;
  line-height: 32px;
  min-width: 128px;
}
.landingSearch .radioGroup input,
.landingSearch .radioGroup label {
  display: inline;
}
@media only screen and (max-width: 85.375em) and (min-height: 48em) {
  .landingSearch .radioGroup {
    width: 50%;
  }
}
.landingSearch .orShowMe {
  font-size: var(--h3-size, 16px);
  font-weight: var(--font-weight-bold);
  padding: 8.9% 18.9%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 6;
  background: var(--grey-100);
  border-top: 1px solid #fff;
}
.landingSearch input[type=submit] {
  font-size: 16px;
  clear: both;
  float: left;
  margin-bottom: 0.6em;
  padding: 6px 12px;
  background-color: var(--teal-500);
}
.landingSearch input[type=submit]:hover {
  background-color: var(--teal-600);
}
.landingSearch input[type=submit]:focus {
  outline: var(--black) dotted 2px;
}
.landingSearch .button {
  font-size: 16px;
}
.landingSearch select,
.landingSearch .selectWrapper,
.landingSearch input[type=text] {
  margin-bottom: 0.6em;
}
.landingSearch .select {
  line-height: 40px;
  min-height: 40px;
  font-size: 1.6em;
}
.landingSearch select {
  height: 40px !important;
  width: 100.3%;
  margin-left: -1px;
}
.landingSearch input[type=text] {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 1.6em;
  float: left;
  border: 1px solid var(--grey-200);
}
.landingSearch .errorMessage {
  position: absolute;
  left: 90px;
  bottom: -39px;
}
.landingSearch label {
  display: block;
}
.landingSearch .halfWidth {
  padding-top: 8px;
}
.landingSearch .mapSearch__textWrapper {
  width: 100%;
  margin: 0;
}
.landingSearch .mapSearch__textWrapper .mapSearch__geolocate {
  display: none;
  width: 28px;
  height: 42px;
  position: absolute;
  top: 0;
  right: 6px;
  z-index: 10;
  text-decoration: none !important;
}
.landingSearch .mapSearch__textWrapper .mapSearch__geolocate::before {
  font-size: 28px;
  color: #999;
  vertical-align: top;
  line-height: 42px;
}
.landingSearch .mapSearch__textWrapper input[type=text] {
  padding-right: 15%;
}
@media only screen and (min-width: 85em) {
  .landingSearch {
    min-height: 560px;
    padding-bottom: 0;
  }
  .landingSearch .orShowMe {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 78.75em) {
  .landingSearch .orShowMe {
    font-size: 1.8em;
    padding: 5% 10%;
  }
}
@media only screen and (max-width: 63.75em) {
  .landingSearch p,
  .landingSearch label {
    font-size: 1.4em;
  }
  .landingSearch select {
    height: 32px !important;
  }
  .landingSearch .select {
    min-height: 32px;
    line-height: 32px;
    font-size: 1.4em;
  }
}
@media only screen and (max-width: 60em) {
  .landingSearch {
    width: 50%;
  }
}

.landingSearch.sidePromo div {
  clear: both;
}
.landingSearch.sidePromo div + div {
  margin-top: 32px;
}
.landingSearch.sidePromo h2 {
  font-size: 2.5em;
  margin-left: 10px;
  padding-left: 41px;
}
.landingSearch.sidePromo h2::before {
  width: 26px;
  height: 26px;
  border: 2px solid var(--grey-500);
  top: 0;
  left: -10px;
  background: var(--grey-500);
  color: #fff;
}
.landingSearch.sidePromo p {
  font-size: 16px;
}
.landingSearch.sidePromo .button {
  background: var(--teal-500);
}
.landingSearch.sidePromo .button:hover {
  background-color: var(--teal-600);
}
@media only screen and (max-width: 60em) {
  .landingSearch.sidePromo {
    width: 100%;
    border-top: 1px solid #fff;
    min-height: 0;
    padding-bottom: 0;
  }
  .landingSearch.sidePromo .wrapper {
    float: left;
    position: static;
  }
}

.landingRegionsNav {
  background: var(--grey-500);
  position: relative;
  padding: 0;
  clear: left;
  border-left: none;
}
@media (min-width: 768px) {
  .landingRegionsNav {
    min-height: 560px;
  }
}
.landingRegionsNav .wrapper {
  padding: var(--wrapper-vertical-space) var(--wrapper-horizontal-space);
  width: 100%;
  box-sizing: border-box;
}
.landingRegionsNav a,
.landingRegionsNav h2 {
  color: #fff;
}
.landingRegionsNav h2 {
  font-size: var(--landing-h2-size);
}
.landingRegionsNav ul {
  float: left;
  margin: 32px -14px 24px;
  padding: 0;
  position: relative;
}
.landingRegionsNav li {
  font-size: 1.4em;
  margin: 0;
  list-style-type: none;
  float: left;
  width: 100%;
}
.landingRegionsNav li:hover a,
.landingRegionsNav li a.hover {
  background: #414141;
}
.landingRegionsNav li.active a {
  color: #000;
  background: var(--grey-200);
}
.landingRegionsNav li:hover a, .landingRegionsNav li.active a {
  position: relative;
}
.landingRegionsNav li:hover a::after,
.landingRegionsNav li:hover a > iea, .landingRegionsNav li.active a::after,
.landingRegionsNav li.active a > iea {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e009";
  font-size: 0.65em;
  position: absolute;
  right: 13px;
  top: 50%;
  margin-top: -0.5em;
}
.landingRegionsNav li a {
  box-sizing: border-box;
  padding: 4px 24px 4px 16px;
  float: left;
  border-radius: 2px;
  width: 100%;
}
.landingRegionsNav img,
.landingRegionsNav svg {
  margin: -20px auto;
  display: block;
  width: 70%;
  height: 70%;
}
.lt-ie10 .landingRegionsNav svg {
  min-width: 276px;
  min-height: 226px;
}
.landingRegionsNav svg a {
  outline: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .landingRegionsNav svg {
    min-width: 276px;
    min-height: 226px;
  }
}
.landingRegionsNav svg path {
  cursor: pointer;
  fill: var(--white);
  stroke: #97999d;
}
.landingRegionsNav svg path:hover, .landingRegionsNav svg path.hover {
  fill: var(--grey-600);
}
.landingRegionsNav svg path.active {
  fill: var(--grey-200);
}
.landingRegionsNav svg path.focus {
  fill: #6b6b6b;
}
.landingRegionsNav .button {
  background-color: #d8d8d8;
  font-size: 1.8em;
  color: #2b2b2b;
}
.landingRegionsNav .button:hover {
  background-color: #fff;
}
.landingRegionsNav .button:focus {
  outline-color: #fff;
}
@media only screen and (max-width: 78.75em) {
  .landingRegionsNav .orShowMe {
    font-size: 1.8em;
    padding: 5% 10%;
  }
}
@media only screen and (max-width: 47.5em) {
  .landingRegionsNav {
    width: 100%;
    padding-bottom: var(--wrapper-vertical-space);
  }
  .landingRegionsNav li:hover a::after {
    display: none;
  }
  .landingRegionsNav li.active:hover a {
    background: #414141;
  }
  .landingRegionsNav li.active a {
    background: transparent;
  }
  .landingRegionsNav li.active a::after {
    display: none;
  }
  .landingRegionsNav .wrapper {
    position: static;
    float: left;
  }
  .landingRegionsNav::after {
    display: none;
  }
  .landingRegionsNav ul {
    margin-top: 0;
  }
  .landingRegionsNav ul::before {
    display: none;
  }
  .landingRegionsNav svg {
    display: none;
  }
}

.landingRegionsCarousel {
  position: relative;
  float: left;
  min-height: 560px;
  width: 67%;
  background: var(--colour-fg-default);
}
.landingRegionsCarousel .imageUnderFeaturedContent.twoThirds {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 560px;
  border: none;
  display: none;
}
.landingRegionsCarousel .imageUnderFeaturedContent.twoThirds img {
  width: auto;
  left: 50%;
  margin-left: -460px;
}
.landingRegionsCarousel .imageUnderFeaturedContent.twoThirds.active {
  display: block;
}
@media only screen and (min-width: 85em) {
  .landingRegionsCarousel .imageUnderFeaturedContent.twoThirds {
    width: 100%;
  }
  .landingRegionsCarousel .imageUnderFeaturedContent.twoThirds img {
    width: 100%;
    left: 0;
    margin-left: 0;
  }
}
.landingRegionsCarousel h2 a::after,
.landingRegionsCarousel h2 a > iea {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e009";
  font-size: 0.75em;
  position: relative;
  right: -10px;
  top: -3px;
}

.parksAToZNav {
  margin-bottom: 40px;
  padding: 12px 16px;
  clear: both;
}
.parksAToZNav li {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
  width: 27px;
  height: 27px;
  line-height: 27px;
  font-size: 1.5em;
  overflow: hidden;
}
.parksAToZNav li.active, .parksAToZNav li.active a {
  background: var(--teal-500);
  color: #FFF;
}
.parksAToZNav a,
.parksAToZNav span {
  color: #000;
  text-decoration: none !important;
  width: 100%;
  height: 100%;
  display: block;
}
.parksAToZNav a {
  border-radius: 2px;
}
.parksAToZNav a:hover, .parksAToZNav a:active, .parksAToZNav a:focus {
  color: var(--white);
  background: var(--teal-500);
}

.landingSearch__alphabetical {
  float: left;
  padding: 0;
  margin-bottom: 0;
}
.landingSearch__alphabetical li {
  font-size: 20px;
  padding: 3% 4.1%;
}
.landingSearch__alphabetical a,
.landingSearch__alphabetical span {
  padding: 0 4%;
}
@media only screen and (min-width: 85em) {
  .landingSearch__alphabetical.parksAToZNav li {
    padding: 3%;
  }
}

.parksList {
  margin-left: 13px;
}
.parksList li {
  color: var(--teal-500);
  font-size: 1.3em;
  list-style-position: outside;
}
.parksList li a {
  color: var(--teal-500);
  font-size: 1.4em;
}

@media (min-width: 1012px) {
  .visit .landingSearch {
    min-height: 440px;
  }
}
.visit .landingSearch p {
  margin-bottom: 1em;
}
.visit .landingSearch + .landingSearch {
  border-left: 1px solid #fff;
}

.camping .landingSearch .select,
.camping .landingSearch select {
  min-height: 40px;
  line-height: 40px;
}

@media (min-width: 768px) {
  .camping .landingSearch.oneThird.accessFriendly,
  .camping .accessFriendly + .imageUnderFeaturedContent.twoThirds,
  .venue .landingSearch.oneThird,
  .venue .imageUnderFeaturedContent.twoThirds {
    padding-bottom: 58%;
  }
}
@media (min-width: 1012px) {
  .camping .landingSearch.oneThird.accessFriendly,
  .camping .accessFriendly + .imageUnderFeaturedContent.twoThirds,
  .venue .landingSearch.oneThird,
  .venue .imageUnderFeaturedContent.twoThirds {
    padding-bottom: 53%;
  }
}
@media (min-width: 1280px) {
  .camping .landingSearch.oneThird.accessFriendly,
  .camping .accessFriendly + .imageUnderFeaturedContent.twoThirds,
  .venue .landingSearch.oneThird,
  .venue .imageUnderFeaturedContent.twoThirds {
    padding-bottom: 40%;
  }
}
@media screen and (min-width: 2560px) {
  .camping .landingSearch.oneThird.accessFriendly,
  .camping .accessFriendly + .imageUnderFeaturedContent.twoThirds,
  .venue .landingSearch.oneThird,
  .venue .imageUnderFeaturedContent.twoThirds {
    padding-bottom: 18%;
  }
}

.things .landingSearch.oneThird,
.things .landingSearch.twoThirds,
.things .landingSearch.quarter,
.things .landingSearch.half,
.things .landingSearch.thhreeQuarters {
  padding-bottom: 0;
  min-height: 0;
}
@media (min-width: 768px) {
  .things .landingSearch.oneThird,
  .things .landingSearch.twoThirds,
  .things .landingSearch.quarter,
  .things .landingSearch.half,
  .things .landingSearch.thhreeQuarters {
    padding-bottom: 58%;
  }
}
@media (min-width: 1012px) {
  .things .landingSearch.oneThird,
  .things .landingSearch.twoThirds,
  .things .landingSearch.quarter,
  .things .landingSearch.half,
  .things .landingSearch.thhreeQuarters {
    padding-bottom: 0;
    min-height: 560px;
  }
}
.things .imageUnderFeaturedContent.oneThird,
.things .imageUnderFeaturedContent.twoThirds,
.things .imageUnderFeaturedContent.quarter,
.things .imageUnderFeaturedContent.half,
.things .imageUnderFeaturedContent.thhreeQuarters {
  padding-bottom: 100%;
  min-height: 0;
}
@media (min-width: 544px) {
  .things .imageUnderFeaturedContent.oneThird,
  .things .imageUnderFeaturedContent.twoThirds,
  .things .imageUnderFeaturedContent.quarter,
  .things .imageUnderFeaturedContent.half,
  .things .imageUnderFeaturedContent.thhreeQuarters {
    padding-bottom: 58%;
  }
}
@media (min-width: 1012px) {
  .things .imageUnderFeaturedContent.oneThird,
  .things .imageUnderFeaturedContent.twoThirds,
  .things .imageUnderFeaturedContent.quarter,
  .things .imageUnderFeaturedContent.half,
  .things .imageUnderFeaturedContent.thhreeQuarters {
    padding-bottom: 0;
    min-height: 560px;
  }
}
.things .landingFeaturedContent.oneThird,
.things .landingFeaturedContent.twoThirds,
.things .landingFeaturedContent.quarter,
.things .landingFeaturedContent.half,
.things .landingFeaturedContent.thhreeQuarters {
  padding-bottom: 0;
  min-height: 0;
}
@media (min-width: 1012px) {
  .things .landingFeaturedContent.oneThird,
  .things .landingFeaturedContent.twoThirds,
  .things .landingFeaturedContent.quarter,
  .things .landingFeaturedContent.half,
  .things .landingFeaturedContent.thhreeQuarters {
    padding-bottom: 0;
    min-height: 410px;
  }
}
.things .landingSearch.oneThird {
  width: 100%;
}
@media (min-width: 768px) {
  .things .landingSearch.oneThird {
    width: 50%;
  }
}
@media (min-width: 1012px) {
  .things .landingSearch.oneThird {
    width: 33%;
  }
}
.things .imageUnderFeaturedContent.twoThirds {
  width: 100%;
}
@media (min-width: 768px) {
  .things .imageUnderFeaturedContent.twoThirds {
    width: 50%;
  }
}
@media (min-width: 1012px) {
  .things .imageUnderFeaturedContent.twoThirds {
    width: 67%;
  }
}
.things .imageUnderFeaturedContent.quarter {
  width: 100%;
}
@media (min-width: 768px) {
  .things .imageUnderFeaturedContent.quarter {
    width: 50%;
  }
}
@media (min-width: 1012px) {
  .things .imageUnderFeaturedContent.quarter {
    width: 25%;
  }
}
.things .imageUnderFeaturedContent.half {
  width: 100%;
}
@media (min-width: 768px) {
  .things .imageUnderFeaturedContent.half {
    width: 50%;
  }
}
@media (min-width: 1012px) {
  .things .imageUnderFeaturedContent.half {
    width: 50%;
  }
}
.things .imageUnderFeaturedContent.threeQuarter {
  width: 100%;
}
@media (min-width: 768px) {
  .things .imageUnderFeaturedContent.threeQuarter {
    width: 50%;
  }
}
@media (min-width: 1012px) {
  .things .imageUnderFeaturedContent.threeQuarter {
    width: 75%;
  }
}
.things .landingSearch.oneThird .wrapper {
  width: 100%;
  position: static;
  float: left;
}
@media (min-width: 768px) {
  .things .landingSearch.oneThird .wrapper {
    float: unset;
  }
}
.things .landingSearch.oneThird .orShowMe {
  position: relative;
  padding-top: 3%;
  padding-bottom: 3%;
  text-align: center;
}
@media (min-width: 768px) {
  .things .landingSearch.oneThird .orShowMe {
    position: absolute;
    padding-top: 5%;
    padding-bottom: 5%;
    text-align: left;
  }
  .camping .landingSearch.oneThird,
  .camping .imageUnderFeaturedContent.twoThirds {
    padding-bottom: 69%;
  }
}
@media (min-width: 1012px) {
  .camping .landingSearch.oneThird,
  .camping .imageUnderFeaturedContent.twoThirds {
    padding-bottom: 59%;
  }
}
@media (min-width: 1280px) {
  .camping .landingSearch.oneThird,
  .camping .imageUnderFeaturedContent.twoThirds {
    padding-bottom: 45%;
  }
}
@media screen and (min-width: 2560px) {
  .camping .landingSearch.oneThird,
  .camping .imageUnderFeaturedContent.twoThirds {
    padding-bottom: 18%;
  }
}

.image-overlay {
  /* Set background linear gradient to bottom */
}
.image-overlay:after {
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  content: "" !important;
  z-index: 2 !important;
  background: -owg-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.65) 75%, rgba(0, 0, 0, 0.7) 100%);
  -pie-background: -pie-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.65) 75%, rgba(0, 0, 0, 0.7) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.65) 75%, rgba(0, 0, 0, 0.7) 100%);
}

.image-overlay__object {
  -o-object-fit: cover;
     object-fit: cover;
  height: -moz-fit-content;
  height: fit-content;
}

.education-filter__field .selectWrapper {
  width: 100;
}
@media only screen and (min-width: 768px) {
  .education-filter__field .selectWrapper {
    width: auto;
  }
}

@media only screen and (max-width: 63.75em) {
  .homeFeatureBlock.sixth .imageUnderFeaturedContent h3 {
    font-size: 1.4em;
  }
}
.homeFeatureBlock.sixth.education-landing__content {
  background-color: white;
  display: flex;
  margin-bottom: 2px;
}
.homeFeatureBlock.sixth.education-landing__content--secondary {
  padding: 20px 15px;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .homeFeatureBlock.sixth.education-landing__content--secondary {
    padding: 35px 28px;
  }
}

.imageUnderFeaturedContent__text {
  width: auto !important;
}
.imageUnderFeaturedContent__text > h3 {
  font-size: 1.6em;
}
@media only screen and (min-width: 992px) {
  .imageUnderFeaturedContent__text > h3 {
    font-size: 30px;
  }
}
.imageUnderFeaturedContent__text > h3:after {
  display: none;
}

.educationPromoBlockIntro.education-landing__intro h2 {
  padding: 40px 0 0;
  margin-top: 0;
  line-height: 21px;
}
.educationPromoBlockIntro.education-landing__intro p {
  padding-bottom: 38px;
  margin-bottom: 0;
  max-width: 730px;
  line-height: 28px;
}

.education-landing__wrapper {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.education-landing__title {
  font-size: 1.6em;
  margin-bottom: 10px;
}
@media only screen and (min-width: 992px) {
  .education-landing__title {
    font-size: 30px;
  }
}
.education-landing__paragraph {
  line-height: 1.4;
  color: #595a5b;
  font-size: 1.2em;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-normal);
}
@media only screen and (min-width: 992px) {
  .education-landing__paragraph {
    font-size: 2em;
  }
}
.education-landing__button > a.external {
  padding-right: 40px;
}
.education-landing__button > a.external:after {
  position: absolute;
}
.education-landing__button > a:after {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e009";
  font-size: 0.7em;
  top: 50%;
  margin-top: -0.55em;
  right: 8px;
  padding-left: 12px;
}
.education-landing__button > a:focus {
  outline-color: black;
}
.education-landing__image {
  max-height: 100%;
}
.education-landing__image img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.educationPromoBlockIntro {
  width: 100%;
  float: left;
  background: #fff;
  position: relative;
}
.educationPromoBlockIntro p,
.educationPromoBlockIntro h2 {
  width: 77%;
  display: block;
}
.educationPromoBlockIntro h2 {
  color: var(--colour-fg-default);
  font-size: 30px;
  line-height: 0.9em;
  margin: 20px auto 10px auto;
  text-align: center;
  letter-spacing: -0.03em;
}
.educationPromoBlockIntro p {
  color: #595a5b;
  font-size: 20px;
  text-align: center;
  margin: 0 auto 20px auto;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-normal);
}

/* custom css */
/* Smartphones (portrait and landscape) ----------- */
/* mobile - max width 768; 47.5 em = 760px */
@media only screen and (max-width: 768px) {
  .homeFeatureBlock.sixth .imageUnderFeaturedContent__text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 8.82%;
  }
  .homeFeatureBlock.sixth .imageUnderFeaturedContent {
    padding-bottom: 120.588228%;
    min-height: none;
  }
  .homeFeatureBlock.sixth {
    width: 50%;
  }
  .educationPromoBlockIntro h2 {
    font-size: 23px;
  }
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) {
  /* Styles */
  .homeFeatureBlock.sixth {
    width: 33.3333%;
  }
  .homeFeatureBlock.sixth .imageUnderFeaturedContent {
    padding-bottom: 99%;
  }
}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 1024px) {
  .full .imageUnderFeaturedContent--education {
    padding-bottom: 0;
    min-height: 250px;
  }
}
/* Desktops and laptops ----------- */
@media only screen and (min-width: 1224px) {
  /* Styles */
  .homeFeatureBlock.sixth .imageUnderFeaturedContent {
    padding-bottom: 120.588228%;
    min-height: none;
  }
  .homeFeatureBlock.sixth .imageUnderFeaturedContent h3 {
    font-size: 2em;
  }
  .homeFeatureBlock.sixth.education-landing__content {
    width: 25%;
    background-color: white;
    margin-bottom: 2px;
  }
  .homeFeatureBlock.sixth.education-landing__content--secondary {
    padding: 35px 28px;
  }
  .homeFeatureBlock.sixth.education-landing__content .imageUnderFeaturedContent__text {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 8.82%;
  }
  .homeFeatureBlock.sixth.education-landing__content .imageUnderFeaturedContent__text > h3 {
    font-size: 30px;
  }
  .homeFeatureBlock.sixth.education-landing__content .imageUnderFeaturedContent__text > h3:after {
    display: none;
  }
  .homeFeatureBlock.sixth .imageUnderFeaturedContent.education-landing__image {
    min-height: 275px;
    padding-bottom: 0;
  }
  .homeFeatureBlock.sixth .imageUnderFeaturedContent.education-landing__image--education {
    min-height: 250px;
  }
  .full .homeFeatureBlock.sixth .imageUnderFeaturedContent.education-landing__image--education, .three-quarters .homeFeatureBlock.sixth .imageUnderFeaturedContent.education-landing__image--education {
    min-height: 250px;
    padding-bottom: 0;
  }
  .full .imageUnderFeaturedContent--education .imageUnderFeaturedContent__text {
    padding-bottom: 20px;
  }
}
/* Large screens ----------- */
@media only screen and (min-width: 1824px) {
  .homeFeatureBlock.sixth .imageUnderFeaturedContent {
    min-height: 300px;
  }
  .homeFeatureBlock.sixth .imageUnderFeaturedContent h3 {
    font-size: 3em;
  }
  .homeFeatureBlock.sixth .imageUnderFeaturedContent--education {
    min-height: 330px;
  }
  .full .homeFeatureBlock.sixth .imageUnderFeaturedContent--education, .three-quarters .homeFeatureBlock.sixth .imageUnderFeaturedContent--education {
    min-height: 330px;
    padding-bottom: 0;
  }
  .homeFeatureBlock.sixth .imageUnderFeaturedContent--education {
    min-height: 330px;
  }
  .full .homeFeatureBlock.sixth .imageUnderFeaturedContent--education, .three-quarters .homeFeatureBlock.sixth .imageUnderFeaturedContent--education {
    min-height: 330px;
    padding-bottom: 0;
  }
  .full .imageUnderFeaturedContent--education {
    padding-bottom: 0;
    min-height: 330px;
  }
}
.excursions--before-d-none::before {
  display: none;
}

.excursions--after-d-none::after {
  display: none;
}

.excursions__intro {
  background-color: white;
  color: black;
  padding: 35px;
  text-align: center;
}

.excursions__title {
  font-weight: 700;
  font-size: 30px;
  letter-spacing: 1px;
  margin: 0;
}
@media only screen and (min-device-width: 1024px) {
  .excursions__title {
    font-size: 35px;
  }
}

.excursions__showmore {
  display: flex;
  justify-content: center;
  margin-top: 25px;
}
.excursions__showmore > a {
  padding: 10px 50px;
}

.excursions__filters > .excursions__list > a:hover {
  background-color: #f2f0ee;
  color: black;
}
.excursions__filters > .excursions__list.active > a {
  background-color: #f2f0ee;
  color: black;
}

.text-carousel button.slick-prev,
.text-carousel button.slick-prev:hover, .text-carousel button.slick-next,
.text-carousel button.slick-next:hover {
  top: 50%;
  position: absolute;
  width: auto;
  height: 12px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 185.343 185.343'%3e%3cpath d='M51.707 185.343a10.692 10.692 0 01-7.593-3.149 10.724 10.724 0 010-15.175l74.352-74.347L44.114 18.32c-4.194-4.194-4.194-10.987 0-15.175 4.194-4.194 10.987-4.194 15.18 0l81.934 81.934c4.194 4.194 4.194 10.987 0 15.175l-81.934 81.939a10.678 10.678 0 01-7.587 3.15z' fill='%235f6062'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
}

.text-carousel {
  max-width: 1000px;
  margin: 0 auto;
  width: 100%;
  min-height: 200px;
}
@media only screen and (min-width: 992px) {
  .text-carousel {
    height: auto;
    max-width: 50%;
  }
}
.text-carousel__wrapper {
  display: flex;
  flex-direction: column;
  clear: both;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .text-carousel__wrapper {
    flex-direction: row;
    width: 67%;
    float: right;
  }
}
.text-carousel__description {
  font-size: 16px;
  padding: 40px 80px;
  color: var(--grey-400);
}
@media only screen and (min-width: 992px) {
  .text-carousel__description {
    padding: 73px 100px;
  }
}
.text-carousel__image {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 992px) {
  .text-carousel__image {
    width: 50%;
  }
}
.text-carousel .slick-slide {
  margin: 0 5px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  min-height: 200px;
}
.text-carousel .slick-list {
  margin: 0px;
  height: 100%;
}
.text-carousel .slick-track {
  display: flex;
  width: 100%;
  height: 100%;
}
.text-carousel button.slick-next,
.text-carousel button.slick-next:hover {
  right: 30px;
}
@media only screen and (min-width: 992px) {
  .text-carousel button.slick-next,
  .text-carousel button.slick-next:hover {
    right: 54px;
  }
}
.text-carousel button.slick-prev,
.text-carousel button.slick-prev:hover {
  left: 30px;
  transform: rotate(180deg);
  z-index: 2;
}
@media only screen and (min-width: 992px) {
  .text-carousel button.slick-prev,
  .text-carousel button.slick-prev:hover {
    left: 54px;
  }
}
.text-carousel .slick-prev:before,
.text-carousel .slick-next:before {
  font-size: 70px;
  line-height: inherit;
  font-weight: bold;
  display: none;
}
.text-carousel .slick-arrow {
  background-color: transparent;
  top: 50%;
  height: 26px;
  width: 14px;
  margin-top: -13px;
  position: absolute;
  font-size: 0;
  cursor: pointer;
  border: none;
}
.text-carousel .slick-arrow:focus {
  outline: thin dotted;
  outline-width: 2px;
}
.text-carousel .slick-dots {
  display: flex;
  position: absolute;
  bottom: 30px;
  right: 50%;
  margin: 0;
  padding: 1rem 0;
  list-style-type: none;
  transform: translate(50%, -50%);
  bottom: 0;
}
.text-carousel .slick-dots li {
  margin: 0 0.25rem;
  list-style: none;
}
.text-carousel .slick-dots button {
  display: block;
  width: 1rem;
  height: 1rem;
  padding: 0;
  border: none;
  border-radius: 100%;
  background-color: rgb(141, 141, 146);
  text-indent: -9999px;
}
.text-carousel .slick-dots button:focus {
  outline: thin dotted;
  outline-width: 2px;
}
.text-carousel .slick-dots li.slick-active button {
  background-color: black;
  border: none;
}
.text-carousel .slick-dots li.slick-active button:focus {
  outline: thin dotted;
  outline-width: 2px;
}

.education-filter__wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .education-filter__wrapper {
    flex-direction: row;
    align-items: baseline;
  }
}
.education-filter__list {
  display: flex;
  margin-top: 0;
  margin-bottom: 0;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .education-filter__list {
    flex-direction: row;
  }
}
.education-filter__title {
  font-size: 18px;
  margin: 0;
}
.education-filter__title--secondary {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  margin: 10px 0;
}
@media only screen and (min-width: 768px) {
  .education-filter__title--secondary {
    padding-left: 4rem;
    padding-right: 1rem;
  }
}
.education-filter__item {
  list-style: none;
}
.education-filter__field {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .education-filter__field {
    flex-direction: row;
    align-items: center;
  }
}

.listing__item.education .listing__item-list {
  display: flex;
  flex-wrap: wrap;
}
.listing__item.education .listing__item-stats,
.listing__item.education .listing__item-value,
.listing__item.education dt,
.listing__item.education dd {
  width: 100%;
}
.listing__item.education .listing__item-stats > p,
.listing__item.education .listing__item-value > p,
.listing__item.education dt > p,
.listing__item.education dd > p {
  margin-bottom: 0;
}
.listing__item.education .listing__item-stats,
.listing__item.education dt {
  margin-right: 0;
}
@media (min-width: 768px) {
  .listing__item.education .listing__item-stats,
  .listing__item.education dt {
    width: 33%;
  }
}
.listing__item.education .listing__item-value,
.listing__item.education dd {
  margin-left: auto;
}
@media (min-width: 768px) {
  .listing__item.education .listing__item-value,
  .listing__item.education dd {
    width: 66%;
  }
}

.listing-results__wrapper:not(:last-child) {
  margin-bottom: 25px;
}

/**
 * str-replace - Replace a string with a string
 * http://codepen.io/jakob-e/pen/doMoML
 *
 * @author @eriksen_dk <https://twitter.com/eriksen_dk>
 *
 * @param  {string} $string  - The haystack string to be manipulated
 * @param  {string} $search  - The needle to be replace
 * @param  {string} $replace - The replacement
 *
 * @return {string}          - The manipulated string with replaced values
 */
:root {
  --h00-size-mobile: 40px;
  --h0-size-mobile: 32px;
  --h1-size-mobile: 26px;
  --h2-size-mobile: 22px;
  --h3-size-mobile: 18px;
  --h00-size: 48px;
  --h0-size: 40px;
  --h1-size: 32px;
  --h2-size: 24px;
  --h3-size: 20px;
  --h4-size: 16px;
  --h5-size: 14px;
  --h6-size: 12px;
  --font-size-small: 12px;
  --font-weight-bold: 700;
  --font-weight-semibold: 600;
  --font-weight-normal: 400;
  --lh-condensed-ultra: 1;
  --lh-condensed: 1.25;
  --lh-default: 1.5;
  --poppins-font: "Poppins", sans-serif;
  --body-font: var(--poppins-font);
  --body-font-size: 16px;
  --body-line-height: var(--lh-default);
  --black: #222;
  --black-rgb: 34 34 34;
  --white: #fff;
  --white-rgb: 255 255 255;
  --transparent: transparent;
  --grey-000: #f0f0f0;
  --grey-100: #e5e5e5;
  --grey-200: #c4c4c4;
  --grey-300: #999999;
  --grey-400: #6c7573;
  --grey-500: #53565a;
  --grey-600: #444444;
  --grey-700: #2e3130;
  --grey-800: #27251f;
  --grey-900: #121313;
  --grey-rgb: 83 86 90;
  --teal-000: #ecf5f5;
  --teal-100: #bcdddb;
  --teal-200: #8dc4c2;
  --teal-300: #62aaa9;
  --teal-400: #39908f;
  --teal-500: #278382;
  --teal-600: #1d6f6e;
  --teal-700: #044141;
  --teal-800: #0b2828;
  --teal-900: #051010;
  --teal-rgb: 39 131 130;
  --gold-000: #fffcec;
  --gold-100: #fff4bd;
  --gold-200: #ffea90;
  --gold-300: #ffdc65;
  --gold-400: #ffc83b;
  --gold-500: #fdb924;
  --gold-600: #c58d00;
  --gold-700: #926800;
  --gold-800: #5c4109;
  --gold-900: #271c08;
  --gold-rgb: 253 185 36;
  --black-fade-15: rgb(var(--black-rgb) / 15%);
  --black-fade-30: rgb(var(--black-rgb) / 30%);
  --black-fade-50: rgb(var(--black-rgb) / 50%);
  --black-fade-70: rgb(var(--black-rgb) / 70%);
  --black-fade-85: rgb(var(--black-rgb) / 85%);
  --white-fade-15: rgb(var(--white-rgb) / 15%);
  --white-fade-30: rgb(var(--white-rgb) / 30%);
  --white-fade-50: rgb(var(--white-rgb) / 50%);
  --white-fade-70: rgb(var(--white-rgb) / 70%);
  --white-fade-85: rgb(var(--white-rgb) / 85%);
  --colour-red: #bf311a;
  --colour-teal: var(--teal-500);
  --colour-green: #4d7c28;
  --colour-amber: var(--gold-400);
  --colour-grey-dark: var(--grey-900);
  --colour-grey-light: var(--grey-400);
  --colour-grey: var(--grey-500);
  --colour-bttn-text: var(--grey-900);
  --colour-bttn-bg: var(--white);
  --colour-bttn-border: var(--black-fade-30);
  --colour-bttn-hover-bg: var(--grey-200);
  --colour-bttn-active-bg: var(--grey-300);
  --colour-bttn-focus-outline: var(--grey-900);
  --colour-fg-default: var(--grey-800);
  --colour-bg-default: var(--white);
  --colour-alert-amber: var(--colour-alert-amber);
  --colour-alert-red: var(--colour-red);
  --colour-alert-blue: #213088;
  --colour-alert-fire-advice: #fbe032;
  --colour-alert-fire-watch-act: #ff7900;
  --colour-alert-fire-emergency-warning: #d6001c;
  --yellow-600: #fdb924;
  --yellow-700: #dbab09;
  --lime: #CBD422;
}

.Modal-overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: fixed;
  z-index: 1000;
}
@media (min-width: 768px) {
  .Modal-overlay {
    top: inherit;
    left: inherit;
    width: 374px;
    max-height: calc(100vh - 32px);
    height: 572px;
  }
  .Modal-overlay::before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    display: block;
    z-index: -1;
    background: rgba(0, 0, 0, 0.48);
    content: " ";
    cursor: default;
  }
}

.Modal {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  flex: 1 1;
}
@media (min-width: 768px) {
  .Modal {
    padding: 16px;
  }
}

.Modal-title,
.Modal-header {
  z-index: 1100;
  padding: 16px;
  box-shadow: 0 1px 1px rgba(37, 40, 43, 0.1);
  background-color: var(--white);
}

.Modal-content {
  z-index: 1200;
  padding: 16px;
  background-color: var(--grey-000);
}

.Modal-btn-icon {
  display: inline-block;
  padding: 16px;
  margin: -16px;
  line-height: 1.5;
  color: var(--grey-600);
  vertical-align: middle;
  border: 0;
  background-color: transparent;
}
.Modal-btn-icon:focus {
  outline: 2px dotted var(--black);
  outline-offset: 2px;
}

.Modal-icon-close {
  display: inline-block;
  vertical-align: text-top;
  fill: currentColor;
}

.search-tab-nav {
  margin-left: -15px;
  margin-right: -15px;
  clear: both;
  display: block;
}
@media (min-width: 768px) {
  .search-tab-nav {
    display: none;
  }
}

.search-tab-items {
  padding: 0px 8px;
  margin-bottom: 16px;
  border-bottom: 8px solid var(--black);
  box-sizing: border-box;
  width: 100%;
  display: flex;
}
.visit .search-tab-items {
  border-color: var(--teal-500);
}
.education .search-tab-items {
  border-color: var(--teal-500);
}
.things .search-tab-items {
  border-color: var(--teal-500);
}
.camping .search-tab-items {
  border-color: var(--teal-500);
}
.venue .search-tab-items {
  border-color: var(--teal-500);
}

.search-tab-item {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  background-color: var(--black);
  color: #fff;
  font-size: var(--body-font-size);
  min-height: 32px;
  line-height: 32px;
  text-align: center;
  width: 100%;
  border-radius: 2px 2px 0 0;
  display: inline-block;
  margin: 0 4px;
}
.visit .search-tab-item {
  background-color: var(--teal-700);
}
.education .search-tab-item {
  background-color: var(--teal-700);
}
.things .search-tab-item {
  background-color: var(--teal-700);
}
.camping .search-tab-item {
  background-color: var(--teal-700);
}
.venue .search-tab-item {
  background-color: var(--teal-700);
}
.search-tab-item.is-active {
  background-color: var(--black);
}
.visit .search-tab-item.is-active {
  background-color: var(--teal-500);
}
.education .search-tab-item.is-active {
  background-color: var(--teal-500);
}
.things .search-tab-item.is-active {
  background-color: var(--teal-500);
}
.camping .search-tab-item.is-active {
  background-color: var(--teal-500);
}
.venue .search-tab-item.is-active {
  background-color: var(--teal-500);
}

@media (min-width: 768px) {
  .search-filter-panel {
    float: left;
    width: 23.78%;
    margin-right: 2.62%;
    clear: both;
    position: relative;
    margin-bottom: 30px;
    display: block;
  }
}

.search-listing-panel {
  width: 100%;
}
@media (min-width: 768px) {
  .search-listing-panel {
    float: right;
    width: 73.6%;
    position: relative;
    clear: none;
    *z-index: -1;
  }
}

#searchOverlayFilters {
  display: none;
  padding: 14px;
  position: absolute;
  top: 0;
  left: 111.5%;
  z-index: 101;
  width: 310%;
  box-sizing: border-box;
  background: #fff;
  border: 3px solid #c8c8c8;
  border-radius: 3px;
}
#searchOverlayFilters h2 {
  display: block;
  margin-bottom: 0.5em;
  margin-right: 1em;
}
#searchOverlayFilters .mainNav__close {
  top: 14px;
  right: 14px;
  text-decoration: none;
}
#searchOverlayFilters .filterColumn {
  width: 28.8%;
  float: left;
  margin-right: 6.8%;
}
#searchOverlayFilters .filterColumn.lastColumn {
  margin-right: 0;
  border-bottom: 1px solid #f2f0ee;
  margin-bottom: 12px;
}
#searchOverlayFilters fieldset {
  margin-bottom: 24px;
  position: relative;
}
#searchOverlayFilters legend {
  width: 100%;
  font-size: 1.6em;
  margin: 0;
  padding: 0 0 6px;
  letter-spacing: 0;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  border-bottom: 3px solid #2b2b2b;
}
#searchOverlayFilters:before, #searchOverlayFilters:after {
  position: absolute;
  content: "";
}
#searchOverlayFilters:before {
  width: 0;
  height: 0;
  border-top: 27px solid transparent;
  border-bottom: 27px solid transparent;
  border-right: 27px solid #c8c8c8;
  left: -28px;
  top: -3px;
  z-index: 1;
}
#searchOverlayFilters:after {
  width: 0;
  height: 0;
  border-top: 24px solid transparent;
  border-bottom: 24px solid transparent;
  border-right: 24px solid #fff;
  left: -24px;
  top: 0;
  z-index: 2;
}
#searchOverlayFilters .button {
  float: right;
  margin: 0 !important;
}
#searchOverlayFilters .errorMessage {
  clear: right;
  float: right;
  width: 28.8%;
  margin-top: 12px;
}
#searchOverlayFilters input[type=checkbox] ~ label {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-normal);
  padding-right: 22px;
  padding-left: 2.2em;
  display: block;
  background-image: url("/assets/NPWS/images/sprite.png");
  background-position: right -430px;
  background-repeat: no-repeat;
  font-size: var(--h5-size, 14px);
  width: auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #searchOverlayFilters input[type=checkbox] ~ label {
    background-image: url("/assets/NPWS/images/sprite-x-2.png");
    background-size: 60px auto;
    background-repeat: no-repeat;
  }
}
#searchOverlayFilters input[type=checkbox] ~ label:hover {
  cursor: pointer;
}
#searchOverlayFilters input[type=checkbox] ~ label.headingIcon:before {
  font-size: 1.25em;
}
#searchOverlayFilters input[type=checkbox] ~ label.selectAll {
  position: absolute;
  top: 3px;
  right: 0;
  height: 22px;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
#searchOverlayFilters input[type=checkbox]:focus ~ label {
  outline: 2px dotted #000;
}
#searchOverlayFilters input[type=checkbox]:checked ~ label, #searchOverlayFilters input[type=checkbox].checked ~ label {
  background-position: right -510px;
}
#searchOverlayFilters ul.filterList li {
  position: relative;
}
#searchOverlayFilters ul.filterList li input[type=checkbox].category {
  position: absolute;
  right: -2px;
  padding: 0;
  margin: 1px 2px 0 0;
  border: 0;
  background: #fff;
}
.lt-ie8 #searchOverlayFilters ul.filterList li input[type=checkbox].category {
  margin-top: 18px;
  margin-right: 0;
}
#searchOverlayFilters input[type=checkbox].parentCheckbox {
  position: absolute;
  right: -2px;
  padding: 0;
  margin: -26px 2px 0 0;
  background: #fff;
  border: 0;
  top: 30px;
}
@-moz-document url-prefix() {
  #searchOverlayFilters input[type=checkbox].parentCheckbox {
    margin-top: -22px;
    top: 0;
  }
}
#searchOverlayFilters .searchOverlayFilters__button {
  border: none;
}
.lt-ie8 #searchOverlayFilters {
  position: relative;
  top: -460px;
}
@media only screen and (max-with: 50em) {
  #searchOverlayFilters {
    width: 189%;
    min-width: 465px;
  }
  #searchOverlayFilters .filterColumn {
    width: 43.2%;
  }
}
@media only screen and (max-width: 41.25em) {
  #searchOverlayFilters {
    left: 0;
    width: 100%;
    margin-bottom: 30px;
  }
  #searchOverlayFilters:before, #searchOverlayFilters:after {
    display: none;
  }
  #searchOverlayFilters .filterColumn {
    width: 100%;
    margin-right: 0;
  }
}
@media only screen and (max-width: 35em) {
  #searchOverlayFilters {
    left: 0;
    width: 100%;
    margin-bottom: 30px;
  }
  #searchOverlayFilters:before, #searchOverlayFilters:after {
    display: none;
  }
  #searchOverlayFilters .filterColumn {
    width: 100%;
    margin-right: 0;
  }
}
@media only screen and (max-width: 30em) {
  #searchOverlayFilters {
    min-width: 0;
  }
}
@media only screen and (max-width: 22.5em) {
  #searchOverlayFilters input[type=checkbox] ~ label.selectAll {
    padding-left: 92%;
  }
}

@-moz-document url-prefix() {
  #searchOverlayFilters input[type=checkbox] ~ label.selectAll {
    top: -24px;
  }
}
ul.filterList {
  margin: 0;
  padding: 0;
}
ul.filterList li {
  list-style: none;
  border-top: 1px solid #f2f0ee;
  margin: 0;
  padding: 7px 0 !important;
}
ul.filterList li:first-child {
  border: none;
}
ul.filterList input[type=checkbox] + label {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  padding-right: 22px;
  padding-left: 2.2em;
  display: block;
  background-image: url("/assets/NPWS/images/sprite.png");
  background-position: right -428px;
  background-repeat: no-repeat;
  font-size: 1em;
  width: auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  ul.filterList input[type=checkbox] + label {
    background-image: url("/assets/NPWS/images/sprite-x-2.png");
    background-size: 60px auto;
    background-repeat: no-repeat;
  }
}
ul.filterList input[type=checkbox] + label:hover {
  cursor: pointer;
}
ul.filterList input[type=checkbox] + label.headingIcon:before {
  font-size: 1.25em;
}
ul.filterList input[type=checkbox] + label.selectAll {
  position: absolute;
  top: 3px;
  right: 0;
  height: 22px;
  padding-left: 100%;
}
ul.filterList input[type=checkbox]:checked + label, ul.filterList input[type=checkbox].checked + label {
  background-position: right -508px;
}

.filterOverlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f2f0ee;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  *z-index: -1;
  content: "";
}

.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 2px;
  position: absolute;
  width: 307.875px;
  box-sizing: border-box;
  touch-action: manipulation;
  background: #fff;
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}

.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}

.flatpickr-calendar.animate.open {
  animation: fpFadeInDown 500ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  box-shadow: none !important;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}

.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}

.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}

.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}

.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}

.flatpickr-calendar:focus {
  outline: 0;
}

.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}

.flatpickr-months {
  display: flex;
}

.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  overflow: hidden;
  flex: 1 1;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
}

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}

.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  left: 0;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  right: 0;
}

.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #2b2b2b;
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}

.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  transition: fill 0.1s;
  fill: inherit;
}

.numInputWrapper {
  position: relative;
  height: auto;
}

.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}

.numInputWrapper input {
  width: 100%;
}

.numInputWrapper input::-ms-clear {
  display: none;
}

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

.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.15);
  box-sizing: border-box;
}

.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}

.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}

.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}

.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}

.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
  top: 26%;
}

.numInputWrapper span.arrowDown {
  top: 50%;
}

.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
  top: 40%;
}

.numInputWrapper span svg {
  width: inherit;
  height: auto;
}

.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}

.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}

.numInputWrapper:hover span {
  opacity: 1;
}

.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  transform: translate3d(0px, 0px, 0px);
}

.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}

.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0 ;
  display: inline-block;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month input.cur-year {
  background: transparent;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}

.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: flex;
  align-items: center;
  height: 28px;
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: flex;
  flex: 1 1;
}

span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  flex: 1 1;
  font-weight: bolder;
}

.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  width: 307.875px;
}

.flatpickr-days:focus {
  outline: 0;
}

.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  box-sizing: border-box;
  display: inline-block;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: space-around;
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}

.dayContainer + .dayContainer {
  box-shadow: -1px 0 0 #e6e6e6;
}

.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  justify-content: center;
  text-align: center;
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}

.flatpickr-day.today {
  border-color: #959ea9;
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: var(--colour-teal);
  box-shadow: none;
  color: #fff;
  border-color: var(--colour-teal);
}

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}

.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  box-shadow: -10px 0 0 var(--colour-teal);
}

.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}

.flatpickr-day.inRange {
  border-radius: 0;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57, 57, 57, 0.1);
}

.flatpickr-day.week.selected {
  border-radius: 0;
  box-shadow: -5px 0 0 var(--colour-teal), 5px 0 0 var(--colour-teal);
}

.flatpickr-day.hidden {
  visibility: hidden !important;
}

.rangeMode .flatpickr-day {
  margin-top: 1px;
}

.flatpickr-weekwrapper {
  float: left;
}

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  box-shadow: 1px 0 0 #e6e6e6;
}

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}

.flatpickr-innerContainer {
  display: block;
  display: flex;
  box-sizing: border-box;
  overflow: hidden;
}

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  box-sizing: border-box;
}

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
}

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}

.flatpickr-time .numInputWrapper {
  flex: 1 1;
  width: 40%;
  height: 40px;
  float: left;
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}

.flatpickr-time input {
  background: transparent;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}

.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}

.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  align-self: center;
}

.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}

.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}

.flatpickr-input[readonly] {
  cursor: pointer;
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -10px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.flatpickr-calendar {
  margin-top: 4px;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-normal);
}

span.flatpickr-day.selected {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
}

span.cur-month {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-normal);
}

.flatpickr-disabled {
  text-decoration: line-through;
}

.flatpickr-day.hidden {
  visibility: hidden !important;
  display: block !important;
}

.scroll-reveal {
  transition: transform 0.5s;
}

.scroll-down {
  transform: translateY(-100%);
}

.height-tall {
  height: 363px;
}
@media (min-width: 768px) {
  .height-tall {
    height: 568px;
  }
}

.height-short {
  height: 291px;
}
@media (min-width: 768px) {
  .height-short {
    height: 454px;
  }
}

.ut-ls-heading {
  font-size: 26px;
}
@media (min-width: 768px) {
  .ut-ls-heading {
    font-size: 48px;
  }
}

.ut-ls-copy {
  font-size: 18px;
}
@media (min-width: 768px) {
  .ut-ls-copy {
    font-size: 24px;
  }
}

@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-container-pointer-events {
  touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}

.swiper-button-lock {
  display: none;
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-pagination-bullet {
  background-color: transparent;
  border: 3px solid var(--grey-500) !important;
  height: 18px;
  width: 18px;
  transition: opacity 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
  opacity: 1;
}
.swiper-pagination-bullet:hover, .swiper-pagination-bullet:focus, .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--grey-500);
}
.carousel-start-stop .pause {
  stroke-width: 4;
}
.carousel-start-stop .play {
  stroke-width: 2;
}
.carousel-start-stop.js-autoplay-start .play {
  fill: transparent;
  stroke: transparent;
}
.carousel-start-stop.js-autoplay-start .pause {
  fill: currentColor;
  stroke: currentColor;
}
.carousel-start-stop.js-autoplay-stop .pause {
  fill: transparent;
  stroke: transparent;
}
.carousel-start-stop.js-autoplay-stop .play {
  fill: currentColor;
  stroke: currentColor;
}

.carousel-arrow {
  width: 24px;
  height: 24px;
}

.ca-card-image-anchor-outline:focus::after {
  outline-offset: -4px;
  outline: 2px dotted var(--white);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  box-sizing: border-box;
  z-index: 150;
}

.ca-card-feature-image-anchor-outline:focus {
  outline-offset: -4px;
  outline: 2px dotted var(--white);
}

.swiper-button-disabled {
  pointer-events: none !important;
}

@media (min-width: 1280px) {
  .fullWidthLeftColumn button[data-previous],
  .detailLeftColumn button[data-previous] {
    margin-left: 4px !important;
  }
  .fullWidthLeftColumn button[data-next],
  .detailLeftColumn button[data-next] {
    margin-right: 4px !important;
  }
}

.caf-image-tall {
  height: 0;
  position: relative;
  padding-bottom: 65%;
}
@media (min-width: 1012px) {
  .caf-image-tall {
    padding-bottom: 600px;
  }
}

.caf-image-short {
  height: 0;
  position: relative;
  padding-bottom: 45%;
}
@media (min-width: 1012px) {
  .caf-image-short {
    padding-bottom: 420px;
  }
}

div.timelineContainer {
  display: flex;
  overflow-x: auto;
}
div.timelineContainer div {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  min-width: 75px;
}
@media only screen and (max-width: 544px) {
  div.timelineContainer div {
    min-width: 25%;
  }
}
div.timelineContainer div a {
  cursor: pointer;
}
div.timelineContainer div a p {
  margin-bottom: 0;
  text-align: center;
}
div.timelineContainer div a p:nth-child(1) {
  border: 1px solid #278382;
  border-radius: 50%;
  height: 28px;
  width: 28px;
  padding: 10px;
  font-weight: 600;
  font-size: 28px;
  line-height: 28px;
  display: flex;
  justify-content: center;
}
div.timelineContainer div a p:nth-child(2) {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
}
div.timelineContainer div.dayActive a p:nth-child(1) {
  background-color: #278382;
  color: #ffffff;
}
div.timelineContainer div:not(:first-child) a p:nth-child(1):before {
  cursor: auto;
  background: #278382;
  content: "";
  display: block;
  height: 1px;
  left: calc(-50% + 25px);
  position: absolute;
  top: 24.5px;
  transition: 0.2s ease;
  width: calc(100% - 50px);
}

#content__inner div.timelineContainer div a {
  text-decoration: none;
}

.ut-ca-card-fw-heading {
  font-size: 26px;
}
@media (min-width: 768px) {
  .ut-ca-card-fw-heading {
    font-size: 48px;
  }
}

.ut-ca-card-fw-summary {
  font-size: 18px;
}
@media (min-width: 768px) {
  .ut-ca-card-fw-summary {
    font-size: 24px;
  }
}

.info-snippet-image {
  height: 0;
  position: relative;
  padding-bottom: 65%;
}
@media (min-width: 768px) {
  .info-snippet-image {
    padding-bottom: 45%;
  }
}
@media (min-width: 1012px) {
  .info-snippet-image {
    padding-bottom: 325px;
  }
}

.overviewIntro a.bttn-primary {
  color: var(--white);
}

.overviewIntro a.bttn-secondary {
  color: var(--teal-500);
}
.overviewIntro a.bttn-secondary:hover {
  color: var(--white);
}

.mi-pause-play-button {
  background-color: rgba(0, 0, 0, 0.4);
}

.mi-pause-play-icon .pause {
  fill: transparent;
  stroke: transparent;
  stroke-width: 4;
}
.mi-pause-play-icon .play {
  fill: currentColor;
  stroke: currentColor;
  stroke-width: 2;
}
.mi-pause-play-icon.js-mi-play .play {
  fill: transparent;
  stroke: transparent;
}
.mi-pause-play-icon.js-mi-play .pause {
  fill: currentColor;
  stroke: currentColor;
}

.heading-light {
  --heading-font: var(--poppins-font);
  --font-weight: 400;
}

.heading-regular {
  --heading-font: var(--poppins-font);
  --font-weight: 400;
}

.heading-medium {
  --heading-font: var(--poppins-font);
  --font-weight: 700;
}

.heading-bold {
  --heading-font: var(--poppins-font);
  --font-weight: 700;
}

.heading-black {
  --content-colour: var(--grey-900);
}

.heading-teal {
  --heading-colour: var(--teal-500);
}

.heading-amber {
  --heading-colour: var(--yellow-600);
}

.heading-h1 {
  --heading-size-mobile: var(--h1-size-mobile);
  --heading-size: var(--h1-size);
}

.heading-h2 {
  --heading-size-mobile: var(--h2-size-mobile);
  --heading-size: var(--h2-size);
}

.heading-h3 {
  --heading-size-mobile: var(--h3-size-mobile);
  --heading-size: var(--h3-size);
}

.heading-h4 {
  --heading-size-mobile: var(--h4-size);
  --heading-size: var(--h4-size);
}

.heading-h5 {
  --heading-size-mobile: var(--h5-size);
  --heading-size: var(--h5-size);
}

.heading-h6 {
  --heading-size-mobile: var(--h6-size);
  --heading-size: var(--h6-size);
}

.heading-underline {
  --heading-decoration: underline;
}

.heading-font {
  font-family: var(--heading-font) !important;
  font-weight: var(--font-weight-bold) !important;
}

.heading-colour {
  color: var(--heading-colour) !important;
}

.heading-size {
  font-size: var(--heading-size-mobile) !important;
}

@media (min-width: 768px) {
  .heading-md-size {
    font-size: var(--heading-size) !important;
  }
}

.heading-decoration {
  -webkit-text-decoration: var(--heading-decoration) !important;
          text-decoration: var(--heading-decoration) !important;
}

.content-black {
  --content-colour: var(--grey-900);
}

.content-teal {
  --content-colour: var(--teal-500);
}

.content-amber {
  --content-colour: var(--yellow-600);
}

.content-f1 {
  --content-size-mobile: var(--h1-size-mobile);
  --content-size: var(--h1-size);
}

.content-f2 {
  --content-size-mobile: var(--h2-size-mobile);
  --content-size: var(--h2-size);
}

.content-f3 {
  --content-size-mobile: var(--h3-size-mobile);
  --content-size: var(--h3-size);
}

.content-f4 {
  --content-size-mobile: var(--h4-size);
  --content-size: var(--h4-size);
}

.content-f5 {
  --content-size-mobile: var(--h5-size);
  --content-size: var(--h5-size);
}

.content-f6 {
  --content-size-mobile: var(--h6-size);
  --content-size: var(--h6-size);
}

.content-colour {
  color: var(--content-colour) !important;
}
.content-colour p {
  color: var(--content-colour) !important;
}
.content-colour a {
  color: var(--content-colour) !important;
  text-decoration: underline;
}
.content-colour span {
  color: var(--content-colour) !important;
}

.content-size {
  font-size: var(--content-size-mobile, var(--body-font-size)) !important;
}

@media (min-width: 768px) {
  .content-md-size {
    font-size: var(--content-size, var(--body-font-size)) !important;
  }
}

.content-black {
  --content-colour: var(--grey-900);
}

.content-teal {
  --content-colour: var(--teal-500);
}

.content-amber {
  --content-colour: var(--yellow-600);
}

.content-f1 {
  --content-size-mobile: var(--h1-size-mobile);
  --content-size: var(--h1-size);
}

.content-f2 {
  --content-size-mobile: var(--h2-size-mobile);
  --content-size: var(--h2-size);
}

.content-f3 {
  --content-size-mobile: var(--h3-size-mobile);
  --content-size: var(--h3-size);
}

.content-f4 {
  --content-size-mobile: var(--h4-size);
  --content-size: var(--h4-size);
}

.content-f5 {
  --content-size-mobile: var(--h5-size);
  --content-size: var(--h5-size);
}

.content-f6 {
  --content-size-mobile: var(--h6-size);
  --content-size: var(--h6-size);
}

.content-rich-text-editor {
  color: var(--content-colour) !important;
}
.content-rich-text-editor p {
  margin: 0 !important;
  margin-top: 1.5rem !important;
  font-size: var(--content-size) !important;
  line-height: inherit;
  color: var(--content-colour) !important;
}
.content-rich-text-editor p:last-child {
  margin-bottom: 1.5rem !important;
}
.content-rich-text-editor ul,
.content-rich-text-editor ol {
  padding: 0 !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
  margin: 1.5rem 0 !important;
  text-align: left;
}
.content-rich-text-editor li {
  font-size: var(--content-size) !important;
  color: var(--content-size) !important;
}
.content-rich-text-editor a {
  color: var(--content-colour) !important;
  text-decoration: underline;
}

.cta-black {
  --colour-bttn-cta-text: var(--white);
  --colour-bttn-cta: var(--grey-900);
  --colour-bttn-cta-border: transparent;
  --colour-bttn-cta-hover: var(--grey-700);
  --colour-bttn-cta-active: var(--grey-900);
}

.cta-teal {
  --colour-bttn-cta-text: var(--white);
  --colour-bttn-cta: var(--teal-500);
  --colour-bttn-cta-border: transparent;
  --colour-bttn-cta-hover: var(--teal-700);
  --colour-bttn-cta-active: var(--teal-900);
}

.cta-amber {
  --colour-bttn-cta-text: var(--grey-900);
  --colour-bttn-cta: var(--yellow-600);
  --colour-bttn-cta-border: transparent;
  --colour-bttn-cta-hover: var(--yellow-700);
  --colour-bttn-cta-active: var(--yellow-700);
}

.cta-large {
  --padding-bttn-cta: 0.75em 1.5em;
  --font-size-bttn-cta-mobile: var(--h3-size-mobile);
  --font-size-bttn-cta: var(--h3-size);
  --icon-size-bttn-cta: 12px;
}

.cta-default {
  --padding-bttn-cta: 5px 16px;
  --font-size-bttn-cta-mobile: var(--body-font-size);
  --font-size-bttn-cta: var(--body-font-size);
  --icon-size-bttn-cta: 12px;
}

.cta-small {
  --padding-bttn-cta: 3px 12px;
  --font-size-bttn-cta-mobile: var(--font-size-small);
  --font-size-bttn-cta: var(--font-size-small);
  --icon-size-bttn-cta: 12px;
}

.cta-colour {
  color: var(--colour-bttn-cta-text) !important;
  background-color: var(--colour-bttn-cta) !important;
  border-color: var(--colour-bttn-cta-border) !important;
}
.cta-colour:hover {
  background-color: #006881 !important;
}
.cta-colour:active {
  background-color: #006881 !important;
}
.cta-colour:focus {
  background-color: #006881;
}

.cta-size {
  padding: var(--padding-bttn-cta) !important;
  font-size: var(--font-size-bttn-cta-mobile) !important;
}
@media (min-width: 768px) {
  .cta-size {
    font-size: var(--font-size-bttn-cta) !important;
  }
}

.cta-decoration {
  -webkit-text-decoration: var(--decoration-bttn-cta, none) !important;
          text-decoration: var(--decoration-bttn-cta, none) !important;
}

.cta-icon-size {
  width: var(--icon-size-bttn-cta);
  height: var(--icon-size-bttn-cta);
}

.cta-black {
  --colour-bttn-cta-text: var(--white);
  --colour-bttn-cta: var(--grey-900);
  --colour-bttn-cta-border: transparent;
  --colour-bttn-cta-hover: var(--grey-700);
  --colour-bttn-cta-active: var(--grey-900);
}

.cta-teal {
  --colour-bttn-cta-text: var(--white);
  --colour-bttn-cta: var(--teal-500);
  --colour-bttn-cta-border: transparent;
  --colour-bttn-cta-hover: var(--teal-700);
  --colour-bttn-cta-active: var(--teal-900);
}

.cta-amber {
  --colour-bttn-cta-text: var(--grey-900);
  --colour-bttn-cta: var(--yellow-600);
  --colour-bttn-cta-border: transparent;
  --colour-bttn-cta-hover: var(--yellow-700);
  --colour-bttn-cta-active: var(--yellow-700);
}

.cta-large {
  --padding-bttn-cta: 0.75em 1.5em;
  --font-size-bttn-cta-mobile: var(--h3-size-mobile);
  --font-size-bttn-cta: var(--h3-size);
  --icon-size-bttn-cta: 12px;
}

.cta-default {
  --padding-bttn-cta: 5px 16px;
  --font-size-bttn-cta-mobile: var(--body-font-size);
  --font-size-bttn-cta: var(--body-font-size);
  --icon-size-bttn-cta: 12px;
}

.cta-small {
  --padding-bttn-cta: 3px 12px;
  --font-size-bttn-cta-mobile: var(--font-size-small);
  --font-size-bttn-cta: var(--font-size-small);
  --icon-size-bttn-cta: 12px;
}

.cta-decoration-underline {
  --decoration-bttn-cta: underline;
  --decoration-bttn-cta-hover: none;
}

.cta-decoration-none {
  --decoration-bttn-cta: none;
  --decoration-bttn-cta-hover: underline;
}

.cta-link-colour {
  color: var(--colour-bttn-cta) !important;
}
.cta-link-colour:hover {
  color: var(--colour-bttn-cta-hover) !important;
}
.cta-link-colour:active {
  color: var(--colour-bttn-cta-active) !important;
}

.cta-link-size {
  font-size: var(--font-size-bttn-cta-mobile) !important;
}
@media (min-width: 768px) {
  .cta-link-size {
    font-size: var(--font-size-bttn-cta) !important;
  }
}

.cta-link-decoration {
  -webkit-text-decoration: var(--decoration-bttn-cta, underline) !important;
          text-decoration: var(--decoration-bttn-cta, underline) !important;
}
.cta-link-decoration:hover {
  -webkit-text-decoration: var(--decoration-bttn-cta-hover, none) !important;
          text-decoration: var(--decoration-bttn-cta-hover, none) !important;
}

.cta-link-icon-size {
  width: var(--icon-size-bttn-cta);
  height: var(--icon-size-bttn-cta);
}

.ackCountry {
  clear: both;
  color: #d5d8dd;
  padding: 15px 0;
  background-color: #53565b;
}

.homeFeatureBlockIntro h2.homeFeatureBlockIntro-h2-underline {
  text-align: left;
  overflow: hidden;
}
.homeFeatureBlockIntro h2.homeFeatureBlockIntro-h2-underline span:nth-child(1) {
  display: block;
  text-align: center;
}
.homeFeatureBlockIntro h2.homeFeatureBlockIntro-h2-underline span:nth-child(2) {
  position: relative;
  left: 50%;
  top: 0.7em;
  display: inline;
  color: transparent;
}
.homeFeatureBlockIntro h2.homeFeatureBlockIntro-h2-underline span:nth-child(2):after {
  content: "";
  display: block;
  width: 100%;
  border-bottom: 5px solid #FDB924;
  position: absolute;
  left: -50%;
  top: 0;
}

[data-component=links-component] > div.container-xl > h2 {
  font-size: var(--h3-size);
}
[data-component=links-component] > div.container-xl > div {
  font-size: var(--h5-size);
}
[data-component=links-component] > div.container-xl > ul > li > a {
  font-size: var(--h5-size);
}

.npp * {
  box-sizing: inherit;
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
  padding: 0;
}

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

.npp ul {
  list-style: none;
}

.npp strong {
  font-weight: var(--font-weight-bold);
}

.npp button,
.npp input {
  font-family: inherit;
}

.npp button,
.npp input[type=submit] {
  border: 0;
  background: transparent;
  border-radius: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}

.npp a {
  text-decoration: inherit;
  color: inherit;
}

.npp {
  --npp-charcoal: #2B2B2B;
  --npp-green: #338282;
  --npp-green-dark: #006881;
  --npp-grey: #D9D9D9;
  box-sizing: border-box;
  font-family: var(--poppins-font);
  -webkit-font-smoothing: antialiased;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

.npp .npp-h2 {
  font-size: 1.6rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .npp .npp-h2 {
    font-size: 2rem;
  }
}

.npp .npp-h3 {
  font-size: 1.4rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .npp .npp-h3 {
    font-size: 1.6rem;
  }
}

.npp .npp-p {
  font-size: 1.2rem;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .npp .npp-p {
    font-size: 1.6rem;
  }
}

.npp .npp-sr-only {
  font-size: 0;
}

.npp-lock-scroll {
  touch-action: none;
  -webkit-overflow-scrolling: none;
  overflow: hidden;
}

.npp .npp-button,
.npp button.npp-button,
.npp input[type=submit].npp-button {
  display: inline-block;
  padding: 4px 12px;
  font-size: 1.2rem;
  font-weight: 700;
  cursor: pointer;
  color: white;
  background: var(--npp-green);
  border-radius: 2px;
}
@media screen and (min-width: 768px) {
  .npp .npp-button,
  .npp button.npp-button,
  .npp input[type=submit].npp-button {
    font-size: 1.6rem;
  }
}
.npp .npp-button:hover,
.npp button.npp-button:hover,
.npp input[type=submit].npp-button:hover {
  background-color: var(--npp-green-dark);
}
.npp .npp-button:active,
.npp button.npp-button:active,
.npp input[type=submit].npp-button:active {
  background-color: var(--npp-green-dark);
}
.npp .npp-button:focus,
.npp button.npp-button:focus,
.npp input[type=submit].npp-button:focus {
  background-color: var(--npp-green-dark);
}

.npp .npp-button--prev,
.npp button.npp-button--prev,
.npp input[type=submit].npp-button--prev {
  padding: 4px 12px 4px 32px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12'%3E%3Cpath id='arrow' d='M7.052.8,1,6l6.052,5.2' transform='translate(0.535 -0.042)' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-position: 8px 50%;
  background-repeat: no-repeat;
}

.npp .npp-button--next,
.npp button.npp-button--next,
.npp input[type=submit].npp-button--next {
  padding: 4px 32px 4px 12px;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0.799988L7.05173 5.99999L1 11.2' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-position: calc(100% - 8px) 50%;
  background-repeat: no-repeat;
}

.npp-attachment {
  position: fixed;
  display: none;
  z-index: 2;
}

.npp-attachment__tint {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 250ms;
}

.npp-attachment--tr {
  top: 15vh;
  right: 0;
}

.npp-attachment--tr .npp-panel {
  position: absolute;
  top: 0;
  right: 0;
  width: 26rem;
}
@media (prefers-reduced-motion: no-preference) {
  .npp-attachment--tr .npp-panel {
    transform: translateX(100%);
    transition: transform 250ms;
  }
}
@media screen and (min-width: 768px) {
  .npp-attachment--tr .npp-panel {
    width: 36rem;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .npp-attachment--tr .npp-panel.npp-state-show {
    transform: none;
  }
}

.npp-attachment--bl {
  bottom: 0rem;
  left: 0rem;
}
@media screen and (min-width: 768px) {
  .npp-attachment--bl {
    left: 4rem;
  }
}

.npp-attachment--bl .npp-panel {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100vw;
}
@media (prefers-reduced-motion: no-preference) {
  .npp-attachment--bl .npp-panel {
    transform: translateY(100%);
    transition: transform 250ms;
  }
}
@media screen and (min-width: 768px) {
  .npp-attachment--bl .npp-panel {
    width: 36rem;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .npp-attachment--bl .npp-panel.npp-state-show {
    transform: none;
  }
}

.npp-attachment--blf {
  bottom: 2rem;
  left: 0rem;
}
@media screen and (min-width: 768px) {
  .npp-attachment--blf {
    bottom: 4rem;
  }
}

.npp-attachment--blf .npp-floater {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 8rem;
}
@media (prefers-reduced-motion: no-preference) {
  .npp-attachment--blf .npp-floater {
    opacity: 0;
    transform: scale(0.8);
    transition: transform 250ms, opacity 250ms;
  }
  .npp-attachment--blf .npp-floater.npp-state-show {
    opacity: 1;
    transform: none;
  }
}

.npp-attachment--bli {
  bottom: 12rem;
  left: 2rem;
}
@media screen and (min-width: 768px) {
  .npp-attachment--bli {
    left: 10rem;
  }
}

.npp-attachment--bli .npp-panel {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 29rem;
}
@media (prefers-reduced-motion: no-preference) {
  .npp-attachment--bli .npp-panel {
    opacity: 0;
    transform: scale(0.8);
    transition: transform 250ms, opacity 250ms;
  }
}
@media screen and (min-width: 768px) {
  .npp-attachment--bli .npp-panel {
    width: 36rem;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .npp-attachment--bli .npp-panel.npp-state-show {
    opacity: 1;
    transform: none;
  }
}

.npp-floater {
  border: 0.2rem solid white;
  position: relative;
}

.npp-floater button {
  font-size: 0;
  display: block;
  width: 100%;
}

.npp-floater img {
  display: block;
  width: 100%;
}

.npp-floater[npp-floater-count]:after {
  position: absolute;
  top: -0.9rem;
  right: -0.9rem;
  min-width: 1.8rem;
  height: 1.8rem;
  background: var(--npp-green);
  content: attr(npp-floater-count);
  color: white;
  font-size: 1.2rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0rem 0.2rem;
  border-radius: 0.2rem;
}

.npp-floater__label {
  font-size: 0;
  width: 0;
  height: 0;
}

.npp-panel {
  background: white;
  color: --npp-charcoal;
  padding: 2rem;
  font-size: 1.2rem;
  font-weight: 500;
  max-width: 100vw;
}

.npp-panel > * + * {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .npp-panel > * + * {
    margin-top: 2rem;
  }
}

.npp-panel__close {
  display: flex;
  justify-content: flex-end;
  margin: -0.5rem 0rem -2rem 0rem;
}

.npp-panel__close button {
  font-size: 0;
}

.npp-panel__close button:after {
  display: block;
  content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.3333 12.3333L1.66667 1.66666M12.3333 1.66666L1.66667 12.3333' stroke='%232B2B2B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.npp-panel__header {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  margin-right: 2rem;
}

.npp-panel__header--double {
  margin-bottom: 2rem;
}

.npp-panel__header-text {
  flex-grow: 1;
}

.npp-panel__header-text > * + * {
  margin-top: 1rem;
}

.npp-panel__header-image {
  flex-shrink: 0;
}

.npp-panel__header-image img {
  display: block;
  margin: 0.5rem 1rem;
}
@media screen and (min-width: 768px) {
  .npp-panel__header-image img {
    margin: 0rem 1rem;
  }
}

.npp-form--grey-bg {
  margin: 0rem -2rem -2rem -2rem;
  padding: 2rem;
  background: var(--npp-grey);
}

.npp-form li {
  font-size: 1.2rem;
  font-weight: 400;
  list-style: none;
}
@media screen and (min-width: 768px) {
  .npp-form li {
    font-size: 1.6rem;
  }
}

.npp-form li span {
  text-decoration: underline;
}

.npp-form li + li {
  margin-top: 1.25rem;
}

.npp-form input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: white;
  border-radius: 1.8rem;
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 1rem;
  border: 0.1rem solid black;
  transition: background 250ms;
  cursor: pointer;
}

.npp-form input[type=radio]:checked {
  background: black;
  box-shadow: 0px 0px 0px 2px white inset;
}

.npp-form fieldset > * + * {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .npp-form fieldset > * + * {
    margin-top: 2rem;
  }
}

.npp-form label {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.npp-form__form > * + * {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .npp-form__form > * + * {
    margin-top: 2rem;
  }
}

.npp-form fieldset {
  border: 0;
  margin-top: 0;
}

.npp-form__action {
  display: flex;
  align-items: center;
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .npp-form__action {
    margin-top: 2.5rem;
  }
}

.npp-form__action > .npp-button + .npp-button {
  margin-left: 1rem;
}

.npp-form__action--right {
  justify-content: flex-end;
}

.npp-form__progress {
  margin-right: auto;
}

.npp-form__loading {
  display: none;
  margin-left: 1rem;
  width: 2.8rem;
  height: 2.8rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin: auto; background-color: rgba(255, 255, 255, 0); display: block;' width='28px' height='28px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Ccircle cx='50' cy='50' fill='none' stroke='%23f0f0f0' stroke-width='10' r='35' stroke-dasharray='164.93361431346415 56.97787143782138'%3E%3CanimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' dur='1s' values='0 50 50;360 50 50' keyTimes='0;1'%3E%3C/animateTransform%3E%3C/circle%3E%3C/svg%3E");
}

.npp-form__result {
  display: none;
}

.npp-form__result > * + * {
  margin-top: 2rem;
}

.npp-form__result-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.npp-form__result-actions > .npp-button + .npp-button {
  margin-left: 1rem;
}

.npp-form__question {
  display: none;
}

#aisSiteList_wrapper.dataTables_wrapper .dataTables_info {
  padding-top: 0;
  font-size: 14px !important;
}
@media (min-width: 768px) {
  #aisSiteList_wrapper.dataTables_wrapper .dataTables_info {
    font-size: 16px !important;
  }
}
#aisSiteList_wrapper.dataTables_wrapper .dataTables_length label {
  font-size: 14px !important;
}
@media (min-width: 768px) {
  #aisSiteList_wrapper.dataTables_wrapper .dataTables_length label {
    font-size: 16px !important;
  }
}
#aisSiteList_wrapper.dataTables_wrapper .dataTables_length label span a.page-size-option {
  margin-left: 0.4rem;
  margin-right: 0.4rem;
  text-decoration: underline;
  cursor: pointer;
}
#aisSiteList_wrapper.dataTables_wrapper .dataTables_length label span a.page-size-option.page-size-option-selected {
  font-weight: 700;
}
#aisSiteList_wrapper.dataTables_wrapper .dataTables_paginate {
  font-size: 14px !important;
}
@media (min-width: 768px) {
  #aisSiteList_wrapper.dataTables_wrapper .dataTables_paginate {
    font-size: 16px !important;
  }
}
#aisSiteList_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button {
  border: none;
  background: none;
  padding: 4px 8px;
}
@media (min-width: 768px) {
  #aisSiteList_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 7px 14px;
  }
}
#aisSiteList_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button.previous, #aisSiteList_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button.next {
  padding: 0;
}
#aisSiteList_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button.previous svg, #aisSiteList_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button.next svg {
  width: 24px;
  height: 24px;
}
@media (min-width: 768px) {
  #aisSiteList_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button.previous svg, #aisSiteList_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button.next svg {
    width: 36px;
    height: 36px;
  }
}
#aisSiteList_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button.previous svg rect, #aisSiteList_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button.next svg rect {
  fill: #53565a;
}
#aisSiteList_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled, #aisSiteList_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled {
  opacity: 0.5;
}
#aisSiteList_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button.previous:not(.disabled):hover svg rect, #aisSiteList_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button.next:not(.disabled):hover svg rect {
  fill: #111;
}
#aisSiteList_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  font-size: 16px !important;
  font-weight: 700;
  text-decoration: underline !important;
  padding: 3px 8px;
}
@media (min-width: 768px) {
  #aisSiteList_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    font-size: 18px !important;
    padding: 6px 14px;
  }
}
#aisSiteList_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: #fff !important;
  background: #111;
}
#aisSiteList_wrapper.dataTables_wrapper table, #aisSiteList_wrapper.dataTables_wrapper table tr td a.dt-expand-detail, #aisSiteList_wrapper.dataTables_wrapper table tr td a.see-on-map {
  font-size: 14px !important;
}
@media (min-width: 768px) {
  #aisSiteList_wrapper.dataTables_wrapper table, #aisSiteList_wrapper.dataTables_wrapper table tr td a.dt-expand-detail, #aisSiteList_wrapper.dataTables_wrapper table tr td a.see-on-map {
    font-size: 16px !important;
  }
}
#aisSiteList_wrapper.dataTables_wrapper table thead tr {
  background-color: #53565a;
  color: #fff;
}
#aisSiteList_wrapper.dataTables_wrapper table thead tr th.sorting:before,
#aisSiteList_wrapper.dataTables_wrapper table thead tr th.sorting:after {
  font-size: 0.8em;
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  opacity: 0.5;
}
#aisSiteList_wrapper.dataTables_wrapper table thead tr th.sorting:before {
  content: "\e92b";
}
#aisSiteList_wrapper.dataTables_wrapper table thead tr th.sorting:after {
  content: "\e92a";
}
#aisSiteList_wrapper.dataTables_wrapper table thead tr th.sorting_asc:before,
#aisSiteList_wrapper.dataTables_wrapper table thead tr th.sorting_desc:after {
  opacity: 1;
}
#aisSiteList_wrapper.dataTables_wrapper table tbody tr td a.dt-expand-detail {
  cursor: pointer;
}
#aisSiteList_wrapper.dataTables_wrapper table tbody tr td a.dt-expand-detail.expand-detail-mobile {
  text-decoration: none;
}
#aisSiteList_wrapper.dataTables_wrapper table tbody tr td a.dt-expand-detail.expand-detail-mobile.caret-down:after {
  content: "\e92a";
  font-family: "icons";
  font-size: 20px !important;
}
#aisSiteList_wrapper.dataTables_wrapper table tbody tr td a.dt-expand-detail.expand-detail-mobile.caret-up:after {
  content: "\e92b";
  font-family: "icons";
  font-size: 20px !important;
}
#aisSiteList_wrapper.dataTables_wrapper table tbody tr:not(.dt-hasChild) td b.row-header {
  display: none;
}
#aisSiteList_wrapper.dataTables_wrapper table tbody tr.dt-hasChild td {
  background: #fff;
  box-shadow: none;
}
#aisSiteList_wrapper.dataTables_wrapper table tbody tr.child-row td {
  background: #fff;
}
#aisSiteList_wrapper.dataTables_wrapper table tbody tr.child-row + tr.child-row td {
  border-top: none;
}
#aisSiteList_wrapper.dataTables_wrapper table tbody tr.dt-hasChild + tr.child-row + tr.child-row + tr:not(.dt-hasChild) td {
  border-top: none;
}

.aisSiteList_filter_section label.dataTables_searchbox_label,
.aisSiteList_filter_section label.dataTables_searchbox_label input.dataTables_searchbox {
  font-size: 14px !important;
}
@media (min-width: 768px) {
  .aisSiteList_filter_section label.dataTables_searchbox_label,
  .aisSiteList_filter_section label.dataTables_searchbox_label input.dataTables_searchbox {
    font-size: 16px !important;
  }
}
.aisSiteList_filter_section [aria-expanded=true] .icon {
  transform: rotate(180deg);
}
.aisSiteList_filter_section #ais-datatable-filter > div > div > input {
  height: 16px;
  width: 16px;
  transform: initial;
}

.infoBox__inner {
  box-shadow: 0 0 12px 0 rgba(56, 56, 56, 0.4);
  background-color: #fff;
  border-radius: 5px;
  /*position: relative; left: -50%;*/
  padding: 8px;
  max-width: 364px;
  pointer-events: auto;
  float: left;
  font-size: 0.9em;
  max-height: 280px;
}
body > .infoBox__inner {
  font-size: 11px;
}
.infoBox__inner a:focus {
  outline: 2px dotted #000;
}
.infoBox__inner h2 {
  font-size: 1.4em;
  margin-bottom: 0.5em;
  margin-right: 30px;
  margin-top: 0;
}
.infoBox__inner.visit h2 a {
  color: var(--teal-500);
}
.infoBox__inner.visit h2 a:focus {
  outline: 2px dotted var(--teal-500);
}
.infoBox__inner.things h2 a {
  color: var(--teal-500);
}
.infoBox__inner.things h2 a:focus {
  outline: 2px dotted var(--teal-500);
}
.infoBox__inner.camping h2 a {
  color: var(--teal-500);
}
.infoBox__inner.camping h2 a:focus {
  outline: 2px dotted var(--teal-500);
}
.infoBox__inner.venue h2 a {
  color: var(--teal-500);
}
.infoBox__inner.venue h2 a:focus {
  outline: 2px dotted var(--teal-500);
}
.infoBox__inner p {
  font-size: 1em;
  margin-bottom: 0.5em;
  word-wrap: break-word;
}
.infoBox__inner h3 {
  text-align: left;
  font-size: 1.1em;
  margin: 7px 0 0.3em;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
}
.infoBox__inner li {
  text-align: left;
  font-size: 1em;
  margin: 0;
}
.infoBox__inner ul,
.infoBox__inner ol {
  padding-left: 20px;
  margin: 0 0 7px 0;
}
.infoBox__inner img {
  float: left;
  margin: 0 10px 10px 0;
}
.infoBox__inner .infoBox__image-wrap {
  overflow: hidden;
  padding-bottom: 35%;
  position: relative;
  width: 100%;
  margin-bottom: 10px;
}
.infoBox__inner .infoBox__image-link {
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  overflow: hidden;
  z-index: 10;
}
.infoBox__inner .infoBox__image {
  width: 100%;
  margin: 0;
  float: none;
  position: absolute;
  top: -50%;
}
.infoBox__inner .button {
  font-size: 1.1em;
  letter-spacing: 0;
  color: #fff;
}
.infoBox__inner .button.dark {
  margin-right: 6px;
}
.infoBox__inner .button:focus {
  outline: 2px dotted #000;
}
.infoBox__inner.visit .button {
  background-color: var(--teal-500);
}
.infoBox__inner.things .button {
  background-color: var(--teal-500);
}
.infoBox__inner.things .button.dark {
  background-color: var(--teal-900);
}
.infoBox__inner.camping .button {
  background-color: var(--teal-500);
}
.infoBox__inner.venue .button {
  background-color: var(--teal-500);
}
.infoBox__inner.label {
  padding: 4px 12px;
  left: -50%;
  text-align: center;
}
.infoBox__inner.label p {
  margin: 0;
  font-size: 1.3em;
}
.infoBox__inner:before {
  display: block;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #fff;
  position: absolute;
  bottom: -14px;
  left: 50%;
  margin-left: -15px;
  content: "";
  z-index: 10;
}
.infoBox__inner:after {
  display: block;
  width: 0;
  height: 0;
  border-left: 19px solid transparent;
  border-right: 19px solid transparent;
  border-top: 19px solid rgba(56, 56, 56, 0.1);
  position: absolute;
  bottom: -19px;
  left: 50%;
  margin-left: -19px;
  content: "";
  z-index: 1;
}
.infoBox__inner .alertLink {
  color: var(--colour-fg-default);
  text-decoration: underline;
  float: left;
  clear: left;
  padding-left: 2em;
  font-size: 1.1em;
  margin-top: 0.3em;
}
.infoBox__inner .alertLink:before {
  font-size: 1.6em;
  margin-top: -0.2em;
}
.infoBox__inner dl {
  border: none;
  width: auto;
  margin: 0.6em 0;
}
.infoBox__inner dt,
.infoBox__inner dd {
  font-size: 1em;
  width: auto;
  border: none;
  padding: 2px 0;
  float: left;
  line-height: 1em;
}
.infoBox__inner dt {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  clear: left;
}
.infoBox__inner dd {
  margin-left: 0.5em;
}
.infoBox__inner.alertMapPopup .scrollbar__container {
  overflow-y: auto;
  max-height: 285px;
}

.infoBox__inner__description {
  overflow: hidden;
  overflow-y: auto;
  max-height: 225px;
}
.infoBox__inner__description dl dd > p {
  line-height: 1.1;
  margin: 0;
  padding: 0;
}
.infoBox__inner__description dl dd {
  line-height: 1.1;
}

.infobox__ctaWrapper {
  border-top: solid 1px #f2f0ee;
  padding-top: 6px;
  float: left;
  width: 100%;
  clear: both;
}
.infobox__ctaWrapper__alert a.alertLink {
  padding-left: 0;
}
.infobox__ctaWrapper__alert .headingIcon.alert {
  font-size: 1.6em;
  margin-top: -0.1em;
  margin-right: -0.3em;
  display: inline-block;
  text-decoration: none;
  vertical-align: top;
}

.infobox__ctaWrapper__buttonWrapper {
  float: right;
}

.infoBox__close {
  background: #fff;
  font-size: 13px;
  text-decoration: none !important;
  float: right;
}
.infoBox__close:before,
.infoBox__close > ieb {
  font-family: "icons";
  speak: none;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e020";
  border: solid 1px #a4a4a4;
  width: 16px;
  height: 16px;
  line-height: 17px;
  color: #989898;
  text-align: center;
}
.ie9 .infoBox__close:before,
.ie9 .infoBox__close > ieb {
  top: 0.2em;
  left: 0.03em;
}
.lt-ie10 .infoBox__close {
  right: 30px;
}

@-moz-document url-prefix() {
  .infoBox__close:before,
  .infoBox__close > ieb {
    line-height: 16px;
    left: 0;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .infoBox__close:before,
  .infoBox__close > ieb {
    top: 0.2em;
    left: 0.03em;
  }
}
@media only screen and (max-width: 30em) {
  .infoBox__inner {
    max-width: 264px;
  }
}
.infoBox__inner.ais::before, .infoBox__inner.ais::after {
  content: none;
}
.infoBox__inner.ais .infoBox__inner__description dl {
  margin: 10px 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  grid-gap: 8px;
}
.infoBox__inner.ais .infoBox__inner__description dl dt {
  padding: 0;
}
.infoBox__inner.ais .infoBox__inner__description dl dd {
  margin-left: 0;
  padding: 0;
}
.infoBox__inner.ais .infoBox__close {
  background: transparent;
}
.infoBox__inner.ais .infoBox__close::before {
  border: none;
  color: #fff;
}

.npwsicon {
  display: inline-block;
  vertical-align: text-bottom;
  fill: currentColor;
  overflow: visible;
}

.npwsicon-box {
  height: 21px;
  width: 21px;
  background-color: var(--teal-500);
}
.visit .npwsicon-box {
  background-color: var(--teal-500);
}
.things .npwsicon-box {
  background-color: var(--teal-500);
}
.camping .npwsicon-box {
  background-color: var(--teal-500);
}
.venue .npwsicon-box {
  background-color: var(--teal-500);
}
.education .npwsicon-box {
  background-color: var(--teal-500);
}

/**
 * str-replace - Replace a string with a string
 * http://codepen.io/jakob-e/pen/doMoML
 *
 * @author @eriksen_dk <https://twitter.com/eriksen_dk>
 *
 * @param  {string} $string  - The haystack string to be manipulated
 * @param  {string} $search  - The needle to be replace
 * @param  {string} $replace - The replacement
 *
 * @return {string}          - The manipulated string with replaced values
 */
:root {
  --h00-size-mobile: 40px;
  --h0-size-mobile: 32px;
  --h1-size-mobile: 26px;
  --h2-size-mobile: 22px;
  --h3-size-mobile: 18px;
  --h00-size: 48px;
  --h0-size: 40px;
  --h1-size: 32px;
  --h2-size: 24px;
  --h3-size: 20px;
  --h4-size: 16px;
  --h5-size: 14px;
  --h6-size: 12px;
  --font-size-small: 12px;
  --font-weight-bold: 700;
  --font-weight-semibold: 600;
  --font-weight-normal: 400;
  --lh-condensed-ultra: 1;
  --lh-condensed: 1.25;
  --lh-default: 1.5;
  --poppins-font: "Poppins", sans-serif;
  --body-font: var(--poppins-font);
  --body-font-size: 16px;
  --body-line-height: var(--lh-default);
  --black: #222;
  --black-rgb: 34 34 34;
  --white: #fff;
  --white-rgb: 255 255 255;
  --transparent: transparent;
  --grey-000: #f0f0f0;
  --grey-100: #e5e5e5;
  --grey-200: #c4c4c4;
  --grey-300: #999999;
  --grey-400: #6c7573;
  --grey-500: #53565a;
  --grey-600: #444444;
  --grey-700: #2e3130;
  --grey-800: #27251f;
  --grey-900: #121313;
  --grey-rgb: 83 86 90;
  --teal-000: #ecf5f5;
  --teal-100: #bcdddb;
  --teal-200: #8dc4c2;
  --teal-300: #62aaa9;
  --teal-400: #39908f;
  --teal-500: #278382;
  --teal-600: #1d6f6e;
  --teal-700: #044141;
  --teal-800: #0b2828;
  --teal-900: #051010;
  --teal-rgb: 39 131 130;
  --gold-000: #fffcec;
  --gold-100: #fff4bd;
  --gold-200: #ffea90;
  --gold-300: #ffdc65;
  --gold-400: #ffc83b;
  --gold-500: #fdb924;
  --gold-600: #c58d00;
  --gold-700: #926800;
  --gold-800: #5c4109;
  --gold-900: #271c08;
  --gold-rgb: 253 185 36;
  --black-fade-15: rgb(var(--black-rgb) / 15%);
  --black-fade-30: rgb(var(--black-rgb) / 30%);
  --black-fade-50: rgb(var(--black-rgb) / 50%);
  --black-fade-70: rgb(var(--black-rgb) / 70%);
  --black-fade-85: rgb(var(--black-rgb) / 85%);
  --white-fade-15: rgb(var(--white-rgb) / 15%);
  --white-fade-30: rgb(var(--white-rgb) / 30%);
  --white-fade-50: rgb(var(--white-rgb) / 50%);
  --white-fade-70: rgb(var(--white-rgb) / 70%);
  --white-fade-85: rgb(var(--white-rgb) / 85%);
  --colour-red: #bf311a;
  --colour-teal: var(--teal-500);
  --colour-green: #4d7c28;
  --colour-amber: var(--gold-400);
  --colour-grey-dark: var(--grey-900);
  --colour-grey-light: var(--grey-400);
  --colour-grey: var(--grey-500);
  --colour-bttn-text: var(--grey-900);
  --colour-bttn-bg: var(--white);
  --colour-bttn-border: var(--black-fade-30);
  --colour-bttn-hover-bg: var(--grey-200);
  --colour-bttn-active-bg: var(--grey-300);
  --colour-bttn-focus-outline: var(--grey-900);
  --colour-fg-default: var(--grey-800);
  --colour-bg-default: var(--white);
  --colour-alert-amber: var(--colour-alert-amber);
  --colour-alert-red: var(--colour-red);
  --colour-alert-blue: #213088;
  --colour-alert-fire-advice: #fbe032;
  --colour-alert-fire-watch-act: #ff7900;
  --colour-alert-fire-emergency-warning: #d6001c;
  --yellow-600: #fdb924;
  --yellow-700: #dbab09;
  --lime: #CBD422;
}

/**
 * str-replace - Replace a string with a string
 * http://codepen.io/jakob-e/pen/doMoML
 *
 * @author @eriksen_dk <https://twitter.com/eriksen_dk>
 *
 * @param  {string} $string  - The haystack string to be manipulated
 * @param  {string} $search  - The needle to be replace
 * @param  {string} $replace - The replacement
 *
 * @return {string}          - The manipulated string with replaced values
 */
:root {
  --h00-size-mobile: 40px;
  --h0-size-mobile: 32px;
  --h1-size-mobile: 26px;
  --h2-size-mobile: 22px;
  --h3-size-mobile: 18px;
  --h00-size: 48px;
  --h0-size: 40px;
  --h1-size: 32px;
  --h2-size: 24px;
  --h3-size: 20px;
  --h4-size: 16px;
  --h5-size: 14px;
  --h6-size: 12px;
  --font-size-small: 12px;
  --font-weight-bold: 700;
  --font-weight-semibold: 600;
  --font-weight-normal: 400;
  --lh-condensed-ultra: 1;
  --lh-condensed: 1.25;
  --lh-default: 1.5;
  --poppins-font: "Poppins", sans-serif;
  --body-font: var(--poppins-font);
  --body-font-size: 16px;
  --body-line-height: var(--lh-default);
  --black: #222;
  --black-rgb: 34 34 34;
  --white: #fff;
  --white-rgb: 255 255 255;
  --transparent: transparent;
  --grey-000: #f0f0f0;
  --grey-100: #e5e5e5;
  --grey-200: #c4c4c4;
  --grey-300: #999999;
  --grey-400: #6c7573;
  --grey-500: #53565a;
  --grey-600: #444444;
  --grey-700: #2e3130;
  --grey-800: #27251f;
  --grey-900: #121313;
  --grey-rgb: 83 86 90;
  --teal-000: #ecf5f5;
  --teal-100: #bcdddb;
  --teal-200: #8dc4c2;
  --teal-300: #62aaa9;
  --teal-400: #39908f;
  --teal-500: #278382;
  --teal-600: #1d6f6e;
  --teal-700: #044141;
  --teal-800: #0b2828;
  --teal-900: #051010;
  --teal-rgb: 39 131 130;
  --gold-000: #fffcec;
  --gold-100: #fff4bd;
  --gold-200: #ffea90;
  --gold-300: #ffdc65;
  --gold-400: #ffc83b;
  --gold-500: #fdb924;
  --gold-600: #c58d00;
  --gold-700: #926800;
  --gold-800: #5c4109;
  --gold-900: #271c08;
  --gold-rgb: 253 185 36;
  --black-fade-15: rgb(var(--black-rgb) / 15%);
  --black-fade-30: rgb(var(--black-rgb) / 30%);
  --black-fade-50: rgb(var(--black-rgb) / 50%);
  --black-fade-70: rgb(var(--black-rgb) / 70%);
  --black-fade-85: rgb(var(--black-rgb) / 85%);
  --white-fade-15: rgb(var(--white-rgb) / 15%);
  --white-fade-30: rgb(var(--white-rgb) / 30%);
  --white-fade-50: rgb(var(--white-rgb) / 50%);
  --white-fade-70: rgb(var(--white-rgb) / 70%);
  --white-fade-85: rgb(var(--white-rgb) / 85%);
  --colour-red: #bf311a;
  --colour-teal: var(--teal-500);
  --colour-green: #4d7c28;
  --colour-amber: var(--gold-400);
  --colour-grey-dark: var(--grey-900);
  --colour-grey-light: var(--grey-400);
  --colour-grey: var(--grey-500);
  --colour-bttn-text: var(--grey-900);
  --colour-bttn-bg: var(--white);
  --colour-bttn-border: var(--black-fade-30);
  --colour-bttn-hover-bg: var(--grey-200);
  --colour-bttn-active-bg: var(--grey-300);
  --colour-bttn-focus-outline: var(--grey-900);
  --colour-fg-default: var(--grey-800);
  --colour-bg-default: var(--white);
  --colour-alert-amber: var(--colour-alert-amber);
  --colour-alert-red: var(--colour-red);
  --colour-alert-blue: #213088;
  --colour-alert-fire-advice: #fbe032;
  --colour-alert-fire-watch-act: #ff7900;
  --colour-alert-fire-emergency-warning: #d6001c;
  --yellow-600: #fdb924;
  --yellow-700: #dbab09;
  --lime: #CBD422;
}

.Box {
  background-color: var(--white);
  border: 1px var(--grey-200) solid;
  border-radius: 2px;
}

.Box-header {
  padding: 16px;
  margin: -1px -1px 0;
  background-color: var(--grey-200);
  border-color: var(--grey-200);
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.Box-title {
  font-size: var(--body-font-size);
  font-weight: var(--font-weight-bold);
}

.Box-body {
  padding: 24px 16px;
}
.Box-body p:last-of-type {
  margin-bottom: 0;
}

.Box-row {
  padding: 16px;
  margin-top: -1px;
  list-style-type: none;
  border-top: 1px var(--grey-200) solid;
}
.Box-row:first-of-type {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.Box-row:last-of-type {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}

/**
 * str-replace - Replace a string with a string
 * http://codepen.io/jakob-e/pen/doMoML
 *
 * @author @eriksen_dk <https://twitter.com/eriksen_dk>
 *
 * @param  {string} $string  - The haystack string to be manipulated
 * @param  {string} $search  - The needle to be replace
 * @param  {string} $replace - The replacement
 *
 * @return {string}          - The manipulated string with replaced values
 */
:root {
  --h00-size-mobile: 40px;
  --h0-size-mobile: 32px;
  --h1-size-mobile: 26px;
  --h2-size-mobile: 22px;
  --h3-size-mobile: 18px;
  --h00-size: 48px;
  --h0-size: 40px;
  --h1-size: 32px;
  --h2-size: 24px;
  --h3-size: 20px;
  --h4-size: 16px;
  --h5-size: 14px;
  --h6-size: 12px;
  --font-size-small: 12px;
  --font-weight-bold: 700;
  --font-weight-semibold: 600;
  --font-weight-normal: 400;
  --lh-condensed-ultra: 1;
  --lh-condensed: 1.25;
  --lh-default: 1.5;
  --poppins-font: "Poppins", sans-serif;
  --body-font: var(--poppins-font);
  --body-font-size: 16px;
  --body-line-height: var(--lh-default);
  --black: #222;
  --black-rgb: 34 34 34;
  --white: #fff;
  --white-rgb: 255 255 255;
  --transparent: transparent;
  --grey-000: #f0f0f0;
  --grey-100: #e5e5e5;
  --grey-200: #c4c4c4;
  --grey-300: #999999;
  --grey-400: #6c7573;
  --grey-500: #53565a;
  --grey-600: #444444;
  --grey-700: #2e3130;
  --grey-800: #27251f;
  --grey-900: #121313;
  --grey-rgb: 83 86 90;
  --teal-000: #ecf5f5;
  --teal-100: #bcdddb;
  --teal-200: #8dc4c2;
  --teal-300: #62aaa9;
  --teal-400: #39908f;
  --teal-500: #278382;
  --teal-600: #1d6f6e;
  --teal-700: #044141;
  --teal-800: #0b2828;
  --teal-900: #051010;
  --teal-rgb: 39 131 130;
  --gold-000: #fffcec;
  --gold-100: #fff4bd;
  --gold-200: #ffea90;
  --gold-300: #ffdc65;
  --gold-400: #ffc83b;
  --gold-500: #fdb924;
  --gold-600: #c58d00;
  --gold-700: #926800;
  --gold-800: #5c4109;
  --gold-900: #271c08;
  --gold-rgb: 253 185 36;
  --black-fade-15: rgb(var(--black-rgb) / 15%);
  --black-fade-30: rgb(var(--black-rgb) / 30%);
  --black-fade-50: rgb(var(--black-rgb) / 50%);
  --black-fade-70: rgb(var(--black-rgb) / 70%);
  --black-fade-85: rgb(var(--black-rgb) / 85%);
  --white-fade-15: rgb(var(--white-rgb) / 15%);
  --white-fade-30: rgb(var(--white-rgb) / 30%);
  --white-fade-50: rgb(var(--white-rgb) / 50%);
  --white-fade-70: rgb(var(--white-rgb) / 70%);
  --white-fade-85: rgb(var(--white-rgb) / 85%);
  --colour-red: #bf311a;
  --colour-teal: var(--teal-500);
  --colour-green: #4d7c28;
  --colour-amber: var(--gold-400);
  --colour-grey-dark: var(--grey-900);
  --colour-grey-light: var(--grey-400);
  --colour-grey: var(--grey-500);
  --colour-bttn-text: var(--grey-900);
  --colour-bttn-bg: var(--white);
  --colour-bttn-border: var(--black-fade-30);
  --colour-bttn-hover-bg: var(--grey-200);
  --colour-bttn-active-bg: var(--grey-300);
  --colour-bttn-focus-outline: var(--grey-900);
  --colour-fg-default: var(--grey-800);
  --colour-bg-default: var(--white);
  --colour-alert-amber: var(--colour-alert-amber);
  --colour-alert-red: var(--colour-red);
  --colour-alert-blue: #213088;
  --colour-alert-fire-advice: #fbe032;
  --colour-alert-fire-watch-act: #ff7900;
  --colour-alert-fire-emergency-warning: #d6001c;
  --yellow-600: #fdb924;
  --yellow-700: #dbab09;
  --lime: #CBD422;
}

.bttn {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  padding: 5px 16px;
  font-size: var(--body-font-size);
  line-height: 20px;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: 1px solid;
  border-radius: 2px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.bttn:link, .bttn:visited, .bttn:hover, .bttn:active {
  text-decoration: none !important;
}
.bttn:active {
  top: 2px;
}
.bttn:disabled {
  opacity: 0.5;
}
.bttn:focus {
  outline: 2px dotted;
  outline-offset: 2px;
}
.bttn::before {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  background: transparent;
}
.bttn:active::before {
  top: -4px;
}

.bttn {
  color: var(--colour-bttn-text);
  background-color: var(--colour-bttn-bg);
  border-color: var(--colour-bttn-border);
}
.bttn:hover {
  background-color: var(--colour-bttn-hover-bg);
}
.bttn:focus {
  outline-color: var(--colour-bttn-focus-outline);
}
.bttn:active {
  background-color: var(--colour-bttn-active-bg);
}

.bttn-primary {
  color: var(--white);
  background-color: var(--teal-500);
  border-color: transparent;
}
.bttn-primary:hover {
  background-color: #006881;
}
.bttn-primary:active {
  background-color: #006881;
}
.bttn-primary:focus {
  background-color: #006881;
}

.bttn-secondary {
  color: var(--teal-500);
  background-color: var(--white);
  border-color: var(--teal-500);
  border-width: 3px;
  padding: 3px 14px;
}
.bttn-secondary:hover {
  color: var(--white);
  background-color: var(--teal-500);
}
.bttn-secondary:active {
  color: var(--white);
  background-color: var(--teal-500);
}
.bttn-secondary:focus {
  color: var(--white);
  background-color: var(--teal-500);
}

.bttn-primary--inverse {
  color: var(--teal-500);
  background-color: var(--white);
  border-color: var(--teal-500);
}
.bttn-primary--inverse:hover {
  background-color: var(--teal-600);
}
.bttn-primary--inverse:active {
  background-color: var(--teal-600);
}

.bttn-primary--transparent-bg {
  background-color: rgb(var(--teal-rgb)/50%);
}

.bttn-sm {
  padding: 3px 12px;
  font-size: var(--h5-size);
  line-height: 20px;
}

[data-component=carousel-advanced] a.external > .iea:after,
[data-component=carousel-advanced] a.external:hover > .iea:after,
[data-component=leadspace] a.external > .iea:after,
[data-component=leadspace] a.external:hover > .iea:after,
[data-component=text-content-block] a.external > .iea:after,
[data-component=text-content-block] a.external:hover > .iea:after {
  color: inherit;
}

a.external.bttn-primary > .iea:after {
  color: var(--white);
}

a.external.bttn-primary:hover > .iea:after {
  color: var(--white);
}

a.external.bttn-secondary > .iea:after {
  color: var(--teal-500);
}

a.external.bttn-secondary:hover > .iea:after {
  color: var(--white);
}

.bttn-link {
  display: inline-block;
  padding: 0;
  font-size: inherit;
  color: var(--teal-500);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.bttn-link:hover {
  text-decoration: underline;
}
.bttn-link:disabled, .bttn-link:disabled:hover, .bttn-link[aria-disabled=true], .bttn-link[aria-disabled=true]:hover {
  color: rgb(var(--grey-rgb)/50%);
  cursor: default;
}

.bttn-invisible {
  color: var(--teal-500);
  background-color: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.bttn-invisible:hover, .bttn-invisible:active, .bttn-invisible:focus, .bttn-invisible.selected, .bttn-invisible[aria-selected=true], .bttn-invisible.zeroclipboard-is-hover, .bttn-invisible.zeroclipboard-is-active {
  color: var(--teal-500);
  background: none;
  outline: none;
  box-shadow: none;
}

.close-button {
  padding: 0;
  background: transparent;
  border: 0;
  outline: none;
}

/**
 * str-replace - Replace a string with a string
 * http://codepen.io/jakob-e/pen/doMoML
 *
 * @author @eriksen_dk <https://twitter.com/eriksen_dk>
 *
 * @param  {string} $string  - The haystack string to be manipulated
 * @param  {string} $search  - The needle to be replace
 * @param  {string} $replace - The replacement
 *
 * @return {string}          - The manipulated string with replaced values
 */
:root {
  --h00-size-mobile: 40px;
  --h0-size-mobile: 32px;
  --h1-size-mobile: 26px;
  --h2-size-mobile: 22px;
  --h3-size-mobile: 18px;
  --h00-size: 48px;
  --h0-size: 40px;
  --h1-size: 32px;
  --h2-size: 24px;
  --h3-size: 20px;
  --h4-size: 16px;
  --h5-size: 14px;
  --h6-size: 12px;
  --font-size-small: 12px;
  --font-weight-bold: 700;
  --font-weight-semibold: 600;
  --font-weight-normal: 400;
  --lh-condensed-ultra: 1;
  --lh-condensed: 1.25;
  --lh-default: 1.5;
  --poppins-font: "Poppins", sans-serif;
  --body-font: var(--poppins-font);
  --body-font-size: 16px;
  --body-line-height: var(--lh-default);
  --black: #222;
  --black-rgb: 34 34 34;
  --white: #fff;
  --white-rgb: 255 255 255;
  --transparent: transparent;
  --grey-000: #f0f0f0;
  --grey-100: #e5e5e5;
  --grey-200: #c4c4c4;
  --grey-300: #999999;
  --grey-400: #6c7573;
  --grey-500: #53565a;
  --grey-600: #444444;
  --grey-700: #2e3130;
  --grey-800: #27251f;
  --grey-900: #121313;
  --grey-rgb: 83 86 90;
  --teal-000: #ecf5f5;
  --teal-100: #bcdddb;
  --teal-200: #8dc4c2;
  --teal-300: #62aaa9;
  --teal-400: #39908f;
  --teal-500: #278382;
  --teal-600: #1d6f6e;
  --teal-700: #044141;
  --teal-800: #0b2828;
  --teal-900: #051010;
  --teal-rgb: 39 131 130;
  --gold-000: #fffcec;
  --gold-100: #fff4bd;
  --gold-200: #ffea90;
  --gold-300: #ffdc65;
  --gold-400: #ffc83b;
  --gold-500: #fdb924;
  --gold-600: #c58d00;
  --gold-700: #926800;
  --gold-800: #5c4109;
  --gold-900: #271c08;
  --gold-rgb: 253 185 36;
  --black-fade-15: rgb(var(--black-rgb) / 15%);
  --black-fade-30: rgb(var(--black-rgb) / 30%);
  --black-fade-50: rgb(var(--black-rgb) / 50%);
  --black-fade-70: rgb(var(--black-rgb) / 70%);
  --black-fade-85: rgb(var(--black-rgb) / 85%);
  --white-fade-15: rgb(var(--white-rgb) / 15%);
  --white-fade-30: rgb(var(--white-rgb) / 30%);
  --white-fade-50: rgb(var(--white-rgb) / 50%);
  --white-fade-70: rgb(var(--white-rgb) / 70%);
  --white-fade-85: rgb(var(--white-rgb) / 85%);
  --colour-red: #bf311a;
  --colour-teal: var(--teal-500);
  --colour-green: #4d7c28;
  --colour-amber: var(--gold-400);
  --colour-grey-dark: var(--grey-900);
  --colour-grey-light: var(--grey-400);
  --colour-grey: var(--grey-500);
  --colour-bttn-text: var(--grey-900);
  --colour-bttn-bg: var(--white);
  --colour-bttn-border: var(--black-fade-30);
  --colour-bttn-hover-bg: var(--grey-200);
  --colour-bttn-active-bg: var(--grey-300);
  --colour-bttn-focus-outline: var(--grey-900);
  --colour-fg-default: var(--grey-800);
  --colour-bg-default: var(--white);
  --colour-alert-amber: var(--colour-alert-amber);
  --colour-alert-red: var(--colour-red);
  --colour-alert-blue: #213088;
  --colour-alert-fire-advice: #fbe032;
  --colour-alert-fire-watch-act: #ff7900;
  --colour-alert-fire-emergency-warning: #d6001c;
  --yellow-600: #fdb924;
  --yellow-700: #dbab09;
  --lime: #CBD422;
}

.form .form-label {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  font-size: var(--body-font-size);
  line-height: var(--lh-condensed);
}
.form .form-hint {
  margin-bottom: 8px;
  font-size: var(--body-font-size);
  color: var(--grey-700);
  line-height: var(--lh-condensed);
}
.form * {
  box-sizing: border-box;
}
.form fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}
.form .form-control,
.form .form-select {
  height: var(--size-6);
  width: auto;
  padding: 6px 8px;
  font-size: var(--body-font-size);
  line-height: var(--lh-default);
  color: var(--grey-600);
  background-color: var(--white);
  border: 1px solid var(--grey-600);
  border-radius: 2px;
  box-sizing: border-box;
  outline: none;
  box-shadow: inset 0 1px 0 rgb(var(--grey-rgb)/20%);
  transition: 0.2s ease;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.form .form-control.focus, .form .form-control:focus,
.form .form-select.focus,
.form .form-select:focus {
  border-color: var(--grey-700);
  outline: none;
  box-shadow: 0 0 3px 3px rgb(var(--grey-rgb)/30%);
}
@media screen and (min-width: 768px) {
  .form .form-control,
  .form .form-select {
    font-size: var(--body-font-size);
  }
}
.form textarea.form-control {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: var(--lh-default);
}
.form ::-moz-placeholder {
  color: var(--grey-100);
}
.form ::placeholder {
  color: var(--grey-100);
}
.form .form-actions::before {
  display: table;
  content: "";
}
.form .form-actions::after {
  display: table;
  clear: both;
  content: "";
}
.form .form-checkbox,
.form .form-radio {
  padding-left: 20px;
  margin: 15px 0;
  vertical-align: middle;
}
.form .form-checkbox input[type=checkbox],
.form .form-checkbox input[type=radio],
.form .form-radio input[type=checkbox],
.form .form-radio input[type=radio] {
  float: left;
  margin: 3px 0 0 -20px;
  vertical-align: middle;
  transform: scale(1);
}
.form .form-label-checkbox,
.form .form-label-radio {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-normal);
  -ms-touch-action: manipulation;
  cursor: pointer;
  touch-action: manipulation;
}
.form .form-select {
  display: inline-block;
  max-width: 100%;
  height: var(--size-6);
  padding-right: 24px;
  background-color: var(--white);
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 8px 10px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.form .form-select::-ms-expand {
  opacity: 0;
}
.form .form-select[multiple] {
  height: auto;
}
.form .form-group {
  margin: 16px 0;
}
.form .form-group .form-control {
  width: 440px;
  max-width: 100%;
  margin-right: 5px;
}
.form .form-group .form-control:focus {
  background-color: var(--white);
}
.form .form-group .form-control.shorter {
  width: 130px;
}
.form .form-group .form-control.short {
  width: 250px;
}
.form .form-group .form-control.long {
  width: 100%;
}
.form .form-group textarea.form-control {
  height: 200px;
  min-height: 200px;
}
.form .form-group .form-group-header {
  margin-bottom: 4px;
}
.form .form-group--full .form-control,
.form .form-group--full .form-select {
  display: block;
  width: 100%;
}
@media (min-width: 544px) {
  .form .form-group--inline .form-group-body {
    display: flex;
    flex-wrap: wrap;
  }
  .form .form-group--inline .form-group-body .form-checkbox,
  .form .form-group--inline .form-group-body .form-radio {
    margin-top: 8px;
    margin-bottom: 8px;
    margin-right: 24px;
  }
}
.form .input-validation-error {
  border: 2px solid var(--colour-red);
}
.form .field-validation-error {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
  display: block;
  margin-bottom: 8px;
  font-size: var(--body-font-size);
  line-height: var(--lh-condensed);
  color: var(--colour-red);
}

/**
 * str-replace - Replace a string with a string
 * http://codepen.io/jakob-e/pen/doMoML
 *
 * @author @eriksen_dk <https://twitter.com/eriksen_dk>
 *
 * @param  {string} $string  - The haystack string to be manipulated
 * @param  {string} $search  - The needle to be replace
 * @param  {string} $replace - The replacement
 *
 * @return {string}          - The manipulated string with replaced values
 */
:root {
  --h00-size-mobile: 40px;
  --h0-size-mobile: 32px;
  --h1-size-mobile: 26px;
  --h2-size-mobile: 22px;
  --h3-size-mobile: 18px;
  --h00-size: 48px;
  --h0-size: 40px;
  --h1-size: 32px;
  --h2-size: 24px;
  --h3-size: 20px;
  --h4-size: 16px;
  --h5-size: 14px;
  --h6-size: 12px;
  --font-size-small: 12px;
  --font-weight-bold: 700;
  --font-weight-semibold: 600;
  --font-weight-normal: 400;
  --lh-condensed-ultra: 1;
  --lh-condensed: 1.25;
  --lh-default: 1.5;
  --poppins-font: "Poppins", sans-serif;
  --body-font: var(--poppins-font);
  --body-font-size: 16px;
  --body-line-height: var(--lh-default);
  --black: #222;
  --black-rgb: 34 34 34;
  --white: #fff;
  --white-rgb: 255 255 255;
  --transparent: transparent;
  --grey-000: #f0f0f0;
  --grey-100: #e5e5e5;
  --grey-200: #c4c4c4;
  --grey-300: #999999;
  --grey-400: #6c7573;
  --grey-500: #53565a;
  --grey-600: #444444;
  --grey-700: #2e3130;
  --grey-800: #27251f;
  --grey-900: #121313;
  --grey-rgb: 83 86 90;
  --teal-000: #ecf5f5;
  --teal-100: #bcdddb;
  --teal-200: #8dc4c2;
  --teal-300: #62aaa9;
  --teal-400: #39908f;
  --teal-500: #278382;
  --teal-600: #1d6f6e;
  --teal-700: #044141;
  --teal-800: #0b2828;
  --teal-900: #051010;
  --teal-rgb: 39 131 130;
  --gold-000: #fffcec;
  --gold-100: #fff4bd;
  --gold-200: #ffea90;
  --gold-300: #ffdc65;
  --gold-400: #ffc83b;
  --gold-500: #fdb924;
  --gold-600: #c58d00;
  --gold-700: #926800;
  --gold-800: #5c4109;
  --gold-900: #271c08;
  --gold-rgb: 253 185 36;
  --black-fade-15: rgb(var(--black-rgb) / 15%);
  --black-fade-30: rgb(var(--black-rgb) / 30%);
  --black-fade-50: rgb(var(--black-rgb) / 50%);
  --black-fade-70: rgb(var(--black-rgb) / 70%);
  --black-fade-85: rgb(var(--black-rgb) / 85%);
  --white-fade-15: rgb(var(--white-rgb) / 15%);
  --white-fade-30: rgb(var(--white-rgb) / 30%);
  --white-fade-50: rgb(var(--white-rgb) / 50%);
  --white-fade-70: rgb(var(--white-rgb) / 70%);
  --white-fade-85: rgb(var(--white-rgb) / 85%);
  --colour-red: #bf311a;
  --colour-teal: var(--teal-500);
  --colour-green: #4d7c28;
  --colour-amber: var(--gold-400);
  --colour-grey-dark: var(--grey-900);
  --colour-grey-light: var(--grey-400);
  --colour-grey: var(--grey-500);
  --colour-bttn-text: var(--grey-900);
  --colour-bttn-bg: var(--white);
  --colour-bttn-border: var(--black-fade-30);
  --colour-bttn-hover-bg: var(--grey-200);
  --colour-bttn-active-bg: var(--grey-300);
  --colour-bttn-focus-outline: var(--grey-900);
  --colour-fg-default: var(--grey-800);
  --colour-bg-default: var(--white);
  --colour-alert-amber: var(--colour-alert-amber);
  --colour-alert-red: var(--colour-red);
  --colour-alert-blue: #213088;
  --colour-alert-fire-advice: #fbe032;
  --colour-alert-fire-watch-act: #ff7900;
  --colour-alert-fire-emergency-warning: #d6001c;
  --yellow-600: #fdb924;
  --yellow-700: #dbab09;
  --lime: #CBD422;
}

.container-sm {
  max-width: 544px;
  margin-right: auto;
  margin-left: auto;
}

.container-md {
  max-width: 768px;
  margin-right: auto;
  margin-left: auto;
}

.container-lg {
  max-width: 1012px;
  margin-right: auto;
  margin-left: auto;
}

.container-xl {
  max-width: 1280px;
  margin-right: auto;
  margin-left: auto;
}

.col-1 {
  width: 8.3333333333%;
}

.col-2 {
  width: 16.6666666667%;
}

.col-3 {
  width: 25%;
}

.col-4 {
  width: 33.3333333333%;
}

.col-5 {
  width: 41.6666666667%;
}

.col-6 {
  width: 50%;
}

.col-7 {
  width: 58.3333333333%;
}

.col-8 {
  width: 66.6666666667%;
}

.col-9 {
  width: 75%;
}

.col-10 {
  width: 83.3333333333%;
}

.col-11 {
  width: 91.6666666667%;
}

.col-12 {
  width: 100%;
}

@media (min-width: 544px) {
  .col-sm-1 {
    width: 8.3333333333%;
  }
  .col-sm-2 {
    width: 16.6666666667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.3333333333%;
  }
  .col-sm-5 {
    width: 41.6666666667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.3333333333%;
  }
  .col-sm-8 {
    width: 66.6666666667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.3333333333%;
  }
  .col-sm-11 {
    width: 91.6666666667%;
  }
  .col-sm-12 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .col-md-1 {
    width: 8.3333333333%;
  }
  .col-md-2 {
    width: 16.6666666667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.3333333333%;
  }
  .col-md-5 {
    width: 41.6666666667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.3333333333%;
  }
  .col-md-8 {
    width: 66.6666666667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.3333333333%;
  }
  .col-md-11 {
    width: 91.6666666667%;
  }
  .col-md-12 {
    width: 100%;
  }
}
@media (min-width: 1012px) {
  .col-lg-1 {
    width: 8.3333333333%;
  }
  .col-lg-2 {
    width: 16.6666666667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.3333333333%;
  }
  .col-lg-5 {
    width: 41.6666666667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.3333333333%;
  }
  .col-lg-8 {
    width: 66.6666666667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.3333333333%;
  }
  .col-lg-11 {
    width: 91.6666666667%;
  }
  .col-lg-12 {
    width: 100%;
  }
}
@media (min-width: 1280px) {
  .col-xl-1 {
    width: 8.3333333333%;
  }
  .col-xl-2 {
    width: 16.6666666667%;
  }
  .col-xl-3 {
    width: 25%;
  }
  .col-xl-4 {
    width: 33.3333333333%;
  }
  .col-xl-5 {
    width: 41.6666666667%;
  }
  .col-xl-6 {
    width: 50%;
  }
  .col-xl-7 {
    width: 58.3333333333%;
  }
  .col-xl-8 {
    width: 66.6666666667%;
  }
  .col-xl-9 {
    width: 75%;
  }
  .col-xl-10 {
    width: 83.3333333333%;
  }
  .col-xl-11 {
    width: 91.6666666667%;
  }
  .col-xl-12 {
    width: 100%;
  }
}
.gutter {
  margin-right: -16px;
  margin-left: -16px;
}
.gutter > [class*=col-] {
  padding-right: 16px !important;
  padding-left: 16px !important;
}

.gutter-condensed {
  margin-right: -8px;
  margin-left: -8px;
}
.gutter-condensed > [class*=col-] {
  padding-right: 8px !important;
  padding-left: 8px !important;
}

.gutter-spacious {
  margin-right: -24px;
  margin-left: -24px;
}
.gutter-spacious > [class*=col-] {
  padding-right: 24px !important;
  padding-left: 24px !important;
}

@media (min-width: 544px) {
  .gutter-sm {
    margin-right: -16px;
    margin-left: -16px;
  }
  .gutter-sm > [class*=col-] {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .gutter-sm-condensed {
    margin-right: -8px;
    margin-left: -8px;
  }
  .gutter-sm-condensed > [class*=col-] {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .gutter-sm-spacious {
    margin-right: -24px;
    margin-left: -24px;
  }
  .gutter-sm-spacious > [class*=col-] {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
}
@media (min-width: 768px) {
  .gutter-md {
    margin-right: -16px;
    margin-left: -16px;
  }
  .gutter-md > [class*=col-] {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .gutter-md-condensed {
    margin-right: -8px;
    margin-left: -8px;
  }
  .gutter-md-condensed > [class*=col-] {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .gutter-md-spacious {
    margin-right: -24px;
    margin-left: -24px;
  }
  .gutter-md-spacious > [class*=col-] {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
}
@media (min-width: 1012px) {
  .gutter-lg {
    margin-right: -16px;
    margin-left: -16px;
  }
  .gutter-lg > [class*=col-] {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .gutter-lg-condensed {
    margin-right: -8px;
    margin-left: -8px;
  }
  .gutter-lg-condensed > [class*=col-] {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .gutter-lg-spacious {
    margin-right: -24px;
    margin-left: -24px;
  }
  .gutter-lg-spacious > [class*=col-] {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
}
@media (min-width: 1280px) {
  .gutter-xl {
    margin-right: -16px;
    margin-left: -16px;
  }
  .gutter-xl > [class*=col-] {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  .gutter-xl-condensed {
    margin-right: -8px;
    margin-left: -8px;
  }
  .gutter-xl-condensed > [class*=col-] {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  .gutter-xl-spacious {
    margin-right: -24px;
    margin-left: -24px;
  }
  .gutter-xl-spacious > [class*=col-] {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
}
.offset-1 {
  margin-left: 8.3333333333% !important;
}

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

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

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

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

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

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

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

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

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

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

@media (min-width: 544px) {
  .offset-sm-1 {
    margin-left: 8.3333333333% !important;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667% !important;
  }
  .offset-sm-3 {
    margin-left: 25% !important;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333% !important;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667% !important;
  }
  .offset-sm-6 {
    margin-left: 50% !important;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333% !important;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667% !important;
  }
  .offset-sm-9 {
    margin-left: 75% !important;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333% !important;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667% !important;
  }
}
@media (min-width: 768px) {
  .offset-md-1 {
    margin-left: 8.3333333333% !important;
  }
  .offset-md-2 {
    margin-left: 16.6666666667% !important;
  }
  .offset-md-3 {
    margin-left: 25% !important;
  }
  .offset-md-4 {
    margin-left: 33.3333333333% !important;
  }
  .offset-md-5 {
    margin-left: 41.6666666667% !important;
  }
  .offset-md-6 {
    margin-left: 50% !important;
  }
  .offset-md-7 {
    margin-left: 58.3333333333% !important;
  }
  .offset-md-8 {
    margin-left: 66.6666666667% !important;
  }
  .offset-md-9 {
    margin-left: 75% !important;
  }
  .offset-md-10 {
    margin-left: 83.3333333333% !important;
  }
  .offset-md-11 {
    margin-left: 91.6666666667% !important;
  }
}
@media (min-width: 1012px) {
  .offset-lg-1 {
    margin-left: 8.3333333333% !important;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667% !important;
  }
  .offset-lg-3 {
    margin-left: 25% !important;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333% !important;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667% !important;
  }
  .offset-lg-6 {
    margin-left: 50% !important;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333% !important;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667% !important;
  }
  .offset-lg-9 {
    margin-left: 75% !important;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333% !important;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667% !important;
  }
}
@media (min-width: 1280px) {
  .offset-xl-1 {
    margin-left: 8.3333333333% !important;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667% !important;
  }
  .offset-xl-3 {
    margin-left: 25% !important;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333% !important;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667% !important;
  }
  .offset-xl-6 {
    margin-left: 50% !important;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333% !important;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667% !important;
  }
  .offset-xl-9 {
    margin-left: 75% !important;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333% !important;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667% !important;
  }
}
/**
 * str-replace - Replace a string with a string
 * http://codepen.io/jakob-e/pen/doMoML
 *
 * @author @eriksen_dk <https://twitter.com/eriksen_dk>
 *
 * @param  {string} $string  - The haystack string to be manipulated
 * @param  {string} $search  - The needle to be replace
 * @param  {string} $replace - The replacement
 *
 * @return {string}          - The manipulated string with replaced values
 */
:root {
  --h00-size-mobile: 40px;
  --h0-size-mobile: 32px;
  --h1-size-mobile: 26px;
  --h2-size-mobile: 22px;
  --h3-size-mobile: 18px;
  --h00-size: 48px;
  --h0-size: 40px;
  --h1-size: 32px;
  --h2-size: 24px;
  --h3-size: 20px;
  --h4-size: 16px;
  --h5-size: 14px;
  --h6-size: 12px;
  --font-size-small: 12px;
  --font-weight-bold: 700;
  --font-weight-semibold: 600;
  --font-weight-normal: 400;
  --lh-condensed-ultra: 1;
  --lh-condensed: 1.25;
  --lh-default: 1.5;
  --poppins-font: "Poppins", sans-serif;
  --body-font: var(--poppins-font);
  --body-font-size: 16px;
  --body-line-height: var(--lh-default);
  --black: #222;
  --black-rgb: 34 34 34;
  --white: #fff;
  --white-rgb: 255 255 255;
  --transparent: transparent;
  --grey-000: #f0f0f0;
  --grey-100: #e5e5e5;
  --grey-200: #c4c4c4;
  --grey-300: #999999;
  --grey-400: #6c7573;
  --grey-500: #53565a;
  --grey-600: #444444;
  --grey-700: #2e3130;
  --grey-800: #27251f;
  --grey-900: #121313;
  --grey-rgb: 83 86 90;
  --teal-000: #ecf5f5;
  --teal-100: #bcdddb;
  --teal-200: #8dc4c2;
  --teal-300: #62aaa9;
  --teal-400: #39908f;
  --teal-500: #278382;
  --teal-600: #1d6f6e;
  --teal-700: #044141;
  --teal-800: #0b2828;
  --teal-900: #051010;
  --teal-rgb: 39 131 130;
  --gold-000: #fffcec;
  --gold-100: #fff4bd;
  --gold-200: #ffea90;
  --gold-300: #ffdc65;
  --gold-400: #ffc83b;
  --gold-500: #fdb924;
  --gold-600: #c58d00;
  --gold-700: #926800;
  --gold-800: #5c4109;
  --gold-900: #271c08;
  --gold-rgb: 253 185 36;
  --black-fade-15: rgb(var(--black-rgb) / 15%);
  --black-fade-30: rgb(var(--black-rgb) / 30%);
  --black-fade-50: rgb(var(--black-rgb) / 50%);
  --black-fade-70: rgb(var(--black-rgb) / 70%);
  --black-fade-85: rgb(var(--black-rgb) / 85%);
  --white-fade-15: rgb(var(--white-rgb) / 15%);
  --white-fade-30: rgb(var(--white-rgb) / 30%);
  --white-fade-50: rgb(var(--white-rgb) / 50%);
  --white-fade-70: rgb(var(--white-rgb) / 70%);
  --white-fade-85: rgb(var(--white-rgb) / 85%);
  --colour-red: #bf311a;
  --colour-teal: var(--teal-500);
  --colour-green: #4d7c28;
  --colour-amber: var(--gold-400);
  --colour-grey-dark: var(--grey-900);
  --colour-grey-light: var(--grey-400);
  --colour-grey: var(--grey-500);
  --colour-bttn-text: var(--grey-900);
  --colour-bttn-bg: var(--white);
  --colour-bttn-border: var(--black-fade-30);
  --colour-bttn-hover-bg: var(--grey-200);
  --colour-bttn-active-bg: var(--grey-300);
  --colour-bttn-focus-outline: var(--grey-900);
  --colour-fg-default: var(--grey-800);
  --colour-bg-default: var(--white);
  --colour-alert-amber: var(--colour-alert-amber);
  --colour-alert-red: var(--colour-red);
  --colour-alert-blue: #213088;
  --colour-alert-fire-advice: #fbe032;
  --colour-alert-fire-watch-act: #ff7900;
  --colour-alert-fire-emergency-warning: #d6001c;
  --yellow-600: #fdb924;
  --yellow-700: #dbab09;
  --lime: #CBD422;
}

.aspect-ratio {
  height: 0;
  position: relative;
}

.aspect-ratio--10x7 {
  padding-bottom: 70%;
}

.aspect-ratio--16x9 {
  padding-bottom: 56.25%;
}

.aspect-ratio--9x16 {
  padding-bottom: 177.77%;
}

.aspect-ratio--4x3 {
  padding-bottom: 75%;
}

.aspect-ratio--3x4 {
  padding-bottom: 133.33%;
}

.aspect-ratio--6x4 {
  padding-bottom: 66.6%;
}

.aspect-ratio--4x6 {
  padding-bottom: 150%;
}

.aspect-ratio--8x5 {
  padding-bottom: 62.5%;
}

.aspect-ratio--5x8 {
  padding-bottom: 160%;
}

.aspect-ratio--7x5 {
  padding-bottom: 71.42%;
}

.aspect-ratio--5x7 {
  padding-bottom: 140%;
}

.aspect-ratio--1x1 {
  padding-bottom: 100%;
}

@media (min-width: 544px) {
  .aspect-ratio-sm--10x7 {
    padding-bottom: 70%;
  }
  .aspect-ratio-sm--16x9 {
    padding-bottom: 56.25%;
  }
  .aspect-ratio-sm--9x16 {
    padding-bottom: 177.77%;
  }
  .aspect-ratio-sm--4x3 {
    padding-bottom: 75%;
  }
  .aspect-ratio-sm--3x4 {
    padding-bottom: 133.33%;
  }
  .aspect-ratio-sm--6x4 {
    padding-bottom: 66.6%;
  }
  .aspect-ratio-sm--4x6 {
    padding-bottom: 150%;
  }
  .aspect-ratio-sm--8x5 {
    padding-bottom: 62.5%;
  }
  .aspect-ratio-sm--5x8 {
    padding-bottom: 160%;
  }
  .aspect-ratio-sm--7x5 {
    padding-bottom: 71.42%;
  }
  .aspect-ratio-sm--5x7 {
    padding-bottom: 140%;
  }
  .aspect-ratio-sm--1x1 {
    padding-bottom: 100%;
  }
}
@media (min-width: 768px) {
  .aspect-ratio-md--10x7 {
    padding-bottom: 70%;
  }
  .aspect-ratio-md--16x9 {
    padding-bottom: 56.25%;
  }
  .aspect-ratio-md--9x16 {
    padding-bottom: 177.77%;
  }
  .aspect-ratio-md--4x3 {
    padding-bottom: 75%;
  }
  .aspect-ratio-md--3x4 {
    padding-bottom: 133.33%;
  }
  .aspect-ratio-md--6x4 {
    padding-bottom: 66.6%;
  }
  .aspect-ratio-md--4x6 {
    padding-bottom: 150%;
  }
  .aspect-ratio-md--8x5 {
    padding-bottom: 62.5%;
  }
  .aspect-ratio-md--5x8 {
    padding-bottom: 160%;
  }
  .aspect-ratio-md--7x5 {
    padding-bottom: 71.42%;
  }
  .aspect-ratio-md--5x7 {
    padding-bottom: 140%;
  }
  .aspect-ratio-md--1x1 {
    padding-bottom: 100%;
  }
}
@media (min-width: 1012px) {
  .aspect-ratio-lg--10x7 {
    padding-bottom: 70%;
  }
  .aspect-ratio-lg--16x9 {
    padding-bottom: 56.25%;
  }
  .aspect-ratio-lg--9x16 {
    padding-bottom: 177.77%;
  }
  .aspect-ratio-lg--4x3 {
    padding-bottom: 75%;
  }
  .aspect-ratio-lg--3x4 {
    padding-bottom: 133.33%;
  }
  .aspect-ratio-lg--6x4 {
    padding-bottom: 66.6%;
  }
  .aspect-ratio-lg--4x6 {
    padding-bottom: 150%;
  }
  .aspect-ratio-lg--8x5 {
    padding-bottom: 62.5%;
  }
  .aspect-ratio-lg--5x8 {
    padding-bottom: 160%;
  }
  .aspect-ratio-lg--7x5 {
    padding-bottom: 71.42%;
  }
  .aspect-ratio-lg--5x7 {
    padding-bottom: 140%;
  }
  .aspect-ratio-lg--1x1 {
    padding-bottom: 100%;
  }
}
@media (min-width: 1280px) {
  .aspect-ratio-xl--10x7 {
    padding-bottom: 70%;
  }
  .aspect-ratio-xl--16x9 {
    padding-bottom: 56.25%;
  }
  .aspect-ratio-xl--9x16 {
    padding-bottom: 177.77%;
  }
  .aspect-ratio-xl--4x3 {
    padding-bottom: 75%;
  }
  .aspect-ratio-xl--3x4 {
    padding-bottom: 133.33%;
  }
  .aspect-ratio-xl--6x4 {
    padding-bottom: 66.6%;
  }
  .aspect-ratio-xl--4x6 {
    padding-bottom: 150%;
  }
  .aspect-ratio-xl--8x5 {
    padding-bottom: 62.5%;
  }
  .aspect-ratio-xl--5x8 {
    padding-bottom: 160%;
  }
  .aspect-ratio-xl--7x5 {
    padding-bottom: 71.42%;
  }
  .aspect-ratio-xl--5x7 {
    padding-bottom: 140%;
  }
  .aspect-ratio-xl--1x1 {
    padding-bottom: 100%;
  }
}
.aspect-ratio--object {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

/**
 * str-replace - Replace a string with a string
 * http://codepen.io/jakob-e/pen/doMoML
 *
 * @author @eriksen_dk <https://twitter.com/eriksen_dk>
 *
 * @param  {string} $string  - The haystack string to be manipulated
 * @param  {string} $search  - The needle to be replace
 * @param  {string} $replace - The replacement
 *
 * @return {string}          - The manipulated string with replaced values
 */
:root {
  --h00-size-mobile: 40px;
  --h0-size-mobile: 32px;
  --h1-size-mobile: 26px;
  --h2-size-mobile: 22px;
  --h3-size-mobile: 18px;
  --h00-size: 48px;
  --h0-size: 40px;
  --h1-size: 32px;
  --h2-size: 24px;
  --h3-size: 20px;
  --h4-size: 16px;
  --h5-size: 14px;
  --h6-size: 12px;
  --font-size-small: 12px;
  --font-weight-bold: 700;
  --font-weight-semibold: 600;
  --font-weight-normal: 400;
  --lh-condensed-ultra: 1;
  --lh-condensed: 1.25;
  --lh-default: 1.5;
  --poppins-font: "Poppins", sans-serif;
  --body-font: var(--poppins-font);
  --body-font-size: 16px;
  --body-line-height: var(--lh-default);
  --black: #222;
  --black-rgb: 34 34 34;
  --white: #fff;
  --white-rgb: 255 255 255;
  --transparent: transparent;
  --grey-000: #f0f0f0;
  --grey-100: #e5e5e5;
  --grey-200: #c4c4c4;
  --grey-300: #999999;
  --grey-400: #6c7573;
  --grey-500: #53565a;
  --grey-600: #444444;
  --grey-700: #2e3130;
  --grey-800: #27251f;
  --grey-900: #121313;
  --grey-rgb: 83 86 90;
  --teal-000: #ecf5f5;
  --teal-100: #bcdddb;
  --teal-200: #8dc4c2;
  --teal-300: #62aaa9;
  --teal-400: #39908f;
  --teal-500: #278382;
  --teal-600: #1d6f6e;
  --teal-700: #044141;
  --teal-800: #0b2828;
  --teal-900: #051010;
  --teal-rgb: 39 131 130;
  --gold-000: #fffcec;
  --gold-100: #fff4bd;
  --gold-200: #ffea90;
  --gold-300: #ffdc65;
  --gold-400: #ffc83b;
  --gold-500: #fdb924;
  --gold-600: #c58d00;
  --gold-700: #926800;
  --gold-800: #5c4109;
  --gold-900: #271c08;
  --gold-rgb: 253 185 36;
  --black-fade-15: rgb(var(--black-rgb) / 15%);
  --black-fade-30: rgb(var(--black-rgb) / 30%);
  --black-fade-50: rgb(var(--black-rgb) / 50%);
  --black-fade-70: rgb(var(--black-rgb) / 70%);
  --black-fade-85: rgb(var(--black-rgb) / 85%);
  --white-fade-15: rgb(var(--white-rgb) / 15%);
  --white-fade-30: rgb(var(--white-rgb) / 30%);
  --white-fade-50: rgb(var(--white-rgb) / 50%);
  --white-fade-70: rgb(var(--white-rgb) / 70%);
  --white-fade-85: rgb(var(--white-rgb) / 85%);
  --colour-red: #bf311a;
  --colour-teal: var(--teal-500);
  --colour-green: #4d7c28;
  --colour-amber: var(--gold-400);
  --colour-grey-dark: var(--grey-900);
  --colour-grey-light: var(--grey-400);
  --colour-grey: var(--grey-500);
  --colour-bttn-text: var(--grey-900);
  --colour-bttn-bg: var(--white);
  --colour-bttn-border: var(--black-fade-30);
  --colour-bttn-hover-bg: var(--grey-200);
  --colour-bttn-active-bg: var(--grey-300);
  --colour-bttn-focus-outline: var(--grey-900);
  --colour-fg-default: var(--grey-800);
  --colour-bg-default: var(--white);
  --colour-alert-amber: var(--colour-alert-amber);
  --colour-alert-red: var(--colour-red);
  --colour-alert-blue: #213088;
  --colour-alert-fire-advice: #fbe032;
  --colour-alert-fire-watch-act: #ff7900;
  --colour-alert-fire-emergency-warning: #d6001c;
  --yellow-600: #fdb924;
  --yellow-700: #dbab09;
  --lime: #CBD422;
}

/* Fade in an element */
/* Fade an element out and slide down */
.anim-fade-down {
  animation-name: fade-down;
  animation-duration: 0.5s;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

@keyframes fade-down {
  from {
    opacity: 0;
    transform: translate3d(0, -10px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
/* Grow an element width from 0 to 100% */
/* Fade in an element and scale it fast */
.anim-scale-in {
  animation-name: scale-in;
  animation-duration: 0.15s;
  animation-timing-function: cubic-bezier(0.2, 0, 0.13, 1.5);
}

@keyframes scale-in {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/* Add a gray border to the left and right */
/* Add a gray border to the top and bottom */
/* Responsive gray borders */
/* Add a gray border on all sides at/above this breakpoint */
.border {
  border: 1px var(--grey-200) solid !important;
}

/* Set the border width to 0 on all sides at/above this breakpoint */
.border-0 {
  border: 0 !important;
}

/* Add a gray border to the top */
.border-top {
  border-top: 1px var(--grey-200) solid !important;
}

/* Add a gray border to the right */
.border-right {
  border-right: 1px var(--grey-200) solid !important;
}

/* Add a gray border to the bottom */
.border-bottom {
  border-bottom: 1px var(--grey-200) solid !important;
}

/* Add a gray border to the left */
.border-left {
  border-left: 1px var(--grey-200) solid !important;
}

/* Remove the top border */
.border-top-0 {
  border-top: 0 !important;
}

/* Remove the right border */
.border-right-0 {
  border-right: 0 !important;
}

/* Remove the bottom border */
.border-bottom-0 {
  border-bottom: 0 !important;
}

/* Remove the left border */
.border-left-0 {
  border-left: 0 !important;
}

/* Remove the border-radius */
.rounded-0 {
  border-radius: 0 !important;
}

/* Add a border-radius to all corners */
.rounded-1 {
  border-radius: 2px !important;
}

/* Add a 2x border-radius to all corners */
.rounded-2 {
  border-radius: 4px !important;
}

/* Add a 3x border-radius to all corners */
.rounded-3 {
  border-radius: 6px !important;
}

.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.rounded-top-1 {
  border-top-left-radius: 2px !important;
  border-top-right-radius: 2px !important;
}

.rounded-top-2 {
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
}

.rounded-top-3 {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
}

.rounded-right-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-right-1 {
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
}

.rounded-right-2 {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.rounded-right-3 {
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}

.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-bottom-1 {
  border-bottom-right-radius: 2px !important;
  border-bottom-left-radius: 2px !important;
}

.rounded-bottom-2 {
  border-bottom-right-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}

.rounded-bottom-3 {
  border-bottom-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
}

.rounded-left-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.rounded-left-1 {
  border-bottom-left-radius: 2px !important;
  border-top-left-radius: 2px !important;
}

.rounded-left-2 {
  border-bottom-left-radius: 4px !important;
  border-top-left-radius: 4px !important;
}

.rounded-left-3 {
  border-bottom-left-radius: 6px !important;
  border-top-left-radius: 6px !important;
}

/* Responsive border widths */
/* Add border width to all sides */
.border-width-0 {
  border-width: 0 !important;
}

/* Add border width to top  */
.border-top-width-0 {
  border-top-width: 0 !important;
}

/* Add border width to left */
.border-left-width-0 {
  border-left-width: 0 !important;
}

/* Add border width to all sides */
.border-width-1 {
  border-width: 4px !important;
}

/* Add border width to top  */
.border-top-width-1 {
  border-top-width: 4px !important;
}

/* Add border width to left */
.border-left-width-1 {
  border-left-width: 4px !important;
}

/* Add border width to all sides */
.border-width-2 {
  border-width: 8px !important;
}

/* Add border width to top  */
.border-top-width-2 {
  border-top-width: 8px !important;
}

/* Add border width to left */
.border-left-width-2 {
  border-left-width: 8px !important;
}

/* Add border width to all sides */
.border-width-3 {
  border-width: 16px !important;
}

/* Add border width to top  */
.border-top-width-3 {
  border-top-width: 16px !important;
}

/* Add border width to left */
.border-left-width-3 {
  border-left-width: 16px !important;
}

/* Add border width to all sides */
.border-width-4 {
  border-width: 24px !important;
}

/* Add border width to top  */
.border-top-width-4 {
  border-top-width: 24px !important;
}

/* Add border width to left */
.border-left-width-4 {
  border-left-width: 24px !important;
}

/* Add border width to all sides */
.border-width-5 {
  border-width: 32px !important;
}

/* Add border width to top  */
.border-top-width-5 {
  border-top-width: 32px !important;
}

/* Add border width to left */
.border-left-width-5 {
  border-left-width: 32px !important;
}

/* Add border width to all sides */
.border-width-6 {
  border-width: 40px !important;
}

/* Add border width to top  */
.border-top-width-6 {
  border-top-width: 40px !important;
}

/* Add border width to left */
.border-left-width-6 {
  border-left-width: 40px !important;
}

@media (min-width: 544px) {
  /* Add a gray border on all sides at/above this breakpoint */
  .border-sm {
    border: 1px var(--grey-200) solid !important;
  }
  /* Set the border width to 0 on all sides at/above this breakpoint */
  .border-sm-0 {
    border: 0 !important;
  }
  /* Add a gray border to the top */
  .border-sm-top {
    border-top: 1px var(--grey-200) solid !important;
  }
  /* Add a gray border to the right */
  .border-sm-right {
    border-right: 1px var(--grey-200) solid !important;
  }
  /* Add a gray border to the bottom */
  .border-sm-bottom {
    border-bottom: 1px var(--grey-200) solid !important;
  }
  /* Add a gray border to the left */
  .border-sm-left {
    border-left: 1px var(--grey-200) solid !important;
  }
  /* Remove the top border */
  .border-sm-top-0 {
    border-top: 0 !important;
  }
  /* Remove the right border */
  .border-sm-right-0 {
    border-right: 0 !important;
  }
  /* Remove the bottom border */
  .border-sm-bottom-0 {
    border-bottom: 0 !important;
  }
  /* Remove the left border */
  .border-sm-left-0 {
    border-left: 0 !important;
  }
  /* Remove the border-radius */
  .rounded-sm-0 {
    border-radius: 0 !important;
  }
  /* Add a border-radius to all corners */
  .rounded-sm-1 {
    border-radius: 2px !important;
  }
  /* Add a 2x border-radius to all corners */
  .rounded-sm-2 {
    border-radius: 4px !important;
  }
  /* Add a 3x border-radius to all corners */
  .rounded-sm-3 {
    border-radius: 6px !important;
  }
  .rounded-sm-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .rounded-sm-top-1 {
    border-top-left-radius: 2px !important;
    border-top-right-radius: 2px !important;
  }
  .rounded-sm-top-2 {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
  }
  .rounded-sm-top-3 {
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
  }
  .rounded-sm-right-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .rounded-sm-right-1 {
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
  }
  .rounded-sm-right-2 {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
  }
  .rounded-sm-right-3 {
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
  }
  .rounded-sm-bottom-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .rounded-sm-bottom-1 {
    border-bottom-right-radius: 2px !important;
    border-bottom-left-radius: 2px !important;
  }
  .rounded-sm-bottom-2 {
    border-bottom-right-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
  }
  .rounded-sm-bottom-3 {
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
  }
  .rounded-sm-left-0 {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
  }
  .rounded-sm-left-1 {
    border-bottom-left-radius: 2px !important;
    border-top-left-radius: 2px !important;
  }
  .rounded-sm-left-2 {
    border-bottom-left-radius: 4px !important;
    border-top-left-radius: 4px !important;
  }
  .rounded-sm-left-3 {
    border-bottom-left-radius: 6px !important;
    border-top-left-radius: 6px !important;
  }
  /* Responsive border widths */
  /* Add border width to all sides */
  .border-width-0 {
    border-width: 0 !important;
  }
  /* Add border width to top  */
  .border-top-width-0 {
    border-top-width: 0 !important;
  }
  /* Add border width to left */
  .border-sm-left-width-0 {
    border-left-width: 0 !important;
  }
  /* Add border width to all sides */
  .border-width-1 {
    border-width: 4px !important;
  }
  /* Add border width to top  */
  .border-top-width-1 {
    border-top-width: 4px !important;
  }
  /* Add border width to left */
  .border-sm-left-width-1 {
    border-left-width: 4px !important;
  }
  /* Add border width to all sides */
  .border-width-2 {
    border-width: 8px !important;
  }
  /* Add border width to top  */
  .border-top-width-2 {
    border-top-width: 8px !important;
  }
  /* Add border width to left */
  .border-sm-left-width-2 {
    border-left-width: 8px !important;
  }
  /* Add border width to all sides */
  .border-width-3 {
    border-width: 16px !important;
  }
  /* Add border width to top  */
  .border-top-width-3 {
    border-top-width: 16px !important;
  }
  /* Add border width to left */
  .border-sm-left-width-3 {
    border-left-width: 16px !important;
  }
  /* Add border width to all sides */
  .border-width-4 {
    border-width: 24px !important;
  }
  /* Add border width to top  */
  .border-top-width-4 {
    border-top-width: 24px !important;
  }
  /* Add border width to left */
  .border-sm-left-width-4 {
    border-left-width: 24px !important;
  }
  /* Add border width to all sides */
  .border-width-5 {
    border-width: 32px !important;
  }
  /* Add border width to top  */
  .border-top-width-5 {
    border-top-width: 32px !important;
  }
  /* Add border width to left */
  .border-sm-left-width-5 {
    border-left-width: 32px !important;
  }
  /* Add border width to all sides */
  .border-width-6 {
    border-width: 40px !important;
  }
  /* Add border width to top  */
  .border-top-width-6 {
    border-top-width: 40px !important;
  }
  /* Add border width to left */
  .border-sm-left-width-6 {
    border-left-width: 40px !important;
  }
}
@media (min-width: 768px) {
  /* Add a gray border on all sides at/above this breakpoint */
  .border-md {
    border: 1px var(--grey-200) solid !important;
  }
  /* Set the border width to 0 on all sides at/above this breakpoint */
  .border-md-0 {
    border: 0 !important;
  }
  /* Add a gray border to the top */
  .border-md-top {
    border-top: 1px var(--grey-200) solid !important;
  }
  /* Add a gray border to the right */
  .border-md-right {
    border-right: 1px var(--grey-200) solid !important;
  }
  /* Add a gray border to the bottom */
  .border-md-bottom {
    border-bottom: 1px var(--grey-200) solid !important;
  }
  /* Add a gray border to the left */
  .border-md-left {
    border-left: 1px var(--grey-200) solid !important;
  }
  /* Remove the top border */
  .border-md-top-0 {
    border-top: 0 !important;
  }
  /* Remove the right border */
  .border-md-right-0 {
    border-right: 0 !important;
  }
  /* Remove the bottom border */
  .border-md-bottom-0 {
    border-bottom: 0 !important;
  }
  /* Remove the left border */
  .border-md-left-0 {
    border-left: 0 !important;
  }
  /* Remove the border-radius */
  .rounded-md-0 {
    border-radius: 0 !important;
  }
  /* Add a border-radius to all corners */
  .rounded-md-1 {
    border-radius: 2px !important;
  }
  /* Add a 2x border-radius to all corners */
  .rounded-md-2 {
    border-radius: 4px !important;
  }
  /* Add a 3x border-radius to all corners */
  .rounded-md-3 {
    border-radius: 6px !important;
  }
  .rounded-md-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .rounded-md-top-1 {
    border-top-left-radius: 2px !important;
    border-top-right-radius: 2px !important;
  }
  .rounded-md-top-2 {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
  }
  .rounded-md-top-3 {
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
  }
  .rounded-md-right-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .rounded-md-right-1 {
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
  }
  .rounded-md-right-2 {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
  }
  .rounded-md-right-3 {
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
  }
  .rounded-md-bottom-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .rounded-md-bottom-1 {
    border-bottom-right-radius: 2px !important;
    border-bottom-left-radius: 2px !important;
  }
  .rounded-md-bottom-2 {
    border-bottom-right-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
  }
  .rounded-md-bottom-3 {
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
  }
  .rounded-md-left-0 {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
  }
  .rounded-md-left-1 {
    border-bottom-left-radius: 2px !important;
    border-top-left-radius: 2px !important;
  }
  .rounded-md-left-2 {
    border-bottom-left-radius: 4px !important;
    border-top-left-radius: 4px !important;
  }
  .rounded-md-left-3 {
    border-bottom-left-radius: 6px !important;
    border-top-left-radius: 6px !important;
  }
  /* Responsive border widths */
  /* Add border width to all sides */
  .border-width-0 {
    border-width: 0 !important;
  }
  /* Add border width to top  */
  .border-top-width-0 {
    border-top-width: 0 !important;
  }
  /* Add border width to left */
  .border-md-left-width-0 {
    border-left-width: 0 !important;
  }
  /* Add border width to all sides */
  .border-width-1 {
    border-width: 4px !important;
  }
  /* Add border width to top  */
  .border-top-width-1 {
    border-top-width: 4px !important;
  }
  /* Add border width to left */
  .border-md-left-width-1 {
    border-left-width: 4px !important;
  }
  /* Add border width to all sides */
  .border-width-2 {
    border-width: 8px !important;
  }
  /* Add border width to top  */
  .border-top-width-2 {
    border-top-width: 8px !important;
  }
  /* Add border width to left */
  .border-md-left-width-2 {
    border-left-width: 8px !important;
  }
  /* Add border width to all sides */
  .border-width-3 {
    border-width: 16px !important;
  }
  /* Add border width to top  */
  .border-top-width-3 {
    border-top-width: 16px !important;
  }
  /* Add border width to left */
  .border-md-left-width-3 {
    border-left-width: 16px !important;
  }
  /* Add border width to all sides */
  .border-width-4 {
    border-width: 24px !important;
  }
  /* Add border width to top  */
  .border-top-width-4 {
    border-top-width: 24px !important;
  }
  /* Add border width to left */
  .border-md-left-width-4 {
    border-left-width: 24px !important;
  }
  /* Add border width to all sides */
  .border-width-5 {
    border-width: 32px !important;
  }
  /* Add border width to top  */
  .border-top-width-5 {
    border-top-width: 32px !important;
  }
  /* Add border width to left */
  .border-md-left-width-5 {
    border-left-width: 32px !important;
  }
  /* Add border width to all sides */
  .border-width-6 {
    border-width: 40px !important;
  }
  /* Add border width to top  */
  .border-top-width-6 {
    border-top-width: 40px !important;
  }
  /* Add border width to left */
  .border-md-left-width-6 {
    border-left-width: 40px !important;
  }
}
@media (min-width: 1012px) {
  /* Add a gray border on all sides at/above this breakpoint */
  .border-lg {
    border: 1px var(--grey-200) solid !important;
  }
  /* Set the border width to 0 on all sides at/above this breakpoint */
  .border-lg-0 {
    border: 0 !important;
  }
  /* Add a gray border to the top */
  .border-lg-top {
    border-top: 1px var(--grey-200) solid !important;
  }
  /* Add a gray border to the right */
  .border-lg-right {
    border-right: 1px var(--grey-200) solid !important;
  }
  /* Add a gray border to the bottom */
  .border-lg-bottom {
    border-bottom: 1px var(--grey-200) solid !important;
  }
  /* Add a gray border to the left */
  .border-lg-left {
    border-left: 1px var(--grey-200) solid !important;
  }
  /* Remove the top border */
  .border-lg-top-0 {
    border-top: 0 !important;
  }
  /* Remove the right border */
  .border-lg-right-0 {
    border-right: 0 !important;
  }
  /* Remove the bottom border */
  .border-lg-bottom-0 {
    border-bottom: 0 !important;
  }
  /* Remove the left border */
  .border-lg-left-0 {
    border-left: 0 !important;
  }
  /* Remove the border-radius */
  .rounded-lg-0 {
    border-radius: 0 !important;
  }
  /* Add a border-radius to all corners */
  .rounded-lg-1 {
    border-radius: 2px !important;
  }
  /* Add a 2x border-radius to all corners */
  .rounded-lg-2 {
    border-radius: 4px !important;
  }
  /* Add a 3x border-radius to all corners */
  .rounded-lg-3 {
    border-radius: 6px !important;
  }
  .rounded-lg-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .rounded-lg-top-1 {
    border-top-left-radius: 2px !important;
    border-top-right-radius: 2px !important;
  }
  .rounded-lg-top-2 {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
  }
  .rounded-lg-top-3 {
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
  }
  .rounded-lg-right-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .rounded-lg-right-1 {
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
  }
  .rounded-lg-right-2 {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
  }
  .rounded-lg-right-3 {
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
  }
  .rounded-lg-bottom-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .rounded-lg-bottom-1 {
    border-bottom-right-radius: 2px !important;
    border-bottom-left-radius: 2px !important;
  }
  .rounded-lg-bottom-2 {
    border-bottom-right-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
  }
  .rounded-lg-bottom-3 {
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
  }
  .rounded-lg-left-0 {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
  }
  .rounded-lg-left-1 {
    border-bottom-left-radius: 2px !important;
    border-top-left-radius: 2px !important;
  }
  .rounded-lg-left-2 {
    border-bottom-left-radius: 4px !important;
    border-top-left-radius: 4px !important;
  }
  .rounded-lg-left-3 {
    border-bottom-left-radius: 6px !important;
    border-top-left-radius: 6px !important;
  }
  /* Responsive border widths */
  /* Add border width to all sides */
  .border-width-0 {
    border-width: 0 !important;
  }
  /* Add border width to top  */
  .border-top-width-0 {
    border-top-width: 0 !important;
  }
  /* Add border width to left */
  .border-lg-left-width-0 {
    border-left-width: 0 !important;
  }
  /* Add border width to all sides */
  .border-width-1 {
    border-width: 4px !important;
  }
  /* Add border width to top  */
  .border-top-width-1 {
    border-top-width: 4px !important;
  }
  /* Add border width to left */
  .border-lg-left-width-1 {
    border-left-width: 4px !important;
  }
  /* Add border width to all sides */
  .border-width-2 {
    border-width: 8px !important;
  }
  /* Add border width to top  */
  .border-top-width-2 {
    border-top-width: 8px !important;
  }
  /* Add border width to left */
  .border-lg-left-width-2 {
    border-left-width: 8px !important;
  }
  /* Add border width to all sides */
  .border-width-3 {
    border-width: 16px !important;
  }
  /* Add border width to top  */
  .border-top-width-3 {
    border-top-width: 16px !important;
  }
  /* Add border width to left */
  .border-lg-left-width-3 {
    border-left-width: 16px !important;
  }
  /* Add border width to all sides */
  .border-width-4 {
    border-width: 24px !important;
  }
  /* Add border width to top  */
  .border-top-width-4 {
    border-top-width: 24px !important;
  }
  /* Add border width to left */
  .border-lg-left-width-4 {
    border-left-width: 24px !important;
  }
  /* Add border width to all sides */
  .border-width-5 {
    border-width: 32px !important;
  }
  /* Add border width to top  */
  .border-top-width-5 {
    border-top-width: 32px !important;
  }
  /* Add border width to left */
  .border-lg-left-width-5 {
    border-left-width: 32px !important;
  }
  /* Add border width to all sides */
  .border-width-6 {
    border-width: 40px !important;
  }
  /* Add border width to top  */
  .border-top-width-6 {
    border-top-width: 40px !important;
  }
  /* Add border width to left */
  .border-lg-left-width-6 {
    border-left-width: 40px !important;
  }
}
@media (min-width: 1280px) {
  /* Add a gray border on all sides at/above this breakpoint */
  .border-xl {
    border: 1px var(--grey-200) solid !important;
  }
  /* Set the border width to 0 on all sides at/above this breakpoint */
  .border-xl-0 {
    border: 0 !important;
  }
  /* Add a gray border to the top */
  .border-xl-top {
    border-top: 1px var(--grey-200) solid !important;
  }
  /* Add a gray border to the right */
  .border-xl-right {
    border-right: 1px var(--grey-200) solid !important;
  }
  /* Add a gray border to the bottom */
  .border-xl-bottom {
    border-bottom: 1px var(--grey-200) solid !important;
  }
  /* Add a gray border to the left */
  .border-xl-left {
    border-left: 1px var(--grey-200) solid !important;
  }
  /* Remove the top border */
  .border-xl-top-0 {
    border-top: 0 !important;
  }
  /* Remove the right border */
  .border-xl-right-0 {
    border-right: 0 !important;
  }
  /* Remove the bottom border */
  .border-xl-bottom-0 {
    border-bottom: 0 !important;
  }
  /* Remove the left border */
  .border-xl-left-0 {
    border-left: 0 !important;
  }
  /* Remove the border-radius */
  .rounded-xl-0 {
    border-radius: 0 !important;
  }
  /* Add a border-radius to all corners */
  .rounded-xl-1 {
    border-radius: 2px !important;
  }
  /* Add a 2x border-radius to all corners */
  .rounded-xl-2 {
    border-radius: 4px !important;
  }
  /* Add a 3x border-radius to all corners */
  .rounded-xl-3 {
    border-radius: 6px !important;
  }
  .rounded-xl-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .rounded-xl-top-1 {
    border-top-left-radius: 2px !important;
    border-top-right-radius: 2px !important;
  }
  .rounded-xl-top-2 {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
  }
  .rounded-xl-top-3 {
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
  }
  .rounded-xl-right-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .rounded-xl-right-1 {
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
  }
  .rounded-xl-right-2 {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
  }
  .rounded-xl-right-3 {
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
  }
  .rounded-xl-bottom-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .rounded-xl-bottom-1 {
    border-bottom-right-radius: 2px !important;
    border-bottom-left-radius: 2px !important;
  }
  .rounded-xl-bottom-2 {
    border-bottom-right-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
  }
  .rounded-xl-bottom-3 {
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
  }
  .rounded-xl-left-0 {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
  }
  .rounded-xl-left-1 {
    border-bottom-left-radius: 2px !important;
    border-top-left-radius: 2px !important;
  }
  .rounded-xl-left-2 {
    border-bottom-left-radius: 4px !important;
    border-top-left-radius: 4px !important;
  }
  .rounded-xl-left-3 {
    border-bottom-left-radius: 6px !important;
    border-top-left-radius: 6px !important;
  }
  /* Responsive border widths */
  /* Add border width to all sides */
  .border-width-0 {
    border-width: 0 !important;
  }
  /* Add border width to top  */
  .border-top-width-0 {
    border-top-width: 0 !important;
  }
  /* Add border width to left */
  .border-xl-left-width-0 {
    border-left-width: 0 !important;
  }
  /* Add border width to all sides */
  .border-width-1 {
    border-width: 4px !important;
  }
  /* Add border width to top  */
  .border-top-width-1 {
    border-top-width: 4px !important;
  }
  /* Add border width to left */
  .border-xl-left-width-1 {
    border-left-width: 4px !important;
  }
  /* Add border width to all sides */
  .border-width-2 {
    border-width: 8px !important;
  }
  /* Add border width to top  */
  .border-top-width-2 {
    border-top-width: 8px !important;
  }
  /* Add border width to left */
  .border-xl-left-width-2 {
    border-left-width: 8px !important;
  }
  /* Add border width to all sides */
  .border-width-3 {
    border-width: 16px !important;
  }
  /* Add border width to top  */
  .border-top-width-3 {
    border-top-width: 16px !important;
  }
  /* Add border width to left */
  .border-xl-left-width-3 {
    border-left-width: 16px !important;
  }
  /* Add border width to all sides */
  .border-width-4 {
    border-width: 24px !important;
  }
  /* Add border width to top  */
  .border-top-width-4 {
    border-top-width: 24px !important;
  }
  /* Add border width to left */
  .border-xl-left-width-4 {
    border-left-width: 24px !important;
  }
  /* Add border width to all sides */
  .border-width-5 {
    border-width: 32px !important;
  }
  /* Add border width to top  */
  .border-top-width-5 {
    border-top-width: 32px !important;
  }
  /* Add border width to left */
  .border-xl-left-width-5 {
    border-left-width: 32px !important;
  }
  /* Add border width to all sides */
  .border-width-6 {
    border-width: 40px !important;
  }
  /* Add border width to top  */
  .border-top-width-6 {
    border-top-width: 40px !important;
  }
  /* Add border width to left */
  .border-xl-left-width-6 {
    border-left-width: 40px !important;
  }
}
/* Add a 50% border-radius to make something into a circle */
.circle {
  border-radius: 50% !important;
}

/* Change the border style to dashed, in conjunction with another utility */
.border-dashed {
  border-style: dashed !important;
}

/* Use with .border to turn the border teal */
.border-primary {
  border-color: var(--teal-500) !important;
}

/* Use with .border  to turn the border blue-light */
.border-primary-light {
  border-color: var(--teal-200) !important;
}

/* Use with .border  to turn the border red */
.border-red {
  border-color: var(--colour-red) !important;
}

/* Use with .border  to turn the border amber */
.border-amber {
  border-color: var(--colour-amber) !important;
}

/* Use with .border  to turn the border gray-light */
.border-grey {
  border-color: var(--grey-200) !important;
}

/* Use with .border  to turn the border gray-light */
.border-grey-light {
  border-color: var(--grey-100) !important;
}

/* Use with .border  to turn the border gray-dark */
.border-grey-dark {
  border-color: var(--grey-600) !important;
}

/* Use with .border  to turn the border gray-light */
.border-grey-darker {
  border-color: var(--grey-700) !important;
}

/* Use with .border  to turn the border gray-dark */
.border-grey-dark {
  border-color: var(--grey-600) !important;
}

/* Use with .border  to turn the border gray-dark */
.border-black {
  border-color: var(--black) !important;
}

/* Use with .border to turn the border rgba black 0.15 */
.border-black-fade {
  border-color: var(--black-fade-15) !important;
}

/* Use with .border to turn the border rgba white 0.15 */
.border-white-fade {
  border-color: var(--white-fade-15) !important;
}

/* Use with .border to turn the border white w/varying transparency */
.cursor-pointer {
  cursor: pointer !important;
}

.outline-focus:focus {
  outline: 2px dotted !important;
  outline-offset: 2px !important;
}

.box-shadow {
  box-shadow: 0 1px 1px rgb(var(--black-rgb)/10%) !important;
}

.box-shadow-medium {
  box-shadow: 0 1px 5px var(--black-fade-15) !important;
}

.box-shadow-large {
  box-shadow: 0 1px 15px var(--black-fade-15) !important;
}

.box-shadow-extra-large {
  box-shadow: 0 10px 50px rgb(var(--black-rgb)/7%) !important;
}

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

@media (min-width: 544px) {
  .box-shadow-sm-none {
    box-shadow: none !important;
  }
}
@media (min-width: 768px) {
  .box-shadow-md-none {
    box-shadow: none !important;
  }
}
/* Set the background to $bg-white */
.bg-white {
  background-color: var(--white) !important;
}

/* Set the background to $bg-black */
.bg-black {
  background-color: var(--black) !important;
}

/* set the background to $bg-grey-dark */
.bg-grey-dark {
  background-color: var(--grey-600) !important;
}

/* set the background to $bg-grey-darker */
.bg-grey-darker {
  background-color: var(--grey-700) !important;
}

/* set the background to $bg-grey */
.bg-grey {
  background-color: var(--grey-200) !important;
}

/* set the background to $bg-grey-light */
.bg-grey-light {
  background-color: var(--grey-100) !important;
}

/* Set the background to $bg-primary */
.bg-primary {
  background-color: var(--teal-500) !important;
}

/* Set the background to $bg-primary-light */
.bg-primary-light {
  background-color: var(--teal-200) !important;
}

/* Set the background to $bg-red */
.bg-red {
  background-color: var(--colour-red) !important;
}

/* Set the background to $bg-amber */
.bg-amber {
  background-color: var(--colour-amber) !important;
}

/* Set the background to $bg-lime */
.bg-lime {
  background-color: var(--lime) !important;
}

/* Set the background to $bg-transparent */
.bg-transparent {
  background-color: transparent !important;
}

@media (min-width: 768px) {
  .bg-md-transparent {
    background-color: transparent !important;
  }
}

.color-grey-0 {
  color: var(--grey-000) !important;
}

.bg-grey-0 {
  background-color: var(--grey-000) !important;
}

.text-grey-0 {
  color: var(--grey-000) !important;
}

.color-grey-1 {
  color: var(--grey-100) !important;
}

.bg-grey-1 {
  background-color: var(--grey-100) !important;
}

.text-grey-1 {
  color: var(--grey-100) !important;
}

.color-grey-2 {
  color: var(--grey-200) !important;
}

.bg-grey-2 {
  background-color: var(--grey-200) !important;
}

.text-grey-2 {
  color: var(--grey-200) !important;
}

.color-grey-3 {
  color: var(--grey-300) !important;
}

.bg-grey-3 {
  background-color: var(--grey-300) !important;
}

.text-grey-3 {
  color: var(--grey-300) !important;
}

.color-grey-4 {
  color: var(--grey-400) !important;
}

.bg-grey-4 {
  background-color: var(--grey-400) !important;
}

.text-grey-4 {
  color: var(--grey-400) !important;
}

.color-grey-5 {
  color: var(--grey-500) !important;
}

.bg-grey-5 {
  background-color: var(--grey-500) !important;
}

.text-grey-5 {
  color: var(--grey-500) !important;
}

.color-grey-6 {
  color: var(--grey-600) !important;
}

.bg-grey-6 {
  background-color: var(--grey-600) !important;
}

.text-grey-6 {
  color: var(--grey-600) !important;
}

.color-grey-7 {
  color: var(--grey-700) !important;
}

.bg-grey-7 {
  background-color: var(--grey-700) !important;
}

.text-grey-7 {
  color: var(--grey-700) !important;
}

.color-grey-8 {
  color: var(--grey-800) !important;
}

.bg-grey-8 {
  background-color: var(--grey-800) !important;
}

.text-grey-8 {
  color: var(--grey-800) !important;
}

.color-grey-9 {
  color: var(--grey-900) !important;
}

.bg-grey-9 {
  background-color: var(--grey-900) !important;
}

.text-grey-9 {
  color: var(--grey-900) !important;
}

.color-teal-0 {
  color: var(--teal-000) !important;
}

.bg-teal-0 {
  background-color: var(--teal-000) !important;
}

.text-teal-0 {
  color: var(--teal-000) !important;
}

.color-teal-1 {
  color: var(--teal-100) !important;
}

.bg-teal-1 {
  background-color: var(--teal-100) !important;
}

.text-teal-1 {
  color: var(--teal-100) !important;
}

.color-teal-2 {
  color: var(--teal-200) !important;
}

.bg-teal-2 {
  background-color: var(--teal-200) !important;
}

.text-teal-2 {
  color: var(--teal-200) !important;
}

.color-teal-3 {
  color: var(--teal-300) !important;
}

.bg-teal-3 {
  background-color: var(--teal-300) !important;
}

.text-teal-3 {
  color: var(--teal-300) !important;
}

.color-teal-4 {
  color: var(--teal-400) !important;
}

.bg-teal-4 {
  background-color: var(--teal-400) !important;
}

.text-teal-4 {
  color: var(--teal-400) !important;
}

.color-teal-5 {
  color: var(--teal-500) !important;
}

.bg-teal-5 {
  background-color: var(--teal-500) !important;
}

.text-teal-5 {
  color: var(--teal-500) !important;
}

.color-teal-6 {
  color: var(--teal-600) !important;
}

.bg-teal-6 {
  background-color: var(--teal-600) !important;
}

.text-teal-6 {
  color: var(--teal-600) !important;
}

.color-teal-7 {
  color: var(--teal-700) !important;
}

.bg-teal-7 {
  background-color: var(--teal-700) !important;
}

.text-teal-7 {
  color: var(--teal-700) !important;
}

.color-teal-8 {
  color: var(--teal-800) !important;
}

.bg-teal-8 {
  background-color: var(--teal-800) !important;
}

.text-teal-8 {
  color: var(--teal-800) !important;
}

.color-teal-9 {
  color: var(--teal-900) !important;
}

.bg-teal-9 {
  background-color: var(--teal-900) !important;
}

.text-teal-9 {
  color: var(--teal-900) !important;
}

.color-gold-0 {
  color: var(--gold-000) !important;
}

.bg-gold-0 {
  background-color: var(--gold-000) !important;
}

.text-gold-0 {
  color: var(--gold-000) !important;
}

.color-gold-1 {
  color: var(--gold-100) !important;
}

.bg-gold-1 {
  background-color: var(--gold-100) !important;
}

.text-gold-1 {
  color: var(--gold-100) !important;
}

.color-gold-2 {
  color: var(--gold-200) !important;
}

.bg-gold-2 {
  background-color: var(--gold-200) !important;
}

.text-gold-2 {
  color: var(--gold-200) !important;
}

.color-gold-3 {
  color: var(--gold-300) !important;
}

.bg-gold-3 {
  background-color: var(--gold-300) !important;
}

.text-gold-3 {
  color: var(--gold-300) !important;
}

.color-gold-4 {
  color: var(--gold-400) !important;
}

.bg-gold-4 {
  background-color: var(--gold-400) !important;
}

.text-gold-4 {
  color: var(--gold-400) !important;
}

.color-gold-5 {
  color: var(--gold-500) !important;
}

.bg-gold-5 {
  background-color: var(--gold-500) !important;
}

.text-gold-5 {
  color: var(--gold-500) !important;
}

.color-gold-6 {
  color: var(--gold-600) !important;
}

.bg-gold-6 {
  background-color: var(--gold-600) !important;
}

.text-gold-6 {
  color: var(--gold-600) !important;
}

.color-gold-7 {
  color: var(--gold-700) !important;
}

.bg-gold-7 {
  background-color: var(--gold-700) !important;
}

.text-gold-7 {
  color: var(--gold-700) !important;
}

.color-gold-8 {
  color: var(--gold-800) !important;
}

.bg-gold-8 {
  background-color: var(--gold-800) !important;
}

.text-gold-8 {
  color: var(--gold-800) !important;
}

.color-gold-9 {
  color: var(--gold-900) !important;
}

.bg-gold-9 {
  background-color: var(--gold-900) !important;
}

.text-gold-9 {
  color: var(--gold-900) !important;
}

.bg-shade-gradient {
  background-image: linear-gradient(180deg, rgba(var(--black), 0.065), rgba(var(--black), 0)) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 200px !important;
}

/* Set the text color to $text-blue */
.text-primary {
  color: var(--teal-500) !important;
}

.text-green {
  color: var(--colour-green) !important;
}

/* Set the text color to $text-grey-dark */
.text-grey-darker {
  color: var(--grey-700) !important;
}

/* Set the text color to $text-grey-dark */
.text-grey-dark {
  color: var(--grey-600) !important;
}

/* Set the text color to $text-grey-dark */
.text-grey {
  color: var(--grey-200) !important;
}

/* Set the text color to $text-grey-light */
.text-grey-light {
  color: var(--grey-100) !important;
}

/* Set the text color to $text-grey */
.text-grey {
  color: var(--grey-200) !important;
}

/* Set the text color to $text-red */
.text-red {
  color: var(--colour-red) !important;
}

/* Set the text color to $text-amber */
.text-amber {
  color: var(--colour-amber) !important;
}

/* Set the text color to $text-black */
.text-black {
  color: var(--grey-800) !important;
}

/* Set the text color to $text-white */
.text-white {
  color: var(--white) !important;
}

/* Set the text color to inherit */
.text-inherit {
  color: inherit !important;
}

.text-black-absolute {
  color: var(--black) !important;
}

.link-grey {
  color: var(--grey-200) !important;
}
.link-grey:hover {
  color: var(--teal-500) !important;
}

.link-grey-dark {
  color: var(--grey-600) !important;
}
.link-grey-dark:hover {
  color: var(--teal-500) !important;
}

/* Set the link color to $text-blue on hover
  Useful when you want only part of a link to turn blue on hover */
.link-hover-blue:hover {
  color: var(--teal-500) !important;
}

/* Make a link $text-grey, then $text-blue on hover and removes the underline */
.muted-link {
  color: var(--grey-200) !important;
}
.muted-link:hover {
  color: var(--teal-500) !important;
  text-decoration: none;
}

.bg-black-fade-15 {
  background-color: var(--black-fade-15) !important;
}

.bg-black-fade-30 {
  background-color: var(--black-fade-30) !important;
}

.bg-black-fade-50 {
  background-color: var(--white-black-50) !important;
}

.bg-black-fade-70 {
  background-color: var(--white-fade-70) !important;
}

.bg-black-fade-85 {
  background-color: var(--black-fade-85) !important;
}

.bg-white-fade-15 {
  background-color: var(--white-fade-15) !important;
}

.bg-white-fade-30 {
  background-color: var(--white-fade-30) !important;
}

.bg-white-fade-50 {
  background-color: var(--white-fade-50) !important;
}

.bg-white-fade-70 {
  background-color: var(--white-fade-70) !important;
}

.bg-white-fade-85 {
  background-color: var(--white-fade-85) !important;
}

.object-contain {
  -o-object-fit: contain !important;
     object-fit: contain !important;
}

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

.object-fill {
  -o-object-fit: fill !important;
     object-fit: fill !important;
}

.object-none {
  -o-object-fit: none !important;
     object-fit: none !important;
}

.object-scale-down {
  -o-object-fit: scale-down !important;
     object-fit: scale-down !important;
}

.object-bottom {
  -o-object-position: bottom;
     object-position: bottom;
}

.object-center {
  -o-object-position: center;
     object-position: center;
}

.object-left {
  -o-object-position: left;
     object-position: left;
}

.object-left-bottom {
  -o-object-position: left bottom;
     object-position: left bottom;
}

.object-left-top {
  -o-object-position: left top;
     object-position: left top;
}

.object-right {
  -o-object-position: right;
     object-position: right;
}

.object-right-bottom {
  -o-object-position: right bottom;
     object-position: right bottom;
}

.object-right-top {
  -o-object-position: right top;
     object-position: right top;
}

.object-top {
  -o-object-position: top;
     object-position: top;
}

@media (min-width: 544px) {
  .object-sm-bottom {
    -o-object-position: bottom;
       object-position: bottom;
  }
  .object-sm-center {
    -o-object-position: center;
       object-position: center;
  }
  .object-sm-left {
    -o-object-position: left;
       object-position: left;
  }
  .object-sm-left-bottom {
    -o-object-position: left bottom;
       object-position: left bottom;
  }
  .object-sm-left-top {
    -o-object-position: left top;
       object-position: left top;
  }
  .object-sm-right {
    -o-object-position: right;
       object-position: right;
  }
  .object-sm-right-bottom {
    -o-object-position: right bottom;
       object-position: right bottom;
  }
  .object-sm-right-top {
    -o-object-position: right top;
       object-position: right top;
  }
  .object-sm-top {
    -o-object-position: top;
       object-position: top;
  }
}
@media (min-width: 768px) {
  .object-md-bottom {
    -o-object-position: bottom;
       object-position: bottom;
  }
  .object-md-center {
    -o-object-position: center;
       object-position: center;
  }
  .object-md-left {
    -o-object-position: left;
       object-position: left;
  }
  .object-md-left-bottom {
    -o-object-position: left bottom;
       object-position: left bottom;
  }
  .object-md-left-top {
    -o-object-position: left top;
       object-position: left top;
  }
  .object-md-right {
    -o-object-position: right;
       object-position: right;
  }
  .object-md-right-bottom {
    -o-object-position: right bottom;
       object-position: right bottom;
  }
  .object-md-right-top {
    -o-object-position: right top;
       object-position: right top;
  }
  .object-md-top {
    -o-object-position: top;
       object-position: top;
  }
}
@media (min-width: 1012px) {
  .object-lg-bottom {
    -o-object-position: bottom;
       object-position: bottom;
  }
  .object-lg-center {
    -o-object-position: center;
       object-position: center;
  }
  .object-lg-left {
    -o-object-position: left;
       object-position: left;
  }
  .object-lg-left-bottom {
    -o-object-position: left bottom;
       object-position: left bottom;
  }
  .object-lg-left-top {
    -o-object-position: left top;
       object-position: left top;
  }
  .object-lg-right {
    -o-object-position: right;
       object-position: right;
  }
  .object-lg-right-bottom {
    -o-object-position: right bottom;
       object-position: right bottom;
  }
  .object-lg-right-top {
    -o-object-position: right top;
       object-position: right top;
  }
  .object-lg-top {
    -o-object-position: top;
       object-position: top;
  }
}
@media (min-width: 1280px) {
  .object-xl-bottom {
    -o-object-position: bottom;
       object-position: bottom;
  }
  .object-xl-center {
    -o-object-position: center;
       object-position: center;
  }
  .object-xl-left {
    -o-object-position: left;
       object-position: left;
  }
  .object-xl-left-bottom {
    -o-object-position: left bottom;
       object-position: left bottom;
  }
  .object-xl-left-top {
    -o-object-position: left top;
       object-position: left top;
  }
  .object-xl-right {
    -o-object-position: right;
       object-position: right;
  }
  .object-xl-right-bottom {
    -o-object-position: right bottom;
       object-position: right bottom;
  }
  .object-xl-right-top {
    -o-object-position: right top;
       object-position: right top;
  }
  .object-xl-top {
    -o-object-position: top;
       object-position: top;
  }
}
.flex-row {
  flex-direction: row !important;
}

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

.flex-column {
  flex-direction: column !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

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

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

.flex-justify-start {
  justify-content: flex-start !important;
}

.flex-justify-end {
  justify-content: flex-end !important;
}

.flex-justify-center {
  justify-content: center !important;
}

.flex-justify-between {
  justify-content: space-between !important;
}

.flex-justify-around {
  justify-content: space-around !important;
}

.flex-items-start {
  align-items: flex-start !important;
}

.flex-items-end {
  align-items: flex-end !important;
}

.flex-items-center {
  align-items: center !important;
}

.flex-items-baseline {
  align-items: baseline !important;
}

.flex-items-stretch {
  align-items: stretch !important;
}

.flex-content-start {
  align-content: flex-start !important;
}

.flex-content-end {
  align-content: flex-end !important;
}

.flex-content-center {
  align-content: center !important;
}

.flex-content-between {
  align-content: space-between !important;
}

.flex-content-around {
  align-content: space-around !important;
}

.flex-content-stretch {
  align-content: stretch !important;
}

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

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

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-self-auto {
  align-self: auto !important;
}

.flex-self-start {
  align-self: flex-start !important;
}

.flex-self-end {
  align-self: flex-end !important;
}

.flex-self-center {
  align-self: center !important;
}

.flex-self-baseline {
  align-self: baseline !important;
}

.flex-self-stretch {
  align-self: stretch !important;
}

.flex-order-1 {
  order: 1 !important;
}

.flex-order-2 {
  order: 2 !important;
}

.flex-order-none {
  order: inherit !important;
}

@media (min-width: 544px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-justify-start {
    justify-content: flex-start !important;
  }
  .flex-sm-justify-end {
    justify-content: flex-end !important;
  }
  .flex-sm-justify-center {
    justify-content: center !important;
  }
  .flex-sm-justify-between {
    justify-content: space-between !important;
  }
  .flex-sm-justify-around {
    justify-content: space-around !important;
  }
  .flex-sm-items-start {
    align-items: flex-start !important;
  }
  .flex-sm-items-end {
    align-items: flex-end !important;
  }
  .flex-sm-items-center {
    align-items: center !important;
  }
  .flex-sm-items-baseline {
    align-items: baseline !important;
  }
  .flex-sm-items-stretch {
    align-items: stretch !important;
  }
  .flex-sm-content-start {
    align-content: flex-start !important;
  }
  .flex-sm-content-end {
    align-content: flex-end !important;
  }
  .flex-sm-content-center {
    align-content: center !important;
  }
  .flex-sm-content-between {
    align-content: space-between !important;
  }
  .flex-sm-content-around {
    align-content: space-around !important;
  }
  .flex-sm-content-stretch {
    align-content: stretch !important;
  }
  .flex-sm-1 {
    flex: 1 1 !important;
  }
  .flex-sm-auto {
    flex: auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-self-auto {
    align-self: auto !important;
  }
  .flex-sm-self-start {
    align-self: flex-start !important;
  }
  .flex-sm-self-end {
    align-self: flex-end !important;
  }
  .flex-sm-self-center {
    align-self: center !important;
  }
  .flex-sm-self-baseline {
    align-self: baseline !important;
  }
  .flex-sm-self-stretch {
    align-self: stretch !important;
  }
  .flex-sm-order-1 {
    order: 1 !important;
  }
  .flex-sm-order-2 {
    order: 2 !important;
  }
  .flex-sm-order-none {
    order: inherit !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-justify-start {
    justify-content: flex-start !important;
  }
  .flex-md-justify-end {
    justify-content: flex-end !important;
  }
  .flex-md-justify-center {
    justify-content: center !important;
  }
  .flex-md-justify-between {
    justify-content: space-between !important;
  }
  .flex-md-justify-around {
    justify-content: space-around !important;
  }
  .flex-md-items-start {
    align-items: flex-start !important;
  }
  .flex-md-items-end {
    align-items: flex-end !important;
  }
  .flex-md-items-center {
    align-items: center !important;
  }
  .flex-md-items-baseline {
    align-items: baseline !important;
  }
  .flex-md-items-stretch {
    align-items: stretch !important;
  }
  .flex-md-content-start {
    align-content: flex-start !important;
  }
  .flex-md-content-end {
    align-content: flex-end !important;
  }
  .flex-md-content-center {
    align-content: center !important;
  }
  .flex-md-content-between {
    align-content: space-between !important;
  }
  .flex-md-content-around {
    align-content: space-around !important;
  }
  .flex-md-content-stretch {
    align-content: stretch !important;
  }
  .flex-md-1 {
    flex: 1 1 !important;
  }
  .flex-md-auto {
    flex: auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-self-auto {
    align-self: auto !important;
  }
  .flex-md-self-start {
    align-self: flex-start !important;
  }
  .flex-md-self-end {
    align-self: flex-end !important;
  }
  .flex-md-self-center {
    align-self: center !important;
  }
  .flex-md-self-baseline {
    align-self: baseline !important;
  }
  .flex-md-self-stretch {
    align-self: stretch !important;
  }
  .flex-md-order-1 {
    order: 1 !important;
  }
  .flex-md-order-2 {
    order: 2 !important;
  }
  .flex-md-order-none {
    order: inherit !important;
  }
}
@media (min-width: 1012px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-justify-start {
    justify-content: flex-start !important;
  }
  .flex-lg-justify-end {
    justify-content: flex-end !important;
  }
  .flex-lg-justify-center {
    justify-content: center !important;
  }
  .flex-lg-justify-between {
    justify-content: space-between !important;
  }
  .flex-lg-justify-around {
    justify-content: space-around !important;
  }
  .flex-lg-items-start {
    align-items: flex-start !important;
  }
  .flex-lg-items-end {
    align-items: flex-end !important;
  }
  .flex-lg-items-center {
    align-items: center !important;
  }
  .flex-lg-items-baseline {
    align-items: baseline !important;
  }
  .flex-lg-items-stretch {
    align-items: stretch !important;
  }
  .flex-lg-content-start {
    align-content: flex-start !important;
  }
  .flex-lg-content-end {
    align-content: flex-end !important;
  }
  .flex-lg-content-center {
    align-content: center !important;
  }
  .flex-lg-content-between {
    align-content: space-between !important;
  }
  .flex-lg-content-around {
    align-content: space-around !important;
  }
  .flex-lg-content-stretch {
    align-content: stretch !important;
  }
  .flex-lg-1 {
    flex: 1 1 !important;
  }
  .flex-lg-auto {
    flex: auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-self-auto {
    align-self: auto !important;
  }
  .flex-lg-self-start {
    align-self: flex-start !important;
  }
  .flex-lg-self-end {
    align-self: flex-end !important;
  }
  .flex-lg-self-center {
    align-self: center !important;
  }
  .flex-lg-self-baseline {
    align-self: baseline !important;
  }
  .flex-lg-self-stretch {
    align-self: stretch !important;
  }
  .flex-lg-order-1 {
    order: 1 !important;
  }
  .flex-lg-order-2 {
    order: 2 !important;
  }
  .flex-lg-order-none {
    order: inherit !important;
  }
}
@media (min-width: 1280px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-justify-start {
    justify-content: flex-start !important;
  }
  .flex-xl-justify-end {
    justify-content: flex-end !important;
  }
  .flex-xl-justify-center {
    justify-content: center !important;
  }
  .flex-xl-justify-between {
    justify-content: space-between !important;
  }
  .flex-xl-justify-around {
    justify-content: space-around !important;
  }
  .flex-xl-items-start {
    align-items: flex-start !important;
  }
  .flex-xl-items-end {
    align-items: flex-end !important;
  }
  .flex-xl-items-center {
    align-items: center !important;
  }
  .flex-xl-items-baseline {
    align-items: baseline !important;
  }
  .flex-xl-items-stretch {
    align-items: stretch !important;
  }
  .flex-xl-content-start {
    align-content: flex-start !important;
  }
  .flex-xl-content-end {
    align-content: flex-end !important;
  }
  .flex-xl-content-center {
    align-content: center !important;
  }
  .flex-xl-content-between {
    align-content: space-between !important;
  }
  .flex-xl-content-around {
    align-content: space-around !important;
  }
  .flex-xl-content-stretch {
    align-content: stretch !important;
  }
  .flex-xl-1 {
    flex: 1 1 !important;
  }
  .flex-xl-auto {
    flex: auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-self-auto {
    align-self: auto !important;
  }
  .flex-xl-self-start {
    align-self: flex-start !important;
  }
  .flex-xl-self-end {
    align-self: flex-end !important;
  }
  .flex-xl-self-center {
    align-self: center !important;
  }
  .flex-xl-self-baseline {
    align-self: baseline !important;
  }
  .flex-xl-self-stretch {
    align-self: stretch !important;
  }
  .flex-xl-order-1 {
    order: 1 !important;
  }
  .flex-xl-order-2 {
    order: 2 !important;
  }
  .flex-xl-order-none {
    order: inherit !important;
  }
}
.gap-0 {
  gap: 0;
}

.gap-col-0 {
  -moz-column-gap: 0;
       column-gap: 0;
}

.gap-row-0 {
  row-gap: 0;
}

.gap-1 {
  gap: 4px;
}

.gap-col-1 {
  -moz-column-gap: 4px;
       column-gap: 4px;
}

.gap-row-1 {
  row-gap: 4px;
}

.gap-2 {
  gap: 8px;
}

.gap-col-2 {
  -moz-column-gap: 8px;
       column-gap: 8px;
}

.gap-row-2 {
  row-gap: 8px;
}

.gap-3 {
  gap: 16px;
}

.gap-col-3 {
  -moz-column-gap: 16px;
       column-gap: 16px;
}

.gap-row-3 {
  row-gap: 16px;
}

.gap-4 {
  gap: 24px;
}

.gap-col-4 {
  -moz-column-gap: 24px;
       column-gap: 24px;
}

.gap-row-4 {
  row-gap: 24px;
}

.gap-5 {
  gap: 32px;
}

.gap-col-5 {
  -moz-column-gap: 32px;
       column-gap: 32px;
}

.gap-row-5 {
  row-gap: 32px;
}

.gap-6 {
  gap: 40px;
}

.gap-col-6 {
  -moz-column-gap: 40px;
       column-gap: 40px;
}

.gap-row-6 {
  row-gap: 40px;
}

@media (min-width: 544px) {
  .gap-sm-0 {
    gap: 0;
  }
  .gap-col-sm-0 {
    -moz-column-gap: 0;
         column-gap: 0;
  }
  .gap-row-sm-0 {
    row-gap: 0;
  }
  .gap-sm-1 {
    gap: 4px;
  }
  .gap-col-sm-1 {
    -moz-column-gap: 4px;
         column-gap: 4px;
  }
  .gap-row-sm-1 {
    row-gap: 4px;
  }
  .gap-sm-2 {
    gap: 8px;
  }
  .gap-col-sm-2 {
    -moz-column-gap: 8px;
         column-gap: 8px;
  }
  .gap-row-sm-2 {
    row-gap: 8px;
  }
  .gap-sm-3 {
    gap: 16px;
  }
  .gap-col-sm-3 {
    -moz-column-gap: 16px;
         column-gap: 16px;
  }
  .gap-row-sm-3 {
    row-gap: 16px;
  }
  .gap-sm-4 {
    gap: 24px;
  }
  .gap-col-sm-4 {
    -moz-column-gap: 24px;
         column-gap: 24px;
  }
  .gap-row-sm-4 {
    row-gap: 24px;
  }
  .gap-sm-5 {
    gap: 32px;
  }
  .gap-col-sm-5 {
    -moz-column-gap: 32px;
         column-gap: 32px;
  }
  .gap-row-sm-5 {
    row-gap: 32px;
  }
  .gap-sm-6 {
    gap: 40px;
  }
  .gap-col-sm-6 {
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
  .gap-row-sm-6 {
    row-gap: 40px;
  }
}
@media (min-width: 768px) {
  .gap-md-0 {
    gap: 0;
  }
  .gap-col-md-0 {
    -moz-column-gap: 0;
         column-gap: 0;
  }
  .gap-row-md-0 {
    row-gap: 0;
  }
  .gap-md-1 {
    gap: 4px;
  }
  .gap-col-md-1 {
    -moz-column-gap: 4px;
         column-gap: 4px;
  }
  .gap-row-md-1 {
    row-gap: 4px;
  }
  .gap-md-2 {
    gap: 8px;
  }
  .gap-col-md-2 {
    -moz-column-gap: 8px;
         column-gap: 8px;
  }
  .gap-row-md-2 {
    row-gap: 8px;
  }
  .gap-md-3 {
    gap: 16px;
  }
  .gap-col-md-3 {
    -moz-column-gap: 16px;
         column-gap: 16px;
  }
  .gap-row-md-3 {
    row-gap: 16px;
  }
  .gap-md-4 {
    gap: 24px;
  }
  .gap-col-md-4 {
    -moz-column-gap: 24px;
         column-gap: 24px;
  }
  .gap-row-md-4 {
    row-gap: 24px;
  }
  .gap-md-5 {
    gap: 32px;
  }
  .gap-col-md-5 {
    -moz-column-gap: 32px;
         column-gap: 32px;
  }
  .gap-row-md-5 {
    row-gap: 32px;
  }
  .gap-md-6 {
    gap: 40px;
  }
  .gap-col-md-6 {
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
  .gap-row-md-6 {
    row-gap: 40px;
  }
}
@media (min-width: 1012px) {
  .gap-lg-0 {
    gap: 0;
  }
  .gap-col-lg-0 {
    -moz-column-gap: 0;
         column-gap: 0;
  }
  .gap-row-lg-0 {
    row-gap: 0;
  }
  .gap-lg-1 {
    gap: 4px;
  }
  .gap-col-lg-1 {
    -moz-column-gap: 4px;
         column-gap: 4px;
  }
  .gap-row-lg-1 {
    row-gap: 4px;
  }
  .gap-lg-2 {
    gap: 8px;
  }
  .gap-col-lg-2 {
    -moz-column-gap: 8px;
         column-gap: 8px;
  }
  .gap-row-lg-2 {
    row-gap: 8px;
  }
  .gap-lg-3 {
    gap: 16px;
  }
  .gap-col-lg-3 {
    -moz-column-gap: 16px;
         column-gap: 16px;
  }
  .gap-row-lg-3 {
    row-gap: 16px;
  }
  .gap-lg-4 {
    gap: 24px;
  }
  .gap-col-lg-4 {
    -moz-column-gap: 24px;
         column-gap: 24px;
  }
  .gap-row-lg-4 {
    row-gap: 24px;
  }
  .gap-lg-5 {
    gap: 32px;
  }
  .gap-col-lg-5 {
    -moz-column-gap: 32px;
         column-gap: 32px;
  }
  .gap-row-lg-5 {
    row-gap: 32px;
  }
  .gap-lg-6 {
    gap: 40px;
  }
  .gap-col-lg-6 {
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
  .gap-row-lg-6 {
    row-gap: 40px;
  }
}
@media (min-width: 1280px) {
  .gap-xl-0 {
    gap: 0;
  }
  .gap-col-xl-0 {
    -moz-column-gap: 0;
         column-gap: 0;
  }
  .gap-row-xl-0 {
    row-gap: 0;
  }
  .gap-xl-1 {
    gap: 4px;
  }
  .gap-col-xl-1 {
    -moz-column-gap: 4px;
         column-gap: 4px;
  }
  .gap-row-xl-1 {
    row-gap: 4px;
  }
  .gap-xl-2 {
    gap: 8px;
  }
  .gap-col-xl-2 {
    -moz-column-gap: 8px;
         column-gap: 8px;
  }
  .gap-row-xl-2 {
    row-gap: 8px;
  }
  .gap-xl-3 {
    gap: 16px;
  }
  .gap-col-xl-3 {
    -moz-column-gap: 16px;
         column-gap: 16px;
  }
  .gap-row-xl-3 {
    row-gap: 16px;
  }
  .gap-xl-4 {
    gap: 24px;
  }
  .gap-col-xl-4 {
    -moz-column-gap: 24px;
         column-gap: 24px;
  }
  .gap-row-xl-4 {
    row-gap: 24px;
  }
  .gap-xl-5 {
    gap: 32px;
  }
  .gap-col-xl-5 {
    -moz-column-gap: 32px;
         column-gap: 32px;
  }
  .gap-row-xl-5 {
    row-gap: 32px;
  }
  .gap-xl-6 {
    gap: 40px;
  }
  .gap-col-xl-6 {
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
  .gap-row-xl-6 {
    row-gap: 40px;
  }
}
.grid-col-span-full {
  grid-column: 1/-1;
}

.grid-row-span-full {
  grid-row: 1/-1;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr));
}

.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-rows-4 {
  grid-template-rows: repeat(4, minmax(0, 1fr));
}

.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-rows-5 {
  grid-template-rows: repeat(5, minmax(0, 1fr));
}

.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.grid-rows-6 {
  grid-template-rows: repeat(6, minmax(0, 1fr));
}

.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.grid-rows-7 {
  grid-template-rows: repeat(7, minmax(0, 1fr));
}

.grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

.grid-rows-8 {
  grid-template-rows: repeat(8, minmax(0, 1fr));
}

.grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}

.grid-rows-9 {
  grid-template-rows: repeat(9, minmax(0, 1fr));
}

.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

.grid-rows-10 {
  grid-template-rows: repeat(10, minmax(0, 1fr));
}

.grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}

.grid-rows-11 {
  grid-template-rows: repeat(11, minmax(0, 1fr));
}

.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.grid-rows-12 {
  grid-template-rows: repeat(12, minmax(0, 1fr));
}

.grid-cols-none {
  grid-template-columns: repeat("none", minmax(0, 1fr));
}

.grid-rows-none {
  grid-template-rows: repeat("none", minmax(0, 1fr));
}

@media (min-width: 544px) {
  .grid-cols-sm-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-rows-sm-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-sm-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-rows-sm-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-sm-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-rows-sm-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-sm-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-rows-sm-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-sm-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-rows-sm-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .grid-cols-sm-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid-rows-sm-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .grid-cols-sm-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid-rows-sm-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }
  .grid-cols-sm-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid-rows-sm-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }
  .grid-cols-sm-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid-rows-sm-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }
  .grid-cols-sm-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid-rows-sm-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }
  .grid-cols-sm-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid-rows-sm-11 {
    grid-template-rows: repeat(11, minmax(0, 1fr));
  }
  .grid-cols-sm-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .grid-rows-sm-12 {
    grid-template-rows: repeat(12, minmax(0, 1fr));
  }
  .grid-cols-sm-none {
    grid-template-columns: repeat("none", minmax(0, 1fr));
  }
  .grid-rows-sm-none {
    grid-template-rows: repeat("none", minmax(0, 1fr));
  }
}
@media (min-width: 768px) {
  .grid-cols-md-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-rows-md-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-md-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-rows-md-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-md-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-rows-md-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-md-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-rows-md-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-md-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-rows-md-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .grid-cols-md-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid-rows-md-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .grid-cols-md-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid-rows-md-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }
  .grid-cols-md-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid-rows-md-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }
  .grid-cols-md-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid-rows-md-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }
  .grid-cols-md-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid-rows-md-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }
  .grid-cols-md-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid-rows-md-11 {
    grid-template-rows: repeat(11, minmax(0, 1fr));
  }
  .grid-cols-md-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .grid-rows-md-12 {
    grid-template-rows: repeat(12, minmax(0, 1fr));
  }
  .grid-cols-md-none {
    grid-template-columns: repeat("none", minmax(0, 1fr));
  }
  .grid-rows-md-none {
    grid-template-rows: repeat("none", minmax(0, 1fr));
  }
}
@media (min-width: 1012px) {
  .grid-cols-lg-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-rows-lg-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-lg-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-rows-lg-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-lg-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-rows-lg-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-lg-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-rows-lg-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-lg-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-rows-lg-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .grid-cols-lg-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid-rows-lg-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .grid-cols-lg-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid-rows-lg-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }
  .grid-cols-lg-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid-rows-lg-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }
  .grid-cols-lg-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid-rows-lg-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }
  .grid-cols-lg-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid-rows-lg-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }
  .grid-cols-lg-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid-rows-lg-11 {
    grid-template-rows: repeat(11, minmax(0, 1fr));
  }
  .grid-cols-lg-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .grid-rows-lg-12 {
    grid-template-rows: repeat(12, minmax(0, 1fr));
  }
  .grid-cols-lg-none {
    grid-template-columns: repeat("none", minmax(0, 1fr));
  }
  .grid-rows-lg-none {
    grid-template-rows: repeat("none", minmax(0, 1fr));
  }
}
@media (min-width: 1280px) {
  .grid-cols-xl-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-rows-xl-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-xl-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-rows-xl-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-xl-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-rows-xl-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-xl-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-rows-xl-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-xl-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-rows-xl-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
  }
  .grid-cols-xl-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .grid-rows-xl-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }
  .grid-cols-xl-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .grid-rows-xl-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
  }
  .grid-cols-xl-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .grid-rows-xl-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
  }
  .grid-cols-xl-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .grid-rows-xl-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
  }
  .grid-cols-xl-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .grid-rows-xl-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
  }
  .grid-cols-xl-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .grid-rows-xl-11 {
    grid-template-rows: repeat(11, minmax(0, 1fr));
  }
  .grid-cols-xl-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .grid-rows-xl-12 {
    grid-template-rows: repeat(12, minmax(0, 1fr));
  }
  .grid-cols-xl-none {
    grid-template-columns: repeat("none", minmax(0, 1fr));
  }
  .grid-rows-xl-none {
    grid-template-rows: repeat("none", minmax(0, 1fr));
  }
}
.position-static {
  position: static !important;
}

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

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

@media (min-width: 544px) {
  .position-sm-static {
    position: static !important;
  }
  .position-sm-relative {
    position: relative !important;
  }
  .position-sm-absolute {
    position: absolute !important;
  }
  .position-sm-fixed {
    position: fixed !important;
  }
  .position-sm-sticky {
    position: sticky !important;
  }
}
@media (min-width: 768px) {
  .position-md-static {
    position: static !important;
  }
  .position-md-relative {
    position: relative !important;
  }
  .position-md-absolute {
    position: absolute !important;
  }
  .position-md-fixed {
    position: fixed !important;
  }
  .position-md-sticky {
    position: sticky !important;
  }
}
@media (min-width: 1012px) {
  .position-lg-static {
    position: static !important;
  }
  .position-lg-relative {
    position: relative !important;
  }
  .position-lg-absolute {
    position: absolute !important;
  }
  .position-lg-fixed {
    position: fixed !important;
  }
  .position-lg-sticky {
    position: sticky !important;
  }
}
@media (min-width: 1280px) {
  .position-xl-static {
    position: static !important;
  }
  .position-xl-relative {
    position: relative !important;
  }
  .position-xl-absolute {
    position: absolute !important;
  }
  .position-xl-fixed {
    position: fixed !important;
  }
  .position-xl-sticky {
    position: sticky !important;
  }
}
/* Set top 0 */
.top-0 {
  top: 0 !important;
}

/* Set right 0 */
.right-0 {
  right: 0 !important;
}

/* Set bottom 0 */
.bottom-0 {
  bottom: 0 !important;
}

/* Set left 0 */
.left-0 {
  left: 0 !important;
}

/* Vertical align middle */
.v-align-middle {
  vertical-align: middle !important;
}

/* Vertical align top */
.v-align-top {
  vertical-align: top !important;
}

/* Vertical align bottom */
.v-align-bottom {
  vertical-align: bottom !important;
}

/* Vertical align to the top of the text */
.v-align-text-top {
  vertical-align: text-top !important;
}

/* Vertical align to the bottom of the text */
.v-align-text-bottom {
  vertical-align: text-bottom !important;
}

/* Vertical align to the parent's baseline */
.v-align-baseline {
  vertical-align: baseline !important;
}

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

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

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

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

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

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

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

.overflow-x-auto {
  overflow-x: auto !important;
}

.overflow-y-auto {
  overflow-y: auto !important;
}

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

.overflow-x-scroll {
  overflow-x: scroll !important;
}

.overflow-y-scroll {
  overflow-y: scroll !important;
}

@media (min-width: 544px) {
  .overflow-sm-visible {
    overflow: visible !important;
  }
  .overflow-sm-x-visible {
    overflow-x: visible !important;
  }
  .overflow-sm-y-visible {
    overflow-y: visible !important;
  }
  .overflow-sm-hidden {
    overflow: hidden !important;
  }
  .overflow-sm-x-hidden {
    overflow-x: hidden !important;
  }
  .overflow-sm-y-hidden {
    overflow-y: hidden !important;
  }
  .overflow-sm-auto {
    overflow: auto !important;
  }
  .overflow-sm-x-auto {
    overflow-x: auto !important;
  }
  .overflow-sm-y-auto {
    overflow-y: auto !important;
  }
  .overflow-sm-scroll {
    overflow: scroll !important;
  }
  .overflow-sm-x-scroll {
    overflow-x: scroll !important;
  }
  .overflow-sm-y-scroll {
    overflow-y: scroll !important;
  }
}
@media (min-width: 768px) {
  .overflow-md-visible {
    overflow: visible !important;
  }
  .overflow-md-x-visible {
    overflow-x: visible !important;
  }
  .overflow-md-y-visible {
    overflow-y: visible !important;
  }
  .overflow-md-hidden {
    overflow: hidden !important;
  }
  .overflow-md-x-hidden {
    overflow-x: hidden !important;
  }
  .overflow-md-y-hidden {
    overflow-y: hidden !important;
  }
  .overflow-md-auto {
    overflow: auto !important;
  }
  .overflow-md-x-auto {
    overflow-x: auto !important;
  }
  .overflow-md-y-auto {
    overflow-y: auto !important;
  }
  .overflow-md-scroll {
    overflow: scroll !important;
  }
  .overflow-md-x-scroll {
    overflow-x: scroll !important;
  }
  .overflow-md-y-scroll {
    overflow-y: scroll !important;
  }
}
@media (min-width: 1012px) {
  .overflow-lg-visible {
    overflow: visible !important;
  }
  .overflow-lg-x-visible {
    overflow-x: visible !important;
  }
  .overflow-lg-y-visible {
    overflow-y: visible !important;
  }
  .overflow-lg-hidden {
    overflow: hidden !important;
  }
  .overflow-lg-x-hidden {
    overflow-x: hidden !important;
  }
  .overflow-lg-y-hidden {
    overflow-y: hidden !important;
  }
  .overflow-lg-auto {
    overflow: auto !important;
  }
  .overflow-lg-x-auto {
    overflow-x: auto !important;
  }
  .overflow-lg-y-auto {
    overflow-y: auto !important;
  }
  .overflow-lg-scroll {
    overflow: scroll !important;
  }
  .overflow-lg-x-scroll {
    overflow-x: scroll !important;
  }
  .overflow-lg-y-scroll {
    overflow-y: scroll !important;
  }
}
@media (min-width: 1280px) {
  .overflow-xl-visible {
    overflow: visible !important;
  }
  .overflow-xl-x-visible {
    overflow-x: visible !important;
  }
  .overflow-xl-y-visible {
    overflow-y: visible !important;
  }
  .overflow-xl-hidden {
    overflow: hidden !important;
  }
  .overflow-xl-x-hidden {
    overflow-x: hidden !important;
  }
  .overflow-xl-y-hidden {
    overflow-y: hidden !important;
  }
  .overflow-xl-auto {
    overflow: auto !important;
  }
  .overflow-xl-x-auto {
    overflow-x: auto !important;
  }
  .overflow-xl-y-auto {
    overflow-y: auto !important;
  }
  .overflow-xl-scroll {
    overflow: scroll !important;
  }
  .overflow-xl-x-scroll {
    overflow-x: scroll !important;
  }
  .overflow-xl-y-scroll {
    overflow-y: scroll !important;
  }
}
/* Clear floats around the element */
.clearfix::before {
  display: table;
  content: "";
}
.clearfix::after {
  display: table;
  clear: both;
  content: "";
}

.clearboth {
  clear: both !important;
}

/* Float to the left */
.float-left {
  float: left !important;
}

/* Float to the right */
.float-right {
  float: right !important;
}

/* No float */
.float-none {
  float: none !important;
}

@media (min-width: 544px) {
  /* Float to the left */
  .float-sm-left {
    float: left !important;
  }
  /* Float to the right */
  .float-sm-right {
    float: right !important;
  }
  /* No float */
  .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  /* Float to the left */
  .float-md-left {
    float: left !important;
  }
  /* Float to the right */
  .float-md-right {
    float: right !important;
  }
  /* No float */
  .float-md-none {
    float: none !important;
  }
}
@media (min-width: 1012px) {
  /* Float to the left */
  .float-lg-left {
    float: left !important;
  }
  /* Float to the right */
  .float-lg-right {
    float: right !important;
  }
  /* No float */
  .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1280px) {
  /* Float to the left */
  .float-xl-left {
    float: left !important;
  }
  /* Float to the right */
  .float-xl-right {
    float: right !important;
  }
  /* No float */
  .float-xl-none {
    float: none !important;
  }
}
/* Set z-index 0-9 */
.z-index-0 {
  z-index: 0 !important;
}

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

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

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

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

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

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

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

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

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

/* Set z-index 100 */
.z-index-100 {
  z-index: 100 !important;
}

/* Set z-index 150 */
.z-index-150 {
  z-index: 150 !important;
}

/* Set z-index 200 */
.z-index-200 {
  z-index: 200 !important;
}

/* Max width 100% */
.width-fit {
  max-width: 100% !important;
}

/* Max height 100% */
.height-fit {
  max-height: 100% !important;
}

/* Min height 100% */
.min-height-fit {
  min-height: 100% !important;
}

/* Set the width to 100% */
.width-full {
  width: 100% !important;
}

/* Set the height to 100% */
.height-full {
  height: 100% !important;
}

@media (min-width: 544px) {
  /* Set the width to 100% */
  .width-sm-full {
    width: 100% !important;
  }
  /* Set the height to 100% */
  .height-sm-full {
    height: 100% !important;
  }
}
@media (min-width: 768px) {
  /* Set the width to 100% */
  .width-md-full {
    width: 100% !important;
  }
  /* Set the height to 100% */
  .height-md-full {
    height: 100% !important;
  }
}
@media (min-width: 1012px) {
  /* Set the width to 100% */
  .width-lg-full {
    width: 100% !important;
  }
  /* Set the height to 100% */
  .height-lg-full {
    height: 100% !important;
  }
}
@media (min-width: 1280px) {
  /* Set the width to 100% */
  .width-xl-full {
    width: 100% !important;
  }
  /* Set the height to 100% */
  .height-xl-full {
    height: 100% !important;
  }
}
/* Remove min-width from element */
.min-width-0 {
  min-width: 0 !important;
}

.width-auto {
  width: auto !important;
}

/* Set the height to auto */
.height-auto {
  height: auto !important;
}

/* Set the direction to rtl */
.direction-rtl {
  direction: rtl !important;
}

/* Set the direction to ltr */
.direction-ltr {
  direction: ltr !important;
}

@media (min-width: 544px) {
  .width-sm-auto {
    width: auto !important;
  }
  /* Set the height to auto */
  .height-sm-auto {
    height: auto !important;
  }
  /* Set the direction to rtl */
  .direction-sm-rtl {
    direction: rtl !important;
  }
  /* Set the direction to ltr */
  .direction-sm-ltr {
    direction: ltr !important;
  }
}
@media (min-width: 768px) {
  .width-md-auto {
    width: auto !important;
  }
  /* Set the height to auto */
  .height-md-auto {
    height: auto !important;
  }
  /* Set the direction to rtl */
  .direction-md-rtl {
    direction: rtl !important;
  }
  /* Set the direction to ltr */
  .direction-md-ltr {
    direction: ltr !important;
  }
}
@media (min-width: 1012px) {
  .width-lg-auto {
    width: auto !important;
  }
  /* Set the height to auto */
  .height-lg-auto {
    height: auto !important;
  }
  /* Set the direction to rtl */
  .direction-lg-rtl {
    direction: rtl !important;
  }
  /* Set the direction to ltr */
  .direction-lg-ltr {
    direction: ltr !important;
  }
}
@media (min-width: 1280px) {
  .width-xl-auto {
    width: auto !important;
  }
  /* Set the height to auto */
  .height-xl-auto {
    height: auto !important;
  }
  /* Set the direction to rtl */
  .direction-xl-rtl {
    direction: rtl !important;
  }
  /* Set the direction to ltr */
  .direction-xl-ltr {
    direction: ltr !important;
  }
}
.link {
  text-decoration: none !important;
  transition: color 0.15s ease-in !important;
}

.link:link,
.link:visited {
  transition: color 0.15s ease-in !important;
}

.link:hover {
  transition: color 0.15s ease-in !important;
}

.link:active {
  transition: color 0.15s ease-in !important;
}

.link:focus {
  transition: color 0.15s ease-in !important;
}

.hover-color-grey-0:hover,
.hover-color-grey-0:focus {
  color: var(--grey-000) !important;
}

.hover-bg-grey-0:hover,
.hover-bg-grey-0:focus {
  background-color: var(--grey-000) !important;
}

.hover-color-grey-1:hover,
.hover-color-grey-1:focus {
  color: var(--grey-100) !important;
}

.hover-bg-grey-1:hover,
.hover-bg-grey-1:focus {
  background-color: var(--grey-100) !important;
}

.hover-color-grey-2:hover,
.hover-color-grey-2:focus {
  color: var(--grey-200) !important;
}

.hover-bg-grey-2:hover,
.hover-bg-grey-2:focus {
  background-color: var(--grey-200) !important;
}

.hover-color-grey-3:hover,
.hover-color-grey-3:focus {
  color: var(--grey-300) !important;
}

.hover-bg-grey-3:hover,
.hover-bg-grey-3:focus {
  background-color: var(--grey-300) !important;
}

.hover-color-grey-4:hover,
.hover-color-grey-4:focus {
  color: var(--grey-400) !important;
}

.hover-bg-grey-4:hover,
.hover-bg-grey-4:focus {
  background-color: var(--grey-400) !important;
}

.hover-color-grey-5:hover,
.hover-color-grey-5:focus {
  color: var(--grey-500) !important;
}

.hover-bg-grey-5:hover,
.hover-bg-grey-5:focus {
  background-color: var(--grey-500) !important;
}

.hover-color-grey-6:hover,
.hover-color-grey-6:focus {
  color: var(--grey-600) !important;
}

.hover-bg-grey-6:hover,
.hover-bg-grey-6:focus {
  background-color: var(--grey-600) !important;
}

.hover-color-grey-7:hover,
.hover-color-grey-7:focus {
  color: var(--grey-700) !important;
}

.hover-bg-grey-7:hover,
.hover-bg-grey-7:focus {
  background-color: var(--grey-700) !important;
}

.hover-color-grey-8:hover,
.hover-color-grey-8:focus {
  color: var(--grey-800) !important;
}

.hover-bg-grey-8:hover,
.hover-bg-grey-8:focus {
  background-color: var(--grey-800) !important;
}

.hover-color-grey-9:hover,
.hover-color-grey-9:focus {
  color: var(--grey-900) !important;
}

.hover-bg-grey-9:hover,
.hover-bg-grey-9:focus {
  background-color: var(--grey-900) !important;
}

.hover-color-teal-0:hover,
.hover-color-teal-0:focus {
  color: var(--teal-000) !important;
}

.hover-bg-teal-0:hover,
.hover-bg-teal-0:focus {
  background-color: var(--teal-000) !important;
}

.hover-color-teal-1:hover,
.hover-color-teal-1:focus {
  color: var(--teal-100) !important;
}

.hover-bg-teal-1:hover,
.hover-bg-teal-1:focus {
  background-color: var(--teal-100) !important;
}

.hover-color-teal-2:hover,
.hover-color-teal-2:focus {
  color: var(--teal-200) !important;
}

.hover-bg-teal-2:hover,
.hover-bg-teal-2:focus {
  background-color: var(--teal-200) !important;
}

.hover-color-teal-3:hover,
.hover-color-teal-3:focus {
  color: var(--teal-300) !important;
}

.hover-bg-teal-3:hover,
.hover-bg-teal-3:focus {
  background-color: var(--teal-300) !important;
}

.hover-color-teal-4:hover,
.hover-color-teal-4:focus {
  color: var(--teal-400) !important;
}

.hover-bg-teal-4:hover,
.hover-bg-teal-4:focus {
  background-color: var(--teal-400) !important;
}

.hover-color-teal-5:hover,
.hover-color-teal-5:focus {
  color: var(--teal-500) !important;
}

.hover-bg-teal-5:hover,
.hover-bg-teal-5:focus {
  background-color: var(--teal-500) !important;
}

.hover-color-teal-6:hover,
.hover-color-teal-6:focus {
  color: var(--teal-600) !important;
}

.hover-bg-teal-6:hover,
.hover-bg-teal-6:focus {
  background-color: var(--teal-600) !important;
}

.hover-color-teal-7:hover,
.hover-color-teal-7:focus {
  color: var(--teal-700) !important;
}

.hover-bg-teal-7:hover,
.hover-bg-teal-7:focus {
  background-color: var(--teal-700) !important;
}

.hover-color-teal-8:hover,
.hover-color-teal-8:focus {
  color: var(--teal-800) !important;
}

.hover-bg-teal-8:hover,
.hover-bg-teal-8:focus {
  background-color: var(--teal-800) !important;
}

.hover-color-teal-9:hover,
.hover-color-teal-9:focus {
  color: var(--teal-900) !important;
}

.hover-bg-teal-9:hover,
.hover-bg-teal-9:focus {
  background-color: var(--teal-900) !important;
}

.hover-color-gold-0:hover,
.hover-color-gold-0:focus {
  color: var(--gold-000) !important;
}

.hover-bg-gold-0:hover,
.hover-bg-gold-0:focus {
  background-color: var(--gold-000) !important;
}

.hover-color-gold-1:hover,
.hover-color-gold-1:focus {
  color: var(--gold-100) !important;
}

.hover-bg-gold-1:hover,
.hover-bg-gold-1:focus {
  background-color: var(--gold-100) !important;
}

.hover-color-gold-2:hover,
.hover-color-gold-2:focus {
  color: var(--gold-200) !important;
}

.hover-bg-gold-2:hover,
.hover-bg-gold-2:focus {
  background-color: var(--gold-200) !important;
}

.hover-color-gold-3:hover,
.hover-color-gold-3:focus {
  color: var(--gold-300) !important;
}

.hover-bg-gold-3:hover,
.hover-bg-gold-3:focus {
  background-color: var(--gold-300) !important;
}

.hover-color-gold-4:hover,
.hover-color-gold-4:focus {
  color: var(--gold-400) !important;
}

.hover-bg-gold-4:hover,
.hover-bg-gold-4:focus {
  background-color: var(--gold-400) !important;
}

.hover-color-gold-5:hover,
.hover-color-gold-5:focus {
  color: var(--gold-500) !important;
}

.hover-bg-gold-5:hover,
.hover-bg-gold-5:focus {
  background-color: var(--gold-500) !important;
}

.hover-color-gold-6:hover,
.hover-color-gold-6:focus {
  color: var(--gold-600) !important;
}

.hover-bg-gold-6:hover,
.hover-bg-gold-6:focus {
  background-color: var(--gold-600) !important;
}

.hover-color-gold-7:hover,
.hover-color-gold-7:focus {
  color: var(--gold-700) !important;
}

.hover-bg-gold-7:hover,
.hover-bg-gold-7:focus {
  background-color: var(--gold-700) !important;
}

.hover-color-gold-8:hover,
.hover-color-gold-8:focus {
  color: var(--gold-800) !important;
}

.hover-bg-gold-8:hover,
.hover-bg-gold-8:focus {
  background-color: var(--gold-800) !important;
}

.hover-color-gold-9:hover,
.hover-color-gold-9:focus {
  color: var(--gold-900) !important;
}

.hover-bg-gold-9:hover,
.hover-bg-gold-9:focus {
  background-color: var(--gold-900) !important;
}

.hover-bg-black:hover,
.hover-bg-black:focus {
  background-color: var(--black) !important;
}

.hover-color-white:hover,
.hover-color-white:focus {
  color: var(--white) !important;
}

.dim {
  opacity: 1 !important;
  transition: opacity 0.15s ease-in !important;
}

.dim:hover,
.dim:focus {
  opacity: 0.5 !important;
  transition: opacity 0.15s ease-in !important;
}

.dim:active {
  opacity: 0.8 !important;
  transition: opacity 0.15s ease-out !important;
}

/* Can combine this with overflow-hidden to make background images grow on hover
 * even if you are using background-size: cover */
.grow {
  -moz-osx-font-smoothing: grayscale;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: transform 0.25s ease-out;
}

.grow:hover,
.grow:focus {
  transform: scale(1.05);
}

.grow:active {
  transform: scale(0.9);
}

/* Add pointer on hover */
.pointer:hover {
  cursor: pointer;
}

/* 
  Add shadow on hover.
  Performant box-shadow animation pattern from 
  http://tobiasahlin.com/blog/how-to-animate-box-shadow/ 
*/
.shadow-hover {
  position: relative;
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.shadow-hover::after {
  content: "";
  box-shadow: 0px 6px 14px 2px rgba(0, 0, 0, 0.2);
  border-radius: inherit;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.shadow-hover:hover::after,
.shadow-hover:focus::after {
  opacity: 1;
}

.bg-animate,
.bg-animate:hover,
.bg-animate:focus {
  transition: background-color 0.15s ease-in-out !important;
}

.col-count-1 {
  -moz-column-count: 1 !important;
       column-count: 1 !important;
}

.col-count-2 {
  -moz-column-count: 2 !important;
       column-count: 2 !important;
}

@media (min-width: 544px) {
  .col-count-sm-1 {
    -moz-column-count: 1 !important;
         column-count: 1 !important;
  }
  .col-count-sm-2 {
    -moz-column-count: 2 !important;
         column-count: 2 !important;
  }
}

@media (min-width: 768px) {
  .col-count-md-1 {
    -moz-column-count: 1 !important;
         column-count: 1 !important;
  }
  .col-count-md-2 {
    -moz-column-count: 2 !important;
         column-count: 2 !important;
  }
}

@media (min-width: 1012px) {
  .col-count-lg-1 {
    -moz-column-count: 1 !important;
         column-count: 1 !important;
  }
  .col-count-lg-2 {
    -moz-column-count: 2 !important;
         column-count: 2 !important;
  }
}

/* Set a $size margin to all sides at $breakpoint */
.m-0 {
  margin: 0 !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-0 {
  margin-top: 0 !important;
}

/* Set a $size margin on the right at $breakpoint */
.mr-0 {
  margin-right: 0 !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-0 {
  margin-bottom: 0 !important;
}

/* Set a $size margin on the left at $breakpoint */
.ml-0 {
  margin-left: 0 !important;
}

/* Set a $size margin on the left & right at $breakpoint */
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Set a $size margin to all sides at $breakpoint */
.m-1 {
  margin: 4px !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-1 {
  margin-top: 4px !important;
}

/* Set a $size margin on the right at $breakpoint */
.mr-1 {
  margin-right: 4px !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-1 {
  margin-bottom: 4px !important;
}

/* Set a $size margin on the left at $breakpoint */
.ml-1 {
  margin-left: 4px !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n1 {
  margin-top: -4px !important;
}

/* Set a negative $size margin on the right at $breakpoint */
.mr-n1 {
  margin-right: -4px !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n1 {
  margin-bottom: -4px !important;
}

/* Set a negative $size margin on the left at $breakpoint */
.ml-n1 {
  margin-left: -4px !important;
}

/* Set a $size margin on the left & right at $breakpoint */
.mx-1 {
  margin-right: 4px !important;
  margin-left: 4px !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-1 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

/* Set a $size margin to all sides at $breakpoint */
.m-2 {
  margin: 8px !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-2 {
  margin-top: 8px !important;
}

/* Set a $size margin on the right at $breakpoint */
.mr-2 {
  margin-right: 8px !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-2 {
  margin-bottom: 8px !important;
}

/* Set a $size margin on the left at $breakpoint */
.ml-2 {
  margin-left: 8px !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n2 {
  margin-top: -8px !important;
}

/* Set a negative $size margin on the right at $breakpoint */
.mr-n2 {
  margin-right: -8px !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n2 {
  margin-bottom: -8px !important;
}

/* Set a negative $size margin on the left at $breakpoint */
.ml-n2 {
  margin-left: -8px !important;
}

/* Set a $size margin on the left & right at $breakpoint */
.mx-2 {
  margin-right: 8px !important;
  margin-left: 8px !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-2 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

/* Set a $size margin to all sides at $breakpoint */
.m-3 {
  margin: 16px !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-3 {
  margin-top: 16px !important;
}

/* Set a $size margin on the right at $breakpoint */
.mr-3 {
  margin-right: 16px !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-3 {
  margin-bottom: 16px !important;
}

/* Set a $size margin on the left at $breakpoint */
.ml-3 {
  margin-left: 16px !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n3 {
  margin-top: -16px !important;
}

/* Set a negative $size margin on the right at $breakpoint */
.mr-n3 {
  margin-right: -16px !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n3 {
  margin-bottom: -16px !important;
}

/* Set a negative $size margin on the left at $breakpoint */
.ml-n3 {
  margin-left: -16px !important;
}

/* Set a $size margin on the left & right at $breakpoint */
.mx-3 {
  margin-right: 16px !important;
  margin-left: 16px !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-3 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

/* Set a $size margin to all sides at $breakpoint */
.m-4 {
  margin: 24px !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-4 {
  margin-top: 24px !important;
}

/* Set a $size margin on the right at $breakpoint */
.mr-4 {
  margin-right: 24px !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-4 {
  margin-bottom: 24px !important;
}

/* Set a $size margin on the left at $breakpoint */
.ml-4 {
  margin-left: 24px !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n4 {
  margin-top: -24px !important;
}

/* Set a negative $size margin on the right at $breakpoint */
.mr-n4 {
  margin-right: -24px !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n4 {
  margin-bottom: -24px !important;
}

/* Set a negative $size margin on the left at $breakpoint */
.ml-n4 {
  margin-left: -24px !important;
}

/* Set a $size margin on the left & right at $breakpoint */
.mx-4 {
  margin-right: 24px !important;
  margin-left: 24px !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-4 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

/* Set a $size margin to all sides at $breakpoint */
.m-5 {
  margin: 32px !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-5 {
  margin-top: 32px !important;
}

/* Set a $size margin on the right at $breakpoint */
.mr-5 {
  margin-right: 32px !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-5 {
  margin-bottom: 32px !important;
}

/* Set a $size margin on the left at $breakpoint */
.ml-5 {
  margin-left: 32px !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n5 {
  margin-top: -32px !important;
}

/* Set a negative $size margin on the right at $breakpoint */
.mr-n5 {
  margin-right: -32px !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n5 {
  margin-bottom: -32px !important;
}

/* Set a negative $size margin on the left at $breakpoint */
.ml-n5 {
  margin-left: -32px !important;
}

/* Set a $size margin on the left & right at $breakpoint */
.mx-5 {
  margin-right: 32px !important;
  margin-left: 32px !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-5 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

/* Set a $size margin to all sides at $breakpoint */
.m-6 {
  margin: 40px !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-6 {
  margin-top: 40px !important;
}

/* Set a $size margin on the right at $breakpoint */
.mr-6 {
  margin-right: 40px !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-6 {
  margin-bottom: 40px !important;
}

/* Set a $size margin on the left at $breakpoint */
.ml-6 {
  margin-left: 40px !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n6 {
  margin-top: -40px !important;
}

/* Set a negative $size margin on the right at $breakpoint */
.mr-n6 {
  margin-right: -40px !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n6 {
  margin-bottom: -40px !important;
}

/* Set a negative $size margin on the left at $breakpoint */
.ml-n6 {
  margin-left: -40px !important;
}

/* Set a $size margin on the left & right at $breakpoint */
.mx-6 {
  margin-right: 40px !important;
  margin-left: 40px !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-6 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

/* responsive horizontal auto margins */
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

/* Responsive auto margins */
/* Set an auto margin of the top */
.mt-auto {
  margin-top: auto !important;
}

/* Set an auto margin of the right */
.mr-auto {
  margin-right: auto !important;
}

/* Set an auto margin on the left */
.ml-auto {
  margin-left: auto !important;
}

/* Set an auto margin on the bottom */
.mb-auto {
  margin-bottom: auto !important;
}

/* Set an auto margin on the top */
.mt-auto {
  margin-top: auto !important;
}

@media (min-width: 544px) {
  /* Set a $size margin to all sides at $breakpoint */
  .m-sm-0 {
    margin: 0 !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-sm-0 {
    margin-right: 0 !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-sm-0 {
    margin-left: 0 !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-sm-1 {
    margin: 4px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-1 {
    margin-top: 4px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-sm-1 {
    margin-right: 4px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-1 {
    margin-bottom: 4px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-sm-1 {
    margin-left: 4px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n1 {
    margin-top: -4px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-sm-n1 {
    margin-right: -4px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n1 {
    margin-bottom: -4px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-sm-n1 {
    margin-left: -4px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-sm-1 {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-sm-2 {
    margin: 8px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-2 {
    margin-top: 8px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-sm-2 {
    margin-right: 8px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-2 {
    margin-bottom: 8px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-sm-2 {
    margin-left: 8px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n2 {
    margin-top: -8px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-sm-n2 {
    margin-right: -8px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n2 {
    margin-bottom: -8px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-sm-n2 {
    margin-left: -8px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-sm-2 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-sm-3 {
    margin: 16px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-3 {
    margin-top: 16px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-sm-3 {
    margin-right: 16px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-3 {
    margin-bottom: 16px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-sm-3 {
    margin-left: 16px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n3 {
    margin-top: -16px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-sm-n3 {
    margin-right: -16px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n3 {
    margin-bottom: -16px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-sm-n3 {
    margin-left: -16px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-sm-3 {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-3 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-sm-4 {
    margin: 24px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-4 {
    margin-top: 24px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-sm-4 {
    margin-right: 24px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-4 {
    margin-bottom: 24px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-sm-4 {
    margin-left: 24px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n4 {
    margin-top: -24px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-sm-n4 {
    margin-right: -24px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n4 {
    margin-bottom: -24px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-sm-n4 {
    margin-left: -24px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-sm-4 {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-4 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-sm-5 {
    margin: 32px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-5 {
    margin-top: 32px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-sm-5 {
    margin-right: 32px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-5 {
    margin-bottom: 32px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-sm-5 {
    margin-left: 32px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n5 {
    margin-top: -32px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-sm-n5 {
    margin-right: -32px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n5 {
    margin-bottom: -32px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-sm-n5 {
    margin-left: -32px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-sm-5 {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-5 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-sm-6 {
    margin: 40px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-6 {
    margin-top: 40px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-sm-6 {
    margin-right: 40px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-6 {
    margin-bottom: 40px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-sm-6 {
    margin-left: 40px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n6 {
    margin-top: -40px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-sm-n6 {
    margin-right: -40px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n6 {
    margin-bottom: -40px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-sm-n6 {
    margin-left: -40px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-sm-6 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-6 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  /* responsive horizontal auto margins */
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  /* Responsive auto margins */
  /* Set an auto margin of the top */
  .mt-sm-auto {
    margin-top: auto !important;
  }
  /* Set an auto margin of the right */
  .mr-sm-auto {
    margin-right: auto !important;
  }
  /* Set an auto margin on the left */
  .ml-sm-auto {
    margin-left: auto !important;
  }
  /* Set an auto margin on the bottom */
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  /* Set an auto margin on the top */
  .mt-sm-auto {
    margin-top: auto !important;
  }
}
@media (min-width: 768px) {
  /* Set a $size margin to all sides at $breakpoint */
  .m-md-0 {
    margin: 0 !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-0 {
    margin-top: 0 !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-md-0 {
    margin-right: 0 !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-md-0 {
    margin-left: 0 !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-md-1 {
    margin: 4px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-1 {
    margin-top: 4px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-md-1 {
    margin-right: 4px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-1 {
    margin-bottom: 4px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-md-1 {
    margin-left: 4px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n1 {
    margin-top: -4px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-md-n1 {
    margin-right: -4px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n1 {
    margin-bottom: -4px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-md-n1 {
    margin-left: -4px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-md-1 {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-md-2 {
    margin: 8px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-2 {
    margin-top: 8px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-md-2 {
    margin-right: 8px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-2 {
    margin-bottom: 8px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-md-2 {
    margin-left: 8px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n2 {
    margin-top: -8px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-md-n2 {
    margin-right: -8px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n2 {
    margin-bottom: -8px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-md-n2 {
    margin-left: -8px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-md-2 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-md-3 {
    margin: 16px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-3 {
    margin-top: 16px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-md-3 {
    margin-right: 16px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-3 {
    margin-bottom: 16px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-md-3 {
    margin-left: 16px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n3 {
    margin-top: -16px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-md-n3 {
    margin-right: -16px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n3 {
    margin-bottom: -16px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-md-n3 {
    margin-left: -16px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-md-3 {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-3 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-md-4 {
    margin: 24px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-4 {
    margin-top: 24px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-md-4 {
    margin-right: 24px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-4 {
    margin-bottom: 24px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-md-4 {
    margin-left: 24px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n4 {
    margin-top: -24px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-md-n4 {
    margin-right: -24px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n4 {
    margin-bottom: -24px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-md-n4 {
    margin-left: -24px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-md-4 {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-4 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-md-5 {
    margin: 32px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-5 {
    margin-top: 32px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-md-5 {
    margin-right: 32px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-5 {
    margin-bottom: 32px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-md-5 {
    margin-left: 32px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n5 {
    margin-top: -32px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-md-n5 {
    margin-right: -32px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n5 {
    margin-bottom: -32px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-md-n5 {
    margin-left: -32px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-md-5 {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-5 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-md-6 {
    margin: 40px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-6 {
    margin-top: 40px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-md-6 {
    margin-right: 40px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-6 {
    margin-bottom: 40px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-md-6 {
    margin-left: 40px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n6 {
    margin-top: -40px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-md-n6 {
    margin-right: -40px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n6 {
    margin-bottom: -40px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-md-n6 {
    margin-left: -40px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-md-6 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-6 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  /* responsive horizontal auto margins */
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  /* Responsive auto margins */
  /* Set an auto margin of the top */
  .mt-md-auto {
    margin-top: auto !important;
  }
  /* Set an auto margin of the right */
  .mr-md-auto {
    margin-right: auto !important;
  }
  /* Set an auto margin on the left */
  .ml-md-auto {
    margin-left: auto !important;
  }
  /* Set an auto margin on the bottom */
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  /* Set an auto margin on the top */
  .mt-md-auto {
    margin-top: auto !important;
  }
}
@media (min-width: 1012px) {
  /* Set a $size margin to all sides at $breakpoint */
  .m-lg-0 {
    margin: 0 !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-lg-0 {
    margin-right: 0 !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-lg-0 {
    margin-left: 0 !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-lg-1 {
    margin: 4px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-1 {
    margin-top: 4px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-lg-1 {
    margin-right: 4px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-1 {
    margin-bottom: 4px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-lg-1 {
    margin-left: 4px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n1 {
    margin-top: -4px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-lg-n1 {
    margin-right: -4px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n1 {
    margin-bottom: -4px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-lg-n1 {
    margin-left: -4px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-lg-1 {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-lg-2 {
    margin: 8px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-2 {
    margin-top: 8px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-lg-2 {
    margin-right: 8px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-2 {
    margin-bottom: 8px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-lg-2 {
    margin-left: 8px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n2 {
    margin-top: -8px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-lg-n2 {
    margin-right: -8px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n2 {
    margin-bottom: -8px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-lg-n2 {
    margin-left: -8px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-lg-2 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-lg-3 {
    margin: 16px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-3 {
    margin-top: 16px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-lg-3 {
    margin-right: 16px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-3 {
    margin-bottom: 16px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-lg-3 {
    margin-left: 16px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n3 {
    margin-top: -16px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-lg-n3 {
    margin-right: -16px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n3 {
    margin-bottom: -16px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-lg-n3 {
    margin-left: -16px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-lg-3 {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-3 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-lg-4 {
    margin: 24px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-4 {
    margin-top: 24px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-lg-4 {
    margin-right: 24px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-4 {
    margin-bottom: 24px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-lg-4 {
    margin-left: 24px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n4 {
    margin-top: -24px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-lg-n4 {
    margin-right: -24px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n4 {
    margin-bottom: -24px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-lg-n4 {
    margin-left: -24px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-lg-4 {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-4 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-lg-5 {
    margin: 32px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-5 {
    margin-top: 32px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-lg-5 {
    margin-right: 32px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-5 {
    margin-bottom: 32px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-lg-5 {
    margin-left: 32px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n5 {
    margin-top: -32px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-lg-n5 {
    margin-right: -32px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n5 {
    margin-bottom: -32px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-lg-n5 {
    margin-left: -32px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-lg-5 {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-5 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-lg-6 {
    margin: 40px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-6 {
    margin-top: 40px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-lg-6 {
    margin-right: 40px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-6 {
    margin-bottom: 40px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-lg-6 {
    margin-left: 40px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n6 {
    margin-top: -40px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-lg-n6 {
    margin-right: -40px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n6 {
    margin-bottom: -40px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-lg-n6 {
    margin-left: -40px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-lg-6 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-6 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  /* responsive horizontal auto margins */
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  /* Responsive auto margins */
  /* Set an auto margin of the top */
  .mt-lg-auto {
    margin-top: auto !important;
  }
  /* Set an auto margin of the right */
  .mr-lg-auto {
    margin-right: auto !important;
  }
  /* Set an auto margin on the left */
  .ml-lg-auto {
    margin-left: auto !important;
  }
  /* Set an auto margin on the bottom */
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  /* Set an auto margin on the top */
  .mt-lg-auto {
    margin-top: auto !important;
  }
}
@media (min-width: 1280px) {
  /* Set a $size margin to all sides at $breakpoint */
  .m-xl-0 {
    margin: 0 !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-xl-0 {
    margin-right: 0 !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-xl-0 {
    margin-left: 0 !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-xl-1 {
    margin: 4px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-1 {
    margin-top: 4px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-xl-1 {
    margin-right: 4px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-1 {
    margin-bottom: 4px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-xl-1 {
    margin-left: 4px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n1 {
    margin-top: -4px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-xl-n1 {
    margin-right: -4px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n1 {
    margin-bottom: -4px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-xl-n1 {
    margin-left: -4px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-xl-1 {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-xl-2 {
    margin: 8px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-2 {
    margin-top: 8px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-xl-2 {
    margin-right: 8px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-2 {
    margin-bottom: 8px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-xl-2 {
    margin-left: 8px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n2 {
    margin-top: -8px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-xl-n2 {
    margin-right: -8px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n2 {
    margin-bottom: -8px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-xl-n2 {
    margin-left: -8px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-xl-2 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-xl-3 {
    margin: 16px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-3 {
    margin-top: 16px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-xl-3 {
    margin-right: 16px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-3 {
    margin-bottom: 16px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-xl-3 {
    margin-left: 16px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n3 {
    margin-top: -16px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-xl-n3 {
    margin-right: -16px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n3 {
    margin-bottom: -16px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-xl-n3 {
    margin-left: -16px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-xl-3 {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-3 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-xl-4 {
    margin: 24px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-4 {
    margin-top: 24px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-xl-4 {
    margin-right: 24px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-4 {
    margin-bottom: 24px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-xl-4 {
    margin-left: 24px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n4 {
    margin-top: -24px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-xl-n4 {
    margin-right: -24px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n4 {
    margin-bottom: -24px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-xl-n4 {
    margin-left: -24px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-xl-4 {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-4 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-xl-5 {
    margin: 32px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-5 {
    margin-top: 32px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-xl-5 {
    margin-right: 32px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-5 {
    margin-bottom: 32px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-xl-5 {
    margin-left: 32px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n5 {
    margin-top: -32px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-xl-n5 {
    margin-right: -32px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n5 {
    margin-bottom: -32px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-xl-n5 {
    margin-left: -32px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-xl-5 {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-5 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-xl-6 {
    margin: 40px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-6 {
    margin-top: 40px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-xl-6 {
    margin-right: 40px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-6 {
    margin-bottom: 40px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-xl-6 {
    margin-left: 40px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n6 {
    margin-top: -40px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-xl-n6 {
    margin-right: -40px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n6 {
    margin-bottom: -40px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-xl-n6 {
    margin-left: -40px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-xl-6 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-6 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  /* responsive horizontal auto margins */
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  /* Responsive auto margins */
  /* Set an auto margin of the top */
  .mt-xl-auto {
    margin-top: auto !important;
  }
  /* Set an auto margin of the right */
  .mr-xl-auto {
    margin-right: auto !important;
  }
  /* Set an auto margin on the left */
  .ml-xl-auto {
    margin-left: auto !important;
  }
  /* Set an auto margin on the bottom */
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  /* Set an auto margin on the top */
  .mt-xl-auto {
    margin-top: auto !important;
  }
}
/* Set a $size padding to all sides at $breakpoint */
.p-0 {
  padding: 0 !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-0 {
  padding-top: 0 !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-0 {
  padding-right: 0 !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-0 {
  padding-bottom: 0 !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-0 {
  padding-left: 0 !important;
}

/* Set a $size padding to the left & right at $breakpoint */
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Set a $size padding to all sides at $breakpoint */
.p-1 {
  padding: 4px !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-1 {
  padding-top: 4px !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-1 {
  padding-right: 4px !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-1 {
  padding-bottom: 4px !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-1 {
  padding-left: 4px !important;
}

/* Set a $size padding to the left & right at $breakpoint */
.px-1 {
  padding-right: 4px !important;
  padding-left: 4px !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-1 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

/* Set a $size padding to all sides at $breakpoint */
.p-2 {
  padding: 8px !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-2 {
  padding-top: 8px !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-2 {
  padding-right: 8px !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-2 {
  padding-bottom: 8px !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-2 {
  padding-left: 8px !important;
}

/* Set a $size padding to the left & right at $breakpoint */
.px-2 {
  padding-right: 8px !important;
  padding-left: 8px !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-2 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

/* Set a $size padding to all sides at $breakpoint */
.p-3 {
  padding: 16px !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-3 {
  padding-top: 16px !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-3 {
  padding-right: 16px !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-3 {
  padding-bottom: 16px !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-3 {
  padding-left: 16px !important;
}

/* Set a $size padding to the left & right at $breakpoint */
.px-3 {
  padding-right: 16px !important;
  padding-left: 16px !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-3 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

/* Set a $size padding to all sides at $breakpoint */
.p-4 {
  padding: 24px !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-4 {
  padding-top: 24px !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-4 {
  padding-right: 24px !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-4 {
  padding-bottom: 24px !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-4 {
  padding-left: 24px !important;
}

/* Set a $size padding to the left & right at $breakpoint */
.px-4 {
  padding-right: 24px !important;
  padding-left: 24px !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-4 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

/* Set a $size padding to all sides at $breakpoint */
.p-5 {
  padding: 32px !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-5 {
  padding-top: 32px !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-5 {
  padding-right: 32px !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-5 {
  padding-bottom: 32px !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-5 {
  padding-left: 32px !important;
}

/* Set a $size padding to the left & right at $breakpoint */
.px-5 {
  padding-right: 32px !important;
  padding-left: 32px !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-5 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

/* Set a $size padding to all sides at $breakpoint */
.p-6 {
  padding: 40px !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-6 {
  padding-top: 40px !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-6 {
  padding-right: 40px !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-6 {
  padding-bottom: 40px !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-6 {
  padding-left: 40px !important;
}

/* Set a $size padding to the left & right at $breakpoint */
.px-6 {
  padding-right: 40px !important;
  padding-left: 40px !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-6 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

@media (min-width: 544px) {
  /* Set a $size padding to all sides at $breakpoint */
  .p-sm-0 {
    padding: 0 !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-0 {
    padding-right: 0 !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-0 {
    padding-left: 0 !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-sm-1 {
    padding: 4px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-1 {
    padding-top: 4px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-1 {
    padding-right: 4px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-1 {
    padding-bottom: 4px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-1 {
    padding-left: 4px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-sm-1 {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-sm-2 {
    padding: 8px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-2 {
    padding-top: 8px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-2 {
    padding-right: 8px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-2 {
    padding-bottom: 8px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-2 {
    padding-left: 8px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-sm-2 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-sm-3 {
    padding: 16px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-3 {
    padding-top: 16px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-3 {
    padding-right: 16px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-3 {
    padding-bottom: 16px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-3 {
    padding-left: 16px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-sm-3 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-3 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-sm-4 {
    padding: 24px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-4 {
    padding-top: 24px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-4 {
    padding-right: 24px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-4 {
    padding-bottom: 24px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-4 {
    padding-left: 24px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-sm-4 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-4 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-sm-5 {
    padding: 32px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-5 {
    padding-top: 32px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-5 {
    padding-right: 32px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-5 {
    padding-bottom: 32px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-5 {
    padding-left: 32px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-sm-5 {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-5 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-sm-6 {
    padding: 40px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-6 {
    padding-top: 40px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-6 {
    padding-right: 40px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-6 {
    padding-bottom: 40px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-6 {
    padding-left: 40px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-sm-6 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-6 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
@media (min-width: 768px) {
  /* Set a $size padding to all sides at $breakpoint */
  .p-md-0 {
    padding: 0 !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-0 {
    padding-top: 0 !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-0 {
    padding-right: 0 !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-0 {
    padding-left: 0 !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-md-1 {
    padding: 4px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-1 {
    padding-top: 4px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-1 {
    padding-right: 4px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-1 {
    padding-bottom: 4px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-1 {
    padding-left: 4px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-md-1 {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-md-2 {
    padding: 8px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-2 {
    padding-top: 8px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-2 {
    padding-right: 8px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-2 {
    padding-bottom: 8px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-2 {
    padding-left: 8px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-md-2 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-md-3 {
    padding: 16px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-3 {
    padding-top: 16px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-3 {
    padding-right: 16px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-3 {
    padding-bottom: 16px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-3 {
    padding-left: 16px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-md-3 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-3 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-md-4 {
    padding: 24px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-4 {
    padding-top: 24px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-4 {
    padding-right: 24px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-4 {
    padding-bottom: 24px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-4 {
    padding-left: 24px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-md-4 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-4 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-md-5 {
    padding: 32px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-5 {
    padding-top: 32px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-5 {
    padding-right: 32px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-5 {
    padding-bottom: 32px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-5 {
    padding-left: 32px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-md-5 {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-5 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-md-6 {
    padding: 40px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-6 {
    padding-top: 40px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-6 {
    padding-right: 40px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-6 {
    padding-bottom: 40px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-6 {
    padding-left: 40px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-md-6 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-6 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
@media (min-width: 1012px) {
  /* Set a $size padding to all sides at $breakpoint */
  .p-lg-0 {
    padding: 0 !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-0 {
    padding-right: 0 !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-0 {
    padding-left: 0 !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-lg-1 {
    padding: 4px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-1 {
    padding-top: 4px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-1 {
    padding-right: 4px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-1 {
    padding-bottom: 4px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-1 {
    padding-left: 4px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-lg-1 {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-lg-2 {
    padding: 8px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-2 {
    padding-top: 8px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-2 {
    padding-right: 8px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-2 {
    padding-bottom: 8px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-2 {
    padding-left: 8px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-lg-2 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-lg-3 {
    padding: 16px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-3 {
    padding-top: 16px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-3 {
    padding-right: 16px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-3 {
    padding-bottom: 16px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-3 {
    padding-left: 16px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-lg-3 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-3 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-lg-4 {
    padding: 24px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-4 {
    padding-top: 24px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-4 {
    padding-right: 24px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-4 {
    padding-bottom: 24px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-4 {
    padding-left: 24px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-lg-4 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-4 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-lg-5 {
    padding: 32px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-5 {
    padding-top: 32px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-5 {
    padding-right: 32px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-5 {
    padding-bottom: 32px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-5 {
    padding-left: 32px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-lg-5 {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-5 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-lg-6 {
    padding: 40px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-6 {
    padding-top: 40px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-6 {
    padding-right: 40px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-6 {
    padding-bottom: 40px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-6 {
    padding-left: 40px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-lg-6 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-6 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
@media (min-width: 1280px) {
  /* Set a $size padding to all sides at $breakpoint */
  .p-xl-0 {
    padding: 0 !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-0 {
    padding-right: 0 !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-0 {
    padding-left: 0 !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-xl-1 {
    padding: 4px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-1 {
    padding-top: 4px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-1 {
    padding-right: 4px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-1 {
    padding-bottom: 4px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-1 {
    padding-left: 4px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-xl-1 {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-xl-2 {
    padding: 8px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-2 {
    padding-top: 8px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-2 {
    padding-right: 8px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-2 {
    padding-bottom: 8px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-2 {
    padding-left: 8px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-xl-2 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-xl-3 {
    padding: 16px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-3 {
    padding-top: 16px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-3 {
    padding-right: 16px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-3 {
    padding-bottom: 16px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-3 {
    padding-left: 16px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-xl-3 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-3 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-xl-4 {
    padding: 24px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-4 {
    padding-top: 24px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-4 {
    padding-right: 24px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-4 {
    padding-bottom: 24px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-4 {
    padding-left: 24px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-xl-4 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-4 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-xl-5 {
    padding: 32px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-5 {
    padding-top: 32px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-5 {
    padding-right: 32px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-5 {
    padding-bottom: 32px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-5 {
    padding-left: 32px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-xl-5 {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-5 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-xl-6 {
    padding: 40px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-6 {
    padding-top: 40px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-6 {
    padding-right: 40px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-6 {
    padding-bottom: 40px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-6 {
    padding-left: 40px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-xl-6 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-6 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
.p-responsive {
  padding-right: 16px !important;
  padding-left: 16px !important;
}
@media (min-width: 544px) {
  .p-responsive {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
}
@media (min-width: 1012px) {
  .p-responsive {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
}

/**
 * str-replace - Replace a string with a string
 * http://codepen.io/jakob-e/pen/doMoML
 *
 * @author @eriksen_dk <https://twitter.com/eriksen_dk>
 *
 * @param  {string} $string  - The haystack string to be manipulated
 * @param  {string} $search  - The needle to be replace
 * @param  {string} $replace - The replacement
 *
 * @return {string}          - The manipulated string with replaced values
 */
:root {
  --h00-size-mobile: 40px;
  --h0-size-mobile: 32px;
  --h1-size-mobile: 26px;
  --h2-size-mobile: 22px;
  --h3-size-mobile: 18px;
  --h00-size: 48px;
  --h0-size: 40px;
  --h1-size: 32px;
  --h2-size: 24px;
  --h3-size: 20px;
  --h4-size: 16px;
  --h5-size: 14px;
  --h6-size: 12px;
  --font-size-small: 12px;
  --font-weight-bold: 700;
  --font-weight-semibold: 600;
  --font-weight-normal: 400;
  --lh-condensed-ultra: 1;
  --lh-condensed: 1.25;
  --lh-default: 1.5;
  --poppins-font: "Poppins", sans-serif;
  --body-font: var(--poppins-font);
  --body-font-size: 16px;
  --body-line-height: var(--lh-default);
  --black: #222;
  --black-rgb: 34 34 34;
  --white: #fff;
  --white-rgb: 255 255 255;
  --transparent: transparent;
  --grey-000: #f0f0f0;
  --grey-100: #e5e5e5;
  --grey-200: #c4c4c4;
  --grey-300: #999999;
  --grey-400: #6c7573;
  --grey-500: #53565a;
  --grey-600: #444444;
  --grey-700: #2e3130;
  --grey-800: #27251f;
  --grey-900: #121313;
  --grey-rgb: 83 86 90;
  --teal-000: #ecf5f5;
  --teal-100: #bcdddb;
  --teal-200: #8dc4c2;
  --teal-300: #62aaa9;
  --teal-400: #39908f;
  --teal-500: #278382;
  --teal-600: #1d6f6e;
  --teal-700: #044141;
  --teal-800: #0b2828;
  --teal-900: #051010;
  --teal-rgb: 39 131 130;
  --gold-000: #fffcec;
  --gold-100: #fff4bd;
  --gold-200: #ffea90;
  --gold-300: #ffdc65;
  --gold-400: #ffc83b;
  --gold-500: #fdb924;
  --gold-600: #c58d00;
  --gold-700: #926800;
  --gold-800: #5c4109;
  --gold-900: #271c08;
  --gold-rgb: 253 185 36;
  --black-fade-15: rgb(var(--black-rgb) / 15%);
  --black-fade-30: rgb(var(--black-rgb) / 30%);
  --black-fade-50: rgb(var(--black-rgb) / 50%);
  --black-fade-70: rgb(var(--black-rgb) / 70%);
  --black-fade-85: rgb(var(--black-rgb) / 85%);
  --white-fade-15: rgb(var(--white-rgb) / 15%);
  --white-fade-30: rgb(var(--white-rgb) / 30%);
  --white-fade-50: rgb(var(--white-rgb) / 50%);
  --white-fade-70: rgb(var(--white-rgb) / 70%);
  --white-fade-85: rgb(var(--white-rgb) / 85%);
  --colour-red: #bf311a;
  --colour-teal: var(--teal-500);
  --colour-green: #4d7c28;
  --colour-amber: var(--gold-400);
  --colour-grey-dark: var(--grey-900);
  --colour-grey-light: var(--grey-400);
  --colour-grey: var(--grey-500);
  --colour-bttn-text: var(--grey-900);
  --colour-bttn-bg: var(--white);
  --colour-bttn-border: var(--black-fade-30);
  --colour-bttn-hover-bg: var(--grey-200);
  --colour-bttn-active-bg: var(--grey-300);
  --colour-bttn-focus-outline: var(--grey-900);
  --colour-fg-default: var(--grey-800);
  --colour-bg-default: var(--white);
  --colour-alert-amber: var(--colour-alert-amber);
  --colour-alert-red: var(--colour-red);
  --colour-alert-blue: #213088;
  --colour-alert-fire-advice: #fbe032;
  --colour-alert-fire-watch-act: #ff7900;
  --colour-alert-fire-emergency-warning: #d6001c;
  --yellow-600: #fdb924;
  --yellow-700: #dbab09;
  --lime: #CBD422;
}

/* Set the font size to 26px */
.h1 {
  font-size: var(--h1-size-mobile) !important;
  /* Set the font size to 32px */
}
@media (min-width: 768px) {
  .h1 {
    font-size: var(--h1-size) !important;
  }
}

/* Set the font size to 22px */
.h2 {
  font-size: var(--h2-size-mobile) !important;
  /* Set the font size to 24px */
}
@media (min-width: 768px) {
  .h2 {
    font-size: var(--h2-size) !important;
  }
}

/* Set the font size to 18px */
.h3 {
  font-size: var(--h3-size-mobile) !important;
  /* Set the font size to 20px */
}
@media (min-width: 768px) {
  .h3 {
    font-size: var(--h3-size) !important;
  }
}

/* Set the font size to 16px */
.h4 {
  font-size: var(--h4-size) !important;
}

/* Set the font size to 14px */
.h5 {
  font-size: var(--h5-size) !important;
}

/* Set the font size to 12px */
.h6 {
  font-size: var(--h6-size) !important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-bold);
}

/* Set the font size to 26px */
.f1 {
  font-size: var(--h1-size-mobile) !important;
  /* Set the font size to 26px */
}
@media (min-width: 768px) {
  .f1 {
    font-size: var(--h1-size) !important;
  }
}

/* Set the font size to 22px */
.f2 {
  font-size: var(--h2-size-mobile) !important;
  /* Set the font size to 24px */
}
@media (min-width: 768px) {
  .f2 {
    font-size: var(--h2-size) !important;
  }
}

/* Set the font size to 18px */
.f3 {
  font-size: var(--h3-size-mobile) !important;
  /* Set the font size to 20px */
}
@media (min-width: 768px) {
  .f3 {
    font-size: var(--h3-size) !important;
  }
}

/* Set the font size to 16px */
.f4 {
  font-size: var(--h4-size) !important;
}
@media (min-width: 768px) {
  .f4 {
    font-size: var(--h4-size) !important;
  }
}

/* Set the font size to 14px */
.f5 {
  font-size: var(--h5-size) !important;
}

/* Set the font size to 12px */
.f6 {
  font-size: var(--h6-size) !important;
}

/* Set the font size to 40px and weight to light */
.f00-light {
  font-size: var(--h00-size-mobile) !important;
  font-weight: var(--font-weight-normal) !important;
}
@media (min-width: 768px) {
  .f00-light {
    font-size: var(--h00-size) !important;
  }
}

/* Set the font size to 32px and weight to light */
.f0-light {
  font-size: var(--h0-size-mobile) !important;
  font-weight: var(--font-weight-normal) !important;
}
@media (min-width: 768px) {
  .f0-light {
    font-size: var(--h0-size) !important;
  }
}

/* Set the font size to 26px and weight to light */
.f1-light {
  font-size: var(--h1-size-mobile) !important;
  font-weight: var(--font-weight-normal) !important;
}
@media (min-width: 768px) {
  .f1-light {
    font-size: var(--h1-size) !important;
  }
}

/* Set the font size to 22px and weight to light */
.f2-light {
  font-size: var(--h2-size-mobile) !important;
  font-weight: var(--font-weight-normal) !important;
}
@media (min-width: 768px) {
  .f2-light {
    font-size: var(--h2-size) !important;
  }
}

/* Set the font size to 18px and weight to light */
.f3-light {
  font-size: var(--h3-size-mobile) !important;
  font-weight: var(--font-weight-normal) !important;
}
@media (min-width: 768px) {
  .f3-light {
    font-size: var(--h3-size) !important;
  }
}

/* Set the font size to 12px */
.text-small {
  font-size: var(--h6-size) !important;
}

/* Large leading paragraphs */
.lead {
  margin-bottom: 30px;
  font-size: var(--h3-size);
  font-weight: var(--font-weight-normal);
  color: var(--grey-200);
}

/* Measure is limited to ~66 characters */
.measure {
  max-width: 30em;
}

/* Measure is limited to ~80 characters */
.measure-wide {
  max-width: 34em;
}

/* Measure is limited to ~45 characters */
.measure-narrow {
  max-width: 20em;
}

/* Measure without limit characters */
.measure-full {
  max-width: 100%;
}

/* Measure is limited to ~90 characters */
.measure-extra-wide {
  max-width: 37em !important;
}

@media (min-width: 544px) {
  /* Measure is limited to ~66 characters */
  .measure-sm {
    max-width: 30em;
  }
  /* Measure is limited to ~80 characters */
  .measure-sm-wide {
    max-width: 34em;
  }
  /* Measure is limited to ~45 characters */
  .measure-sm-narrow {
    max-width: 20em;
  }
  /* Measure without limit characters */
  .measure-sm-full {
    max-width: 100%;
  }
  /* Measure is limited to ~90 characters */
  .measure-sm-extra-wide {
    max-width: 37em !important;
  }
}
@media (min-width: 768px) {
  /* Measure is limited to ~66 characters */
  .measure-md {
    max-width: 30em;
  }
  /* Measure is limited to ~80 characters */
  .measure-md-wide {
    max-width: 34em;
  }
  /* Measure is limited to ~45 characters */
  .measure-md-narrow {
    max-width: 20em;
  }
  /* Measure without limit characters */
  .measure-md-full {
    max-width: 100%;
  }
  /* Measure is limited to ~90 characters */
  .measure-md-extra-wide {
    max-width: 37em !important;
  }
}
@media (min-width: 1012px) {
  /* Measure is limited to ~66 characters */
  .measure-lg {
    max-width: 30em;
  }
  /* Measure is limited to ~80 characters */
  .measure-lg-wide {
    max-width: 34em;
  }
  /* Measure is limited to ~45 characters */
  .measure-lg-narrow {
    max-width: 20em;
  }
  /* Measure without limit characters */
  .measure-lg-full {
    max-width: 100%;
  }
  /* Measure is limited to ~90 characters */
  .measure-lg-extra-wide {
    max-width: 37em !important;
  }
}
@media (min-width: 1280px) {
  /* Measure is limited to ~66 characters */
  .measure-xl {
    max-width: 30em;
  }
  /* Measure is limited to ~80 characters */
  .measure-xl-wide {
    max-width: 34em;
  }
  /* Measure is limited to ~45 characters */
  .measure-xl-narrow {
    max-width: 20em;
  }
  /* Measure without limit characters */
  .measure-xl-full {
    max-width: 100%;
  }
  /* Measure is limited to ~90 characters */
  .measure-xl-extra-wide {
    max-width: 37em !important;
  }
}
/* Measure is limited to ~45 characters */
.measure-narrow {
  max-width: 20em;
}

/* Set the line height to ultra condensed */
.lh-condensed-ultra {
  line-height: var(--lh-condensed-ultra) !important;
}

/* Set the line height to condensed */
.lh-condensed {
  line-height: var(--lh-condensed) !important;
}

/* Set the line height to default */
.lh-default {
  line-height: var(--lh-default) !important;
}

/* Set the line height to zero */
.lh-0 {
  line-height: 0 !important;
}

@media (min-width: 544px) {
  /* Set the line height to ultra condensed */
  .lh-sm-condensed-ultra {
    line-height: var(--lh-condensed-ultra) !important;
  }
  /* Set the line height to condensed */
  .lh-sm-condensed {
    line-height: var(--lh-condensed) !important;
  }
  /* Set the line height to default */
  .lh-sm-default {
    line-height: var(--lh-default) !important;
  }
  /* Set the line height to zero */
  .lh-sm-0 {
    line-height: 0 !important;
  }
}
@media (min-width: 768px) {
  /* Set the line height to ultra condensed */
  .lh-md-condensed-ultra {
    line-height: var(--lh-condensed-ultra) !important;
  }
  /* Set the line height to condensed */
  .lh-md-condensed {
    line-height: var(--lh-condensed) !important;
  }
  /* Set the line height to default */
  .lh-md-default {
    line-height: var(--lh-default) !important;
  }
  /* Set the line height to zero */
  .lh-md-0 {
    line-height: 0 !important;
  }
}
@media (min-width: 1012px) {
  /* Set the line height to ultra condensed */
  .lh-lg-condensed-ultra {
    line-height: var(--lh-condensed-ultra) !important;
  }
  /* Set the line height to condensed */
  .lh-lg-condensed {
    line-height: var(--lh-condensed) !important;
  }
  /* Set the line height to default */
  .lh-lg-default {
    line-height: var(--lh-default) !important;
  }
  /* Set the line height to zero */
  .lh-lg-0 {
    line-height: 0 !important;
  }
}
@media (min-width: 1280px) {
  /* Set the line height to ultra condensed */
  .lh-xl-condensed-ultra {
    line-height: var(--lh-condensed-ultra) !important;
  }
  /* Set the line height to condensed */
  .lh-xl-condensed {
    line-height: var(--lh-condensed) !important;
  }
  /* Set the line height to default */
  .lh-xl-default {
    line-height: var(--lh-default) !important;
  }
  /* Set the line height to zero */
  .lh-xl-0 {
    line-height: 0 !important;
  }
}
.ls-normal {
  letter-spacing: normal !important;
}

/* Text align to the right */
.text-right {
  text-align: right !important;
}

/* Text align to the left */
.text-left {
  text-align: left !important;
}

/* Text align to the center */
.text-center {
  text-align: center !important;
}

@media (min-width: 544px) {
  /* Text align to the right */
  .text-sm-right {
    text-align: right !important;
  }
  /* Text align to the left */
  .text-sm-left {
    text-align: left !important;
  }
  /* Text align to the center */
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  /* Text align to the right */
  .text-md-right {
    text-align: right !important;
  }
  /* Text align to the left */
  .text-md-left {
    text-align: left !important;
  }
  /* Text align to the center */
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 1012px) {
  /* Text align to the right */
  .text-lg-right {
    text-align: right !important;
  }
  /* Text align to the left */
  .text-lg-left {
    text-align: left !important;
  }
  /* Text align to the center */
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1280px) {
  /* Text align to the right */
  .text-xl-right {
    text-align: right !important;
  }
  /* Text align to the left */
  .text-xl-left {
    text-align: left !important;
  }
  /* Text align to the center */
  .text-xl-center {
    text-align: center !important;
  }
}
/* Set the font weight to normal */
.text-normal {
  font-weight: var(--font-weight-normal) !important;
}

/* Set the font weight to bold */
.text-bold {
  font-weight: var(--font-weight-bold) !important;
}

/* Set the font to italic */
.text-italic {
  font-style: italic !important;
}

/* Make text uppercase */
.text-uppercase {
  text-transform: uppercase !important;
}

/* Underline text */
.text-underline {
  text-decoration: underline !important;
}

/* Don't underline text */
.no-underline {
  text-decoration: none !important;
}

/* Line-through text */
.text-line-through {
  text-decoration: line-through !important;
}

/* Don't wrap white space */
.no-wrap {
  white-space: nowrap !important;
}

/* Normal white space */
.ws-normal {
  white-space: normal !important;
}

/* Force long "words" to wrap if they exceed the width of the container */
.break-word {
  word-break: break-word !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}

/*
 * Specifically apply word-break: break-all; per MDN:
 *
 * > Note: In contrast to `word-break: break-word` and `overflow-wrap: break-word`,
 * > `word-break: break-all` will create a break at the exact place where text would
 * > otherwise overflow its container (even if putting an entire word on its own line
 * > would negate the need for a break).
 *
 * see: https://developer.mozilla.org/en-US/docs/Web/CSS/word-break#Values
 */
.wb-break-all {
  word-break: break-all !important;
}

.text-emphasized {
  font-weight: var(--font-weight-bold);
  color: var(--grey-600);
}

.list-style-none {
  list-style: none !important;
}

/* Add a dark text shadow */
.text-shadow-dark {
  text-shadow: 0 1px 1px rgba(var(--black), 0.25), 0 1px 25px rgba(var(--black), 0.75);
}

/* Add a light text shadow */
.text-shadow-light {
  text-shadow: 0 1px 0 rgba(var(--white), 0.5);
}

/* Set to Poppins font */
.poppins-font {
  font-family: var(--poppins-font) !important;
}

.poppins-bold-font {
  font-family: var(--poppins-font) !important;
  font-weight: var(--font-weight-bold);
}

.poppins-semibold-font {
  font-family: var(--poppins-font) !important;
  font-weight: var(--font-weight-semibold) !important;
}

/* Disallow user from selecting text */
.user-select-none {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}

.box-sizing-border {
  box-sizing: border-box;
}

.box-sizing-content {
  box-sizing: content-box;
}

/* Set the opacity to .50 */
.opacity-50 {
  opacity: 0.5 !important;
}

.pointer-events-none {
  pointer-events: none;
}

.pointer-events-auto {
  pointer-events: auto;
}

.pointer-events-auto-link a {
  pointer-events: auto;
}

/* Set a $size margin to all sides at $breakpoint */
.size-0 {
  width: 0 !important;
  height: 0 !important;
}

/* Set a $size margin to all sides at $breakpoint */
.size-1 {
  width: 4px !important;
  height: 4px !important;
}

/* Set a $size margin to all sides at $breakpoint */
.size-2 {
  width: 8px !important;
  height: 8px !important;
}

/* Set a $size margin to all sides at $breakpoint */
.size-3 {
  width: 16px !important;
  height: 16px !important;
}

/* Set a $size margin to all sides at $breakpoint */
.size-4 {
  width: 24px !important;
  height: 24px !important;
}

/* Set a $size margin to all sides at $breakpoint */
.size-5 {
  width: 32px !important;
  height: 32px !important;
}

/* Set a $size margin to all sides at $breakpoint */
.size-6 {
  width: 40px !important;
  height: 40px !important;
}

@media (min-width: 544px) {
  /* Set a $size margin to all sides at $breakpoint */
  .size-sm-0 {
    width: 0 !important;
    height: 0 !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .size-sm-1 {
    width: 4px !important;
    height: 4px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .size-sm-2 {
    width: 8px !important;
    height: 8px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .size-sm-3 {
    width: 16px !important;
    height: 16px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .size-sm-4 {
    width: 24px !important;
    height: 24px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .size-sm-5 {
    width: 32px !important;
    height: 32px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .size-sm-6 {
    width: 40px !important;
    height: 40px !important;
  }
}
@media (min-width: 768px) {
  /* Set a $size margin to all sides at $breakpoint */
  .size-md-0 {
    width: 0 !important;
    height: 0 !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .size-md-1 {
    width: 4px !important;
    height: 4px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .size-md-2 {
    width: 8px !important;
    height: 8px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .size-md-3 {
    width: 16px !important;
    height: 16px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .size-md-4 {
    width: 24px !important;
    height: 24px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .size-md-5 {
    width: 32px !important;
    height: 32px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .size-md-6 {
    width: 40px !important;
    height: 40px !important;
  }
}
@media (min-width: 1012px) {
  /* Set a $size margin to all sides at $breakpoint */
  .size-lg-0 {
    width: 0 !important;
    height: 0 !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .size-lg-1 {
    width: 4px !important;
    height: 4px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .size-lg-2 {
    width: 8px !important;
    height: 8px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .size-lg-3 {
    width: 16px !important;
    height: 16px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .size-lg-4 {
    width: 24px !important;
    height: 24px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .size-lg-5 {
    width: 32px !important;
    height: 32px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .size-lg-6 {
    width: 40px !important;
    height: 40px !important;
  }
}
@media (min-width: 1280px) {
  /* Set a $size margin to all sides at $breakpoint */
  .size-xl-0 {
    width: 0 !important;
    height: 0 !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .size-xl-1 {
    width: 4px !important;
    height: 4px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .size-xl-2 {
    width: 8px !important;
    height: 8px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .size-xl-3 {
    width: 16px !important;
    height: 16px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .size-xl-4 {
    width: 24px !important;
    height: 24px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .size-xl-5 {
    width: 32px !important;
    height: 32px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .size-xl-6 {
    width: 40px !important;
    height: 40px !important;
  }
}
.transform-initial {
  transform: initial !important;
}

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

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

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

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

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

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

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

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

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

@media (min-width: 544px) {
  .d-sm-block {
    display: block !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
}
@media (min-width: 768px) {
  .d-md-block {
    display: block !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
}
@media (min-width: 1012px) {
  .d-lg-block {
    display: block !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
}
@media (min-width: 1280px) {
  .d-xl-block {
    display: block !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
}
.v-visible {
  visibility: visible !important;
}

.v-hidden {
  visibility: hidden !important;
}

.v-collapse {
  visibility: collapse !important;
}

.v-initial {
  visibility: initial !important;
}

.v-inherit {
  visibility: inherit !important;
}

.v-unset {
  visibility: unset !important;
}

@media (min-width: 544px) {
  .v-sm-visible {
    visibility: visible !important;
  }
  .v-sm-hidden {
    visibility: hidden !important;
  }
  .v-sm-collapse {
    visibility: collapse !important;
  }
  .v-sm-initial {
    visibility: initial !important;
  }
  .v-sm-inherit {
    visibility: inherit !important;
  }
  .v-sm-unset {
    visibility: unset !important;
  }
}
@media (min-width: 768px) {
  .v-md-visible {
    visibility: visible !important;
  }
  .v-md-hidden {
    visibility: hidden !important;
  }
  .v-md-collapse {
    visibility: collapse !important;
  }
  .v-md-initial {
    visibility: initial !important;
  }
  .v-md-inherit {
    visibility: inherit !important;
  }
  .v-md-unset {
    visibility: unset !important;
  }
}
@media (min-width: 1012px) {
  .v-lg-visible {
    visibility: visible !important;
  }
  .v-lg-hidden {
    visibility: hidden !important;
  }
  .v-lg-collapse {
    visibility: collapse !important;
  }
  .v-lg-initial {
    visibility: initial !important;
  }
  .v-lg-inherit {
    visibility: inherit !important;
  }
  .v-lg-unset {
    visibility: unset !important;
  }
}
@media (min-width: 1280px) {
  .v-xl-visible {
    visibility: visible !important;
  }
  .v-xl-hidden {
    visibility: hidden !important;
  }
  .v-xl-collapse {
    visibility: collapse !important;
  }
  .v-xl-initial {
    visibility: initial !important;
  }
  .v-xl-inherit {
    visibility: inherit !important;
  }
  .v-xl-unset {
    visibility: unset !important;
  }
}
@media (max-width: 543px) {
  .hide-sm {
    display: none !important;
  }
}
@media (min-width: 544px) and (max-width: 767px) {
  .hide-md {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1011px) {
  .hide-lg {
    display: none !important;
  }
}
@media (min-width: 1012px) {
  .hide-xl {
    display: none !important;
  }
}
/* Set the table-layout to fixed */
.table-fixed {
  table-layout: fixed !important;
}

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

.show-on-focus {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.show-on-focus:focus {
  z-index: 20;
  width: auto;
  height: auto;
  clip: auto;
}

.js-show {
  display: block !important;
}

.focus-outline-style-dotted:focus {
  outline-style: dotted !important;
}

.focus-outline-style-dashed:focus {
  outline-style: dashed !important;
}

.focus-outline-style-solid:focus {
  outline-style: solid !important;
}

.focus-outline-style-double:focus {
  outline-style: double !important;
}

.focus-outline-style-none:focus {
  outline-style: none !important;
}

.focus-outline-color-black:focus, .swiper-pagination--black-bullet .swiper-pagination-bullet:focus {
  outline-color: var(--black) !important;
}

.focus-outline-color-white:focus, .swiper-pagination--white-bullet .swiper-pagination-bullet:focus {
  outline-color: var(--white) !important;
}

.focus-outline-width-0:focus {
  outline-width: 0 !important;
}

.focus-outline-width-1:focus {
  outline-width: 1px !important;
}

.focus-outline-width-2:focus {
  outline-width: 2px !important;
}

.focus-outline-width-4:focus {
  outline-width: 4px !important;
}

.focus-outline-offset-0:focus {
  outline-offset: 0 !important;
}

.focus-outline-offset-1:focus {
  outline-offset: 1px !important;
}

.focus-outline-offset--1:focus {
  outline-offset: -1px !important;
}

.focus-outline-offset-2:focus {
  outline-offset: 2px !important;
}

.focus-outline-offset--2:focus {
  outline-offset: -2px !important;
}

.focus-outline-offset-4:focus {
  outline-offset: 4px !important;
}

.focus-outline-offset--4:focus {
  outline-offset: -4px !important;
}

.focus-outline-default:focus, .swiper-pagination-bullet:focus {
  outline: 2px dotted;
  outline-offset: 2px;
}

.focus-outline-contrast:focus {
  outline: 2px solid var(--white);
  border: 2px solid var(--black) !important;
}

@media (min-width: 544px) {
  .focus-outline-style-sm-dotted:focus {
    outline-style: dotted !important;
  }
  .focus-outline-style-sm-dashed:focus {
    outline-style: dashed !important;
  }
  .focus-outline-style-sm-solid:focus {
    outline-style: solid !important;
  }
  .focus-outline-style-sm-double:focus {
    outline-style: double !important;
  }
  .focus-outline-style-sm-none:focus {
    outline-style: none !important;
  }
  .focus-outline-color-sm-black:focus {
    outline-color: var(--black) !important;
  }
  .focus-outline-color-sm-white:focus {
    outline-color: var(--white) !important;
  }
  .focus-outline-width-sm-0:focus {
    outline-width: 0 !important;
  }
  .focus-outline-width-sm-1:focus {
    outline-width: 1px !important;
  }
  .focus-outline-width-sm-2:focus {
    outline-width: 2px !important;
  }
  .focus-outline-width-sm-4:focus {
    outline-width: 4px !important;
  }
  .focus-outline-offset-sm-0:focus {
    outline-offset: 0 !important;
  }
  .focus-outline-offset-sm-1:focus {
    outline-offset: 1px !important;
  }
  .focus-outline-offset-sm--1:focus {
    outline-offset: -1px !important;
  }
  .focus-outline-offset-sm-2:focus {
    outline-offset: 2px !important;
  }
  .focus-outline-offset-sm--2:focus {
    outline-offset: -2px !important;
  }
  .focus-outline-offset-sm-4:focus {
    outline-offset: 4px !important;
  }
  .focus-outline-offset-sm--4:focus {
    outline-offset: -4px !important;
  }
  .focus-outline-default-sm:focus {
    outline: 2px dotted;
    outline-offset: 2px;
  }
  .focus-outline-contrast-sm:focus {
    outline: 2px solid var(--white);
    border: 2px solid var(--black) !important;
  }
}
@media (min-width: 768px) {
  .focus-outline-style-md-dotted:focus {
    outline-style: dotted !important;
  }
  .focus-outline-style-md-dashed:focus {
    outline-style: dashed !important;
  }
  .focus-outline-style-md-solid:focus {
    outline-style: solid !important;
  }
  .focus-outline-style-md-double:focus {
    outline-style: double !important;
  }
  .focus-outline-style-md-none:focus {
    outline-style: none !important;
  }
  .focus-outline-color-md-black:focus {
    outline-color: var(--black) !important;
  }
  .focus-outline-color-md-white:focus {
    outline-color: var(--white) !important;
  }
  .focus-outline-width-md-0:focus {
    outline-width: 0 !important;
  }
  .focus-outline-width-md-1:focus {
    outline-width: 1px !important;
  }
  .focus-outline-width-md-2:focus {
    outline-width: 2px !important;
  }
  .focus-outline-width-md-4:focus {
    outline-width: 4px !important;
  }
  .focus-outline-offset-md-0:focus {
    outline-offset: 0 !important;
  }
  .focus-outline-offset-md-1:focus {
    outline-offset: 1px !important;
  }
  .focus-outline-offset-md--1:focus {
    outline-offset: -1px !important;
  }
  .focus-outline-offset-md-2:focus {
    outline-offset: 2px !important;
  }
  .focus-outline-offset-md--2:focus {
    outline-offset: -2px !important;
  }
  .focus-outline-offset-md-4:focus {
    outline-offset: 4px !important;
  }
  .focus-outline-offset-md--4:focus {
    outline-offset: -4px !important;
  }
  .focus-outline-default-md:focus {
    outline: 2px dotted;
    outline-offset: 2px;
  }
  .focus-outline-contrast-md:focus {
    outline: 2px solid var(--white);
    border: 2px solid var(--black) !important;
  }
}
@media (min-width: 1012px) {
  .focus-outline-style-lg-dotted:focus {
    outline-style: dotted !important;
  }
  .focus-outline-style-lg-dashed:focus {
    outline-style: dashed !important;
  }
  .focus-outline-style-lg-solid:focus {
    outline-style: solid !important;
  }
  .focus-outline-style-lg-double:focus {
    outline-style: double !important;
  }
  .focus-outline-style-lg-none:focus {
    outline-style: none !important;
  }
  .focus-outline-color-lg-black:focus {
    outline-color: var(--black) !important;
  }
  .focus-outline-color-lg-white:focus {
    outline-color: var(--white) !important;
  }
  .focus-outline-width-lg-0:focus {
    outline-width: 0 !important;
  }
  .focus-outline-width-lg-1:focus {
    outline-width: 1px !important;
  }
  .focus-outline-width-lg-2:focus {
    outline-width: 2px !important;
  }
  .focus-outline-width-lg-4:focus {
    outline-width: 4px !important;
  }
  .focus-outline-offset-lg-0:focus {
    outline-offset: 0 !important;
  }
  .focus-outline-offset-lg-1:focus {
    outline-offset: 1px !important;
  }
  .focus-outline-offset-lg--1:focus {
    outline-offset: -1px !important;
  }
  .focus-outline-offset-lg-2:focus {
    outline-offset: 2px !important;
  }
  .focus-outline-offset-lg--2:focus {
    outline-offset: -2px !important;
  }
  .focus-outline-offset-lg-4:focus {
    outline-offset: 4px !important;
  }
  .focus-outline-offset-lg--4:focus {
    outline-offset: -4px !important;
  }
  .focus-outline-default-lg:focus {
    outline: 2px dotted;
    outline-offset: 2px;
  }
  .focus-outline-contrast-lg:focus {
    outline: 2px solid var(--white);
    border: 2px solid var(--black) !important;
  }
}
@media (min-width: 1280px) {
  .focus-outline-style-xl-dotted:focus {
    outline-style: dotted !important;
  }
  .focus-outline-style-xl-dashed:focus {
    outline-style: dashed !important;
  }
  .focus-outline-style-xl-solid:focus {
    outline-style: solid !important;
  }
  .focus-outline-style-xl-double:focus {
    outline-style: double !important;
  }
  .focus-outline-style-xl-none:focus {
    outline-style: none !important;
  }
  .focus-outline-color-xl-black:focus {
    outline-color: var(--black) !important;
  }
  .focus-outline-color-xl-white:focus {
    outline-color: var(--white) !important;
  }
  .focus-outline-width-xl-0:focus {
    outline-width: 0 !important;
  }
  .focus-outline-width-xl-1:focus {
    outline-width: 1px !important;
  }
  .focus-outline-width-xl-2:focus {
    outline-width: 2px !important;
  }
  .focus-outline-width-xl-4:focus {
    outline-width: 4px !important;
  }
  .focus-outline-offset-xl-0:focus {
    outline-offset: 0 !important;
  }
  .focus-outline-offset-xl-1:focus {
    outline-offset: 1px !important;
  }
  .focus-outline-offset-xl--1:focus {
    outline-offset: -1px !important;
  }
  .focus-outline-offset-xl-2:focus {
    outline-offset: 2px !important;
  }
  .focus-outline-offset-xl--2:focus {
    outline-offset: -2px !important;
  }
  .focus-outline-offset-xl-4:focus {
    outline-offset: 4px !important;
  }
  .focus-outline-offset-xl--4:focus {
    outline-offset: -4px !important;
  }
  .focus-outline-default-xl:focus {
    outline: 2px dotted;
    outline-offset: 2px;
  }
  .focus-outline-contrast-xl:focus {
    outline: 2px solid var(--white);
    border: 2px solid var(--black) !important;
  }
}
/**
 * str-replace - Replace a string with a string
 * http://codepen.io/jakob-e/pen/doMoML
 *
 * @author @eriksen_dk <https://twitter.com/eriksen_dk>
 *
 * @param  {string} $string  - The haystack string to be manipulated
 * @param  {string} $search  - The needle to be replace
 * @param  {string} $replace - The replacement
 *
 * @return {string}          - The manipulated string with replaced values
 */
:root {
  --h00-size-mobile: 40px;
  --h0-size-mobile: 32px;
  --h1-size-mobile: 26px;
  --h2-size-mobile: 22px;
  --h3-size-mobile: 18px;
  --h00-size: 48px;
  --h0-size: 40px;
  --h1-size: 32px;
  --h2-size: 24px;
  --h3-size: 20px;
  --h4-size: 16px;
  --h5-size: 14px;
  --h6-size: 12px;
  --font-size-small: 12px;
  --font-weight-bold: 700;
  --font-weight-semibold: 600;
  --font-weight-normal: 400;
  --lh-condensed-ultra: 1;
  --lh-condensed: 1.25;
  --lh-default: 1.5;
  --poppins-font: "Poppins", sans-serif;
  --body-font: var(--poppins-font);
  --body-font-size: 16px;
  --body-line-height: var(--lh-default);
  --black: #222;
  --black-rgb: 34 34 34;
  --white: #fff;
  --white-rgb: 255 255 255;
  --transparent: transparent;
  --grey-000: #f0f0f0;
  --grey-100: #e5e5e5;
  --grey-200: #c4c4c4;
  --grey-300: #999999;
  --grey-400: #6c7573;
  --grey-500: #53565a;
  --grey-600: #444444;
  --grey-700: #2e3130;
  --grey-800: #27251f;
  --grey-900: #121313;
  --grey-rgb: 83 86 90;
  --teal-000: #ecf5f5;
  --teal-100: #bcdddb;
  --teal-200: #8dc4c2;
  --teal-300: #62aaa9;
  --teal-400: #39908f;
  --teal-500: #278382;
  --teal-600: #1d6f6e;
  --teal-700: #044141;
  --teal-800: #0b2828;
  --teal-900: #051010;
  --teal-rgb: 39 131 130;
  --gold-000: #fffcec;
  --gold-100: #fff4bd;
  --gold-200: #ffea90;
  --gold-300: #ffdc65;
  --gold-400: #ffc83b;
  --gold-500: #fdb924;
  --gold-600: #c58d00;
  --gold-700: #926800;
  --gold-800: #5c4109;
  --gold-900: #271c08;
  --gold-rgb: 253 185 36;
  --black-fade-15: rgb(var(--black-rgb) / 15%);
  --black-fade-30: rgb(var(--black-rgb) / 30%);
  --black-fade-50: rgb(var(--black-rgb) / 50%);
  --black-fade-70: rgb(var(--black-rgb) / 70%);
  --black-fade-85: rgb(var(--black-rgb) / 85%);
  --white-fade-15: rgb(var(--white-rgb) / 15%);
  --white-fade-30: rgb(var(--white-rgb) / 30%);
  --white-fade-50: rgb(var(--white-rgb) / 50%);
  --white-fade-70: rgb(var(--white-rgb) / 70%);
  --white-fade-85: rgb(var(--white-rgb) / 85%);
  --colour-red: #bf311a;
  --colour-teal: var(--teal-500);
  --colour-green: #4d7c28;
  --colour-amber: var(--gold-400);
  --colour-grey-dark: var(--grey-900);
  --colour-grey-light: var(--grey-400);
  --colour-grey: var(--grey-500);
  --colour-bttn-text: var(--grey-900);
  --colour-bttn-bg: var(--white);
  --colour-bttn-border: var(--black-fade-30);
  --colour-bttn-hover-bg: var(--grey-200);
  --colour-bttn-active-bg: var(--grey-300);
  --colour-bttn-focus-outline: var(--grey-900);
  --colour-fg-default: var(--grey-800);
  --colour-bg-default: var(--white);
  --colour-alert-amber: var(--colour-alert-amber);
  --colour-alert-red: var(--colour-red);
  --colour-alert-blue: #213088;
  --colour-alert-fire-advice: #fbe032;
  --colour-alert-fire-watch-act: #ff7900;
  --colour-alert-fire-emergency-warning: #d6001c;
  --yellow-600: #fdb924;
  --yellow-700: #dbab09;
  --lime: #CBD422;
}

.blankslate {
  position: relative;
  padding: 32px;
  text-align: center;
}
.blankslate p {
  color: var(--grey-800);
}
.blankslate img {
  width: 56px;
  height: 56px;
}

.rich-text-editor p {
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}
.rich-text-editor ul,
.rich-text-editor ol {
  padding: 0;
  margin: 1em 0;
  padding-left: 16px;
  padding-right: 16px;
}
.rich-text-editor li {
  font-size: var(--body-font-size);
}
.rich-text-editor a {
  color: var(--colour-fg-default);
  text-decoration: underline;
  color: currentColor;
}
.rich-text-editor a:visited {
  color: inherit;
}
.rich-text-editor a:hover {
  color: inherit;
  text-decoration: none;
  outline: none;
}
.rich-text-editor a:focus {
  color: inherit;
  outline: 2px dotted;
}
.rich-text-editor a:focus:hover {
  text-decoration: none;
}
.rich-text-editor a:focus:visited {
  color: inherit;
}
.rich-text-editor a:active {
  color: inherit;
  outline: none;
}

.rich-text-editor.child-p-mb-1 p:not(:last-child) {
  margin: 0 0 1em;
}

/**
 * str-replace - Replace a string with a string
 * http://codepen.io/jakob-e/pen/doMoML
 *
 * @author @eriksen_dk <https://twitter.com/eriksen_dk>
 *
 * @param  {string} $string  - The haystack string to be manipulated
 * @param  {string} $search  - The needle to be replace
 * @param  {string} $replace - The replacement
 *
 * @return {string}          - The manipulated string with replaced values
 */
:root {
  --h00-size-mobile: 40px;
  --h0-size-mobile: 32px;
  --h1-size-mobile: 26px;
  --h2-size-mobile: 22px;
  --h3-size-mobile: 18px;
  --h00-size: 48px;
  --h0-size: 40px;
  --h1-size: 32px;
  --h2-size: 24px;
  --h3-size: 20px;
  --h4-size: 16px;
  --h5-size: 14px;
  --h6-size: 12px;
  --font-size-small: 12px;
  --font-weight-bold: 700;
  --font-weight-semibold: 600;
  --font-weight-normal: 400;
  --lh-condensed-ultra: 1;
  --lh-condensed: 1.25;
  --lh-default: 1.5;
  --poppins-font: "Poppins", sans-serif;
  --body-font: var(--poppins-font);
  --body-font-size: 16px;
  --body-line-height: var(--lh-default);
  --black: #222;
  --black-rgb: 34 34 34;
  --white: #fff;
  --white-rgb: 255 255 255;
  --transparent: transparent;
  --grey-000: #f0f0f0;
  --grey-100: #e5e5e5;
  --grey-200: #c4c4c4;
  --grey-300: #999999;
  --grey-400: #6c7573;
  --grey-500: #53565a;
  --grey-600: #444444;
  --grey-700: #2e3130;
  --grey-800: #27251f;
  --grey-900: #121313;
  --grey-rgb: 83 86 90;
  --teal-000: #ecf5f5;
  --teal-100: #bcdddb;
  --teal-200: #8dc4c2;
  --teal-300: #62aaa9;
  --teal-400: #39908f;
  --teal-500: #278382;
  --teal-600: #1d6f6e;
  --teal-700: #044141;
  --teal-800: #0b2828;
  --teal-900: #051010;
  --teal-rgb: 39 131 130;
  --gold-000: #fffcec;
  --gold-100: #fff4bd;
  --gold-200: #ffea90;
  --gold-300: #ffdc65;
  --gold-400: #ffc83b;
  --gold-500: #fdb924;
  --gold-600: #c58d00;
  --gold-700: #926800;
  --gold-800: #5c4109;
  --gold-900: #271c08;
  --gold-rgb: 253 185 36;
  --black-fade-15: rgb(var(--black-rgb) / 15%);
  --black-fade-30: rgb(var(--black-rgb) / 30%);
  --black-fade-50: rgb(var(--black-rgb) / 50%);
  --black-fade-70: rgb(var(--black-rgb) / 70%);
  --black-fade-85: rgb(var(--black-rgb) / 85%);
  --white-fade-15: rgb(var(--white-rgb) / 15%);
  --white-fade-30: rgb(var(--white-rgb) / 30%);
  --white-fade-50: rgb(var(--white-rgb) / 50%);
  --white-fade-70: rgb(var(--white-rgb) / 70%);
  --white-fade-85: rgb(var(--white-rgb) / 85%);
  --colour-red: #bf311a;
  --colour-teal: var(--teal-500);
  --colour-green: #4d7c28;
  --colour-amber: var(--gold-400);
  --colour-grey-dark: var(--grey-900);
  --colour-grey-light: var(--grey-400);
  --colour-grey: var(--grey-500);
  --colour-bttn-text: var(--grey-900);
  --colour-bttn-bg: var(--white);
  --colour-bttn-border: var(--black-fade-30);
  --colour-bttn-hover-bg: var(--grey-200);
  --colour-bttn-active-bg: var(--grey-300);
  --colour-bttn-focus-outline: var(--grey-900);
  --colour-fg-default: var(--grey-800);
  --colour-bg-default: var(--white);
  --colour-alert-amber: var(--colour-alert-amber);
  --colour-alert-red: var(--colour-red);
  --colour-alert-blue: #213088;
  --colour-alert-fire-advice: #fbe032;
  --colour-alert-fire-watch-act: #ff7900;
  --colour-alert-fire-emergency-warning: #d6001c;
  --yellow-600: #fdb924;
  --yellow-700: #dbab09;
  --lime: #CBD422;
}

.AnimatedEllipsis {
  display: inline-block;
  overflow: hidden;
  vertical-align: bottom;
}
.AnimatedEllipsis::after {
  display: inline-block;
  content: "...";
  animation: AnimatedEllipsis-keyframes 1.2s steps(4, jump-none) infinite;
}
@keyframes AnimatedEllipsis-keyframes {
  0% {
    transform: translateX(-100%);
  }
}

/**
 * skeleton-effect
 * https://github.com/nolimits4web/skeleton-elements
 * 
 * @author Vladimir Kharlampidi
 * 
 */
.skeleton-effect-blink, .skeleton-effect-wave {
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 25%, black 75%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0%, black 25%, black 75%, transparent 100%);
  -webkit-mask-size: 200% 100%;
  mask-size: 200% 100%;
  -webkit-mask-repeat: repeat;
  mask-repeat: repeat;
  -webkit-mask-position: 50% top;
  mask-position: 50% top;
  animation: skeleton-effect-wave 1s infinite;
}
.skeleton-effect-fade {
  animation: skeleton-effect-fade 1s infinite;
}
.skeleton-effect-pulse {
  animation: skeleton-effect-pulse 1s infinite;
}

@keyframes skeleton-effect-fade {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@keyframes skeleton-effect-wave {
  0% {
    -webkit-mask-position: 50% top;
    mask-position: 50% top;
  }
  100% {
    -webkit-mask-position: -150% top;
    mask-position: -150% top;
  }
}
@keyframes skeleton-effect-pulse {
  0% {
    transform: scale(1);
  }
  40% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.975);
  }
  100% {
    transform: scale(1);
  }
}
.detailLeftCol__block {
  background: #fff;
  padding: 1.5em 13px;
  border-top: 4px solid var(--teal-500);
}
.detailLeftCol__block .grade-heading-section {
  margin-bottom: 18px;
}
.detailLeftCol__block .grade-heading-section h3 {
  margin-right: 31px;
  margin-bottom: 0;
}
.detailLeftCol__block .grade-heading-section h3::before {
  background-color: #00639e !important;
}
.detailLeftCol__block .grade-heading-section p {
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 0;
}
.detailLeftCol__block .detailLeftCol__grade-section {
  margin: 0 13px;
}
@media only screen and (max-width: 35em) {
  .detailLeftCol__block .detailLeftCol__grade-section {
    margin: 0;
  }
}
.detailLeftCol__block .detailLeftCol__grade-section .detailLeftCol__grade-title {
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 18px;
}
@media only screen and (max-width: 35em) {
  .detailLeftCol__block .detailLeftCol__grade-section .detailLeftCol__grade-title {
    margin-bottom: 14.4px;
  }
}
.detailLeftCol__block .detailLeftCol__grade-section .detailLeftCol__grade-group h4,
.detailLeftCol__block .detailLeftCol__grade-section .detailLeftCol__grade__block h4 {
  font-size: 18px;
  font-weight: 700;
  margin: 3.6px 0;
}
.detailLeftCol__block .detailLeftCol__grade-section .detailLeftCol__grade-group {
  margin: 0 0 20px;
  display: flex;
}
@media only screen and (max-width: 35em) {
  .detailLeftCol__block .detailLeftCol__grade-section .detailLeftCol__grade-group {
    flex-direction: column;
    margin: 0;
  }
}
.detailLeftCol__block .detailLeftCol__grade-section .detailLeftCol__grade-group .detailLeftCol__grade-group-item {
  margin: 0;
  border-left: solid 1px #acacad;
  padding: 0 13px;
}
.detailLeftCol__block .detailLeftCol__grade-section .detailLeftCol__grade-group .detailLeftCol__grade-group-item:first-child {
  border-left: 0;
  padding-left: 0;
}
.detailLeftCol__block .detailLeftCol__grade-section .detailLeftCol__grade-group .detailLeftCol__grade-group-item:last-child {
  padding-right: 0;
}
@media only screen and (max-width: 35em) {
  .detailLeftCol__block .detailLeftCol__grade-section .detailLeftCol__grade-group .detailLeftCol__grade-group-item {
    border-left: 0;
    padding-left: 0;
    margin: 0 0 16px;
  }
}
.detailLeftCol__block .detailLeftCol__grade-section .detailLeftCol__grade-group .detailLeftCol__grade-group-item p {
  font-size: 13px;
  margin: 0;
  color: #595a5b;
}
.detailLeftCol__block .detailLeftCol__grade-section .detailLeftCol__grade__block {
  margin: 0 0 20px;
}
@media only screen and (max-width: 35em) {
  .detailLeftCol__block .detailLeftCol__grade-section .detailLeftCol__grade__block {
    margin-bottom: 16px;
  }
}
.detailLeftCol__block .detailLeftCol__grade-section .detailLeftCol__grade__block p {
  font-size: 13px;
}
.detailLeftCol__block h3 {
  margin-bottom: 9px;
}

.listing__item .listingResults__specialOffer {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  font-size: 1.1em;
  font-weight: 700;
  text-transform: uppercase;
  padding: 6px 10px;
  margin: 0;
  background-color: var(--lime);
}
.visit .listing__item .listingResults__specialOffer {
  background-color: var(--lime);
}
.things .listing__item .listingResults__specialOffer {
  background-color: var(--lime);
}
.camping .listing__item .listingResults__specialOffer {
  background-color: var(--lime);
}
.venue .listing__item .listingResults__specialOffer {
  background-color: var(--lime);
}
.things .listing__item.visit .listingResults__specialOffer {
  background-color: var(--lime);
}
.things .listing__item.camping .listingResults__specialOffer {
  background-color: var(--lime);
}
.things .listing__item.venue .listingResults__specialOffer {
  background-color: var(--lime);
}

/* Special Offer Badge */
.specialOffer__badge {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  background-color: var(--lime);
  padding: 5px 10px;
  text-transform: uppercase;
  margin-right: 10px;
  font-size: 1.1em;
  font-weight: 700;
}
.visit .specialOffer__badge {
  background-color: var(--lime);
}
.things .specialOffer__badge {
  background-color: var(--lime);
}
.camping .specialOffer__badge {
  background-color: var(--lime);
}
.venue .specialOffer__badge {
  background-color: var(--lime);
}
.education .specialOffer__badge {
  background-color: var(--lime);
}
.specialOffer__badge.visit {
  background-color: var(--lime) !important;
}
.specialOffer__badge.things {
  background-color: var(--lime) !important;
}
.specialOffer__badge.camping {
  background-color: var(--lime) !important;
}
.specialOffer__badge.venue {
  background-color: var(--lime) !important;
}
.specialOffer__badge.education {
  background-color: var(--lime) !important;
}

/* Overview - Special Offer */
.overview__specialOffer {
  background-color: #fff;
  position: relative;
  top: -35px;
  padding: 15px 25px;
  border-width: 5px;
  border-style: solid;
  border-color: var(--lime);
  border-radius: 3px;
}
.overview__specialOffer .specialOffer__title {
  margin-bottom: 5px;
  vertical-align: middle;
}
.overview__specialOffer .specialOffer__title h3 {
  display: inline;
  vertical-align: middle;
  font-size: 2.2em;
  line-height: 1.5em;
}
.overview__specialOffer p {
  font-size: 1.7em;
  margin-bottom: 0;
}
.overview__specialOffer:after, .overview__specialOffer:before {
  left: 100%;
  top: 26px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.bundle .overview__specialOffer:after, .bundle .overview__specialOffer:before {
  display: none;
}
.overview__specialOffer:after {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #fff;
  border-width: 15px;
  margin-top: -15px;
}
.overview__specialOffer:before {
  border-width: 21px;
  margin-top: -21px;
  border-color: transparent;
  border-left-color: var(--lime);
}
.visit .overview__specialOffer:before {
  border-color: transparent;
  border-left-color: var(--lime);
}
.things .overview__specialOffer:before {
  border-color: transparent;
  border-left-color: var(--lime);
}
.camping .overview__specialOffer:before {
  border-color: transparent;
  border-left-color: var(--lime);
}
.venue .overview__specialOffer:before {
  border-color: transparent;
  border-left-color: var(--lime);
}
.education .overview__specialOffer:before {
  border-color: transparent;
  border-left-color: var(--lime);
}
.visit .overview__specialOffer {
  border-color: var(--lime);
}
.things .overview__specialOffer {
  border-color: var(--lime);
}
.camping .overview__specialOffer {
  border-color: var(--lime);
}
.venue .overview__specialOffer {
  border-color: var(--lime);
}
.education .overview__specialOffer {
  border-color: var(--lime);
}

.scrollingBox .scrollingBox__item .specialOffer__badge {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  font-family: var(--poppins-font);
  font-weight: var(--font-weight-normal);
  padding: 6px 10px;
  margin: 0;
}

@media only screen and (max-width: 47.5em) {
  .overview__specialOffer {
    top: 0;
    margin-bottom: 20px;
  }
  .overview__specialOffer::before, .overview__specialOffer::after {
    border: none;
  }
}
@media only screen and (max-width: 41.25em) {
  #listingResults .listing__item .listingResults__specialOffer {
    top: 0;
    left: 0;
  }
  #listingResults .listing__item p:not(.listingResults__specialOffer) {
    display: none;
  }
}
@media only screen and (max-width: 35em) {
  .overview__specialOffer p {
    font-size: 1.5em;
  }
  #listingResults .listing__item p:not(.listingResults__specialOffer) {
    display: none;
  }
}