@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cal+Sans&display=swap");
@-moz-keyframes videoOverlayMove {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 6px;
  }
}
@-webkit-keyframes videoOverlayMove {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 6px;
  }
}
@-ms-keyframes videoOverlayMove {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 6px;
  }
}
@-o-keyframes videoOverlayMove {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 6px;
  }
}
@keyframes videoOverlayMove {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 6px;
  }
}
@-moz-keyframes carouselKenBurns {
  0% {
    transform: scale(1.3);
  }
  70% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes carouselKenBurns {
  0% {
    transform: scale(1.3);
  }
  70% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}
@-ms-keyframes carouselKenBurns {
  0% {
    transform: scale(1.3);
  }
  70% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}
@-o-keyframes carouselKenBurns {
  0% {
    transform: scale(1.3);
  }
  70% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes carouselKenBurns {
  0% {
    transform: scale(1.3);
  }
  70% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}
:root {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
}

*,
*::before,
*::after {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  height: 100%;
}
html.no-scroll,
body.no-scroll {
  overflow: hidden;
}

body {
  position: relative;
  width: 100%;
  text-align: center;
}
body * {
  outline: none;
}

body * {
  -webkit-text-size-adjust: none;
}

header.page-top {
  float: left;
  width: 0px;
  height: 0px;
  overflow: hidden;
  font-size: 0.000005em;
  text-indent: -99999px;
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: 1rem;
}

h1.page-top {
  float: left;
  width: 0px;
  height: 0px;
  overflow: hidden;
  font-size: 0.000005em;
  text-indent: -99999px;
  text-align: left;
}

address {
  font-style: normal;
}

strong {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
strong em {
  font-family: "Roboto", sans-serif;
  font-style: italic;
}

em {
  font-family: "Roboto", sans-serif;
  font-style: italic;
}
em strong {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}

.page-width {
  width: 100%;
  padding: 0 1rem;
}
@media only screen and (min-width: 980px) {
  .page-width {
    padding: 0;
  }
}
@media only screen and (min-width: 980px) and (max-width: 1209px) {
  .page-width {
    width: 916px;
  }
}
@media only screen and (min-width: 1210px) {
  .page-width {
    width: 1146px;
  }
}

.group {
  zoom: 1;
}
.group:before, .group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}

.clear {
  clear: both;
  height: 0px;
  display: block;
}

.clear-left {
  clear: left;
  height: 0px;
  display: block;
}

.clear-right {
  clear: right;
  height: 0px;
  display: block;
}

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

.bold {
  font-weight: 700;
}

.screen-reader-text,
.assistive-text {
  float: left;
  width: 0px;
  height: 0px;
  overflow: hidden;
  font-size: 0.000005em;
  text-indent: -99999px;
  text-align: left;
}

.hidden {
  display: none;
}

.display-none {
  display: none;
}

p img {
  padding: 0;
  max-width: 100%;
}
p.ccc-about {
  display: none;
}

.alignleft {
  float: left;
  margin-right: 1.3rem;
  margin-bottom: 1.3rem;
}
.alignleft img {
  display: inline;
}
@media only screen and (max-width: 769px) {
  .alignleft {
    display: block;
    float: none;
    margin: auto;
  }
  .alignleft img {
    display: block;
  }
}

.alignright {
  float: right;
  margin-left: 1.3rem;
  margin-bottom: 1.3rem;
}
.alignright img {
  display: inline;
}
@media only screen and (max-width: 769px) {
  .alignright {
    display: block;
    float: none;
    margin: auto;
  }
  .alignright img {
    display: block;
  }
}

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

img {
  display: block;
  max-width: 100%;
  border: none;
}
img.aligncenter {
  display: block;
  margin: auto;
  margin-top: 1rem;
}
img.alignleft {
  margin-right: 1.5rem;
}
img.alignright {
  margin-left: 1.5rem;
}
img.alignleft, img.alignright, img.aligncenter {
  margin-bottom: 1rem;
}
img.alignleft, img.alignright {
  display: inline;
}
@media only screen and (max-width: 769px) {
  img.alignleft, img.alignright {
    display: block;
    margin: 0 auto 1.3rem;
  }
}

.noborder {
  border: none !important;
}

.nobackground {
  background: none !important;
}

a {
  text-decoration: none;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.page-width {
  margin: 0 auto;
  text-align: left;
}

.theme-default .nivoSlider {
  box-shadow: none;
}

:root {
  --clr-black: rgb( 0, 0, 0 );
  --clr-white: rgb( 255, 255, 255 );
  --clr-grey: rgb( 116, 114, 115 );
  --clr-dark_grey: color-mix( in srgb, var( --clr-black ) 50%, var( --clr-grey ) );
  --clr-darker_grey: color-mix( in srgb, var( --clr-black ) 75%, var( --clr-grey ) );
  --clr-blue: rgb( 0, 77, 123 );
  --clr-blue_dark: rgb( 0, 62, 98 );
  --clr-blue_light: rgb( 51, 113, 149 );
  --clr-gold: rgb( 237, 184, 20 );
  --clr-green: rgb( 0, 117, 74 );
  --clr-green_dark: rgb( 5, 47, 14 );
  --clr-red: rgb( 190, 21, 34 );
  --clr-yellow: rgb( 255, 197, 43 );
  --clr-orange: rgb( 226, 130, 13 );
  --clr-pink: rgb( 227, 0, 123 );
  --clr-purple: rgb( 74, 28, 98 );
  --clr-social_bluesky: rgb( 92, 139, 255 );
  --clr-social_facebook: rgb( 73, 109, 169 );
  --clr-social_instagram: rgb( 111, 84, 167 );
  --clr-social_linkedin: rgb( 0, 133, 175 );
  --clr-social_mastodon: rgb( 89, 90, 255 );
  --clr-social_youtube: rgb( 220, 60, 50 );
  --header-background-colour: var( --clr-black );
  --main-background-colour: color-mix( in srgb, var( --clr-white ) 95%, var( --clr-black ) );
  --social-background-colour: color-mix( in srgb, var( --clr-black ) 100%, var( --clr-white ) );
  --mobile-nav-social-bg-colour: hsl( from var( --clr-white ) h s l / 0.05 );
  --mobile-nav-social-bg-colour-hover: var( --clr-black );
  --desktop-nav-social-bg-colour: transparent;
  --desktop-nav-social-bg-colour-hover: color-mix( in srgb, var( --clr-black ) 70%, var( --clr-white ) );
  --page-header-bg-colour: color-mix( in srgb, var( --clr-white ) 50%, var( --main-background-colour ) );
  --footer-background-colour: color-mix( in srgb, var( --clr-white ) 92%, var( --clr-black ) );
  --footer-nav-social-bg-colour: transparent;
  --main-body-content-colour: color-mix( in srgb, var( --clr-black ) 60%, var( --clr-white ) );
  --mobile-nav-social-colour: var( --clr-white );
  --desktop-nav-social-colour: var( --clr-white );
  --meta-body-text-colour: color-mix( in srgb, var( --clr-white ) 40%, var( --main-body-content-colour ) );
  --footer-content-colour: color-mix( in srgb, var( --clr-black ) 50%, var( --clr-white ) );
  --footer-content-colour-hover: color-mix( in srgb, var( --clr-black ) 15%, var( --footer-content-colour ) );
  --footer-text-colour: color-mix( in srgb, var( --clr-black ) 15%, var( --footer-content-colour ) );
  --footer-nav-social-colour: color-mix( in srgb, var( --clr-black ) 30%, var( --footer-content-colour ) );
  --href-link-text-colour: var( --clr-blue );
  --href-hover-text-colour: color-mix( in srgb, var( --href-link-text-colour ) 70%, var( --clr-white ) );
  --meta-href-link-text-colour: color-mix( in srgb, var( --clr-white ) 40%, var( --href-link-text-colour ) );
  --meta-href-hover-text-colour: color-mix( in srgb, var( --clr-white ) 40%, var( --href-hover-text-colour ) );
  --form-input-text-colour: var( --clr-black );
  --form-input-background-colour: var( --clr-white );
  --form-message-standard-border-colour: color-mix( in srgb, var( --main-background-colour ) 92%, var( --clr-black ) );
  --form-submit-button-off-colour: var( --clr-blue );
  --form-submit-button-hover-colour: color-mix( in srgb, var( --form-submit-button-off-colour ) 70%, var( --clr-white ) );
}
:root .body-header {
  background-color: var(--header-background-colour);
  background-image: url("../gfx/header-bg.jpg");
  border-bottom-color: var(--clr-blue);
}
:root .body-header div.transparency {
  background-color: hsl(from var(--clr-darker_grey) h s l/0.9);
}
:root .body-content div.page-header {
  background-color: hsl(from var(--page-header-bg-colour) h s l/1);
}
:root .body-footer div.page-width div.nav nav.footer-links {
  border-color: hsl(from var(--footer-text-colour) h s l/0.1);
}
:root .body-footer div.page-width div.nav nav.footer-links ul li:before {
  color: hsl(from var(--footer-text-colour) h s l/0.2);
}
:root .body-footer div.page-width div.nav nav.footer-links ul li a:link, :root .body-footer div.page-width div.nav nav.footer-links ul li a:visited {
  color: hsl(from var(--footer-text-colour) h s l/1);
}
:root .body-footer div.page-width div.nav nav.footer-links ul li a:hover, :root .body-footer div.page-width div.nav nav.footer-links ul li a:active {
  color: hsl(from var(--footer-text-colour) h s l/0.75);
}
:root .body-footer div.page-width div.social nav.social-links ul li {
  background-color: hsl(from var(--clr-white) h s l/0.3);
}
:root .body-footer div.page-width div.social nav.social-links ul li a:link svg .background, :root .body-footer div.page-width div.social nav.social-links ul li a:visited svg .background {
  fill: none;
  fill-opacity: 0%;
}
:root .body-footer div.page-width div.social nav.social-links ul li a:link svg .foreground, :root .body-footer div.page-width div.social nav.social-links ul li a:visited svg .foreground {
  fill: var(--footer-nav-social-colour);
  fill-opacity: 60%;
}
:root .body-footer div.page-width div.social nav.social-links ul li a:hover svg .background, :root .body-footer div.page-width div.social nav.social-links ul li a:active svg .background {
  fill: none;
  fill-opacity: 0%;
}
:root .body-footer div.page-width div.social nav.social-links ul li a:hover svg .foreground, :root .body-footer div.page-width div.social nav.social-links ul li a:active svg .foreground {
  fill: var(--clr-white);
  fill-opacity: 100%;
}
:root .body-footer div.page-width div.social nav.social-links ul li.bluesky:hover {
  background-color: hsl(from var(--clr-social_bluesky) h s l/1);
}
:root .body-footer div.page-width div.social nav.social-links ul li.facebook:hover {
  background-color: hsl(from var(--clr-social_facebook) h s l/1);
}
:root .body-footer div.page-width div.social nav.social-links ul li.instagram:hover {
  background-color: hsl(from var(--clr-social_instagram) h s l/1);
}
:root .body-footer div.page-width div.social nav.social-links ul li.linkedin:hover {
  background-color: hsl(from var(--clr-social_linkedin) h s l/1);
}
:root .body-footer div.page-width div.social nav.social-links ul li.mastodon:hover {
  background-color: hsl(from var(--clr-social_mastodon) h s l/1);
}
:root .body-footer div.page-width div.social nav.social-links ul li.youtube:hover {
  background-color: hsl(from var(--clr-social_youtube) h s l/1);
}
:root .body-footer div.page-width footer.colophon nav ul li:before {
  color: hsl(from var(--footer-text-colour) h s l/0.2);
}
:root .body-footer div.page-width footer.colophon nav ul li a:link, :root .body-footer div.page-width footer.colophon nav ul li a:visited {
  color: hsl(from var(--footer-text-colour) h s l/1);
}
:root .body-footer div.page-width footer.colophon nav ul li a:hover, :root .body-footer div.page-width footer.colophon nav ul li a:active {
  color: hsl(from var(--footer-text-colour) h s l/0.75);
}
:root .header-logo div.logo svg .background {
  fill: var(--clr-white);
}
:root .header-logo div.logo svg .foreground {
  fill: var(--clr-black);
}
:root .header-navigation button.hamburger svg .background {
  fill: var(--clr-white);
  fill-opacity: 0%;
}
:root .header-navigation button.hamburger svg .foreground {
  fill: var(--clr-white);
  fill-opacity: 80%;
}
@media only screen and (max-width: 979px) {
  :root .navigation-layer {
    background-color: var(--clr-black);
    background-image: url("/themes/triplearc/assets/front/gfx/nav-bg.jpg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
  :root .navigation-layer div.blur-layer {
    background-color: hsl(from var(--clr-black) h s l/0.5);
  }
}
@media only screen and (min-width: 980px) {
  :root .navigation-layer {
    background-color: transparent;
    background-image: none;
  }
}
:root .navigation-wrapper button {
  background-color: transparent;
}
:root .navigation-wrapper button.close-nav {
  opacity: 1;
}
:root .navigation-wrapper button.close-nav svg .background {
  fill: var(--clr-white);
  fill-opacity: 0%;
}
:root .navigation-wrapper button.close-nav svg .foreground {
  fill: var(--clr-white);
  fill-opacity: 80%;
}
:root .navigation-wrapper button.close-nav:hover {
  opacity: 0.7;
}
:root .navigation-wrapper div.inner-wrapper div.right nav.primary-links {
  border-right-color: hsl(from var(--clr-white) h s l/0.1);
}
:root .navigation-wrapper div.inner-wrapper div.right nav.primary-links ul li a:link, :root .navigation-wrapper div.inner-wrapper div.right nav.primary-links ul li a:visited {
  color: hsl(from var(--clr-white) h s l/1);
}
:root .navigation-wrapper div.inner-wrapper div.right nav.primary-links ul li a:hover, :root .navigation-wrapper div.inner-wrapper div.right nav.primary-links ul li a:active {
  color: hsl(from var(--clr-white) h s l/0.75);
}
:root .navigation-wrapper div.inner-wrapper div.right nav.social-links ul li {
  background-color: hsl(from var(--clr-black) h s l/0.6);
}
:root .navigation-wrapper div.inner-wrapper div.right nav.social-links ul li a:link svg .background, :root .navigation-wrapper div.inner-wrapper div.right nav.social-links ul li a:visited svg .background {
  fill: none;
  fill-opacity: 0%;
}
:root .navigation-wrapper div.inner-wrapper div.right nav.social-links ul li a:link svg .foreground, :root .navigation-wrapper div.inner-wrapper div.right nav.social-links ul li a:visited svg .foreground {
  fill: var(--clr-white);
  fill-opacity: 100%;
}
:root .navigation-wrapper div.inner-wrapper div.right nav.social-links ul li a:hover svg .background, :root .navigation-wrapper div.inner-wrapper div.right nav.social-links ul li a:active svg .background {
  fill: none;
  fill-opacity: 0%;
}
:root .navigation-wrapper div.inner-wrapper div.right nav.social-links ul li a:hover svg .foreground, :root .navigation-wrapper div.inner-wrapper div.right nav.social-links ul li a:active svg .foreground {
  fill: var(--clr-white);
  fill-opacity: 100%;
}
:root .navigation-wrapper div.inner-wrapper div.right nav.social-links ul li.bluesky:hover {
  background-color: hsl(from var(--clr-social_bluesky) h s l/1);
}
:root .navigation-wrapper div.inner-wrapper div.right nav.social-links ul li.facebook:hover {
  background-color: hsl(from var(--clr-social_facebook) h s l/1);
}
:root .navigation-wrapper div.inner-wrapper div.right nav.social-links ul li.instagram:hover {
  background-color: hsl(from var(--clr-social_instagram) h s l/1);
}
:root .navigation-wrapper div.inner-wrapper div.right nav.social-links ul li.linkedin:hover {
  background-color: hsl(from var(--clr-social_linkedin) h s l/1);
}
:root .navigation-wrapper div.inner-wrapper div.right nav.social-links ul li.mastodon:hover {
  background-color: hsl(from var(--clr-social_mastodon) h s l/1);
}
:root .navigation-wrapper div.inner-wrapper div.right nav.social-links ul li.youtube:hover {
  background-color: hsl(from var(--clr-social_youtube) h s l/1);
}
:root .navigation-wrapper div.inner-wrapper div.right div.colour-scheme-toggle button div.inner div.icon div.dark-mode {
  opacity: 0;
}
:root .navigation-wrapper div.inner-wrapper div.right div.colour-scheme-toggle button div.inner div.icon div.dark-mode svg .background {
  fill: var(--clr-white);
  fill-opacity: 0%;
  stroke-width: 0px;
}
:root .navigation-wrapper div.inner-wrapper div.right div.colour-scheme-toggle button div.inner div.icon div.dark-mode svg .foreground {
  fill: var(--clr-white);
  fill-opacity: 100%;
}
:root .navigation-wrapper div.inner-wrapper div.right div.colour-scheme-toggle button div.inner div.icon div.light-mode {
  opacity: 1;
}
:root .navigation-wrapper div.inner-wrapper div.right div.colour-scheme-toggle button div.inner div.icon div.light-mode svg .background {
  fill: var(--clr-white);
  fill-opacity: 0%;
  stroke-width: 0px;
}
:root .navigation-wrapper div.inner-wrapper div.right div.colour-scheme-toggle button div.inner div.icon div.light-mode svg .foreground {
  fill: var(--clr-white);
  fill-opacity: 100%;
}
:root .navigation-wrapper div.inner-wrapper div.right div.colour-scheme-toggle button span.dark-mode-text, :root .navigation-wrapper div.inner-wrapper div.right div.colour-scheme-toggle button span.light-mode-text {
  color: var(--clr-white);
}
:root .navigation-wrapper div.inner-wrapper div.right div.colour-scheme-toggle button span.dark-mode-text {
  display: none;
}
:root .navigation-wrapper div.inner-wrapper div.right div.colour-scheme-toggle button span.light-mode-text {
  display: inline;
}
:root main#content hr {
  background-color: color-mix(in srgb, var(--clr-content_background_colour) 95%, var(--clr-black));
}
:root main#content header.entry-header h1 {
  border-bottom: 1px solid color-mix(in srgb, var(--clr-content_background_colour) 95%, var(--clr-black));
}
:root main#content header.entry-header div.entry-meta {
  color: var(--meta-body-text-colour);
}
:root main#content header.entry-header div.entry-meta a:link, :root main#content header.entry-header div.entry-meta a:visited {
  color: var(--meta-href-link-text-colour);
}
:root main#content header.entry-header div.entry-meta a:hover, :root main#content header.entry-header div.entry-meta a:active {
  color: var(--meta-href-hover-text-colour);
}
:root main#content h2,
:root main#content h3,
:root main#content h4,
:root main#content h5,
:root main#content h6 {
  border-bottom: 1px solid color-mix(in srgb, var(--main-background-colour) 90%, var(--clr-black));
}
:root main#content p.error {
  background-color: color-mix(in srgb, var(--clr-red) 90%, var(--clr-white));
  border: 2px solid var(--clr-red);
  color: var(--clr-white);
}
:root main#content p.important {
  border: 2px solid color-mix(in srgb, var(--clr-grey) 20%, var(--clr-white));
  background-color: color-mix(in srgb, var(--clr-grey) 10%, var(--clr-white));
  color: color-mix(in srgb, var(--clr-grey) 75%, var(--clr-black));
}
:root main#content p.notice {
  border: 1px solid var(--clr-green);
  background-color: color-mix(in srgb, var(--clr-green) 10%, var(--clr-white));
  color: color-mix(in srgb, var(--clr-green) 75%, var(--clr-black));
}
:root main#content p.return-link a:link, :root main#content p.return-link a:visited {
  color: var(--clr-white);
  background-color: var(--href-link-text-colour);
}
:root main#content p.return-link a:hover, :root main#content p.return-link a:active {
  color: var(--clr-white);
  background-color: var(--href-hover-text-colour);
}
:root main#content p.warning {
  color: var(--clr-red);
}
:root main#content blockquote {
  background-color: hsl(from var(--clr-black) h s l/0.05);
  border: 1px solid color-mix(in srgb, var(--clr-black) 20%, var(--clr-white));
}
:root main#content pre {
  background-color: hsl(from var(--clr-black) h s l/0.05);
  border: 1px solid color-mix(in srgb, var(--clr-black) 20%, var(--clr-white));
}
:root main#content footer.entry-meta {
  border-top: 1px solid color-mix(in srgb, var(--clr-content_background_colour) 95%, var(--clr-white));
}
:root main#content footer.entry-meta p {
  color: var(--meta-body-text-colour);
}
:root main#content footer.entry-meta a:link, :root main#content footer.entry-meta a:visited {
  color: var(--meta-href-link-text-colour);
}
:root main#content footer.entry-meta a:hover, :root main#content footer.entry-meta a:active {
  color: var(--meta-href-hover-text-colour);
}
:root main#content nav.nav-below {
  border-top: 1px solid color-mix(in srgb, var(--clr-content_background_colour) 90%, var(--clr-black));
}
:root main#content iframe.google-map {
  background-color: hsl(from var(--clr-white) h s l/1);
}
:root main#content div.entry-content a.scroll-button {
  color: var(--clr-white);
}
:root main#content div.entry-content a.scroll-button:link, :root main#content div.entry-content a.scroll-button:visited {
  background-color: var(--form-submit-button-off-colour);
}
:root main#content div.entry-content a.scroll-button:hover, :root main#content div.entry-content a.scroll-button:active {
  background-color: var(--form-submit-button-hover-colour);
  -webkit-box-shadow: 0px 3px 5px hsl(from var(--clr-black) h s l/0.25);
  -moz-box-shadow: 0px 3px 5px hsl(from var(--clr-black) h s l/0.25);
  box-shadow: 0px 3px 5px hsl(from var(--clr-black) h s l/0.25);
}
:root main#content div.entry-content div.wp-caption p.wp-caption-text {
  background-color: color-mix(in srgb, var(--clr-black) 3%, var(--clr-white));
  color: color-mix(in srgb, var(--clr-black) 45%, var(--clr-white));
}
:root aside#secondary nav.sidebar div.body ul li a:link, :root aside#secondary nav.sidebar div.body ul li a:visited {
  background-color: color-mix(in srgb, var(--clr-white) 5%, var(--clr-content_background_colour));
}
:root aside#secondary nav.sidebar div.body ul li a:hover, :root aside#secondary nav.sidebar div.body ul li a:active {
  background-color: color-mix(in srgb, var(--clr-white) 0%, var(--clr-content_background_colour));
}
:root form li.upload-special div.container div.file-upload-wrapper:after {
  background-color: hsl(from var(--clr-white) h s l/0.1);
  border: 1px solid color-mix(in srgb, var(--clr-black) 20%, var(--clr-white));
  border-right: none;
  color: color-mix(in srgb, var(--clr-black) 40%, var(--clr-white));
}
:root form li.upload-special div.container div.file-upload-wrapper:before {
  background-color: hsl(from var(--clr-black) h s l/0.05);
  border: 1px solid color-mix(in srgb, var(--clr-black) 20%, var(--clr-white));
  border-left: none;
  color: color-mix(in srgb, var(--clr-black) 70%, var(--clr-white));
}
:root form li.upload-special div.container div.file-upload-wrapper:hover:after {
  background-color: hsl(from var(--clr-white) h s l/0.05);
  border: 1px solid color-mix(in srgb, var(--clr-black) 40%, var(--clr-white));
  border-right: none;
  color: color-mix(in srgb, var(--clr-black) 40%, var(--clr-white));
}
:root form li.upload-special div.container div.file-upload-wrapper:hover:before {
  background-color: hsl(from var(--clr-black) h s l/0.05);
  border: 1px solid color-mix(in srgb, var(--clr-black) 40%, var(--clr-white));
  border-left: none;
  color: color-mix(in srgb, var(--clr-black) 70%, var(--clr-white));
}
:root form li.upload-special.error div.container div.file-upload-wrapper:after {
  border-color: color-mix(in srgb, var(--clr-red) 70%, var(--clr-black));
}
:root form li.upload-special.error div.container div.file-upload-wrapper:before {
  background-color: color-mix(in srgb, var(--clr-red) 70%, var(--clr-black));
  border-color: color-mix(in srgb, var(--clr-red) 70%, var(--clr-black));
  color: var(--clr-white);
}
:root form li.upload-special.error div.container div.file-upload-wrapper:hover:after {
  border-color: color-mix(in srgb, var(--clr-red) 70%, var(--clr-black));
}
:root form li.upload-special.error div.container div.file-upload-wrapper:hover:before {
  border-color: color-mix(in srgb, var(--clr-red) 70%, var(--clr-black));
}
:root .cform fieldset {
  border: 1px solid var(--form-message-standard-border-colour);
}
:root .cform input,
:root .cform select,
:root .cform textarea {
  background-color: color-mix(in srgb, var(--form-input-background-colour) 30%, var(--main-background-colour));
  border-color: color-mix(in srgb, var(--form-message-standard-border-colour) 90%, var(--clr-black));
  color: hsl(from var(--form-input-text-colour) h s l/0.7);
}
:root .cform input.error:hover, :root .cform input.error:focus,
:root .cform select.error:hover,
:root .cform select.error:focus,
:root .cform textarea.error:hover,
:root .cform textarea.error:focus {
  border-color: color-mix(in srgb, var(--clr-red) 70%, var(--clr-black));
}
:root .cform input:hover, :root .cform input:focus,
:root .cform select:hover,
:root .cform select:focus,
:root .cform textarea:hover,
:root .cform textarea:focus {
  color: hsl(from var(--form-input-text-colour) h s l/1);
}
:root .cform input:hover,
:root .cform select:hover,
:root .cform textarea:hover {
  background-color: color-mix(in srgb, var(--form-input-background-colour) 65%, var(--main-background-colour));
  border-color: color-mix(in srgb, var(--form-message-standard-border-colour) 75%, var(--clr-black));
}
:root .cform input:focus,
:root .cform select:focus,
:root .cform textarea:focus {
  background-color: color-mix(in srgb, var(--form-input-background-colour) 100%, var(--main-background-colour));
  border-color: color-mix(in srgb, var(--form-message-standard-border-colour) 65%, var(--clr-black));
}
:root .cform input.cf-box-a, :root .cform input.cf-box-b,
:root .cform select.cf-box-a,
:root .cform select.cf-box-b,
:root .cform textarea.cf-box-a,
:root .cform textarea.cf-box-b {
  background-color: color-mix(in srgb, var(--form-input-background-colour) 30%, var(--main-background-colour));
  border-color: color-mix(in srgb, var(--form-message-standard-border-colour) 90%, var(--clr-black));
}
:root .cform input.cf-box-a:hover, :root .cform input.cf-box-b:hover,
:root .cform select.cf-box-a:hover,
:root .cform select.cf-box-b:hover,
:root .cform textarea.cf-box-a:hover,
:root .cform textarea.cf-box-b:hover {
  background-color: color-mix(in srgb, var(--form-input-background-colour) 65%, var(--main-background-colour));
  border-color: color-mix(in srgb, var(--form-message-standard-border-colour) 75%, var(--clr-black));
}
:root .cform input.cf-box-a:focus, :root .cform input.cf-box-b:focus,
:root .cform select.cf-box-a:focus,
:root .cform select.cf-box-b:focus,
:root .cform textarea.cf-box-a:focus,
:root .cform textarea.cf-box-b:focus {
  background-color: color-mix(in srgb, var(--form-input-background-colour) 100%, var(--main-background-colour));
  border-color: color-mix(in srgb, var(--form-message-standard-border-colour) 65%, var(--clr-black));
}
:root .cform input.cf-box-a:checked, :root .cform input.cf-box-b:checked,
:root .cform select.cf-box-a:checked,
:root .cform select.cf-box-b:checked,
:root .cform textarea.cf-box-a:checked,
:root .cform textarea.cf-box-b:checked {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20500%20500%22%3E%3Crect%20width%3D%22500%22%20height%3D%22500%22%20style%3D%22fill%3Anone%22%2F%3E%3Cpolygon%20points%3D%22196.97%20303.03%20126.26%20232.32%2090.9%20267.68%20161.61%20338.39%20196.97%20373.74%20409.1%20161.61%20373.74%20126.26%20196.97%20303.03%22%20style%3D%22fill%3Acolor-mix(in srgb, var(--clr-black) 70%, var(--clr-white))%3Bfill-opacity%3A1%22%2F%3E%3C%2Fsvg%3E");
}
:root .cform input.cf-box-a.error, :root .cform input.cf-box-b.error,
:root .cform select.cf-box-a.error,
:root .cform select.cf-box-b.error,
:root .cform textarea.cf-box-a.error,
:root .cform textarea.cf-box-b.error {
  border-color: color-mix(in srgb, var(--clr-red) 70%, var(--clr-black));
}
:root .cform input.cf-box-a.error:hover, :root .cform input.cf-box-a.error:focus, :root .cform input.cf-box-a.error:checked, :root .cform input.cf-box-b.error:hover, :root .cform input.cf-box-b.error:focus, :root .cform input.cf-box-b.error:checked,
:root .cform select.cf-box-a.error:hover,
:root .cform select.cf-box-a.error:focus,
:root .cform select.cf-box-a.error:checked,
:root .cform select.cf-box-b.error:hover,
:root .cform select.cf-box-b.error:focus,
:root .cform select.cf-box-b.error:checked,
:root .cform textarea.cf-box-a.error:hover,
:root .cform textarea.cf-box-a.error:focus,
:root .cform textarea.cf-box-a.error:checked,
:root .cform textarea.cf-box-b.error:hover,
:root .cform textarea.cf-box-b.error:focus,
:root .cform textarea.cf-box-b.error:checked {
  border-color: color-mix(in srgb, var(--clr-red) 70%, var(--clr-black));
}
:root .cform input.cf-box-a.error:checked, :root .cform input.cf-box-b.error:checked,
:root .cform select.cf-box-a.error:checked,
:root .cform select.cf-box-b.error:checked,
:root .cform textarea.cf-box-a.error:checked,
:root .cform textarea.cf-box-b.error:checked {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20500%20500%22%3E%3Crect%20width%3D%22500%22%20height%3D%22500%22%20style%3D%22fill%3Anone%22%2F%3E%3Cpolygon%20points%3D%22196.97%20303.03%20126.26%20232.32%2090.9%20267.68%20161.61%20338.39%20196.97%20373.74%20409.1%20161.61%20373.74%20126.26%20196.97%20303.03%22%20style%3D%22fill%3Avar(--clr-red)%3Bfill-opacity%3A1%22%2F%3E%3C%2Fsvg%3E");
}
:root .cform input[disabled]:hover, :root .cform input[disabled]:focus,
:root .cform select[disabled]:hover,
:root .cform select[disabled]:focus,
:root .cform textarea[disabled]:hover,
:root .cform textarea[disabled]:focus {
  border-color: color-mix(in srgb, var(--form-message-standard-border-colour) 100%, var(--clr-black));
  background-color: color-mix(in srgb, var(--form-input-background-colour) 10%, var(--main-background-colour));
  color: hsl(from var(--form-input-text-colour) h s l/0.4);
}
:root div.bg {
  background-color: var(--clr-content_background_colour);
}
:root div.form-container div.messages div.failure ul li, :root div.form-container div.messages div.success ul li {
  color: var(--clr-white);
}
:root div.form-container div.messages div.failure ul li {
  background-color: var(--clr-red);
  border: 4px solid color-mix(in srgb, var(--clr-red) 90%, var(--clr-black));
}
:root div.form-container div.messages div.success ul li {
  background-color: var(--clr-green);
  border: 4px solid color-mix(in srgb, var(--clr-green) 90%, var(--clr-black));
}

[data-scheme=dark] {
  --header-background-colour: var( --clr-blue );
  --main-background-colour: color-mix( in srgb, var( --clr-white ) 7%, var( --clr-black ) );
  --social-background-colour: color-mix( in srgb, var( --clr-black ) 0%, var( --clr-white ) );
  --mobile-nav-social-bg-colour: hsl( from var( --clr-white ) h s l / 0.05 );
  --mobile-nav-social-bg-colour-hover: var( --clr-white );
  --desktop-nav-social-bg-colour: transparent;
  --desktop-nav-social-bg-colour-hover: color-mix( in srgb, var( --clr-white ) 70%, var( --clr-black ) );
  --page-header-bg-colour: color-mix( in srgb, var( --clr-black ) 30%, var( --main-background-colour ) );
  --footer-background-colour: color-mix( in srgb, var( --clr-white ) 9%, var( --clr-black ) );
  --footer-nav-social-bg-colour: transparent;
  --main-body-content-colour: color-mix( in srgb, var( --clr-white ) 80%, var( --clr-black ) );
  --mobile-nav-social-colour: var( --clr-white );
  --desktop-nav-social-colour: var( --clr-white );
  --meta-body-text-colour: color-mix( in srgb, var( --clr-black ) 40%, var( --main-body-content-colour ) );
  --footer-content-colour: var( --clr-white );
  --footer-content-colour-hover: color-mix( in srgb, var( --clr-white ) 15%, var( --footer-content-colour ) );
  --footer-text-colour: var( --footer-content-colour );
  --footer-nav-social-colour: var( --footer-content-colour );
  --href-link-text-colour: color-mix( in srgb, var( --clr-blue ) 80%, var( --clr-white ) );
  --href-hover-text-colour: color-mix( in srgb, var( --href-link-text-colour ) 70%, var( --clr-black ) );
  --meta-href-link-text-colour: color-mix( in srgb, var( --clr-black ) 40%, var( --href-link-text-colour ) );
  --meta-href-hover-text-colour: color-mix( in srgb, var( --clr-black ) 40%, var( --href-hover-text-colour ) );
  --form-input-text-colour: var( --clr-white );
  --form-input-background-colour: var( --clr-black );
  --form-message-standard-border-colour: color-mix( in srgb, var( --main-background-colour ) 92%, var( --clr-white ) );
  --form-submit-button-off-colour: var( --clr-blue );
  --form-submit-button-hover-colour: color-mix( in srgb, var( --form-submit-button-off-colour ) 70%, var( --clr-black ) );
}
[data-scheme=dark] .body-content div.page-header {
  background-color: hsl(from var(--page-header-bg-colour) h s l/1);
}
[data-scheme=dark] .body-footer {
  --base-opacity: 30%;
}
[data-scheme=dark] .body-footer div.page-width div.nav {
  opacity: var(--base-opacity);
}
[data-scheme=dark] .body-footer div.page-width div.social nav.social-links ul li {
  background-color: hsl(from var(--clr-black) h s l/0.1);
}
[data-scheme=dark] .body-footer div.page-width footer.colophon {
  opacity: var(--base-opacity);
}
[data-scheme=dark] .navigation-wrapper button {
  background-color: transparent;
}
[data-scheme=dark] .navigation-wrapper button.close-nav {
  opacity: 1;
}
[data-scheme=dark] .navigation-wrapper button.close-nav svg .background {
  fill: var(--clr-white);
  fill-opacity: 0%;
}
[data-scheme=dark] .navigation-wrapper button.close-nav svg .foreground {
  fill: var(--clr-white);
  fill-opacity: 80%;
}
[data-scheme=dark] .navigation-wrapper button.close-nav:hover {
  opacity: 0.7;
}
[data-scheme=dark] .navigation-wrapper div.inner-wrapper div.right div.colour-scheme-toggle button div.inner div.icon div.dark-mode {
  opacity: 1;
}
[data-scheme=dark] .navigation-wrapper div.inner-wrapper div.right div.colour-scheme-toggle button div.inner div.icon div.dark-mode svg .background {
  fill: var(--clr-white);
  fill-opacity: 0%;
  stroke-width: 0px;
}
[data-scheme=dark] .navigation-wrapper div.inner-wrapper div.right div.colour-scheme-toggle button div.inner div.icon div.dark-mode svg .foreground {
  fill: var(--clr-white);
  fill-opacity: 100%;
}
[data-scheme=dark] .navigation-wrapper div.inner-wrapper div.right div.colour-scheme-toggle button div.inner div.icon div.light-mode {
  opacity: 0;
}
[data-scheme=dark] .navigation-wrapper div.inner-wrapper div.right div.colour-scheme-toggle button div.inner div.icon div.light-mode svg .background {
  fill: var(--clr-white);
  fill-opacity: 0%;
  stroke-width: 0px;
}
[data-scheme=dark] .navigation-wrapper div.inner-wrapper div.right div.colour-scheme-toggle button div.inner div.icon div.light-mode svg .foreground {
  fill: var(--clr-white);
  fill-opacity: 100%;
}
[data-scheme=dark] .navigation-wrapper div.inner-wrapper div.right div.colour-scheme-toggle button span.dark-mode-text, [data-scheme=dark] .navigation-wrapper div.inner-wrapper div.right div.colour-scheme-toggle button span.light-mode-text {
  color: var(--clr-white);
}
[data-scheme=dark] .navigation-wrapper div.inner-wrapper div.right div.colour-scheme-toggle button span.dark-mode-text {
  display: inline;
}
[data-scheme=dark] .navigation-wrapper div.inner-wrapper div.right div.colour-scheme-toggle button span.light-mode-text {
  display: none;
}
@media only screen and (min-width: 980px) {
  [data-scheme=dark] .navigation-wrapper div.inner-wrapper div.right div.colour-scheme-toggle button div.inner span {
    color: hsl(from var(--clr-white) h s l/0.5);
  }
  [data-scheme=dark] .navigation-wrapper div.inner-wrapper div.right div.colour-scheme-toggle button span {
    background-color: hsl(from var(--clr-black) h s l/0.05);
  }
  [data-scheme=dark] .navigation-wrapper div.inner-wrapper div.right div.colour-scheme-toggle button:hover div.inner span {
    color: hsl(from var(--clr-white) h s l/0.75);
  }
}
[data-scheme=dark] main#content hr {
  background-color: color-mix(in srgb, var(--main-background-colour) 95%, var(--clr-white));
}
[data-scheme=dark] main#content header.entry-header h1 {
  border-bottom: 1px solid color-mix(in srgb, var(--main-background-colour) 95%, var(--clr-white));
}
[data-scheme=dark] main#content header.entry-header div.entry-meta {
  color: var(--meta-body-text-colour);
}
[data-scheme=dark] main#content header.entry-header div.entry-meta a:link, [data-scheme=dark] main#content header.entry-header div.entry-meta a:visited {
  color: var(--meta-href-link-text-colour);
}
[data-scheme=dark] main#content header.entry-header div.entry-meta a:hover, [data-scheme=dark] main#content header.entry-header div.entry-meta a:active {
  color: var(--meta-href-hover-text-colour);
}
[data-scheme=dark] main#content h2,
[data-scheme=dark] main#content h3,
[data-scheme=dark] main#content h4,
[data-scheme=dark] main#content h5,
[data-scheme=dark] main#content h6 {
  border-bottom: 1px solid color-mix(in srgb, var(--main-background-colour) 90%, var(--clr-white));
}
[data-scheme=dark] main#content p.error {
  background-color: color-mix(in srgb, var(--clr-red) 90%, var(--clr-white));
  border: 2px solid var(--clr-red);
  color: var(--clr-white);
}
[data-scheme=dark] main#content p.important {
  border: 2px solid color-mix(in srgb, var(--clr-white) 20%, var(--clr-black));
  background-color: color-mix(in srgb, var(--clr-white) 7.5%, var(--clr-black));
  color: color-mix(in srgb, var(--clr-white) 75%, var(--clr-black));
}
[data-scheme=dark] main#content p.notice {
  border: 1px solid var(--clr-green);
  background-color: color-mix(in srgb, var(--clr-green) 10%, var(--clr-white));
  color: color-mix(in srgb, var(--clr-green) 75%, var(--clr-black));
}
[data-scheme=dark] main#content p.return-link a:link, [data-scheme=dark] main#content p.return-link a:visited {
  color: var(--clr-black);
  background-color: var(--href-link-text-colour);
}
[data-scheme=dark] main#content p.return-link a:hover, [data-scheme=dark] main#content p.return-link a:active {
  color: var(--clr-black);
  background-color: var(--href-hover-text-colour);
}
[data-scheme=dark] main#content p.warning {
  color: var(--clr-red);
}
[data-scheme=dark] main#content blockquote {
  background-color: hsl(from var(--clr-black) h s l/0.1);
  border: 1px solid color-mix(in srgb, var(--clr-black) 80%, var(--clr-white));
}
[data-scheme=dark] main#content pre {
  background-color: hsl(from var(--clr-black) h s l/0.1);
  border: 1px solid color-mix(in srgb, var(--clr-black) 80%, var(--clr-white));
}
[data-scheme=dark] main#content footer.entry-meta {
  border-top: 1px solid color-mix(in srgb, var(--main-background-colour) 95%, var(--clr-black));
}
[data-scheme=dark] main#content footer.entry-meta p {
  color: var(--meta-body-text-colour);
}
[data-scheme=dark] main#content footer.entry-meta a:link, [data-scheme=dark] main#content footer.entry-meta a:visited {
  color: var(--meta-href-link-text-colour);
}
[data-scheme=dark] main#content footer.entry-meta a:hover, [data-scheme=dark] main#content footer.entry-meta a:active {
  color: var(--meta-href-hover-text-colour);
}
[data-scheme=dark] main#content nav.nav-below {
  border-top: 1px solid color-mix(in srgb, var(--main-background-colour) 90%, var(--clr-white));
}
[data-scheme=dark] main#content iframe.google-map {
  background-color: hsl(from var(--clr-white) h s l/1);
}
[data-scheme=dark] main#content div.entry-content a.scroll-button {
  color: var(--clr-white);
}
[data-scheme=dark] main#content div.entry-content a.scroll-button:link, [data-scheme=dark] main#content div.entry-content a.scroll-button:visited {
  background-color: var(--form-submit-button-off-colour);
}
[data-scheme=dark] main#content div.entry-content a.scroll-button:hover, [data-scheme=dark] main#content div.entry-content a.scroll-button:active {
  background-color: var(--form-submit-button-hover-colour);
  -webkit-box-shadow: 0px 3px 5px hsl(from var(--clr-black) h s l/0.25);
  -moz-box-shadow: 0px 3px 5px hsl(from var(--clr-black) h s l/0.25);
  box-shadow: 0px 3px 5px hsl(from var(--clr-black) h s l/0.25);
}
[data-scheme=dark] main#content div.entry-content div.wp-caption p.wp-caption-text {
  background-color: color-mix(in srgb, var(--clr-black) 3%, var(--clr-white));
  color: color-mix(in srgb, var(--clr-black) 45%, var(--clr-white));
}
[data-scheme=dark] aside#secondary nav.sidebar div.body ul li a:link, [data-scheme=dark] aside#secondary nav.sidebar div.body ul li a:visited {
  background-color: color-mix(in srgb, var(--clr-black) 5%, var(--main-background-colour));
}
[data-scheme=dark] aside#secondary nav.sidebar div.body ul li a:hover, [data-scheme=dark] aside#secondary nav.sidebar div.body ul li a:active {
  background-color: color-mix(in srgb, var(--clr-black) 0%, var(--main-background-colour));
}
[data-scheme=dark] form li.upload-special div.container div.file-upload-wrapper:after {
  background-color: hsl(from var(--clr-white) h s l/0.1);
  border: 1px solid transparent;
  color: color-mix(in srgb, var(--clr-black) 40%, var(--clr-white));
}
[data-scheme=dark] form li.upload-special div.container div.file-upload-wrapper:before {
  background-color: color-mix(in srgb, var(--clr-white) 18%, var(--clr-black));
  border: none;
  color: color-mix(in srgb, var(--clr-black) 20%, var(--clr-white));
}
[data-scheme=dark] form li.upload-special div.container div.file-upload-wrapper:hover:after {
  background-color: hsl(from var(--clr-white) h s l/0.05);
  border: 1px solid transparent;
  color: color-mix(in srgb, var(--clr-black) 40%, var(--clr-white));
}
[data-scheme=dark] form li.upload-special div.container div.file-upload-wrapper:hover:before {
  background-color: color-mix(in srgb, var(--clr-white) 18%, var(--clr-black));
  border: none;
  color: color-mix(in srgb, var(--clr-black) 20%, var(--clr-white));
}
[data-scheme=dark] form li.upload-special.error div.container div.file-upload-wrapper:after {
  border: 1px solid var(--clr-red);
  color: var(--clr-red);
}
[data-scheme=dark] form li.upload-special.error div.container div.file-upload-wrapper:before {
  background-color: var(--clr-red);
  color: var(--clr-white);
}
[data-scheme=dark] form li.upload-special.error div.container div.file-upload-wrapper:hover:after {
  border: 1px solid color-mix(in srgb, var(--clr-red) 10%, var(--clr-black));
}
[data-scheme=dark] form li.upload-special.error div.container div.file-upload-wrapper:hover:before {
  background-color: color-mix(in srgb, var(--clr-red) 10%, var(--clr-black));
}
[data-scheme=dark] .iti__country-list {
  background-color: var(--clr-black);
  border-color: var(--clr-dark_grey);
}
[data-scheme=dark] .iti__divider {
  border-color: var(--clr-darker_grey);
}
[data-scheme=dark] div.bg {
  background-color: var(--main-background-colour);
}
[data-scheme=dark] div.form-container div.messages div.failure ul li, [data-scheme=dark] div.form-container div.messages div.success ul li {
  color: var(--clr-white);
}
[data-scheme=dark] div.form-container div.messages div.failure ul li {
  background-color: var(--clr-red);
  border: 4px solid color-mix(in srgb, var(--clr-red) 90%, var(--clr-black));
}
[data-scheme=dark] div.form-container div.messages div.success ul li {
  background-color: var(--clr-green);
  border: 4px solid color-mix(in srgb, var(--clr-green) 90%, var(--clr-black));
}

body {
  background-color: var(--main-background-colour);
  color: var(--main-body-content-colour);
}

a:link, a:visited {
  color: var(--href-link-text-colour);
}
a:hover, a:active {
  color: var(--href-hover-text-colour);
}

.linklove {
  display: none !important;
}

div#usermessagea {
  font-size: 1.2rem;
  text-align: center;
}
div#usermessagea.mailerr {
  display: block;
  color: color-mix(in srgb, var(--clr-red) 60%, var(--clr-black));
}
div#usermessagea.success {
  display: block;
  border: 1px dotted var(--form-message-standard-border-colour);
  font-family: "Roboto", sans-serif;
}
div#usermessagea.failure {
  display: block;
  border: 1px solid color-mix(in srgb, var(--clr-red) 53%, var(--clr-black));
  background-color: color-mix(in srgb, var(--clr-red) 87%, var(--clr-black));
  color: var(--clr-white);
  font-family: "Roboto", sans-serif;
}
div#usermessagea.waiting {
  display: block;
  font-weight: normal;
  border: 1px dotted var(--form-message-standard-border-colour);
}

.cform .cf_error {
  color: color-mix(in srgb, var(--clr-red) 60%, var(--clr-black));
  border: 1px solid var(--clr-red);
}
.cform .cf_errortxt {
  color: color-mix(in srgb, var(--clr-red) 60%, var(--clr-black));
}
.cform .cf_hidden {
  display: none !important;
}
.cform div.cf_info {
  display: none;
  text-align: center;
  padding: 10px 15px !important;
  width: 300px;
  line-height: 1.3em;
  margin: 10px auto 0 auto;
  clear: both;
  font-size: 1.1rem;
}
.cform div.cf_info a {
  color: var(--clr-red) !important;
  text-decoration: underline !important;
}
.cform div.cf_info ol {
  margin: 0;
  padding: 5px 15px 0 30px;
}
.cform div.cf_info ol li {
  padding: 1px 0;
  margin: 2px 0;
}
.cform fieldset {
  margin-top: 15px;
  padding: 10px 20px 15px 20px;
  border: 1px solid hsl(from var(--clr-black) h s l/0.05);
}
.cform img {
  display: inline !important;
  margin: 0.5em 0 0 0.4em;
}
.cform img.captcha {
  vertical-align: text-top;
  margin: -12px 0 0 15px !important;
  padding: 0 !important;
  border: none !important;
  float: none !important;
}
.cform img.captcha-reset {
  vertical-align: text-bottom;
  margin: 0 0 2px 3px;
  width: 21px;
  height: 21px;
  border: none;
}
.cform img.imgcalendar {
  border: none;
}
.cform label {
  width: 150px;
  margin: 0px;
  padding: 0.3em 2em 0.3em 0;
  display: -moz-inline-box;
  display: inline-block;
  text-align: left;
  vertical-align: top;
  line-height: 160%;
}
.cform label span {
  width: 150px;
  display: block;
}
.cform label.cf-before {
  margin: 4px 10px 0 0;
}
.cform label.cf-after {
  margin: 0 0 0 2px;
  text-align: left;
  width: 170px;
}
.cform label.cf-after span {
  width: 170px;
  padding-top: 3px;
  margin-bottom: -3px;
  display: block;
}
.cform label.cf-group-after {
  margin: 0 0 0 2px;
  width: 170px;
  text-align: left;
}
.cform label.cf-group-after span {
  width: 170px;
  padding-top: 3px;
  margin-bottom: -3px;
  display: block;
}
.cform label.secq, .cform label.seccap {
  width: 150px;
  margin: 0px;
  padding: 0.3em 2em 0.3em 0;
  display: -moz-inline-box;
  display: inline-block;
  text-align: left;
  vertical-align: top;
  line-height: 160%;
}
.cform label.seccap {
  display: block;
}
.cform label.seccap span {
  width: 150px;
  display: block;
}
.cform legend {
  margin: 0;
  margin-left: -10px;
  padding: 0 10px;
  font-size: 1rem;
  text-transform: uppercase;
  color: hsl(from var(--clr-black) h s l/0.3);
  letter-spacing: 2px;
}
.cform ol.cf-ol {
  margin: 0;
  padding: 2px 0 0 0 !important;
  border-top: 0px solid var(--clr-green);
}
.cform ol.cf-ol li {
  background: none;
  margin: 5px 0;
  padding: 0;
  list-style: none;
  text-align: left;
  text-transform: normal;
  line-height: 1.1em;
}
.cform ol.cf-ol li.textonly {
  font-size: 1rem;
  margin: 1.5em -20px 0;
  padding: 1.5em 25px 0.5em 20px;
  border-top: 1px solid color-mix(in srgb, var(--clr-white) 95%, var(--clr-black));
  line-height: 160%;
}
.cform ol.cf-ol li.cf-box-title {
  font-family: "Roboto", sans-serif;
}
.cform ol.cf-ol li.cf-box-group {
  padding: 0 0 10px 10px;
}
.cform ol.cf-ol li.cf-box-group label {
  padding-left: 5px;
  width: 175px;
}
.cform ol.cf-ol li.cf_li_err {
  border: none;
}
.cform ol.cf-ol li ul.cf_li_text_err {
  margin: 0 0 0 10px;
  padding: 0;
  color: color-mix(in srgb, var(--clr-white) 20%, var(--clr-black));
}
.cform ol.cf-ol li ul.cf_li_text_err li {
  list-style: none;
  font-family: "Roboto", sans-serif;
  text-indent: 0;
  margin: 0 0 2px;
  padding-left: 15px;
}
.cform ol.cf-ol li ul.cf_li_text_err li:before {
  content: "";
}
.cform span.data {
  padding: 0.3em 2em 0.3em 0;
  display: -moz-inline-box;
  display: inline-block;
  text-align: left;
  vertical-align: top;
  line-height: 160%;
}
.cform span.reqtxt, .cform span.emailreqtxt {
  margin: 0px;
  display: inline-block;
  padding: 0.5em 0 0 0.6em;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  color: var(--clr-red);
  vertical-align: top;
  font-size: 1rem;
  line-height: 1.2em;
}
.cform input,
.cform textarea,
.cform select {
  padding: 0.6em;
  margin-top: 3px;
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  border: 1px solid color-mix(in srgb, var(--clr-white) 95%, var(--clr-black));
  outline: 0;
  color: color-mix(in srgb, var(--clr-white) 60%, var(--clr-black));
  vertical-align: top;
  background-color: var(--clr-white);
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
.cform input:hover,
.cform textarea:hover,
.cform select:hover {
  border: 1px solid color-mix(in srgb, var(--clr-white) 60%, var(--clr-black));
  background-color: var(--clr-white);
  color: color-mix(in srgb, var(--clr-white) 40%, var(--clr-black));
}
.cform input:focus,
.cform textarea:focus,
.cform select:focus {
  border: 1px solid color-mix(in srgb, var(--clr-white) 40%, var(--clr-black));
  background-color: var(--clr-white);
  color: color-mix(in srgb, var(--clr-white) 20%, var(--clr-black));
}
.cform input.fldemail {
  text-transform: lowercase;
}
.cform input.single {
  width: 270px;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
.cform input.secinput {
  padding: 0.6em;
  margin-top: 3px;
  outline: 0;
  width: 270px;
  vertical-align: top;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
.cform input.sendbutton {
  width: auto;
  margin: 15px 0 0 171px;
  padding: 10px 15px 6px;
  background-color: var(--form-submit-button-off-colour);
  border: 2px solid var(--form-submit-button-off-colour);
  color: var(--clr-white);
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  font-size: 1.75rem;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
.cform input.sendbutton:hover {
  background-color: var(--form-submit-button-hover-colour);
  border: 2px solid var(--form-submit-button-hover-colour);
  -webkit-box-shadow: 0px 3px 5px hsl(from var(--clr-black) h s l/0.25);
  -moz-box-shadow: 0px 3px 5px hsl(from var(--clr-black) h s l/0.25);
  box-shadow: 0px 3px 5px hsl(from var(--clr-black) h s l/0.25);
}
.cform input.sendbutton-disabled {
  width: auto;
  margin: 15px 0 0 171px;
  padding: 10px 15px;
  background-color: color-mix(in srgb, var(--clr-white) 93%, var(--clr-black));
  border: 2px solid color-mix(in srgb, var(--clr-white) 87%, var(--clr-black));
  color: color-mix(in srgb, var(--clr-white) 80%, var(--clr-black));
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  font-size: 1.75rem;
}
.cform input.cf_upload {
  width: auto;
  background: none;
  border: none;
  padding: 0;
}
.cform input.cf-box-a, .cform input.cf-box-b {
  margin: 5px 0 0 -10px;
  width: 16px;
  height: 22px;
  border: none;
  background: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .cform input.cf-box-a, .cform input.cf-box-b {
    width: 30px;
    height: auto;
  }
}
.cform input.cf-box-a {
  margin-left: 100px;
}
.cform input,
.cform textarea {
  width: 270px;
}
.cform textarea {
  height: 8em;
  overflow: auto;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
.cform select {
  width: 270px;
  font-size: 1rem;
}
.cform select.cfselectmulti {
  height: auto;
}
.cform p.cf-sb {
  margin: 0;
  padding: 0;
  text-align: left;
}
.cform p.cf_info {
  margin: 10px 0;
  text-align: center;
}
.cform p.success {
  color: var(--clr-green);
}
.cform p.failure {
  color: var(--clr-red);
}
.cform #cforms_captcha6,
.cform #cforms_captcha5,
.cform #cforms_captcha4,
.cform #cforms_captcha3,
.cform #cforms_captcha2,
.cform #cforms_captcha {
  height: 15px;
  width: 100px;
  padding: 4px 4px;
  margin: 0;
  vertical-align: text-bottom;
}
.cform [disabled] {
  color: color-mix(in srgb, var(--clr-white) 87%, var(--clr-black));
  border-color: color-mix(in srgb, var(--clr-white) 87%, var(--clr-black)) !important;
  background: none !important;
}
.cform .disabled {
  border-color: color-mix(in srgb, var(--clr-white) 87%, var(--clr-black)) !important;
}

#ie6 .cform input.cf-box-b,
#ie7 .cform input.cf-box-b,
#ie8 .cform input.cf-box-b,
#ie9 .cform input.cf-box-b,
#ie10 .cform input.cf-box-b {
  padding: 0;
}
#ie6 .cform select,
#ie7 .cform select,
#ie8 .cform select,
#ie9 .cform select,
#ie10 .cform select {
  font-family: Arial, sans-serif;
}

* + html .cform fieldset {
  position: relative;
  margin-top: 15px;
  padding-top: 25px;
}
* + html .cform legend {
  position: absolute;
  left: -8px;
  top: 0;
  margin-left: 0;
}
* + html img.captcha {
  margin-bottom: 1px !important;
}
* + html ol.cf-ol, * + html ol.cf-ol li {
  display: inline-block;
}

* html .cform fieldset {
  position: relative;
  margin-top: 15px;
  padding-top: 25px;
}
* html .cform legend {
  position: absolute;
  left: -8px;
  top: 0;
  margin-left: 0;
}
* html img.captcha {
  margin-bottom: 1px !important;
}
* html ol.cf-ol, * html ol.cf-ol li {
  display: inline-block;
}
* html span.reqtxt, * html span.emailreqtxt {
  display: inline-block;
}

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
  z-index: 999999;
  display: block;
  position: relative;
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
  content: " ";
  display: table;
}

.pika-single:after {
  clear: both;
}

.pika-single {
  *zoom: 1;
}

.pika-single.is-hidden {
  display: none;
}

.pika-single.is-bound {
  position: absolute;
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
}

.pika-lendar {
  float: left;
  width: 240px;
  margin: 8px;
}

.pika-title {
  position: relative;
  text-align: center;
}

.pika-label {
  display: inline-block;
  *display: inline;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff;
}

.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  top: 5px;
  filter: alpha(opacity=0);
  opacity: 0;
}

.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  /* hide text using text-indent trick, using width value (it's enough) */
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  opacity: 0.5;
  *position: absolute;
  *top: 0;
}

.pika-prev:hover,
.pika-next:hover {
  opacity: 1;
}

.pika-prev,
.is-rtl .pika-next {
  float: left;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
  *left: 0;
}

.pika-next,
.is-rtl .pika-prev {
  float: right;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
  *right: 0;
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
  opacity: 0.2;
}

.pika-select {
  display: inline-block;
  *display: inline;
}

.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}

.pika-table th,
.pika-table td {
  width: 14.2857142857%;
  padding: 0;
}

.pika-table th {
  color: #999;
  font-size: 12px;
  line-height: 25px;
  font-weight: bold;
  text-align: center;
}

.pika-button {
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #666;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  background: #f5f5f5;
}

.pika-week {
  font-size: 11px;
  color: #999;
}

.is-today .pika-button {
  color: #33aaff;
  font-weight: bold;
}

.is-selected .pika-button {
  color: #fff;
  font-weight: bold;
  background: #33aaff;
  box-shadow: inset 0 1px 3px #178fe5;
  border-radius: 3px;
}

.is-inrange .pika-button {
  background: #D5E9F7;
}

.is-startrange .pika-button {
  color: #fff;
  background: #6CB31D;
  box-shadow: none;
  border-radius: 3px;
}

.is-endrange .pika-button {
  color: #fff;
  background: #33aaff;
  box-shadow: none;
  border-radius: 3px;
}

.is-disabled .pika-button,
.is-outside-current-month .pika-button {
  pointer-events: none;
  cursor: default;
  color: #999;
  opacity: 0.3;
}

.pika-button:hover {
  color: #fff;
  background: #ff8000;
  box-shadow: none;
  border-radius: 3px;
}

/* styling for abbr */
.pika-table abbr {
  border-bottom: none;
  cursor: help;
}

@-moz-keyframes activateMainNavigation {
  0% {
    opacity: 1;
    transform: translate(0, -120%);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@-webkit-keyframes activateMainNavigation {
  0% {
    opacity: 1;
    transform: translate(0, -120%);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@-ms-keyframes activateMainNavigation {
  0% {
    opacity: 1;
    transform: translate(0, -120%);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@-o-keyframes activateMainNavigation {
  0% {
    opacity: 1;
    transform: translate(0, -120%);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes activateMainNavigation {
  0% {
    opacity: 1;
    transform: translate(0, -120%);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@-moz-keyframes deactivateMainNavigation {
  0% {
    opacity: 1;
    transform: translate(0, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, 120%);
  }
}
@-webkit-keyframes deactivateMainNavigation {
  0% {
    opacity: 1;
    transform: translate(0, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, 120%);
  }
}
@-ms-keyframes deactivateMainNavigation {
  0% {
    opacity: 1;
    transform: translate(0, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, 120%);
  }
}
@-o-keyframes deactivateMainNavigation {
  0% {
    opacity: 1;
    transform: translate(0, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, 120%);
  }
}
@keyframes deactivateMainNavigation {
  0% {
    opacity: 1;
    transform: translate(0, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, 120%);
  }
}
@-moz-keyframes animateMainNavigationLinks {
  0% {
    transform: translateX(-30rem);
  }
  100% {
    transform: translateX(0);
  }
}
@-webkit-keyframes animateMainNavigationLinks {
  0% {
    transform: translateX(-30rem);
  }
  100% {
    transform: translateX(0);
  }
}
@-ms-keyframes animateMainNavigationLinks {
  0% {
    transform: translateX(-30rem);
  }
  100% {
    transform: translateX(0);
  }
}
@-o-keyframes animateMainNavigationLinks {
  0% {
    transform: translateX(-30rem);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes animateMainNavigationLinks {
  0% {
    transform: translateX(-30rem);
  }
  100% {
    transform: translateX(0);
  }
}
@-moz-keyframes animateMainNavSocialLinks {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes animateMainNavSocialLinks {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@-ms-keyframes animateMainNavSocialLinks {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@-o-keyframes animateMainNavSocialLinks {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes animateMainNavSocialLinks {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@-moz-keyframes animateMainNavColourScheme {
  0% {
    transform: translateY(-30rem);
    opacity: 0;
  }
  100% {
    transform: translateY(1rem);
    opacity: 1;
  }
}
@-webkit-keyframes animateMainNavColourScheme {
  0% {
    transform: translateY(-30rem);
    opacity: 0;
  }
  100% {
    transform: translateY(1rem);
    opacity: 1;
  }
}
@-ms-keyframes animateMainNavColourScheme {
  0% {
    transform: translateY(-30rem);
    opacity: 0;
  }
  100% {
    transform: translateY(1rem);
    opacity: 1;
  }
}
@-o-keyframes animateMainNavColourScheme {
  0% {
    transform: translateY(-30rem);
    opacity: 0;
  }
  100% {
    transform: translateY(1rem);
    opacity: 1;
  }
}
@keyframes animateMainNavColourScheme {
  0% {
    transform: translateY(-30rem);
    opacity: 0;
  }
  100% {
    transform: translateY(1rem);
    opacity: 1;
  }
}
@-moz-keyframes animateMainNavTelephone {
  0% {
    transform: translateX(-30rem);
    opacity: 0;
  }
  100% {
    transform: translateX(1rem);
    opacity: 1;
  }
}
@-webkit-keyframes animateMainNavTelephone {
  0% {
    transform: translateX(-30rem);
    opacity: 0;
  }
  100% {
    transform: translateX(1rem);
    opacity: 1;
  }
}
@-ms-keyframes animateMainNavTelephone {
  0% {
    transform: translateX(-30rem);
    opacity: 0;
  }
  100% {
    transform: translateX(1rem);
    opacity: 1;
  }
}
@-o-keyframes animateMainNavTelephone {
  0% {
    transform: translateX(-30rem);
    opacity: 0;
  }
  100% {
    transform: translateX(1rem);
    opacity: 1;
  }
}
@keyframes animateMainNavTelephone {
  0% {
    transform: translateX(-30rem);
    opacity: 0;
  }
  100% {
    transform: translateX(1rem);
    opacity: 1;
  }
}
:root {
  --header-height-mobile: 5rem;
  --header-height-desktop: 7rem;
}

div#usermessagea.mailerr, div#usermessagea.success, div#usermessagea.failure, div#usermessagea.waiting, div#usermessage2a.mailerr, div#usermessage2a.success, div#usermessage2a.failure, div#usermessage2a.waiting, div#usermessage3a.mailerr, div#usermessage3a.success, div#usermessage3a.failure, div#usermessage3a.waiting, div#usermessage4a.mailerr, div#usermessage4a.success, div#usermessage4a.failure, div#usermessage4a.waiting, div#usermessage5a.mailerr, div#usermessage5a.success, div#usermessage5a.failure, div#usermessage5a.waiting, div#usermessage6a.mailerr, div#usermessage6a.success, div#usermessage6a.failure, div#usermessage6a.waiting, div#usermessage7a.mailerr, div#usermessage7a.success, div#usermessage7a.failure, div#usermessage7a.waiting, div#usermessage8a.mailerr, div#usermessage8a.success, div#usermessage8a.failure, div#usermessage8a.waiting, div#usermessage9a.mailerr, div#usermessage9a.success, div#usermessage9a.failure, div#usermessage9a.waiting, div#usermessageb.mailerr, div#usermessageb.success, div#usermessageb.failure, div#usermessageb.waiting, div#usermessage2b.mailerr, div#usermessage2b.success, div#usermessage2b.failure, div#usermessage2b.waiting, div#usermessage3b.mailerr, div#usermessage3b.success, div#usermessage3b.failure, div#usermessage3b.waiting, div#usermessage4b.mailerr, div#usermessage4b.success, div#usermessage4b.failure, div#usermessage4b.waiting, div#usermessage5b.mailerr, div#usermessage5b.success, div#usermessage5b.failure, div#usermessage5b.waiting, div#usermessage6b.mailerr, div#usermessage6b.success, div#usermessage6b.failure, div#usermessage6b.waiting, div#usermessage7b.mailerr, div#usermessage7b.success, div#usermessage7b.failure, div#usermessage7b.waiting, div#usermessage8b.mailerr, div#usermessage8b.success, div#usermessage8b.failure, div#usermessage8b.waiting, div#usermessage9b.mailerr, div#usermessage9b.success, div#usermessage9b.failure, div#usermessage9b.waiting {
  margin: 15px 0 -10px;
  padding: 1em;
  font-size: 1rem;
  text-align: center;
}
div#usermessagea.mailerr, div#usermessage2a.mailerr, div#usermessage3a.mailerr, div#usermessage4a.mailerr, div#usermessage5a.mailerr, div#usermessage6a.mailerr, div#usermessage7a.mailerr, div#usermessage8a.mailerr, div#usermessage9a.mailerr, div#usermessageb.mailerr, div#usermessage2b.mailerr, div#usermessage3b.mailerr, div#usermessage4b.mailerr, div#usermessage5b.mailerr, div#usermessage6b.mailerr, div#usermessage7b.mailerr, div#usermessage8b.mailerr, div#usermessage9b.mailerr {
  display: block;
  color: var(--clr-red);
}
div#usermessagea.success, div#usermessage2a.success, div#usermessage3a.success, div#usermessage4a.success, div#usermessage5a.success, div#usermessage6a.success, div#usermessage7a.success, div#usermessage8a.success, div#usermessage9a.success, div#usermessageb.success, div#usermessage2b.success, div#usermessage3b.success, div#usermessage4b.success, div#usermessage5b.success, div#usermessage6b.success, div#usermessage7b.success, div#usermessage8b.success, div#usermessage9b.success {
  display: block;
  border: 1px dotted var(--form-message-standard-border-colour);
  font-family: "Roboto", sans-serif;
}
div#usermessagea.failure, div#usermessage2a.failure, div#usermessage3a.failure, div#usermessage4a.failure, div#usermessage5a.failure, div#usermessage6a.failure, div#usermessage7a.failure, div#usermessage8a.failure, div#usermessage9a.failure, div#usermessageb.failure, div#usermessage2b.failure, div#usermessage3b.failure, div#usermessage4b.failure, div#usermessage5b.failure, div#usermessage6b.failure, div#usermessage7b.failure, div#usermessage8b.failure, div#usermessage9b.failure {
  display: block;
  border: 1px solid color-mix(in srgb, var(--clr-red) 50%, var(--clr-black));
  background-color: color-mix(in srgb, var(--clr-red) 85%, var(--clr-black));
  color: var(--clr-white);
  font-family: "Roboto", sans-serif;
}
div#usermessagea.waiting, div#usermessage2a.waiting, div#usermessage3a.waiting, div#usermessage4a.waiting, div#usermessage5a.waiting, div#usermessage6a.waiting, div#usermessage7a.waiting, div#usermessage8a.waiting, div#usermessage9a.waiting, div#usermessageb.waiting, div#usermessage2b.waiting, div#usermessage3b.waiting, div#usermessage4b.waiting, div#usermessage5b.waiting, div#usermessage6b.waiting, div#usermessage7b.waiting, div#usermessage8b.waiting, div#usermessage9b.waiting {
  display: block;
  font-weight: normal;
  border: 1px dotted var(--form-message-standard-border-colour);
}

form.cform {
  width: 100%;
  margin: var(--form-margins-mobile);
}
form.cform fieldset {
  padding: 10px 20px 15px;
}
form.cform fieldset p.error {
  margin-top: 5px;
}
form.cform legend {
  font-family: "Roboto", sans-serif;
  font-size: 0.7rem;
  color: color-mix(in srgb, var(--clr-black) 50%, var(--clr-white));
}
form.cform ol.cf-ol li.cf-box-group {
  padding: 0 0 0 10px;
}
form.cform ol.cf-ol li.cf-box-group label {
  padding-left: 5px;
  width: auto;
}
form.cform ol.cf-ol li.error input,
form.cform ol.cf-ol li.error textarea,
form.cform ol.cf-ol li.error select {
  border: 1px solid var(--clr-red);
}
form.cform ol.cf-ol li.textonly {
  margin: 1.5em -20px 0;
  padding-top: 1.5em;
  padding-bottom: 0.5em;
  border-top: 1px solid hsl(from var(--clr-black) h s l/0.05);
  font-size: 0.9rem;
}
form.cform ol.cf-ol li.textonly.line-bottom {
  margin: 0 -20px 1.5em;
  padding-top: 0.5em;
  padding-bottom: 1.5em;
  border-top: none;
  border-bottom: 1px solid hsl(from var(--clr-black) h s l/0.05);
}
form.cform ol.cf-ol li.textonly.no-line {
  border: none;
  margin: 0 -20px 0;
  padding-top: 0;
  padding-bottom: 0;
}
form.cform ol.cf-ol li.textonly.no-line.first {
  padding-top: 0.5em;
}
form.cform ol.cf-ol li.textonly.top-gap {
  padding-top: 10px !important;
}
form.cform label {
  width: var(--label-width-mobile);
}
form.cform label span {
  width: 100%;
}
form.cform label.secq, form.cform label.seccap {
  width: var(--label-width-mobile);
}
form.cform label.secq span, form.cform label.seccap span {
  width: 100%;
}
form.cform span.reqtxt, form.cform span.emailreqtxt {
  width: var(--req-width);
}
form.cform input.cf_upload {
  width: 250px !important;
}
form.cform input.email {
  text-transform: lowercase;
}
form.cform input.single {
  width: var(--input-width-mobile);
}
form.cform input.secinput {
  width: var(--input-width-mobile);
}
form.cform input.sendbutton, form.cform input.sendbutton-disabled {
  width: 100% !important;
  margin: 13px 0 0 !important;
  padding: 20px 20px !important;
  font-size: 1.1rem;
  text-transform: none !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
form.cform input.sendbutton {
  background-color: var(--clr-black);
  background-color: var(--form-submit-button-off-colour);
  border: 1px solid var(--form-submit-button-off-colour);
  color: var(--clr-white);
  font-weight: 700;
}
form.cform input.sendbutton:hover {
  background-color: var(--form-submit-button-hover-colour);
  border: 1px solid var(--form-submit-button-hover-colour);
  color: var(--clr-white);
}
form.cform input.sendbutton-disabled, form.cform input.sendbutton[disabled] {
  border-color: color-mix(in srgb, var(--clr-black) 90%, var(--clr-white)) !important;
  background-color: color-mix(in srgb, var(--clr-black) 90%, var(--clr-white)) !important;
  color: color-mix(in srgb, var(--clr-black) 70%, var(--clr-white)) !important;
}
form.cform input.sendbutton[disabled]:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
form.cform select {
  font-size: 1rem;
}
form.cform input,
form.cform textarea,
form.cform select {
  width: var(--input-width-mobile);
  border-style: solid;
  border-width: 1px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
form.cform input.cf-box-a, form.cform input.cf-box-b,
form.cform textarea.cf-box-a,
form.cform textarea.cf-box-b,
form.cform select.cf-box-a,
form.cform select.cf-box-b {
  border-style: solid;
  border-width: 1px;
  transform: translate(0, 3px);
}
@media only screen and (min-width: 980px) {
  form.cform input.cf-box-a, form.cform input.cf-box-b,
  form.cform textarea.cf-box-a,
  form.cform textarea.cf-box-b,
  form.cform select.cf-box-a,
  form.cform select.cf-box-b {
    transform: translate(0, 8px);
  }
}
form.cform input.cf-box-a:checked, form.cform input.cf-box-b:checked,
form.cform textarea.cf-box-a:checked,
form.cform textarea.cf-box-b:checked,
form.cform select.cf-box-a:checked,
form.cform select.cf-box-b:checked {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
form.cform input.cf-box-a,
form.cform textarea.cf-box-a,
form.cform select.cf-box-a {
  margin-left: 0px;
}
form.cform input.cf-box-b,
form.cform textarea.cf-box-b,
form.cform select.cf-box-b {
  margin-right: 3px;
}
form.cform input[disabled],
form.cform textarea[disabled],
form.cform select[disabled] {
  -webkit-transition: all 0s ease-in-out;
  -moz-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  -ms-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}
form.cform div.checkbox-input {
  transform: translate(0, -3px);
}
form.cform div.iti {
  width: 100%;
  margin-top: 3px;
}
form.cform div.iti input.single {
  width: var(--iti-input-width-mobile);
}
@media only screen and (min-width: 980px) {
  form.cform {
    width: 560px;
    margin: var(--form-margins-desktop);
  }
  form.cform ol.cf-ol li.textonly {
    margin: 1.5em -20px 0;
    padding-top: 1.5em;
    padding-bottom: 0.5em;
    border-top: 1px solid hsl(from var(--clr-black) h s l/0.05);
    font-size: 0.9rem;
  }
  form.cform ol.cf-ol li.textonly.line-bottom {
    margin: 0 -20px 1.5em;
    padding-top: 0.5em;
    padding-bottom: 1.5em;
    border-top: none;
    border-bottom: 1px solid hsl(from var(--clr-black) h s l/0.05);
  }
  form.cform ol.cf-ol li.textonly.no-line {
    border: none;
    margin: 0 -20px 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  form.cform ol.cf-ol li.textonly.no-line.first {
    padding-top: 0.5em;
  }
  form.cform label {
    width: var(--label-width-desktop);
    padding-right: 0;
    padding-top: 9.5px;
  }
  form.cform label span {
    width: 100%;
  }
  form.cform label.secq, form.cform label.seccap {
    display: inline-block;
    width: var(--label-width-desktop);
    padding-top: 9.5px;
    padding-right: 0;
  }
  form.cform label.seccap span {
    display: inline-block;
    width: 100%;
  }
  form.cform input.cf_upload {
    width: 250px !important;
  }
  form.cform input.single {
    width: var(--input-width-desktop);
  }
  form.cform input.secinput {
    width: var(--input-width-desktop);
  }
  form.cform input.sendbutton, form.cform input.sendbutton-disabled {
    width: 100% !important;
  }
  form.cform input,
  form.cform textarea,
  form.cform select {
    width: var(--input-width-desktop);
  }
  form.cform span.reqtxt, form.cform span.emailreqtxt {
    width: var(--req-width);
  }
  form.cform div.iti {
    width: var(--input-width-desktop);
  }
  form.cform div.iti input.single {
    width: var(--iti-input-width-desktop);
  }
}

@keyframes spinneralt {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
:root {
  interpolate-size: allow-keywords;
}

.body-header {
  position: fixed;
  z-index: 75;
  width: 100%;
  padding: 1.25rem 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom-width: 10px;
  border-bottom-style: solid;
}
@media only screen and (min-width: 980px) {
  .body-header {
    padding: 1.75rem 0;
    border-bottom-width: 10px;
  }
}
.body-header div.transparency {
  position: absolute;
  inset: 0;
}

.body-hero {
  position: relative;
}

.body-content {
  position: relative;
  z-index: 50;
  padding-top: calc(5rem + 10px);
}
@media only screen and (min-width: 980px) {
  .body-content {
    padding-top: calc(7rem + 10px);
  }
}
.body-content div.page-header {
  --padding-multiplier: 3;
  text-align: center;
  background-color: hsl(from var(--clr-purple) h s l/1);
  background-position: 50% 50%;
  background-repeat: repeat;
  background-size: cover;
}
@media only screen and (max-width: 979px) {
  .body-content div.page-header {
    --top-margin: calc( calc( var( --header-height-mobile ) * var( --padding-multiplier ) ) * -1 );
    --top-padding: calc( var( --header-height-mobile ) * var( --padding-multiplier ) );
  }
}
@media only screen and (min-width: 980px) {
  .body-content div.page-header {
    --top-margin: calc( calc( var( --header-height-desktop ) * var( --padding-multiplier ) ) * -1 );
    --top-padding: calc( var( --header-height-desktop ) * var( --padding-multiplier ) );
  }
}
.body-content div.page-header div.bg-layer div.blur-layer {
  margin-top: var(--top-margin);
  padding-top: var(--top-padding);
}
.body-content div.page-header div.bg-layer div.blur-layer div.inner {
  width: 100%;
  text-align: left;
  color: rgb(var(--clr-white));
}
@media only screen and (min-width: 980px) {
  .body-content div.page-header div.bg-layer div.blur-layer div.inner {
    display: table;
    height: 100%;
    min-height: var(--min-header-height);
    padding: 4rem 0 2rem;
  }
}
.body-content div.page-header div.bg-layer div.blur-layer div.inner header.entry-header {
  padding: 3rem 1rem 2rem;
}
@media only screen and (min-width: 980px) {
  .body-content div.page-header div.bg-layer div.blur-layer div.inner header.entry-header {
    display: table-cell;
    padding: 0 calc((100% - 916px) / 2) 1rem;
    vertical-align: bottom;
  }
}
@media only screen and (min-width: 1210px) {
  .body-content div.page-header div.bg-layer div.blur-layer div.inner header.entry-header {
    padding: 0 calc((100% - 1146px) / 2) 1rem;
  }
}
.body-content div.page-header div.bg-layer div.blur-layer div.inner header.entry-header h1 {
  font-family: "Cal Sans", sans-serif;
  font-size: 2.1rem;
  font-weight: 700;
  line-height: 120%;
}
@media only screen and (min-width: 980px) {
  .body-content div.page-header div.bg-layer div.blur-layer div.inner header.entry-header h1 {
    font-size: 2.6rem;
  }
}
.body-content div.page-header div.bg-layer div.blur-layer div.inner header.entry-header.has-meta h1 {
  margin-bottom: 0.5rem;
}
@media only screen and (min-width: 980px) {
  .body-content div.page-header div.bg-layer div.blur-layer div.inner header.entry-header.has-meta h1 {
    margin-bottom: 0.5rem;
  }
}
.body-content div.page-header div.bg-layer div.blur-layer div.inner header.entry-header.has-meta div.entry-meta {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 980px) {
  .body-content div.page-header div.bg-layer div.blur-layer div.inner header.entry-header.has-meta div.entry-meta {
    margin-bottom: 0;
  }
}
.body-content div.inner-wrapper {
  padding: 2rem 0 2rem;
}
@media only screen and (min-width: 980px) {
  .body-content div.inner-wrapper {
    padding: 3rem 0;
  }
}
.body-content div.inner-wrapper div.page-width {
  width: 100%;
  padding: 0 1rem;
}
@media only screen and (min-width: 980px) {
  .body-content div.inner-wrapper div.page-width {
    width: 916px;
    padding: 0;
  }
}
@media only screen and (min-width: 1210px) {
  .body-content div.inner-wrapper div.page-width {
    width: 1146px;
  }
  .body-content div.inner-wrapper div.page-width.one-column {
    width: 916px;
  }
}

.body-footer {
  --social-icon-mobile-size: 2.2rem;
  --social-icon-desktop-size: 2.6rem;
  --social-icon-inner-multiplier: 0.719;
  --social-icon-background-mobile-size: calc( var( --social-icon-mobile-size ) * var( --social-icon-inner-multiplier ) );
  --social-icon-background-desktop-size: calc( var( --social-icon-desktop-size ) * var( --social-icon-inner-multiplier ) );
  background-color: var(--footer-background-colour);
  color: var(--footer-text-colour);
}
.body-footer div.blur-layer {
  padding: 2rem 0;
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
}
@media only screen and (min-width: 980px) {
  .body-footer div.blur-layer {
    padding: 2rem 0;
  }
}
.body-footer div.page-width {
  text-align: left;
}
.body-footer div.page-width p {
  line-height: 140%;
  font-size: 0.7rem;
}
.body-footer div.page-width div.grid {
  text-align: center;
}
@media only screen and (min-width: 980px) {
  .body-footer div.page-width div.grid {
    display: grid;
    grid-template-columns: 4fr 3fr;
    grid-template-rows: auto;
    gap: 0px 2rem;
    grid-template-areas: "left right";
  }
  .body-footer div.page-width div.grid div.left, .body-footer div.page-width div.grid div.right {
    vertical-align: top;
  }
  .body-footer div.page-width div.grid div.left {
    grid-area: left;
    text-align: left;
  }
  .body-footer div.page-width div.grid div.right {
    grid-area: right;
    text-align: right;
  }
}
.body-footer div.page-width div.nav nav.footer-links {
  margin-bottom: 0.6rem;
  border-bottom: 0px solid transparent;
}
@media only screen and (min-width: 980px) {
  .body-footer div.page-width div.nav nav.footer-links {
    margin-bottom: 0.6rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid transparent;
  }
}
.body-footer div.page-width div.nav nav.footer-links h1 {
  float: left;
  width: 0px;
  height: 0px;
  overflow: hidden;
  font-size: 0.000005em;
  text-indent: -99999px;
  text-align: left;
}
.body-footer div.page-width div.nav nav.footer-links ul {
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: normal;
  align-content: normal;
}
@media only screen and (min-width: 980px) {
  .body-footer div.page-width div.nav nav.footer-links ul {
    justify-content: normal;
  }
}
.body-footer div.page-width div.nav nav.footer-links ul li {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  padding: 0;
  font-size: 0.85rem;
  line-height: 140%;
}
.body-footer div.page-width div.nav nav.footer-links ul li:before {
  content: "  |  ";
}
.body-footer div.page-width div.nav nav.footer-links ul li:first-child:before {
  content: "";
}
.body-footer div.page-width div.social {
  display: inline-block;
  padding-bottom: 1rem;
}
@media only screen and (min-width: 980px) {
  .body-footer div.page-width div.social {
    padding-bottom: 0;
  }
}
.body-footer div.page-width div.social nav.social-links h1 {
  float: left;
  width: 0px;
  height: 0px;
  overflow: hidden;
  font-size: 0.000005em;
  text-indent: -99999px;
  text-align: left;
}
.body-footer div.page-width div.social nav.social-links ul {
  display: flex;
  width: auto;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: normal;
  align-content: normal;
  gap: 0.2rem;
}
.body-footer div.page-width div.social nav.social-links ul * {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.body-footer div.page-width div.social nav.social-links ul li {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
  width: var(--social-icon-mobile-size);
  height: var(--social-icon-mobile-size);
  overflow: hidden;
  border-radius: 0%;
}
.body-footer div.page-width div.social nav.social-links ul li a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-size: 1rem;
}
.body-footer div.page-width div.social nav.social-links ul li a svg {
  --scale: 75%;
  display: block;
  position: absolute;
  top: calc((100% - var(--scale)) / 2);
  left: calc((100% - var(--scale)) / 2);
  width: var(--scale);
  height: var(--scale);
}
@media only screen and (min-width: 980px) {
  .body-footer div.page-width div.social nav.social-links ul li {
    width: var(--social-icon-desktop-size);
    height: var(--social-icon-desktop-size);
  }
}
.body-footer div.page-width footer.colophon p {
  text-wrap: balance;
}
.body-footer div.page-width footer.colophon nav {
  padding-top: 0.2rem;
}
.body-footer div.page-width footer.colophon nav h1 {
  float: left;
  width: 0px;
  height: 0px;
  overflow: hidden;
  font-size: 0.000005em;
  text-indent: -99999px;
  text-align: left;
}
.body-footer div.page-width footer.colophon nav ul {
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: normal;
  align-content: normal;
}
@media only screen and (min-width: 980px) {
  .body-footer div.page-width footer.colophon nav ul {
    justify-content: normal;
  }
}
.body-footer div.page-width footer.colophon nav ul li {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  padding: 0;
  font-size: 0.7rem;
  line-height: 140%;
}
.body-footer div.page-width footer.colophon nav ul li:before {
  content: "  |  ";
}
.body-footer div.page-width footer.colophon nav ul li:first-child:before {
  content: "";
}

.header-grid {
  position: relative;
  z-index: 20;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto;
  gap: 0px 50px;
  grid-template-areas: "logo navigation";
}

.header-logo {
  grid-area: logo;
  position: relative;
  width: 10.6034482759rem;
  height: 2.5rem;
  overflow: visible;
}
@media only screen and (min-width: 980px) {
  .header-logo {
    width: 14.8448275862rem;
    height: 3.5rem;
  }
}
.header-logo div.logo {
  position: absolute;
  z-index: 50;
}
.header-logo div.logo a {
  display: block;
}
.header-logo div.logo svg {
  width: 10.6034482759rem;
  height: 2.5rem;
}
@media only screen and (min-width: 980px) {
  .header-logo div.logo svg {
    width: 14.8448275862rem;
    height: 3.5rem;
  }
}

.header-navigation {
  grid-area: navigation;
  height: 40px !important;
  text-align: right;
}
@media only screen and (min-width: 980px) {
  .header-navigation {
    display: none;
  }
}
.header-navigation button.hamburger {
  width: 40px !important;
  height: 40px !important;
  background-color: transparent;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: none;
  outline: none;
  cursor: pointer;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
.header-navigation button.hamburger span.text {
  float: left;
  width: 0px;
  height: 0px;
  overflow: hidden;
  font-size: 0.000005em;
  text-indent: -99999px;
  text-align: left;
}
.header-navigation button.hamburger:hover {
  opacity: 0.7;
}

.navigation-layer {
  position: relative;
  z-index: 100;
}
@media only screen and (max-width: 979px) {
  .navigation-layer {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    min-height: 100lvh;
    padding-bottom: env(safe-area-inset-bottom);
    transform: translateY(-120%) translateZ(0);
    -webkit-transform: translateY(-120%) translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    perspective: 1000px;
  }
  .navigation-layer.activated {
    -webkit-animation: activateMainNavigation 1s;
    -moz-animation: activateMainNavigation 1s;
    -ms-animation: activateMainNavigation 1s;
    -o-animation: activateMainNavigation 1s;
    animation: activateMainNavigation 1s;
    animation-fill-mode: forwards;
  }
  .navigation-layer.deactivated {
    -webkit-animation: deactivateMainNavigation 1s;
    -moz-animation: deactivateMainNavigation 1s;
    -ms-animation: deactivateMainNavigation 1s;
    -o-animation: deactivateMainNavigation 1s;
    animation: deactivateMainNavigation 1s;
    animation-fill-mode: forwards;
  }
  .navigation-layer.hidden {
    opacity: 0;
  }
  .navigation-layer div.blur-layer {
    position: fixed;
    inset: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    z-index: -1;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .navigation-layer div.blur-layer.hidden {
    opacity: 0;
  }
  .navigation-layer div.blur-layer div.gaussian {
    height: 100%;
  }
  .navigation-layer div.blur-layer div.gaussian div.page-width {
    height: 100%;
    min-height: 100%;
    padding: 6rem calc(40px + 2rem) 4rem 2rem;
    vertical-align: bottom;
  }
}
@media only screen and (min-width: 980px) {
  .navigation-layer {
    position: fixed;
    width: 100%;
    height: auto;
    background-image: none;
    pointer-events: none;
  }
  .navigation-layer div.blur-layer {
    width: auto;
    height: auto;
  }
  .navigation-layer div.blur-layer div.gaussian {
    height: auto;
  }
  .navigation-layer div.blur-layer div.gaussian div.page-width {
    text-align: right;
  }
}

.navigation-wrapper {
  --desktop-letter-spacing: 0.3rem;
}
@media only screen and (min-width: 980px) {
  .navigation-wrapper {
    position: relative;
    text-align: right;
  }
}
.navigation-wrapper button.close-nav {
  display: block;
  position: absolute;
  z-index: 900001;
  top: 1.25rem;
  right: 1rem;
  width: 40px;
  height: 40px;
  border: none;
  outline: none;
  cursor: pointer;
  pointer-events: all;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
@media only screen and (min-width: 980px) {
  .navigation-wrapper button.close-nav {
    display: none;
  }
}
.navigation-wrapper button.close-nav svg {
  width: 100%;
  height: 100%;
}
.navigation-wrapper h1 {
  float: left;
  width: 0px;
  height: 0px;
  overflow: hidden;
  font-size: 0.000005em;
  text-indent: -99999px;
  text-align: left;
}
.navigation-wrapper div.inner-wrapper {
  --social-icon-mobile-size: 4rem;
}
.navigation-wrapper div.inner-wrapper nav.primary-links ul li {
  list-style: none;
}
@media only screen and (max-width: 979px) {
  .navigation-wrapper div.inner-wrapper nav.primary-links ul {
    transform: translateX(1rem);
  }
  .navigation-wrapper div.inner-wrapper nav.primary-links ul a {
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 1.8rem;
    font-weight: 400;
    pointer-events: all;
  }
  .navigation-wrapper div.inner-wrapper nav.primary-links ul a.reset {
    transform: translateX(-30rem);
  }
  .navigation-wrapper div.inner-wrapper nav.primary-links ul a.reset.animate {
    -webkit-animation: animateMainNavigationLinks 0.5s;
    -moz-animation: animateMainNavigationLinks 0.5s;
    -ms-animation: animateMainNavigationLinks 0.5s;
    -o-animation: animateMainNavigationLinks 0.5s;
    animation: animateMainNavigationLinks 0.5s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0, 0, 0, 1.3);
  }
}
.navigation-wrapper div.inner-wrapper nav.social-links {
  padding-top: 0.5rem;
}
.navigation-wrapper div.inner-wrapper nav.social-links ul {
  display: flex;
  list-style: none;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: normal;
  align-content: normal;
  gap: 0.2rem;
  padding: 0 0 0 1.4rem;
  transform: scale(0.7);
  transform-origin: left 50%;
}
.navigation-wrapper div.inner-wrapper nav.social-links ul * {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.navigation-wrapper div.inner-wrapper nav.social-links ul li {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
  width: var(--social-icon-mobile-size);
  height: var(--social-icon-mobile-size);
  pointer-events: none;
}
.navigation-wrapper div.inner-wrapper nav.social-links ul li.reset {
  transform: translateY(1rem);
  opacity: 0;
}
.navigation-wrapper div.inner-wrapper nav.social-links ul li.reset.animate {
  -webkit-animation: animateMainNavSocialLinks 0.5s;
  -moz-animation: animateMainNavSocialLinks 0.5s;
  -ms-animation: animateMainNavSocialLinks 0.5s;
  -o-animation: animateMainNavSocialLinks 0.5s;
  animation: animateMainNavSocialLinks 0.5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0, 0, 0, 1.3);
}
.navigation-wrapper div.inner-wrapper nav.social-links ul li a {
  display: block;
  position: relative;
  width: var(--social-icon-mobile-size);
  height: var(--social-icon-mobile-size);
  pointer-events: auto;
}
.navigation-wrapper div.inner-wrapper nav.social-links ul li a svg {
  --scale: 75%;
  display: block;
  position: absolute;
  top: calc((100% - var(--scale)) / 2);
  left: calc((100% - var(--scale)) / 2);
  width: var(--scale);
  height: var(--scale);
}
.navigation-wrapper div.inner-wrapper div.colour-scheme-toggle {
  padding-top: 0.5rem;
  transform: translate(1rem, -1rem);
}
.navigation-wrapper div.inner-wrapper div.colour-scheme-toggle button {
  height: 1.2rem;
  background-color: transparent;
  border: none;
  pointer-events: all;
  cursor: pointer;
  opacity: 1;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
.navigation-wrapper div.inner-wrapper div.colour-scheme-toggle button * {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.navigation-wrapper div.inner-wrapper div.colour-scheme-toggle button div.inner div.icon {
  position: relative;
  display: inline-block;
  width: 1.5rem;
  height: 1.2rem;
  transform: translateY(0.15rem);
}
.navigation-wrapper div.inner-wrapper div.colour-scheme-toggle button div.inner div.icon div.dark-mode, .navigation-wrapper div.inner-wrapper div.colour-scheme-toggle button div.inner div.icon div.light-mode {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.navigation-wrapper div.inner-wrapper div.colour-scheme-toggle button span.dark-mode-text, .navigation-wrapper div.inner-wrapper div.colour-scheme-toggle button span.light-mode-text {
  margin-left: 0.5rem;
}
.navigation-wrapper div.inner-wrapper div.colour-scheme-toggle button.reset {
  transform: translate(-30rem, -1rem);
  opacity: 0;
}
.navigation-wrapper div.inner-wrapper div.colour-scheme-toggle button.reset.animate {
  -webkit-animation: animateMainNavColourScheme 0.5s;
  -moz-animation: animateMainNavColourScheme 0.5s;
  -ms-animation: animateMainNavColourScheme 0.5s;
  -o-animation: animateMainNavColourScheme 0.5s;
  animation: animateMainNavColourScheme 0.5s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0, 0, 0, 1.3);
}
@media only screen and (min-width: 980px) {
  .navigation-wrapper div.inner-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: 1fr;
    gap: 0px 30px;
    grid-template-areas: "left right";
    align-content: center;
    align-items: center;
    width: calc(100% - (14.8448275862rem + 30px));
    height: 7rem;
  }
  .navigation-wrapper div.inner-wrapper div.left {
    grid-area: left;
    text-align: left;
  }
  .navigation-wrapper div.inner-wrapper div.right {
    --padding: 1.5rem;
    grid-area: right;
    text-align: right;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto;
    gap: 0px calc(var(--padding) * 0.65);
    grid-template-areas: "links scheme";
  }
  .navigation-wrapper div.inner-wrapper div.right nav.primary-links {
    --letter-spacing: 2px;
    grid-area: links;
    padding-top: 0.2rem;
    padding-right: var(--padding);
    border-right-width: 1px;
    border-right-style: solid;
  }
  .navigation-wrapper div.inner-wrapper div.right nav.primary-links ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: normal;
    align-content: normal;
    transform: translate(var(--letter-spacing), 0.1rem);
  }
  .navigation-wrapper div.inner-wrapper div.right nav.primary-links ul li {
    display: block;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    align-self: auto;
    order: 0;
    padding: 0 0 0 1.5rem;
  }
  .navigation-wrapper div.inner-wrapper div.right nav.primary-links ul li:first-child {
    padding-left: 0;
  }
  .navigation-wrapper div.inner-wrapper div.right nav.primary-links ul li a {
    font-family: "Roboto", sans-serif;
    font-size: 0.7rem;
    letter-spacing: var(--letter-spacing);
    pointer-events: all;
    text-transform: uppercase;
  }
  .navigation-wrapper div.inner-wrapper div.right nav.primary-links ul li a:link, .navigation-wrapper div.inner-wrapper div.right nav.primary-links ul li a:visited {
    color: hsl(from rgb(var(--clr-white)) h s l/0.8);
  }
  .navigation-wrapper div.inner-wrapper div.right nav.primary-links ul li a:hover, .navigation-wrapper div.inner-wrapper div.right nav.primary-links ul li a:active {
    color: hsl(from rgb(var(--clr-white)) h s l/0.5);
  }
  .navigation-wrapper div.inner-wrapper div.right nav.social-links {
    display: none;
  }
  .navigation-wrapper div.inner-wrapper div.right div.colour-scheme-toggle {
    grid-area: scheme;
    display: block;
    transform: scale(0.8) translateY(-0.45rem);
  }
  .navigation-wrapper div.inner-wrapper div.right div.colour-scheme-toggle button {
    display: block;
    height: auto;
  }
  .navigation-wrapper div.inner-wrapper div.right div.colour-scheme-toggle button div.inner div.icon:before {
    content: "";
    float: left;
    padding-bottom: 100%;
  }
  .navigation-wrapper div.inner-wrapper div.right div.colour-scheme-toggle button div.inner div.icon:after {
    content: "";
    display: table;
    clear: both;
  }
  .navigation-wrapper div.inner-wrapper div.right div.colour-scheme-toggle button span {
    display: none !important;
  }
}

main#content .small {
  font-size: 0.8rem;
}
main#content hr {
  clear: both;
  height: 1px;
  margin: 10px 0;
  border: none;
}
@media only screen and (min-width: 980px) {
  main#content hr {
    margin: 15px 0;
  }
}
main#content h1,
main#content h2,
main#content h3,
main#content h4,
main#content h5,
main#content h6 {
  font-family: "Cal Sans", sans-serif;
  font-weight: 400;
}
main#content h1 a,
main#content h2 a,
main#content h3 a,
main#content h4 a,
main#content h5 a,
main#content h6 a {
  font-weight: 400;
}
main#content h1.no-border,
main#content h2.no-border,
main#content h3.no-border,
main#content h4.no-border,
main#content h5.no-border,
main#content h6.no-border {
  padding-bottom: 0;
  border-bottom: 0;
}
main#content header.page-header {
  margin: 0 0 20px;
}
@media only screen and (min-width: 980px) {
  main#content header.page-header {
    margin: 0 0 30px;
  }
}
main#content header.page-header h1 {
  font-family: "Roboto", sans-serif;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 4px;
  line-height: 140%;
}
@media only screen and (min-width: 480px) {
  main#content header.page-header h1 br.events {
    display: none;
  }
}
main#content header.entry-header {
  margin: 0 0 15px;
}
@media only screen and (min-width: 980px) {
  main#content header.entry-header {
    margin-bottom: 20px;
  }
}
main#content header.entry-header h1 {
  margin-bottom: 5px;
  padding-bottom: 15px;
  font-family: "Cal Sans", sans-serif;
  font-size: 1.8rem;
}
main#content header.entry-header h1 a {
  font-weight: 400;
}
@media only screen and (min-width: 500px) {
  main#content header.entry-header h1 {
    font-size: 2.5rem;
  }
}
main#content header.entry-header div.entry-meta {
  margin-top: 10px;
  font-size: 0.8rem;
  line-height: 160%;
}
main#content header.entry-header div.entry-meta.tour ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  padding-left: 0;
}
main#content header.entry-header div.entry-meta.tour ul li span.dashicons {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
main#content h2,
main#content h3,
main#content h4,
main#content h5,
main#content h6 {
  margin: 0 0 10px;
  padding: 20px 0 15px;
  font-family: "Cal Sans", sans-serif;
  font-weight: 400;
}
main#content h2 a,
main#content h3 a,
main#content h4 a,
main#content h5 a,
main#content h6 a {
  font-weight: 400;
}
main#content h2 em,
main#content h3 em,
main#content h4 em,
main#content h5 em,
main#content h6 em {
  font-style: italic;
  font-weight: 400;
}
main#content h2 em strong,
main#content h3 em strong,
main#content h4 em strong,
main#content h5 em strong,
main#content h6 em strong {
  font-weight: 700;
}
main#content h2 strong,
main#content h3 strong,
main#content h4 strong,
main#content h5 strong,
main#content h6 strong {
  font-style: normal;
  font-weight: 700;
}
main#content h2 strong em,
main#content h3 strong em,
main#content h4 strong em,
main#content h5 strong em,
main#content h6 strong em {
  font-style: italic;
}
main#content h2.no-border,
main#content h3.no-border,
main#content h4.no-border,
main#content h5.no-border,
main#content h6.no-border {
  padding-bottom: 0;
  border-bottom: 0;
}
main#content h1 {
  font-size: 1.8rem;
}
main#content h1 a {
  font-family: "Cal Sans", sans-serif;
  font-weight: 400;
}
@media only screen and (min-width: 500px) {
  main#content h1 {
    font-size: 2.5rem;
  }
}
main#content h2 {
  font-size: 1.6rem;
}
@media only screen and (min-width: 500px) {
  main#content h2 {
    font-size: 2.3rem;
  }
}
main#content h2.smaller {
  font-size: 1.28rem;
}
@media only screen and (min-width: 500px) {
  main#content h2.smaller {
    font-size: 1.84rem;
  }
}
main#content h3 {
  font-size: 1.4rem;
}
@media only screen and (min-width: 500px) {
  main#content h3 {
    font-size: 2.1rem;
  }
}
main#content h4 {
  font-size: 1.2rem;
}
@media only screen and (min-width: 500px) {
  main#content h4 {
    font-size: 1.9rem;
  }
}
main#content h5 {
  font-size: 1.2rem;
}
@media only screen and (min-width: 500px) {
  main#content h5 {
    font-size: 1.9rem;
  }
}
main#content h6 {
  font-size: 1.2rem;
}
@media only screen and (min-width: 500px) {
  main#content h6 {
    font-size: 1.9rem;
  }
}
main#content a {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
main#content p,
main#content ul,
main#content ol,
main#content address {
  padding: 0.3em 0;
  line-height: 140%;
}
main#content p code,
main#content p kbd,
main#content ul code,
main#content ul kbd,
main#content ol code,
main#content ol kbd,
main#content address code,
main#content address kbd {
  font-size: 0.9rem;
}
main#content p li p,
main#content ul li p,
main#content ol li p,
main#content address li p {
  font-size: 1rem;
}
main#content p:empty {
  display: none;
}
main#content p.error {
  padding: 0.75em;
  text-align: center;
  font-family: "Roboto", sans-serif;
}
main#content p.featured {
  padding-top: 1.5em;
}
main#content p.important, main#content p.notice {
  padding: 0.75em;
}
main#content p.notice.spaced {
  margin: 15px 0 5px;
}
main#content p.return-link {
  margin-top: 0.5rem;
}
main#content p.return-link a {
  display: inline-block;
  padding: 1rem 1.2rem;
}
main#content ul,
main#content ol {
  padding-left: 1.5em;
}
@media only screen and (min-width: 449px) and (max-width: 99999px) {
  main#content ul,
  main#content ol {
    padding-left: 2.5em;
  }
}
main#content ul ul,
main#content ul ol,
main#content ol ul,
main#content ol ol {
  padding: 0 0 0 2.5em;
  font-size: 1rem;
}
main#content blockquote {
  margin: 0.7em 0;
  padding: 1.5em 2em;
}
main#content blockquote cite {
  display: block;
  padding-top: 0.3em;
  text-align: right;
}
main#content pre {
  margin: 0.7em 0;
  padding: 1.5em 2em;
}
main#content footer.entry-meta {
  margin: 20px 0 0;
  padding-top: 10px;
}
main#content footer.entry-meta p {
  padding: 0;
  font-size: 0.8rem;
}
main#content footer.entry-meta p a {
  font-weight: 400;
}
main#content nav.nav-below {
  margin: 2rem 0 0;
  padding-top: 1.5rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  gap: 0px 30px;
  grid-template-areas: "left right";
  align-content: start;
  align-items: start;
}
main#content nav.nav-below h3 {
  margin: 0;
  padding: 0;
}
main#content nav.nav-below div.nav-previous a, main#content nav.nav-below div.nav-next a {
  margin: 0;
  padding: 0;
  font-size: 1em;
}
main#content nav.nav-below div.nav-previous {
  grid-area: left;
  text-align: left;
}
main#content nav.nav-below div.nav-next {
  grid-area: right;
  text-align: right;
}
main#content iframe {
  clear: both;
  max-width: 100%;
}
main#content iframe:before {
  content: "";
  float: left;
  padding-bottom: 56.25%;
}
main#content iframe:after {
  content: "";
  display: table;
  clear: both;
}
main#content iframe.google-map {
  width: 100%;
  height: 300px;
  padding: 5px;
}
@media only screen and (orientation: landscape) {
  main#content iframe.google-map {
    height: 200px;
  }
}
@media only screen and (min-width: 770px) {
  main#content iframe.google-map {
    height: 500px;
  }
}
main#content div.entry-content {
  zoom: 1;
}
main#content div.entry-content:before, main#content div.entry-content:after {
  content: "";
  display: table;
}
main#content div.entry-content:after {
  clear: both;
}
main#content div.entry-content p {
  padding-bottom: 0.6em;
}
main#content div.entry-content a.scroll-button {
  display: block;
  width: 100%;
  height: 48px;
  margin: 5px auto;
  padding: 14px 15px 0;
  border: none;
  font-family: "Roboto", sans-serif;
  font-size: 1.1rem;
  text-align: center;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
@media only screen and (min-width: 980px) {
  main#content div.entry-content a.scroll-button {
    max-width: 520px;
  }
}
main#content div.entry-content div.wp-caption {
  width: 100% !important;
  max-width: 100% !important;
  background-color: var(--clr-yellow);
}
main#content div.entry-content div.wp-caption p.wp-caption-text {
  background-color: transparent !important;
  color: rgb(var(--clr-black)) !important;
  text-align: right;
  padding: 8px 11px 3px;
  font-size: 0.85rem !important;
}
main#content div.entry-content img {
  max-width: 100%;
  height: auto;
}
main#content div.entry-content img.full-width {
  min-width: 100%;
}

aside#secondary {
  margin: 15px 0;
  text-align: center;
}
@media only screen and (min-width: 980px) {
  aside#secondary {
    margin: 0;
    padding-bottom: 1rem;
    border: none;
    text-align: left;
  }
}
aside#secondary aside.sidebar {
  width: 50%;
  min-width: 270px;
  margin: 0 auto;
  padding-top: 15px;
}
@media only screen and (min-width: 980px) {
  aside#secondary aside.sidebar {
    padding-top: 20px;
  }
}
aside#secondary aside.sidebar.subscribe {
  text-align: center;
}
aside#secondary nav.sidebar {
  width: 50%;
  min-width: 270px;
  margin: 0 auto;
  padding-top: 10px;
}
@media only screen and (min-width: 980px) {
  aside#secondary nav.sidebar {
    width: 100%;
    padding-top: 20px;
  }
  aside#secondary nav.sidebar:first-child {
    padding-top: 0;
  }
}
aside#secondary nav.sidebar.sub-navigation {
  display: none;
}
@media only screen and (min-width: 980px) {
  aside#secondary nav.sidebar.sub-navigation {
    display: block;
  }
}
aside#secondary nav.sidebar h1 {
  margin-bottom: 15px;
  padding-top: 10px;
  font-size: 0.6rem;
  letter-spacing: 3px;
  text-align: center;
  text-transform: uppercase;
}
aside#secondary nav.sidebar h1 a,
aside#secondary nav.sidebar h1 span {
  padding-left: 3px;
  font-family: "Roboto", sans-serif;
}
aside#secondary nav.sidebar h1 a:link, aside#secondary nav.sidebar h1 a:visited {
  color: var(--href-link-text-colour);
}
aside#secondary nav.sidebar h1 a:hover, aside#secondary nav.sidebar h1 a:active {
  color: var(--href-hover-text-colour);
}
aside#secondary nav.sidebar div.body {
  padding: 5px;
  background-color: hsl(from rgb(var(--clr-black)) h s l/0.05);
}
aside#secondary nav.sidebar div.body ul {
  list-style: none;
  margin-bottom: -2px;
}
aside#secondary nav.sidebar div.body ul li {
  margin-bottom: 2px;
}
aside#secondary nav.sidebar div.body ul li a,
aside#secondary nav.sidebar div.body ul li span.no-posts {
  display: block;
  padding: 10px;
  line-height: 140%;
  font-size: 0.8rem;
}
aside#secondary nav.sidebar div.body ul li a:link, aside#secondary nav.sidebar div.body ul li a:visited {
  color: var(--main-body-text-colour);
}
aside#secondary nav.sidebar div.body ul li a:hover, aside#secondary nav.sidebar div.body ul li a:active {
  color: var(--href-hover-text-colour);
}
aside#secondary nav.sidebar div.body ul li ul {
  margin: 2px 12px;
}
@media only screen and (min-width: 980px) {
  aside#secondary nav.sidebar div.body ul li ul {
    margin: 2px 0 2px 18px;
  }
}

form {
  --form-margins-mobile: 2rem 0 1rem;
  --form-margins-desktop: 2rem auto 1rem;
  --form-margins-desktop: 0 auto;
  --req-width: 10px;
  --label-width-mobile: 100%;
  --label-width-desktop: 37%;
  --input-width-mobile: calc( 100% - var( --req-width ) );
  --input-width-desktop: calc( 100% - ( var( --label-width-desktop ) + var( --req-width ) ) );
  --upload-input-height: 40px;
  --upload-input-button-width: 135px;
  --iti-input-width-mobile: calc( 100% - var( --req-width ) );
  --iti-input-width-desktop: 100%;
}
form li.upload-special {
  margin-top: 8px !important;
}
form li.upload-special div.container {
  width: 100%;
  position: relative;
}
@media only screen and (min-width: 980px) {
  form li.upload-special div.container {
    display: grid;
    grid-template-columns: var(--label-width-desktop) 1fr;
    grid-template-rows: auto;
    gap: 0px 0px;
    grid-template-areas: "label input";
    min-height: var(--upload-input-height);
  }
  form li.upload-special div.container div.label {
    grid-area: label;
  }
  form li.upload-special div.container div.input {
    grid-area: input;
    position: relative;
  }
}
form li.upload-special div.container label {
  width: 100%;
}
form li.upload-special div.container label span {
  width: 100%;
}
@media only screen and (min-width: 980px) {
  form li.upload-special div.container label {
    padding-right: 0;
    padding-top: 9.5px;
  }
}
form li.upload-special div.container div.file-upload-wrapper {
  position: relative;
  cursor: pointer;
  width: var(--input-width-mobile);
  height: var(--upload-input-height);
  overflow: hidden;
  z-index: 1;
}
@media only screen and (min-width: 980px) {
  form li.upload-special div.container div.file-upload-wrapper {
    position: absolute;
    inset: 0 calc(100% - var(--input-width-desktop)) 0 0;
    display: inline-block;
  }
}
form li.upload-special div.container div.file-upload-wrapper:after, form li.upload-special div.container div.file-upload-wrapper:before {
  position: absolute;
  top: 0;
  display: block;
  overflow: hidden;
  pointer-events: none;
  height: var(--upload-input-height);
  font-weight: 400;
  line-height: var(--upload-input-height);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
form li.upload-special div.container div.file-upload-wrapper:after {
  left: 0;
  width: calc(100% - var(--upload-input-button-width));
  padding: 0 0.6em;
  content: attr(data-text);
  z-index: -20;
}
form li.upload-special div.container div.file-upload-wrapper:before {
  right: 0;
  width: var(--upload-input-button-width);
  padding: 0 auto;
  content: "Choose File";
  z-index: 250;
  text-align: center;
}
form li.upload-special div.container div.file-upload-wrapper input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  display: block;
  width: 100%;
  height: var(--upload-input-height);
  margin: 0;
  padding: 0;
  opacity: 0;
}
form li.upload-special.full-width div.container label {
  display: none;
}
@media only screen and (min-width: 980px) {
  form li.upload-special.full-width div.container div.file-upload-wrapper {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
  }
}

div.bg {
  position: fixed;
  inset: 0;
  z-index: -1000;
  width: 100%;
  height: 100%;
}
div.form-container div.messages {
  margin-bottom: 2rem !important;
}
div.form-container div.messages div.failure ul, div.form-container div.messages div.success ul {
  list-style: none;
  margin-bottom: -3px;
  padding: 0;
}
div.form-container div.messages div.failure ul li, div.form-container div.messages div.success ul li {
  margin-bottom: 3px;
  padding: 8px 12px;
}
div.cky-moda, div.cky-sidebar-left, div.cky-modal-open, div.cky-consent-container {
  text-align: left;
}
div[data-cky-tag=powered-by], div[data-cky-tag=detail-powered-by] {
  display: none !important;
}