@charset "UTF-8";
@font-face {
  font-family: "graebenbach";
  src: url("../eot/graebenbach-regular-2.eot");
  src: url("../eot/graebenbach-regulard41d-2.eot#iefix") format("embedded-opentype"), url("../woff/graebenbach-regular-2.woff") format("woff"), url("../ttf/graebenbach-regular-2.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "graebenbach";
  src: url("../eot/graebenbach-bold-2.eot");
  src: url("../eot/graebenbach-boldd41d-2.eot#iefix") format("embedded-opentype"), url("../woff/graebenbach-bold-2.woff") format("woff"), url("../ttf/graebenbach-bold-2.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "graebenbach";
  src: url("../eot/graebenbach-regularitalic-2.eot");
  src: url("../eot/graebenbach-regularitalicd41d-2.eot#iefix") format("embedded-opentype"), url("../woff/graebenbach-regularitalic-2.woff") format("woff"), url("../ttf/graebenbach-regularitalic-2.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "graebenbach mono";
  src: url("../eot/graebenbachmono-regular-2.eot");
  src: url("../woff/graebenbachmono-regular-2.woff") format("woff"), url("../ttf/graebenbachmono-regular-2.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "graebenbach mono";
  src: url("../eot/graebenbachmono-bold-2.eot");
  src: url("../woff/graebenbachmono-bold-2.woff") format("woff"), url("../ttf/graebenbachmono-bold-2.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
:root,
.bg__white,
.bg__grey-xxlight,
.bg__coral,
.bg__machine-green,
.bg__urban-purple,
.bg__pigeon-blue,
.bg__tooling-bronze {
  --black: #000000;
  --grey-dark: #333333;
  --grey-medium: #757575;
  --grey-light: #A3A3A3;
  --grey-xlight: #B5B5B5;
  --grey-xxlight: #F5F5F5;
  --white: #ffffff;
  --black-rgb: 0, 0, 0;
  --white-rgb: 255, 255, 255;
}

.bg__black {
  --black: #ffffff;
  --grey-dark: #cccccc;
  --grey-medium: #8a8a8a;
  --grey-light: #666666;
  --grey-xlight: #4a4a4a;
  --grey-xxlight: #111111;
  --white: #000000;
}

/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
/*
Document
========
*/
/**
Use a better box model (opinionated).
*/
*,
::before,
::after {
  box-sizing: border-box;
}

/**
Use a more readable tab size (opinionated).
*/
html {
  -moz-tab-size: 4;
  tab-size: 4;
}

/**
1. Correct the line height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/*
Sections
========
*/
/**
Remove the margin in all browsers.
*/
body {
  margin: 0;
}

/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/
body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  color: var(--black);
}

/*
Grouping content
================
*/
/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/
hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
}

/*
Text-level semantics
====================
*/
/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr[title] {
  text-decoration: underline dotted;
}

/**
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
Tabular data
============
*/
/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/
table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
}

/*
Forms
=====
*/
/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
Remove the inheritance of text transform in Edge and Firefox.
1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
  /* 1 */
  text-transform: none;
}

/**
Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
Remove the inner border and padding in Firefox.
*/
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
Restore the focus styles unset by the previous rule.
*/
:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/
:-moz-ui-invalid {
  box-shadow: none;
}

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/
legend {
  padding: 0;
}

/**
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Interactive
===========
*/
/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}

/*
Added by Hon
=============
*/
/**
Remove margin on type
*/
h1,
h2,
h3,
h4,
h5,
p {
  margin: 0;
  margin-block: 0;
}

/**
Make all text links black
*/
a {
  color: var(--black);
}

/**
Remove styling on lists
*/
ul,
ol {
  list-style-type: none;
  margin-block: 0;
  padding-inline-start: 0;
}

/**
Remove blockquote, figure styling
*/
figure,
blockquote {
  margin-block: 0;
  margin-inline: 0;
}

/**
Reset buttons
*/
button {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  color: inherit;
}

/**
Remove horizontal scroll
*/
body {
  overflow-x: hidden;
}

html {
  scroll-behavior: smooth;
}

html.no-js .no-js-hide {
  display: none;
}

/* Wrap text */
.wrap-text {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
}

/* Clearfix */
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

/* Spacing */
.m0 {
  margin: 0;
}

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

.mt-4 {
  margin-top: 1rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mt-16 {
  margin-top: 4rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.mb-16 {
  margin-bottom: 4rem;
}

.mb-32 {
  margin-bottom: 8rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pt-8 {
  padding-top: 2rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.pt-16 {
  padding-top: 4rem;
}

.pb-16 {
  padding-bottom: 4rem;
}

/* Borders */
.border-t-1 {
  border-top: solid var(--black) 1px;
}

.border-b-1 {
  border-bottom: solid var(--black) 1px;
}

.border-0 {
  border: none;
}

/* Background */
.bg__black {
  background-color: black;
  color: var(--black);
}

.bg__white {
  background-color: white;
  color: var(--black);
}

.bg__grey-xxlight {
  background-color: #F5F5F5;
  color: var(--black);
}

.bg__coral {
  background-color: #FF675D;
  color: var(--black);
}

.bg__machine-green {
  background-color: #00CF9E;
  color: var(--black);
}

.bg__urban-purple {
  background-color: #C29BFF;
  color: var(--black);
}

.bg__pigeon-blue {
  background-color: #7D9BB8;
  color: var(--black);
}

.bg__tooling-bronze {
  background-color: #C18D71;
  color: var(--black);
}

/* Display */
.block {
  display: block;
}

/* Width */
.w-fb {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}

/* Columns */
.column-count-2 {
  column-count: 2;
}

/* Buttons */
button {
  cursor: pointer;
}

/* Screen Readers */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  clip-path: inset(50%);
  border: 0;
}

.sr-only-focusable {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
  clip-path: none;
  opacity: 1;
}

.sr-unmarked-list li::before {
  content: "​";
  position: absolute;
}

.sr-skip-link {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  clip-path: inset(50%);
  border: 0;
}
.sr-skip-link:focus, .sr-skip-link:active {
  z-index: 999;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  display: inline-block;
  height: auto;
  width: auto;
  margin: 1rem 0;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  overflow: visible;
  clip: auto;
  clip-path: none;
  border-radius: 0;
  background-color: #00CF9E;
  color: #000000;
  font-weight: normal;
  text-transform: none;
  text-decoration: none;
  transition: none !important;
}

.accessibility-nav {
  position: relative;
  z-index: 9999;
  text-align: center;
  height: 0;
}

.accessibility-nav--absolute {
  position: absolute;
  z-index: 9999;
  left: 50%;
  top: 2rem;
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

/* Responsive Embeds */
.responsive-object,
.responsive-embed {
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #333333;
  overflow: hidden;
}
.responsive-object::before,
.responsive-embed::before {
  display: block;
  content: "";
  padding-top: 56.25%;
}
.responsive-object .responsive-embed__item,
.responsive-object iframe,
.responsive-object embed,
.responsive-object object,
.responsive-object video,
.responsive-embed .responsive-embed__item,
.responsive-embed iframe,
.responsive-embed embed,
.responsive-embed object,
.responsive-embed video {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  padding: 0;
}

.responsive-embed--max-h-screen {
  max-height: 100vh;
}

.responsive-embed.aspect-ratio-16by9::before {
  padding-top: 56.25%;
}

.responsive-embed.aspect-ratio-4by3::before {
  padding-top: 75%;
}

.responsive-embed.aspect-ratio-2by1::before {
  padding-top: 50%;
}

.responsive-embed.aspect-ratio-1by1::before {
  padding-top: 100%;
}

.responsive-embed.aspect-ratio-21by9::before {
  padding-top: 42.8571428571%;
}

.wrapper {
  margin-left: 1rem;
  margin-right: 1rem;
}
@media screen and (min-width: 768px) {
  .wrapper {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .wrapper {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}
@media screen and (min-width: 1660px) {
  .wrapper {
    margin-left: 4rem;
    margin-right: 4rem;
  }
}

.left-column {
  margin-left: 1rem;
  margin-right: 1rem;
}
@media screen and (min-width: 768px) {
  .left-column {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .left-column {
    grid-column-start: 1;
    grid-column-end: 3;
    margin-left: 3rem;
    margin-right: 0;
  }
}
@media screen and (min-width: 1660px) {
  .left-column {
    margin-left: 4rem;
  }
}
@media screen and (min-width: 1024px) {
  .left-column .left-column .right-column {
    grid-column-start: 1;
    grid-column-end: 5;
  }
}

.left-column--mx-0 {
  margin-left: 0;
  margin-right: 0;
}

@media screen and (min-width: 1024px) {
  .left-column__1366-break {
    width: 100%;
    padding-right: 0;
    float: none;
  }
}
@media screen and (min-width: 1366px) {
  .left-column__1366-break {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
@media screen and (min-width: 1366px) and (min-width: 768px) {
  .left-column__1366-break {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 1366px) and (min-width: 1024px) {
  .left-column__1366-break {
    grid-column-start: 1;
    grid-column-end: 3;
    margin-left: 3rem;
    margin-right: 0;
  }
}
@media screen and (min-width: 1366px) and (min-width: 1660px) {
  .left-column__1366-break {
    margin-left: 4rem;
  }
}

.right-column {
  margin-left: 1rem;
  margin-right: 1rem;
}
@media screen and (min-width: 768px) {
  .right-column {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .right-column {
    grid-column-start: 3;
    grid-column-end: 5;
    margin-left: 0;
    margin-right: 3rem;
  }
}
@media screen and (min-width: 1660px) {
  .right-column {
    margin-right: 4rem;
  }
}

.right-column__1366-break .right-column__1366-break {
  width: 100%;
  padding-left: 0;
}
@media screen and (min-width: 1366px) {
  .right-column__1366-break {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
@media screen and (min-width: 1366px) and (min-width: 768px) {
  .right-column__1366-break {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 1366px) and (min-width: 1024px) {
  .right-column__1366-break {
    grid-column-start: 3;
    grid-column-end: 5;
    margin-left: 0;
    margin-right: 3rem;
  }
}
@media screen and (min-width: 1366px) and (min-width: 1660px) {
  .right-column__1366-break {
    margin-right: 4rem;
  }
}

.right-column--bg-white {
  background-color: white;
}

.full-width {
  margin-left: 1rem;
  margin-right: 1rem;
}
@media screen and (min-width: 1024px) {
  .full-width {
    grid-column-start: 1;
    grid-column-end: 5;
  }
}
@media screen and (min-width: 768px) {
  .full-width {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .full-width {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}
@media screen and (min-width: 1660px) {
  .full-width {
    margin-left: 4rem;
    margin-right: 4rem;
  }
}

@media screen and (min-width: 1024px) {
  .section,
.simple-section {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 2rem;
  }
}

.page-section__anchor {
  display: none;
}

.content-block {
  clear: both;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.spektrix-container {
  margin-left: -1rem;
  margin-right: -1rem;
}
.spektrix-container iframe {
  border: none;
}

body {
  font-family: "graebenbach", Arial, sans-serif;
  font-size: 1.125rem;
  line-height: 1.4;
}
@media screen and (min-width: 1366px) {
  body {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1920px) {
  body {
    font-size: 1.375rem;
  }
}

h1,
.h1 {
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
  margin-top: 2rem;
  margin-bottom: 2rem;
  hyphens: auto;
}
@media screen and (min-width: 1366px) {
  h1,
.h1 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
}

.h1--small {
  font-size: 2.625rem;
}
@media screen and (min-width: 768px) {
  .h1--small {
    font-size: 3.75rem;
  }
}
@media screen and (min-width: 1366px) {
  .h1--small {
    font-size: 6rem;
  }
}
@media screen and (min-width: 1920px) {
  .h1--small {
    font-size: 8rem;
  }
}

.h1--medium {
  font-size: 3rem;
}
@media screen and (min-width: 768px) {
  .h1--medium {
    font-size: 6rem;
  }
}
@media screen and (min-width: 1366px) {
  .h1--medium {
    font-size: 8rem;
  }
}
@media screen and (min-width: 1920px) {
  .h1--medium {
    font-size: 10rem;
  }
}

.h1--large {
  font-size: 6rem;
}
@media screen and (min-width: 1366px) {
  .h1--large {
    font-size: 8rem;
  }
}
@media screen and (min-width: 1920px) {
  .h1--large {
    font-size: 10rem;
  }
}

.h1--mx-0 {
  margin-top: 0;
  margin-bottom: 0;
}

h2,
.h2 {
  font-size: 1.875rem;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  text-transform: uppercase;
  line-height: 1;
}
@media screen and (min-width: 1366px) {
  h2,
.h2 {
    font-size: 2.625rem;
  }
}
@media screen and (min-width: 1920px) {
  h2,
.h2 {
    font-size: 3rem;
  }
}
h2 + *,
.h2 + * {
  margin-top: 1em;
}

h3 {
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-size: 1.25rem;
  line-height: 1;
  font-weight: bold;
  text-transform: uppercase;
}
@media screen and (min-width: 1366px) {
  h3 {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1920px) {
  h3 {
    font-size: 1.875rem;
  }
}
h3 + * {
  margin-top: 1em;
}

.richtext {
  margin-left: 1rem;
  margin-right: 1rem;
}
@media screen and (min-width: 768px) {
  .richtext {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .richtext {
    grid-column-start: 3;
    grid-column-end: 5;
    margin-left: 0;
    margin-right: 3rem;
  }
}
@media screen and (min-width: 1660px) {
  .richtext {
    margin-right: 4rem;
  }
}
.simple-section .richtext {
  margin-left: 1rem;
  margin-right: 1rem;
}
@media screen and (min-width: 768px) {
  .simple-section .richtext {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .simple-section .richtext {
    grid-column-start: 1;
    grid-column-end: 3;
    margin-left: 3rem;
    margin-right: 0;
  }
}
@media screen and (min-width: 1660px) {
  .simple-section .richtext {
    margin-left: 4rem;
  }
}
.richtext h3 {
  border-top: solid var(--black) 1px;
  border-bottom: solid var(--black) 1px;
  padding: 0.5rem 0;
}
.richtext p:first-child {
  margin-top: 0;
}
.richtext ul {
  list-style-type: "– ";
  list-style-position: inside;
}
.richtext ol {
  list-style-type: decimal;
  list-style-position: inside;
}
.richtext li {
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 1024px) {
  .richtext {
    padding-top: 2rem;
  }
}

.richtext--pt-0 {
  padding-top: 0;
}

p + * {
  margin-top: 1em;
}

.footnote {
  font-size: 0.875rem;
}
.footnote p {
  margin: 0 0 0.5rem 9px;
}
.footnote p:first-child::before {
  content: "•  ";
}
.footnote p:first-child {
  text-indent: -9px;
}

.styled-heading.content-block {
  padding-bottom: 0;
}

#ctl00_SpektrixFooter {
  display: none;
}

.Button {
  cursor: pointer;
  display: block;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  padding: 0.35rem 0.875rem;
  margin: 0.5rem 0;
  color: white;
  transition: all 0.5s;
  width: fit-content;
  font-size: 1.25rem;
  background-color: black;
  border: none;
}
.Button:hover {
  background-color: #00CF9E;
  color: black;
}

span.Comment {
  display: block;
  margin-top: -0.5rem;
  margin-bottom: 1.5rem;
  font-size: 0.875rem;
  color: #757575;
}

label.left {
  padding-top: 0.5rem;
}

label.right {
  display: inline-block;
  vertical-align: baseline;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  font-family: "graebenbach", Arial, sans-serif;
  font-size: 0.875rem;
  text-transform: none;
  color: #757575;
}

input[type=email],
input[type=number],
input[type=search],
input[type=text],
input[type=tel],
input[type=url],
input[type=password],
input[type=date],
input[type=month],
input[type=week],
input[type=datetime],
input[type=datetime-local],
input[type=range],
input[type=color],
textarea,
select {
  display: inline-block;
  width: 100%;
  max-width: 30rem;
  margin-right: 0.5rem;
  margin-bottom: 1rem;
}

.Buttons {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

#ctl00_ContentPlaceHolder_ChooseSeatsHeadingWikiTextViewer {
  margin-bottom: 2rem;
}

.ChooseSeats h1 {
  margin-bottom: 0;
  font-size: 2.625rem;
}
@media screen and (min-width: 768px) {
  .ChooseSeats h1 {
    font-size: 3.75rem;
  }
}
@media screen and (min-width: 1366px) {
  .ChooseSeats h1 {
    font-size: 6rem;
  }
}
@media screen and (min-width: 1920px) {
  .ChooseSeats h1 {
    font-size: 8rem;
  }
}

.Event.EventDetails {
  display: none;
}

.Event.AreaAndVenueDetails {
  display: none;
}

.InstanceCalendar {
  position: relative;
  min-width: 260px;
  margin-bottom: 2rem;
  padding: 0.5rem;
  border: solid black 1px;
}
@media screen and (min-width: 1024px) {
  .InstanceCalendar {
    width: 50%;
  }
}

.NextPreviousButton {
  display: inline-block;
  width: 1rem;
  height: 1.125rem;
  vertical-align: middle;
}

.PreviousShowingButton {
  margin-right: 10px;
  background: transparent url("../svg/chevron-left-light.svg") center center no-repeat;
}

.NextShowingButton {
  margin-left: 10px;
  background: transparent url("../svg/chevron-right-light.svg") center center no-repeat;
}

.Disabled {
  opacity: 0.8 !important;
}

.DropDownCalendar {
  display: inline-block;
}
.DropDownCalendar .CalendarButton {
  position: absolute;
  top: 9px;
  right: -10px;
  cursor: pointer;
  display: inline-block;
  background: transparent url("../svg/calendar-alt-light.svg") center center no-repeat;
  border: 0;
  height: 1.5rem;
  width: 4rem;
}
.DropDownCalendar .DropDownSection {
  right: -24px;
}

.HideFromScreenA11y {
  position: absolute;
  top: -99999px;
}

.SeatingAreaHeading {
  font-size: 1.125rem;
  font-family: "graebenbach", Arial, sans-serif;
  font-weight: 400;
  text-transform: none;
}
@media screen and (min-width: 1024px) {
  .SeatingAreaHeading {
    width: 50%;
  }
}
@media screen and (min-width: 1366px) {
  .SeatingAreaHeading {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1920px) {
  .SeatingAreaHeading {
    font-size: 1.375rem;
  }
}
.SeatingAreaHeading #ctl00_ContentPlaceHolder_AreaTrailRepeater_ctl00_Label1 {
  display: inline-block;
  margin-bottom: 0.5rem;
}
.SeatingAreaHeading #ctl00_ContentPlaceHolder_AvailableAreas {
  padding: 0.5rem;
  font-size: 1.125rem;
  line-height: 1.4;
  background-color: transparent;
}

.SeatSelectable::after {
  content: "test";
}

.SeatingSelector {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.Ticket_Types_Selection {
  font-family: "graebenbach", Arial, sans-serif;
}
.Ticket_Types_Selection .TicketType {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  align-items: center;
}
.Ticket_Types_Selection .TicketType + .TicketType {
  margin-top: 1rem;
}
.Ticket_Types_Selection .left {
  grid-column: 1/span 12;
  font-family: inherit;
  font-size: inherit;
  text-transform: none;
}
@media screen and (min-width: 1024px) {
  .Ticket_Types_Selection .left {
    grid-column: 1/span 12;
  }
}
.Ticket_Types_Selection .Input_Text {
  border: solid black 1px;
  padding: 0.5rem;
  font-size: inherit;
  background-color: transparent;
  grid-column: 1/span 9;
  margin: 0;
}
.Ticket_Types_Selection .Input_Text::placeholder {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
@media screen and (min-width: 1024px) {
  .Ticket_Types_Selection .Input_Text {
    grid-column: 1/span 5;
  }
}
.Ticket_Types_Selection .Price {
  grid-column: 10/span 3;
  text-align: right;
}
@media screen and (min-width: 1024px) {
  .Ticket_Types_Selection .Price {
    grid-column: 6/span 2;
  }
}

.PriceListTable {
  border-collapse: collapse;
  text-align: right;
}
.PriceListTable th,
.PriceListTable td {
  padding: 0.5rem;
}
.PriceListTable th {
  border-bottom: solid black 1px;
}
.PriceListTable td {
  border-bottom: solid lightgrey 1px;
}
.PriceListTable .PriceBand.Info {
  text-align: left;
}

.ChooseSeats.SpektrixPage .Buttons {
  display: flex;
  gap: 1rem;
}

#ctl00_ContentPlaceHolder_UpdateBasketButton {
  cursor: pointer;
  display: block;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  padding: 0.35rem 0.875rem;
  margin: 0.5rem 0;
  color: white;
  transition: all 0.5s;
  width: fit-content;
  font-size: 1.25rem;
  background-color: black;
  border: none;
  background-color: #00CF9E;
  color: black;
}
#ctl00_ContentPlaceHolder_UpdateBasketButton:hover {
  background-color: #00CF9E;
  color: black;
}
#ctl00_ContentPlaceHolder_UpdateBasketButton:hover {
  background-color: black;
  color: white;
}

.Asterix {
  display: inline-block;
  margin-right: 0.5rem;
}

.CommissionNote {
  display: inline-block;
  margin-right: 0.5rem;
}

.PromoCode {
  margin-top: 1rem;
}
.PromoCode input[type=text] {
  border: solid black 1px;
  padding: 0.5rem;
  font-size: inherit;
  background-color: transparent;
  max-width: 430px;
  margin-top: 0.5rem;
  margin-bottom: 0;
}
.PromoCode input[type=text]::placeholder {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

.EditTickets input[type=text],
.EditTickets select {
  border: solid black 1px;
  padding: 0.5rem;
  font-size: inherit;
  background-color: transparent;
}
.EditTickets input[type=text]::placeholder,
.EditTickets select::placeholder {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
.EditTicketsHeading {
  display: none;
}

.EditTickets .Message {
  font-weight: bold;
}

#ctl00_ContentPlaceHolder_InstanceTicketsEditor table {
  width: 100%;
  text-align: left;
}
#ctl00_ContentPlaceHolder_InstanceTicketsEditor th,
#ctl00_ContentPlaceHolder_InstanceTicketsEditor td {
  padding-right: 1rem;
  padding-bottom: 1rem;
}
#ctl00_ContentPlaceHolder_InstanceTicketsEditor select {
  margin: 0;
}

#ctl00_ContentPlaceHolder_ContinueButton {
  cursor: pointer;
  display: block;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  padding: 0.35rem 0.875rem;
  margin: 0.5rem 0;
  color: white;
  transition: all 0.5s;
  width: fit-content;
  font-size: 1.25rem;
  background-color: black;
  border: none;
  background-color: #00CF9E;
  color: black;
}
#ctl00_ContentPlaceHolder_ContinueButton:hover {
  background-color: #00CF9E;
  color: black;
}
#ctl00_ContentPlaceHolder_ContinueButton:hover {
  background-color: black;
  color: white;
}

@media screen and (min-width: 1024px) {
  .SpektrixPage.Basket2 {
    display: grid;
    grid-template-columns: 9fr 3fr;
    column-gap: 2rem;
  }
}

h1.BasketHeading {
  font-size: 2.625rem;
}
@media screen and (min-width: 768px) {
  h1.BasketHeading {
    font-size: 3.75rem;
  }
}
@media screen and (min-width: 1024px) {
  h1.BasketHeading {
    grid-column: 1/span 1;
  }
}
@media screen and (min-width: 1366px) {
  h1.BasketHeading {
    font-size: 6rem;
  }
}
@media screen and (min-width: 1920px) {
  h1.BasketHeading {
    font-size: 8rem;
  }
}

.Savings {
  margin-bottom: 2rem;
}
@media screen and (min-width: 1024px) {
  .Savings {
    grid-column: 2/span 1;
  }
}
.Savings h2 {
  font-size: 1.375rem;
}
@media screen and (min-width: 1366px) {
  .Savings h2 {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1920px) {
  .Savings h2 {
    font-size: 1.875rem;
  }
}
.Savings label {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-size: inherit;
  text-transform: none;
}
.Savings .Input_Text {
  border: solid black 1px;
  padding: 0.5rem;
  font-size: inherit;
  background-color: transparent;
  margin-bottom: 0.5rem;
}
.Savings .Input_Text::placeholder {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
.Savings input.Button {
  cursor: pointer;
  display: block;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  padding: 0.35rem 0.875rem;
  margin: 0.5rem 0;
  color: white;
  transition: all 0.5s;
  width: fit-content;
  font-size: 1.25rem;
  background-color: black;
  border: none;
}
.Savings input.Button:hover {
  background-color: #00CF9E;
  color: black;
}

#ctl00_ContentPlaceHolder_RelatedOffersControl_LoginForDiscountsText {
  margin-bottom: 1rem;
}

@media screen and (min-width: 1024px) {
  #ctl00_ContentPlaceHolder_ItemsPanel {
    grid-column: 1/span 1;
    grid-row-start: 2;
  }
}

.Items {
  margin: 0;
}
.Items .Header {
  display: none;
}

dt.Item.Instance {
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-weight: 600;
  font-size: 1.375rem;
  line-height: 1;
  text-transform: uppercase;
}
@media screen and (min-width: 1366px) {
  dt.Item.Instance {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1920px) {
  dt.Item.Instance {
    font-size: 1.875rem;
  }
}

dd.Item.Instance {
  margin-left: 0;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: solid black 1px;
}
@media screen and (min-width: 1024px) {
  dd.Item.Instance {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 1024px) {
  dd.Item.Instance .Details,
dd.Item.Instance .ViewDetails {
    grid-column: 1/span 1;
  }
}
@media screen and (min-width: 1024px) {
  dd.Item.Instance .Breakdown {
    grid-column: 2/span 1;
    grid-row-start: 1;
    margin-top: 0;
    text-align: right;
  }
}
@media screen and (min-width: 1024px) {
  dd.Item.Instance .Buttons {
    display: block;
    grid-column: 2/span 1;
    justify-self: end;
  }
}
dd.Item.Instance input.Button {
  cursor: pointer;
  display: block;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  padding: 0.35rem 0.875rem;
  margin: 0.5rem 0;
  color: white;
  transition: all 0.5s;
  width: fit-content;
  font-size: 1.25rem;
  background-color: black;
  border: none;
  display: inline-block;
}
dd.Item.Instance input.Button:hover {
  background-color: #00CF9E;
  color: black;
}
dd.Item.Instance .Label {
  font-weight: bold;
}

#ctl00_ContentPlaceHolder_ItemsUpdate .Promo {
  margin: 0;
}
#ctl00_ContentPlaceHolder_ItemsUpdate .PromoItems {
  margin-bottom: 1rem;
}

#ctl00_ContentPlaceHolder_BookingFeeTitle {
  display: inline-block;
}

#ctl00_ContentPlaceHolder_BookingFeeArea {
  float: right;
}

dt.Footer {
  display: none;
}

dd.Footer {
  margin: 0;
}

dd.Footer .Breakdown .Total.GrandTotal {
  font-size: 2.25rem;
}
@media screen and (min-width: 1366px) {
  dd.Footer .Breakdown .Total.GrandTotal {
    font-size: 3rem;
  }
}
dd.Footer .Breakdown .Total.GrandTotal .Label {
  font-weight: bold;
}
dd.Footer .Breakdown .Total.GrandTotal .Value.Money {
  float: right;
}

#ctl00_ContentPlaceHolder_TotalCommissionLabel {
  float: right;
}

.OptionalMessage h1 {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: normal;
  text-transform: none;
}

.SpektrixPage.Basket2 .Buttons {
  grid-column: 1/span 1;
}
.SpektrixPage.Basket2 .Buttons a {
  cursor: pointer;
  display: block;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  padding: 0.35rem 0.875rem;
  margin: 0.5rem 0;
  color: white;
  transition: all 0.5s;
  width: fit-content;
  font-size: 1.25rem;
  background-color: black;
  border: none;
  background-color: #00CF9E;
  color: black;
  flex-grow: 1;
}
.SpektrixPage.Basket2 .Buttons a:hover {
  background-color: #00CF9E;
  color: black;
}
.SpektrixPage.Basket2 .Buttons a:hover {
  background-color: black;
  color: white;
}

.spx-main-container__checkout input[type=text],
.spx-main-container__checkout input[type=tel],
.spx-main-container__checkout input[type=email],
.spx-main-container__checkout input[type=password],
.spx-main-container__checkout select {
  border: solid black 1px;
  padding: 0.5rem;
  font-size: inherit;
  background-color: transparent;
}
.spx-main-container__checkout input[type=text]::placeholder,
.spx-main-container__checkout input[type=tel]::placeholder,
.spx-main-container__checkout input[type=email]::placeholder,
.spx-main-container__checkout input[type=password]::placeholder,
.spx-main-container__checkout select::placeholder {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
.spx-main-container__checkout .spx-button-primary.spx-intent-continue {
  cursor: pointer;
  display: block;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  padding: 0.35rem 0.875rem;
  margin: 0.5rem 0;
  color: white;
  transition: all 0.5s;
  width: fit-content;
  font-size: 1.25rem;
  background-color: black;
  border: none;
  background-color: #00CF9E;
  color: black;
}
.spx-main-container__checkout .spx-button-primary.spx-intent-continue:hover {
  background-color: #00CF9E;
  color: black;
}
.spx-main-container__checkout .spx-button-primary.spx-intent-continue:hover {
  background-color: black;
  color: white;
}
.spx-main-container__checkout h2 {
  margin-bottom: 1rem;
  font-size: 1.375rem;
}
@media screen and (min-width: 1366px) {
  .spx-main-container__checkout h2 {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1920px) {
  .spx-main-container__checkout h2 {
    font-size: 1.875rem;
  }
}
.spx-main-container__checkout h3 {
  font-family: inherit;
  font-size: inherit;
  text-transform: none;
  margin-bottom: 0;
}
.spx-main-container__checkout h3 + * {
  margin-top: 0;
}
.spx-main-container__checkout .spx-validation-summary-errors {
  color: #FF675D;
  margin-bottom: 1rem;
}
.spx-main-container__checkout .spx-validation-summary-errors a {
  color: inherit;
}

.spx-header-container__checkout {
  margin-bottom: 2rem;
}
.spx-header-container__checkout h1 {
  font-size: 2.625rem;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .spx-header-container__checkout h1 {
    font-size: 3.75rem;
  }
}
@media screen and (min-width: 1024px) {
  .spx-header-container__checkout h1 {
    grid-column: 1/span 1;
  }
}
@media screen and (min-width: 1366px) {
  .spx-header-container__checkout h1 {
    font-size: 6rem;
  }
}
@media screen and (min-width: 1920px) {
  .spx-header-container__checkout h1 {
    font-size: 8rem;
  }
}

.spx-section-container__checkout {
  position: relative;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: solid 1px black;
}
.spx-section-container__checkout .spx-link-edit {
  position: absolute;
  top: 0;
  right: 0;
}
.spx-section-container__checkout .spx-link-edit[aria-label="Edit basket"] {
  position: relative;
}
.spx-section-container__checkout .spx-text-copy__checkout {
  max-width: 85ch;
}

.spx-subsection-container__checkout--personal-details .spx-data-email {
  display: block;
  margin-bottom: 0;
}

.spx-text-copy__checkout--donation {
  display: inline-block;
  margin-bottom: 0.5rem;
}

.spx-label-field__checkout--donation {
  font-weight: bold;
}

.spx-input-text__checkout--donation {
  border: solid black 1px;
  padding: 0.5rem;
  font-size: inherit;
  background-color: transparent;
  display: inline-block;
  width: 75%;
  margin-bottom: 0.5rem;
}
.spx-input-text__checkout--donation::placeholder {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

.spx-button-tertiary__checkout--donation {
  padding: 0.5rem;
}

.spx-button-primary__checkout--donations,
.spx-button-secondary__checkout--donations {
  cursor: pointer;
  display: block;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  padding: 0.35rem 0.875rem;
  margin: 0.5rem 0;
  color: white;
  transition: all 0.5s;
  width: fit-content;
  font-size: 1.25rem;
  background-color: black;
  border: none;
  background-color: #00CF9E;
  color: black;
}
.spx-button-primary__checkout--donations:hover,
.spx-button-secondary__checkout--donations:hover {
  background-color: #00CF9E;
  color: black;
}
.spx-button-primary__checkout--donations:hover,
.spx-button-secondary__checkout--donations:hover {
  background-color: black;
  color: white;
}

.spx-heading-sub-headline__checkout--contact-preferences {
  margin-top: 1rem;
}

.spx-field-container__checkout--contact-preferences {
  display: flex;
  align-items: center;
}

.spx-label-field__checkout--contact-preferences {
  display: inline-block;
}

.spx-button-primary__checkout--contact-preferences {
  cursor: pointer;
  display: block;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  padding: 0.35rem 0.875rem;
  margin: 0.5rem 0;
  color: white;
  transition: all 0.5s;
  width: fit-content;
  font-size: 1.25rem;
  background-color: black;
  border: none;
  background-color: #00CF9E;
  color: black;
}
.spx-button-primary__checkout--contact-preferences:hover {
  background-color: #00CF9E;
  color: black;
}
.spx-button-primary__checkout--contact-preferences:hover {
  background-color: black;
  color: white;
}

@media screen and (min-width: 1024px) {
  #order-summary {
    display: grid;
    grid-template-columns: 9fr 3fr;
    column-gap: 2rem;
  }
}

@media screen and (min-width: 1024px) {
  .spx-subsection-container__checkout--order-summary {
    grid-column: 1/span 1;
    margin-top: 0;
  }
}

.spx-list-item__checkout--ticket-summary {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1024px) {
  .spx-list-item__checkout--ticket-summary {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

.spx-sublist-item__checkout--ticket-summary {
  text-align: right;
}

@media screen and (min-width: 1024px) {
  .spx-heading-sub-headline__checkout--ticket-delivery {
    grid-column: 1/span 1;
  }
}

@media screen and (min-width: 1024px) {
  .spx-data-event-name {
    grid-column: 1/span 1;
  }
}

.spx-subsection-container__checkout--ticket-delivery {
  margin-bottom: 1rem;
}
@media screen and (min-width: 1024px) {
  .spx-subsection-container__checkout--ticket-delivery {
    grid-column: 1/span 1;
  }
}

.spx-text-copy__checkout--ticket-delivery.spx-text-copy__checkout {
  display: inline;
}

@media screen and (min-width: 1024px) {
  .spx-subsection-container__checkout--credit {
    grid-column: 2/span 1;
    grid-row: 2/span 4;
  }
}

.spx-input-text__checkout--credit {
  border: solid 1px black;
  margin-bottom: 0.5rem;
  padding: 0.5rem;
}

.spx-button-tertiary__checkout--credit {
  cursor: pointer;
  display: block;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  padding: 0.35rem 0.875rem;
  margin: 0.5rem 0;
  color: white;
  transition: all 0.5s;
  width: fit-content;
  font-size: 1.25rem;
  background-color: black;
  border: none;
}
.spx-button-tertiary__checkout--credit:hover {
  background-color: #00CF9E;
  color: black;
}

.spx-link-edit__checkout--order-summary {
  display: inline-block;
  margin-bottom: 1rem;
}

.spx-subsection-container__checkout--credit {
  margin-bottom: 0.5rem;
}

.spx-label-field__checkout--credit {
  display: inline;
  font-size: inherit;
  margin-top: 0.5rem;
}

@media screen and (min-width: 1024px) {
  #order-summary > form {
    grid-column: 1/span 1;
  }
}

.spx-label-field__checkout--order-summary {
  display: inline;
  font-size: inherit;
  margin-top: 0.5rem;
}

.spx-wikitext-container__checkout--order-summary {
  font-family: "graebenbach", Arial, sans-serif;
  text-transform: none;
}

.spx-heading-sub-headline__checkout--credit {
  margin-bottom: 1em;
}

.spx-subsection-container__checkout--final-summary {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.spx-list-item__checkout--final-summary {
  display: flex;
  justify-content: space-between;
  margin: 0;
}

.spx-list-item__checkout--final-summary .spx-text-copy__checkout--final-summary {
  margin: 0;
}

.spx-list-summary__checkout--final-summary {
  margin-bottom: 1rem;
}
.spx-list-summary__checkout--final-summary li:last-child {
  font-size: 2.25rem;
  line-height: 1;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: solid 1px black;
}
@media screen and (min-width: 1366px) {
  .spx-list-summary__checkout--final-summary li:last-child {
    font-size: 3rem;
  }
}
@media screen and (min-width: 1920px) {
  .spx-list-summary__checkout--final-summary li:last-child {
    font-size: 3rem;
  }
}

.spx-field-container__checkout--order-summary {
  display: flex;
}

.spx-button-primary__checkout--order-summary {
  cursor: pointer;
  display: block;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  padding: 0.35rem 0.875rem;
  margin: 0.5rem 0;
  color: white;
  transition: all 0.5s;
  width: fit-content;
  font-size: 1.25rem;
  background-color: black;
  border: none;
  background-color: #00CF9E;
  color: black;
}
.spx-button-primary__checkout--order-summary:hover {
  background-color: #00CF9E;
  color: black;
}
.spx-button-primary__checkout--order-summary:hover {
  background-color: black;
  color: white;
}

.spx-field-container__checkout--payment-method {
  display: flex;
}

.spx-subsection-container__checkout--payment-method {
  margin-bottom: 0.5rem;
}

.spx-button-tertiary__checkout--new-address {
  cursor: pointer;
  display: block;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  padding: 0.35rem 0.875rem;
  margin: 0.5rem 0;
  color: white;
  transition: all 0.5s;
  width: fit-content;
  font-size: 1.25rem;
  background-color: black;
  border: none;
}
.spx-button-tertiary__checkout--new-address:hover {
  background-color: #00CF9E;
  color: black;
}

.spx-button-primary__checkout--billing-details {
  cursor: pointer;
  display: block;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  padding: 0.35rem 0.875rem;
  margin: 0.5rem 0;
  color: white;
  transition: all 0.5s;
  width: fit-content;
  font-size: 1.25rem;
  background-color: black;
  border: none;
  background-color: #00CF9E;
  color: black;
}
.spx-button-primary__checkout--billing-details:hover {
  background-color: #00CF9E;
  color: black;
}
.spx-button-primary__checkout--billing-details:hover {
  background-color: black;
  color: white;
}

.spx-field-container__checkout--select-address,
.spx-field-container__checkout--select-address {
  display: flex;
  align-items: center;
}

.PaymentOptions input[type=text],
.PaymentOptions select {
  border: solid black 1px;
  padding: 0.5rem;
  font-size: inherit;
  background-color: transparent;
  width: 100%;
}
.PaymentOptions input[type=text]::placeholder,
.PaymentOptions select::placeholder {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
.PaymentOptions .Container {
  margin-bottom: 1rem;
}

.PaymentOptions input {
  margin-bottom: 0;
}

#continue.ContinueButton {
  cursor: pointer;
  display: block;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  padding: 0.35rem 0.875rem;
  margin: 0.5rem 0;
  color: white;
  transition: all 0.5s;
  width: fit-content;
  font-size: 1.25rem;
  background-color: black;
  border: none;
  background-color: #00CF9E;
  color: black;
  width: 100%;
}
#continue.ContinueButton:hover {
  background-color: #00CF9E;
  color: black;
}
#continue.ContinueButton:hover {
  background-color: black;
  color: white;
}

.MyAccount.SpektrixPage input[type=text],
.MyAccount.SpektrixPage input[type=tel],
.MyAccount.SpektrixPage select {
  border: solid black 1px;
  padding: 0.5rem;
  font-size: inherit;
  background-color: transparent;
  margin-bottom: 0;
}
.MyAccount.SpektrixPage input[type=text]::placeholder,
.MyAccount.SpektrixPage input[type=tel]::placeholder,
.MyAccount.SpektrixPage select::placeholder {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
.MyAccount.SpektrixPage .Container {
  margin-bottom: 1rem;
}

.Options ul {
  display: flex;
  flex-wrap: wrap;
  row-gap: 0.5rem;
  margin-bottom: 1rem;
}

.Options ul li {
  border: solid 1px black;
  padding: 0.5rem;
  margin-right: 0.5rem;
}
.Options ul li a {
  text-decoration: none;
}
.Options ul li:has(.Selected) {
  background-color: #00CF9E;
  border: none;
}

.Container.DateOfBirth select,
.Container.DateOfBirth input {
  display: inline-block;
  width: fit-content !important;
  margin-right: 0.5rem;
}

.NewAccount input[type=text],
.NewAccount input[type=password],
.NewAccount input[type=tel],
.NewAccount select {
  border: solid black 1px;
  padding: 0.5rem;
  font-size: inherit;
  background-color: transparent;
  margin-bottom: 0;
}
.NewAccount input[type=text]::placeholder,
.NewAccount input[type=password]::placeholder,
.NewAccount input[type=tel]::placeholder,
.NewAccount select::placeholder {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
.NewAccount .Progress {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.NewAccount .Container + .Container {
  margin-top: 1rem;
}

.LoginLogout .LoginHeading,
.ForgotPassword .LoginHeading,
.ChangePassword .LoginHeading {
  margin-bottom: 1rem;
}
.LoginLogout input[type=text],
.LoginLogout input[type=password],
.LoginLogout select,
.ForgotPassword input[type=text],
.ForgotPassword input[type=password],
.ForgotPassword select,
.ChangePassword input[type=text],
.ChangePassword input[type=password],
.ChangePassword select {
  border: solid black 1px;
  padding: 0.5rem;
  font-size: inherit;
  background-color: transparent;
}
.LoginLogout input[type=text]::placeholder,
.LoginLogout input[type=password]::placeholder,
.LoginLogout select::placeholder,
.ForgotPassword input[type=text]::placeholder,
.ForgotPassword input[type=password]::placeholder,
.ForgotPassword select::placeholder,
.ChangePassword input[type=text]::placeholder,
.ChangePassword input[type=password]::placeholder,
.ChangePassword select::placeholder {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
p.Account_Link {
  margin-top: 1rem;
  font-size: 0.875rem;
  color: #757575;
}
p.Account_Link + p.Account_Link {
  margin-top: 0.5rem;
}

.form-errors {
  color: #cd2c2c;
}

label {
  display: block;
  margin-bottom: 0.5rem;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-size: 1rem;
  text-transform: uppercase;
  line-height: 1.25;
}

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

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
  display: block;
  margin-bottom: 1rem;
  padding: 0;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-size: 1rem;
  text-transform: uppercase;
  line-height: 1.25;
}

input,
textarea,
select {
  box-sizing: border-box;
  display: block;
  width: 100%;
  margin-bottom: 1.5rem;
  font-size: 1.125rem;
  line-height: 1.25;
}
@media screen and (min-width: 1024px) {
  input,
textarea,
select {
    font-size: 1.5rem;
  }
}
input + .errorlist,
textarea + .errorlist,
select + .errorlist {
  margin-top: -1rem;
  margin-bottom: 2rem;
  font-size: 0.875rem;
  color: #cd2c2c;
}

input {
  padding: 0.5rem;
  border: none;
  border-bottom: 1px solid #000000;
  border-radius: 0;
}

.bg__grey-xxlight input,
.bg__coral input,
.bg__machine-green input,
.bg__urban-purple input,
.bg__pigeon-blue input,
.bg__tooling-bronze input,
.bg__black input {
  border-bottom: none;
}

textarea,
select {
  padding: 0.5rem;
  border: 1px solid #000000;
}

::-webkit-input-placeholder {
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-size: 1.125rem;
  font-weight: bold;
  font-style: normal;
  text-transform: uppercase;
  color: #757575;
}
@media screen and (min-width: 1024px) {
  ::-webkit-input-placeholder {
    font-size: 1.5rem;
  }
}

::-moz-placeholder {
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-size: 1.125rem;
  font-weight: bold;
  font-style: normal;
  text-transform: uppercase;
  color: #757575;
}
@media screen and (min-width: 1024px) {
  ::-moz-placeholder {
    font-size: 1.5rem;
  }
}

:-ms-input-placeholder {
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-size: 1.125rem;
  font-weight: bold;
  font-style: normal;
  text-transform: uppercase;
  color: #757575;
}
@media screen and (min-width: 1024px) {
  :-ms-input-placeholder {
    font-size: 1.5rem;
  }
}

:-moz-placeholder {
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-size: 1.125rem;
  font-weight: bold;
  font-style: normal;
  text-transform: uppercase;
  color: #757575;
}
@media screen and (min-width: 1024px) {
  :-moz-placeholder {
    font-size: 1.5rem;
  }
}

input[type=checkbox],
input[type=radio] {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  height: 20px;
  width: 20px;
  padding: 0;
  margin: 0.5rem;
  margin-left: 0;
  transform: translateY(-0.1em);
  cursor: pointer;
}

.checkbox-list ul > li {
  margin-bottom: 0.5rem;
}
.checkbox-list label {
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-size: 1.125rem;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1.25;
  position: relative;
  padding-left: 2rem;
}
@media screen and (min-width: 1024px) {
  .checkbox-list label {
    font-size: 1.5rem;
  }
}
.checkbox-list label input {
  margin: 0;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

form button,
form input[type=submit],
form input[type=button],
form input[type=reset] {
  display: inline-block;
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  border: solid #000000 1px;
  padding: 0.75rem 1rem;
  margin: 0.5rem 0;
}
form button:hover,
form input[type=submit]:hover,
form input[type=button]:hover,
form input[type=reset]:hover {
  background-color: #00CF9E;
  border-color: #00CF9E;
  color: var(--black);
  cursor: pointer;
}

[disabled] {
  opacity: 0.5 !important;
  cursor: default !important;
}

.custom-checkbox,
.custom-radio {
  position: relative;
  z-index: 0;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  padding-left: 2rem;
}
.custom-checkbox:hover,
.custom-radio:hover {
  cursor: pointer;
}
.custom-checkbox,
.custom-checkbox label,
.custom-radio,
.custom-radio label {
  font-family: "graebenbach mono", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "Courier New", monospace;
  font-size: 1.125rem;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
}
.custom-checkbox input,
.custom-checkbox .indicator,
.custom-radio input,
.custom-radio .indicator {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  transform: none;
  width: 1.125rem;
  height: 1.125rem;
}
.custom-checkbox input,
.custom-radio input {
  z-index: -1;
  opacity: 0;
}
.custom-checkbox input:focus,
.custom-radio input:focus {
  outline-style: dotted !important;
  outline-color: #7d7d7d !important;
  outline-width: 2px !important;
  outline-offset: 3px !important;
  opacity: 1 !important;
}
.custom-checkbox .indicator,
.custom-radio .indicator {
  width: 1.125rem;
  height: 1.125rem;
  margin: 0;
  border: 1px solid #000000;
  background-color: transparent;
  position: absolute;
  left: 0;
  top: 0;
}
.custom-checkbox input:checked ~ .indicator,
.custom-radio input:checked ~ .indicator {
  background-color: #000000;
}
.custom-checkbox input:disabled ~ .indicator,
.custom-radio input:disabled ~ .indicator {
  opacity: 0.25;
}

.custom-radio .indicator {
  border-radius: 50%;
}

#ctl00_ContentPlaceHolder_GiftVoucherContent input[type=text],
#ctl00_ContentPlaceHolder_GiftVoucherContent input[type=number],
#ctl00_ContentPlaceHolder_GiftVoucherContent select {
  border: solid black 1px;
  padding: 0.5rem;
  font-size: inherit;
  background-color: transparent;
  margin-bottom: 0;
}
#ctl00_ContentPlaceHolder_GiftVoucherContent input[type=text]::placeholder,
#ctl00_ContentPlaceHolder_GiftVoucherContent input[type=number]::placeholder,
#ctl00_ContentPlaceHolder_GiftVoucherContent select::placeholder {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
#ctl00_ContentPlaceHolder_GiftVoucherContent .Container {
  margin-bottom: 1rem;
}
@media screen and (min-width: 1024px) {
  #ctl00_ContentPlaceHolder_GiftVoucherContent .Container {
    width: 50%;
  }
}

.RedeemGiftLink {
  margin-bottom: 1rem;
}

.Container.Amount label.right {
  display: inline-block;
}

#ctl00_ContentPlaceHolder_DateToSendDatePicker_DayDropDown {
  display: inline-block;
  width: fit-content;
  margin-right: 0.5rem;
}

#ctl00_ContentPlaceHolder_DateToSendDatePicker_MonthDropDown {
  display: inline-block;
  width: fit-content;
  margin-right: 0.5rem;
}

#ctl00_ContentPlaceHolder_DateToSendDatePicker_YearBox {
  display: inline-block;
  width: 100px !important;
  margin-right: 0.5rem;
}

#ctl00_ContentPlaceHolder_VoucherExpiryText {
  display: block;
}

.Container.SendTo .left {
  display: block;
}
.Container.SendTo label[for=ctl00_ContentPlaceHolder_CustomerEmailAddressRadioButton],
.Container.SendTo label[for=ctl00_ContentPlaceHolder_OtherEmailAddressRadioButton] {
  display: inline;
}
.Container.SendTo label[for=ctl00_ContentPlaceHolder_CustomerEmailAddressRadioButton]:after,
.Container.SendTo label[for=ctl00_ContentPlaceHolder_OtherEmailAddressRadioButton]:after {
  content: "\a";
  white-space: pre;
}

/*# sourceMappingURL=factoryinternational_spektrix_styling.css.map */