/* generic */
*,
*:before,
*:after {
  box-sizing: border-box;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 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;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: 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 {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  margin: 0; /* 2 */
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 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.
 */

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  display: table; /* 1 */
  box-sizing: border-box; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  color: inherit; /* 2 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type='checkbox'],
[type='radio'] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type='number']::-webkit-inner-spin-button,
[type='number']::-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.
 */

[type='search']::-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 Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/* config */
:root {
  --media-width-xs: 480px;
  --media-width-s: 640px;
  --media-width-m: 960px;
  --media-width-l: 1280px;
  --media-width-xl: 1440px;
  --wrap-s: 768px;
  --wrap: 1040px;
  --wrap-l: 1440px;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 2.5rem;
  --space-8: 3rem;
  --space-9: 3.5rem;
  --space-10: 4rem;
  --space-11: 4.5rem;
  --space-12: 5rem;
}
:root {
  /*
   * Some colours are named using:
   * https://chir.ag/projects/name-that-color/
   */
  --turquoise: #80f7ff;
  --beige: #fadaba;
  --black: #20201d;
  --clinical-blue: #00c1d5;
  --clinical-grey: #eae7e4;
  --dark-grey: #696969;
  --green: #005133;
  --grey: #c5c5c5;
  --lagoon: #008c95;
  --light-blue: #8dadae;
  --light-green: #7aea7a;
  --light-grey: #f5f5f5;
  --light-teal: #b8dedc;
  --lime: #c5eb74;
  --mid-grey: #a8a8ae;
  --off-white: #ecede4;
  --onahau: #bffbff;
  --polar: #e8f6f9;
  --red: #ea7566;
  --slate: #466061;
  --teal: #02b9cf;
  --white: #ffffff;
  --ziggurat: #b8d4de;
  --shark: #1d1e20;
  --sherpa: #005151;
  --blue-chill: #158f95;

  --border-width-1: 0.0625rem;
  --border-width-2: 0.125rem;
  --border-width-3: 0.25rem;
  --border-radius-1: 0.25rem;
  --border-radius-2: 0.5rem;
  --border-radius-3: 1rem;
  --border-radius-pill: 10rem;
  --opacity-dim: 0.85;
  --opacity-overlay: 0.65;
  --opacity-faint: 0.1;
  --transition-time: 0.35s;
  --transition-time-fast: 0.15s;
  --transition-time-slow: 0.85s;

  --background: var(--polar);
  --light-background: var(--light-grey);
  --primary-text-color: var(--shark);
  --secondary-text-color: var(--sherpa);
}
:root {
  --open-sans: 'Open Sans', sans-serif;
  --montserrat: 'Montserrat', sans-serif;
  --primary-font: var(--open-sans);
  --secondary-font: var(--montserrat);
  --base-font-size: 13px;
  --base-font-size-m: 14px;
  --base-font-size-l: 16px;
  --font-scale-1: 2.5rem;
  --font-scale-2: 2rem;
  --font-scale-3: 1.5rem;
  --font-scale-4: 1.25rem;
  --font-scale-5: 1.125rem;
  --font-scale-6: 1rem;
  --font-scale-7: 0.875rem;
  --font-scale-8: 0.75rem;
  --measure: 30em;
  --measure-tight: 24em;
  --measure-wide: 36em;
  --track: 0.01em;
  --track-tight: -0.01em;
  --track-wide: 0.1em;
  --line-height: 1.5;
  --line-height-snug: 1.3;
  --line-height-tight: 1.15;
  --line-height-solid: 1;
}

html {
  font-size: var(--base-font-size);
}

@media (min-width: 480px) {
  html {
    font-size: var(--base-font-size-m);
  }
}

@media (min-width: 960px) {
  html {
    font-size: var(--base-font-size-l);
  }
}

body {
  color: var(--primary-text-color);
  font-family: var(--primary-font);
  font-size: var(--font-scale-6);
  line-height: var(--line-height);
}

p {
  max-width: var(--measure);
  margin: 0 0 var(--space-5);
}

p:last-child {
  margin-bottom: 0;
}

small {
  font-size: var(--font-scale-7);
  letter-spacing: var(--track);
}

strong {
  font-weight: 700;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

a {
  transition: all var(--transition-time-fast);
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

a:hover,
a:focus {
  text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  word-break: break-word;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 var(--space-4);
}

h1,
h2,
h3,
.h1,
.h2,
.h3 {
  font-family: var(--secondary-font);
  font-weight: 400;
  line-height: var(--line-height-solid);
}

h4,
h5,
h6,
.h4,
.h5,
.h6 {
  font-family: var(--primary-font);
  font-weight: 700;
  line-height: var(--line-height-tight);
}

h1,
.h1 {
  font-size: var(--font-scale-1);
}

h2,
.h2 {
  font-size: var(--font-scale-2);
}

h3,
.h3 {
  font-size: var(--font-scale-3);
}

h4,
.h4 {
  font-size: var(--font-scale-4);
}

h5,
.h5 {
  font-size: var(--font-scale-5);
}

h6,
.h6 {
  font-size: var(--font-scale-7);
  letter-spacing: var(--track);
  text-transform: uppercase;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
  margin-bottom: 0;
}

ul,
ol {
  margin: 0 0 var(--space-5);
  list-style: none;
}

ol {
  counter-reset: item;
}

ul > ul,
ol > ul,
ul > ol,
ol > ol {
  margin-left: var(--space-4);
}

ul:last-child,
ol:last-child {
  margin-bottom: 0;
}

ul li,
ol li {
  display: table;
  margin: 0 0 var(--space-3);
}

ul li::before {
  content: '\25CF';
  font-size: var(--font-scale-7);
}

ol li::before {
  content: counters(item, '.') ' ';
  counter-increment: item;
}

.no-list li {
  display: block;
  margin: 0;
}

.no-list li::before {
  content: '';
  display: none;
}

/* stylelint-disable-next-line no-descending-specificity */
ul li::before,
ol:not(.no-list) li::before {
  display: table-cell;
  width: 0;
  padding-right: var(--space-3);
  vertical-align: baseline;
}

li:last-child {
  margin-bottom: 0;
}

@media (min-width: 960px) {
  ul li::before {
    font-size: var(--font-scale-6);
  }
}

code {
  vertical-align: bottom;
}

blockquote {
  margin: 0 0 var(--space-5);
  font-size: var(--font-scale-5);
}

blockquote:last-child {
  margin-bottom: 0;
}

blockquote::before {
  content: '\201C';
}

blockquote::after {
  content: '\201D';
}

hr {
  margin: 0 0 var(--space-7);
  border: 0;
  border-bottom: var(--border-width-1) solid var(--grey);
}

hr:last-child {
  margin-bottom: 0;
}

:focus {
  outline: auto;
  outline-color: var(--clinical-blue);
}

.disable-focus-styles :focus {
  outline: none;
}

/* objects */
.private-list__item {
  display: block;
}

.private-list__item::before {
  content: '';
  padding-right: 0;
}
.container-fluid {
  *zoom: 1;
}

.container-fluid:before,
.container-fluid:after {
  content: '';
  display: table;
}

.container-fluid:after {
  clear: both;
}

/* responsive grid */
.row-fluid {
  width: 100%;
}

.row-fluid [class*='span'] + [class*='span'] {
  margin-top: var(--space-5);
}

@media (min-width: 640px) {
  .row-fluid {
    display: flex;
  }

  .row-fluid [class*='span'] {
    display: block;
    width: 100%;
  }

  .row-fluid [class*='span'] + [class*='span'] {
    margin-top: 0;
    margin-left: var(--space-5);
  }

  .row-fluid .span12 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .row-fluid .span11 {
    flex: 1 1 calc((100% / 12 * 11) - var(--space-3));
    max-width: calc((100% / 12 * 11) - var(--space-3));
  }

  .row-fluid .span10 {
    flex: 1 1 calc((100% / 12 * 10) - var(--space-3));
    max-width: calc((100% / 12 * 10) - var(--space-3));
  }

  .row-fluid .span9 {
    flex: 1 1 calc((100% / 12 * 9) - var(--space-3));
    max-width: calc((100% / 12 * 9) - var(--space-3));
  }

  .row-fluid .span8 {
    flex: 1 1 calc((100% / 12 * 8) - var(--space-3));
    max-width: calc((100% / 12 * 8) - var(--space-3));
  }

  .row-fluid .span7 {
    flex: 1 1 calc((100% / 12 * 7) - var(--space-3));
    max-width: calc((100% / 12 * 7) - var(--space-3));
  }

  .row-fluid .span6 {
    flex: 1 1 calc((100% / 12 * 6) - var(--space-3));
    max-width: calc((100% / 12 * 6) - var(--space-3));
  }

  .row-fluid .span5 {
    flex: 1 1 calc((100% / 12 * 5) - var(--space-3));
    max-width: calc((100% / 12 * 5) - var(--space-3));
  }

  .row-fluid .span4 {
    flex: 1 1 calc((100% / 12 * 4) - var(--space-3));
    max-width: calc((100% / 12 * 4) - var(--space-3));
  }

  .row-fluid .span3 {
    flex: 1 1 calc((100% / 12 * 3) - var(--space-3));
    max-width: calc((100% / 12 * 3) - var(--space-3));
  }

  .row-fluid .span2 {
    flex: 1 1 calc((100% / 12 * 2) - var(--space-3));
    max-width: calc((100% / 12 * 2) - var(--space-3));
  }

  .row-fluid .span1 {
    flex: 1 1 (calc(100% / 12) - var(--space-3));
    max-width: (calc(100% / 12) - var(--space-3));
  }
}

/* clearfix */
.clearfix:before,
.clearfix:after {
  content: '';
  display: table;
}

.clearfix:after {
  clear: both;
}

/* visibilty classes */
.hide {
  display: none;
}

.show {
  display: block;
}

.invisible {
  visibility: hidden;
}

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

/* responsive visibilty classes */
.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

@media (max-width: 640px) {
  .visible-phone {
    display: inherit !important;
  }

  .hidden-phone {
    display: none !important;
  }

  .hidden-desktop {
    display: inherit !important;
  }

  .visible-desktop {
    display: none !important;
  }
}

@media (min-width: 640px) and (max-width: 960px) {
  .visible-tablet {
    display: inherit !important;
  }

  .hidden-tablet {
    display: none !important;
  }

  .hidden-desktop {
    display: inherit !important;
  }

  .visible-desktop {
    display: none !important ;
  }
}
/* wrappers */
.content-wrapper {
  padding: 0 var(--space-5);
}

.content-wrapper__section {
  max-width: var(--wrap);
  margin: 0 auto;
}

.content-wrapper--l .content-wrapper__section {
  max-width: var(--wrap-l);
}

.body-container-wrapper {
  background: var(--background);
}

.body-container-wrapper--light {
  background: var(--light-background);
}

@media (min-width: 960px) {
  .content-wrapper {
    padding-right: var(--space-7);
    padding-left: var(--space-7);
  }
}

@media (min-width: 1280px) {
  .content-wrapper {
    padding-right: var(--space-10);
    padding-left: var(--space-10);
  }
}

/* sections */
.dnd-section,
.f-section {
  padding: var(--space-8) var(--space-5);
}

.dnd-section > .row-fluid,
.f-section > .f-row {
  max-width: var(--wrap);
  margin-right: auto;
  margin-left: auto;
}

.body-container--s .dnd-section > .row-fluid,
.body-container--s .f-section > .f-row {
  max-width: var(--wrap-s);
}

.body-container--l .dnd-section > .row-fluid,
.body-container--l .f-section > .f-row {
  max-width: var(--wrap-l);
}

.body-container--pull .dnd-section:first-child,
.body-container--pull .f-section:first-child,
.body-container--pull-top .dnd-section:first-child,
.body-container--pull-top .f-section:first-child {
  padding-top: 0;
}

.body-container--pull .dnd-section:last-child,
.body-container--pull .f-section:last-child,
.body-container--pull-bottom .dnd-section:last-child,
.body-container--pull-bottom .f-section:last-child {
  padding-bottom: 0;
}

.f-section.f-section--pull,
.f-section.f-section--pull-top {
  padding-top: 0;
}

.f-section.f-section--pull,
.f-section.f-section--pull-bottom {
  padding-bottom: 0;
}

.f-section.f-section--black {
  background: var(--black);
}

.f-section.f-section--light-grey {
  background: var(--light-background);
}

@media (min-width: 960px) {
  .dnd-section,
  .f-section {
    padding: var(--space-10) var(--space-7);
  }
}

@media (min-width: 1280px) {
  .dnd-section,
  .f-section {
    padding: var(--space-12) var(--space-10);
  }
}

/* rows */
.dnd-section .dnd-row + .dnd-row,
.f-section .f-row + .f-row {
  margin-top: var(--space-6);
}

@media (min-width: 960px) {
  .dnd-section .dnd-row + .dnd-row,
  .f-section .f-row + .f-row {
    margin-top: var(--space-7);
  }
}

@media (min-width: 1280px) {
  .dnd-section .dnd-row + .dnd-row,
  .f-section .f-row + .f-row {
    margin-top: var(--space-8);
  }
}

/* elements */
.gradient-overlay {
  width: 100%;
  height: 100%;
  background: linear-gradient(
    0deg,
    rgba(32, 32, 29, 1) -15%,
    rgba(255, 255, 255, 0) 100%
    );
  pointer-events: none;
}

.gradient-overlay--left {
  background: linear-gradient(
    90deg,
    rgba(32, 32, 29, 1) -15%,
    rgba(255, 255, 255, 0) 100%
  );
}
.mat-shadow {
  box-shadow: 0 0.1875rem 0.375rem rgba(32, 32, 29, 0.16),
    0 0.1875rem 0.375rem rgba(32, 32, 29, 0.23);
}
button,
.button,
.hs-button {
  display: inline-block;
  padding: var(--space-3) var(--space-5);
  transition: all var(--transition-time-fast);
  border: var(--border-width-2) solid var(--turquoise);
  border-radius: var(--border-radius-3);
  background: var(--turquoise);
  color: var(--shark);
  font-size: var(--font-scale-7);
  font-weight: 700;
  letter-spacing: var(--track-wide);
  line-height: var(--line-height-solid);
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  word-break: break-word;
  cursor: pointer;
}

.button--s {
  padding: var(--space-2) var(--space-4);
  border-radius: var(--border-radius-3);
  font-size: var(--font-scale-8);
}

button:disabled,
.button:disabled,
.hs-button:disabled {
  border-color: var(--grey);
  background-color: var(--grey);
  color: var(--dark-grey);
  cursor: not-allowed;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
.hs-button:hover,
.hs-button:focus {
  filter: brightness(120%);
  text-decoration: none;
}

/* theme: light-green */
.button--light-green {
  border-color: var(--light-green);
  background: var(--light-green);
  color: var(--primary-text-color);
}

/* theme: black */
.button--black {
  border-color: var(--black);
  background: var(--black);
  color: var(--turquoise);
}

/* theme: teal */
.button--teal {
  border-color: var(--teal);
  background: var(--teal);
  color: var(--black);
}

/* theme: clinicblue */
.button--clinicblue {
  border-color: var(--clinicblue);
  background: var(--clinicblue);
  color: var(--black);
}

.button--turquoise {
  border-color: var(--turquoise);
  background: var(--turquoise);
  color: var(--shark);
}

.button--shark {
  border-color: var(--shark);
  background: var(--shark);
  color: var(--white);
}
/* form */
.form-title {
  margin-bottom: var(--space-5);
}

.hs-form-field {
  margin-bottom: var(--space-5);
}

/* labels */
form label {
  display: block;
  margin-bottom: var(--space-2);
  color: var(--dark-grey);
  font-size: var(--font-scale-7);
  font-weight: 700;
  letter-spacing: var(--track-wide);
  line-height: var(--line-height-solid);
  text-align: left;
  text-transform: uppercase;
}

/* help text - legends */
form legend {
  color: var(--dark-grey);
  font-size: var(--font-scale-7);
}

/* inputs */
.input {
  position: relative;
}

input[type='text'],
input[type='email'],
input[type='password'],
input[type='tel'],
input[type='number'],
input[type='file'],
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  padding: var(--space-3);
  transition: box-shadow var(--transition-time-fast);
  border: var(--border-width-2) solid var(--grey);
  border-radius: var(--border-radius-2);
  background-color: var(--white);
  box-shadow: inset 0 0 0 0 transparent;
  color: var(--primary-text-color);
  font-size: var(--font-scale-7);
}

input[type='text'],
input[type='email'],
input[type='password'],
input[type='tel'],
input[type='number'],
input[type='file'],
select {
  line-height: var(--line-height-solid);
}

input[type='file'] {
  padding: initial;
  border: initial;
  background-color: transparent;
  box-shadow: none;
  line-height: initial;
}

select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 50'%3E%3Cpath fill='%23696969' d='M0 0h100L50 50z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - var(--space-3)) center;
  background-size: 0.75em;
}

input[type='text']:focus,
input[type='email']:focus,
input[type='password']:focus,
input[type='tel']:focus,
input[type='number']:focus,
input[type='file']:focus,
select:focus,
textarea:focus {
  outline: 0;
  box-shadow: inset 0 0 0 var(--border-width-2) var(--lime);
}

fieldset {
  max-width: 100%;
}

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
::placeholder {
  color: var(--light-grey);
}

/* inputs - checkbox/radio */
form .inputs-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.inputs-list > li {
  display: block;
  margin: 0 0 var(--space-2);
}

.inputs-list > li:last-child {
  margin-bottom: 0;
}

.inputs-list li::before {
  content: '';
  display: none;
}

.inputs-list input,
.inputs-list span {
  font-size: var(--font-scale-7);
  vertical-align: middle;
}

.hs-input[type='checkbox'],
.hs-input[type='radio'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  width: 1.5rem !important;
  height: 1.5rem;
  margin-right: var(--space-2);
  border: var(--border-width-2) solid var(--grey);
  background-color: var(--white);
}

.hs-input[type='checkbox'] {
  border-radius: var(--border-radius-1);
}

.hs-input[type='radio'] {
  border-radius: 0.75rem;
}

.hs-input[type='checkbox']:checked,
.hs-input[type='radio']:checked {
  background-repeat: no-repeat;
  background-position: center center;
}

.hs-input[type='checkbox']:checked {
  background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8"%3F%3E%3Csvg enable-background="new 0 0 32 32" version="1.1" viewBox="0 0 32 32" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"%3E%3Cstyle type="text/css"%3E .st0%7Bfill:%2320201D;%7D%0A%3C/style%3E%3Cpath class="st0" d="m12.8 19.9-4.2-4.2-1.4 1.4 5.6 5.6 12-12-1.4-1.4-10.6 10.6z"/%3E%3C/svg%3E%0A');
}

.hs-input[type='radio']:checked {
  background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8"%3F%3E%3Csvg enable-background="new 0 0 32 32" version="1.1" viewBox="0 0 32 32" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"%3E%3Cstyle type="text/css"%3E .st0%7Bfill:%2320201D;%7D%0A%3C/style%3E%3Ccircle class="st0" cx="16" cy="16" r="6"/%3E%3C/svg%3E%0A');
}

/* inputs - datepicker */
.hs-fieldtype-date .input .hs-dateinput:before {
  content: '\01F4C5';
  position: absolute;
  top: 50%;
  right: var(--space-3);
  transform: translateY(-50%);
  color: var(--primary-text-color);
}

.fn-date-picker .pika-table thead th {
  color: var(--white);
}

.fn-date-picker td.is-today .pika-button {
  color: var(--primary-text-color);
}

.fn-date-picker td.is-selected .pika-button {
  border-radius: 0;
  background: var(--black);
  box-shadow: none;
}

.fn-date-picker td .pika-button:hover {
  border-radius: 0 !important;
  background-color: var(--black) !important;
  color: var(--white);
}

/* headings and text */
form .hs-richtext,
form .hs-richtext p {
  font-size: var(--font-scale-7);
}

form .hs-richtext img {
  max-width: 100%;
}

form .header {
  border: none;
  background-color: transparent;
}

/* validation */
.hs-form-required {
  color: var(--red);
}

.hs-input.invalid.error {
  border-color: var(--red);
}

.hs-error-msg {
  margin-top: var(--space-2);
  color: var(--red);
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
}

/* submit button */
/* duplicate of _button */
form input[type='submit'],
form .hs-button {
  display: inline-block;
  padding: var(--space-3) var(--space-5);
  transition: all var(--transition-time-fast);
  border: var(--border-width-2) solid var(--shark);
  border-radius: var(--border-radius-3);
  background: var(--shark);
  color: var(--white);
  font-size: var(--font-scale-7);
  font-weight: 700;
  letter-spacing: var(--track-wide);
  line-height: var(--line-height-solid);
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  word-break: break-word;
  cursor: pointer;
}

form input[type='submit']:hover,
form input[type='submit']:focus,
form .hs-button:hover,
form .hs-button:focus {
  filter: brightness(120%);
  text-decoration: none;
}

form input[type='submit']:active,
form .hs-button:active {
  filter: brightness(90%);
}

/* captcha */
.hs_recaptcha.hs-recaptcha {
  margin-bottom: var(--space-5);
}

.grecaptcha-badge {
  margin: 0;
}

/* typography */
form .hs-richtext h1,
form .hs-richtext h2,
form .hs-richtext h3,
form .hs-richtext h4,
form .hs-richtext h5,
form .hs-richtext h6,
form .hs-richtext p {
  margin-bottom: var(--space-4);
}

/* gdpr */
.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
  margin-left: var(--space-4);
  font-size: var(--font-scale-7);
}
/* Table */
table {
  margin-bottom: var(--space-5);
  border: var(--border-width-2) solid var(--grey);
}

tbody + tbody {
  border-top: var(--border-width-2) solid var(--grey);
}

/* Table Cells */
th,
td {
  padding: var(--space-3);
  border: var(--border-width-2) solid var(--grey);
  vertical-align: top;
}

/* Table Header */
thead th,
thead td {
  border-bottom: var(--border-width-2) solid var(--grey);
  font-size: var(--font-scale-7);
  font-weight: 700;
  letter-spacing: var(--track-wide);
  line-height: var(--line-height-solid);
  text-transform: uppercase;
  vertical-align: bottom;
}
.list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.li {
  display: block;
  width: auto;
  margin-bottom: 0;
}

.li::before {
  content: '';
  display: none;
}
img {
  max-width: 100%;
}

.img {
  display: block;
  width: 100%;
}
.icon {
  font-size: var(--font-scale-5);
}

.icon--s {
  font-size: var(--font-scale-6);
}

.icon--l {
  font-size: var(--font-scale-4);
}
.a,
.a:hover,
.a:focus {
  text-decoration: none;
}
.badge {
  padding: var(--space-2) var(--space-3);
  border-radius: var(--border-radius-pill);
  background: var(--beige);
  color: var(--secondary-text-color);
  font-size: var(--font-scale-8);
  font-weight: 600;
  letter-spacing: var(--track);
  line-height: var(--line-height-tight);
  text-transform: capitalize;
}
.link:hover,
.link:focus {
  color: var(--dark-grey);
}
.lead {
  font-size: var(--font-scale-7);
  font-weight: 700;
  letter-spacing: var(--track);
  line-height: var(--line-height-tight);
  text-transform: uppercase;
}

.lead:hover,
.lead:focus {
  color: var(--dark-grey);
}
.time {
  color: var(--dark-grey);
  font-size: var(--font-scale-7);
  font-weight: 600;
  letter-spacing: var(--track);
  text-transform: uppercase;
}

.time--dark {
  color: var(--grey);
}
.preamble-desc {
  font-size: var(--font-scale-4);
}
.small-desc {
  font-size: var(--font-scale-7);
  letter-spacing: var(--track);
}
.service-badge {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  background-color: var(--clinical-blue);
}
.locations-line {
  color: var(--dark-grey);
  font-family: var(--primary-font);
  font-size: var(--font-scale-8);
  font-weight: 700;
  letter-spacing: var(--track);
  line-height: var(--line-height-solid);
  text-transform: uppercase;
}
.footnote {
  display: flex;
  align-items: baseline;
  color: var(--dark-grey);
}

.footnote__type {
  flex: 0 0 auto;
  margin-right: var(--space-3);
}

.footnote__desc {
  flex: 1 1 auto;
  font-size: var(--font-scale-7);
}

@media (min-width: 480px) {
  .footnote__type {
    margin-right: var(--space-4);
  }
}

/* components */
:root {
  --announcement-bar-height: 1.875rem;
  --announcement-bar-height-m: 1.875rem;
  --announcement-bar-height-l: 1.875rem;
  --header-height: 4rem;
  --header-height-m: 4rem;
  --header-height-l: 5rem;
}

.header-announcement-bar,
header.header,
.header-menu-nav {
  position: fixed;
  left: 0;
  width: 100%;
}

.header-announcement-bar {
  z-index: 13;
  top: 0;
  height: var(--announcement-bar-height);
  padding-top: var(--space-2);
  padding-bottom: var(--space-2);
  overflow-y: auto;
  background: var(--onahau);
  -webkit-overflow-scrolling: touch;
}

header.header {
  display: flex;
  z-index: 12;
  top: 0;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: center;
  height: var(--header-height);
  background: var(--white);
}

/* theme: dark */
header.header--dark {
  background: var(--blue-chill);
  color: var(--white);
}

.header-menu-nav {
  display: none; /* control by JS */
  z-index: 11;
  top: var(--header-height);
  height: 100%;
  max-height: calc(100% - var(--header-height));
  overflow-y: auto;
  background: var(--background);
  -webkit-overflow-scrolling: touch;
}

.header-menu-nav[data-hidden='false'] {
  display: block;
}

.header-menu-nav__container {
  padding-top: var(--space-5);
  padding-bottom: var(--space-7);
  transition: opacity var(--transition-time-fast);
  opacity: 0;
}

.header-menu-nav[data-hidden='false'] .header-menu-nav__container {
  opacity: 1;
}

@media (min-width: 960px) {
  .header-menu-nav[data-hidden='false'] {
    display: none !important; /* always hide menu navigation on large screens */
  }
}

.header-spacer {
  padding-top: var(--header-height);
}

header.header--announcement-bar {
  top: var(--announcement-bar-height);
}

header.header--announcement-bar + .header-menu-nav {
  top: calc(var(--announcement-bar-height) + var(--header-height));
  max-height: calc(
    100% - var(--announcement-bar-height) - var(--header-height)
  );
}

header.header--announcement-bar + .header-menu-nav + .header-spacer {
  padding-top: calc(var(--announcement-bar-height) + var(--header-height));
}

@media (min-width: 480px) {
  .header-announcement-bar {
    height: var(--announcement-bar-height-m);
  }

  header.header {
    height: var(--header-height-m);
  }

  .header-menu-nav {
    top: var(--header-height-m);
    max-height: calc(100% - var(--header-height-m));
  }

  .header-spacer {
    padding-top: var(--header-height-m);
  }

  header.header--announcement-bar {
    top: var(--announcement-bar-height-m);
  }

  header.header--announcement-bar + .header-menu-nav {
    top: calc(var(--announcement-bar-height-m) + var(--header-height-m));
    max-height: calc(
      100% - var(--announcement-bar-height-m) - var(--header-height-m)
    );
  }

  header.header--announcement-bar + .header-menu-nav + .header-spacer {
    padding-top: calc(
      var(--announcement-bar-height-m) + var(--header-height-m)
    );
  }
}

@media (min-width: 960px) {
  .header-announcement-bar {
    height: var(--announcement-bar-height-l);
  }

  header.header {
    height: var(--header-height-l);
  }

  .header-menu-nav {
    top: var(--header-height-l);
    max-height: calc(100% - var(--header-height-l));
  }

  .header-spacer {
    padding-top: var(--header-height-l);
  }

  header.header--announcement-bar {
    top: var(--announcement-bar-height-l);
  }

  header.header--announcement-bar + .header-menu-nav {
    top: calc(var(--announcement-bar-height-l) + var(--header-height-l));
    max-height: calc(
      100% - var(--announcement-bar-height-l) - var(--header-height-l)
    );
  }

  header.header--announcement-bar + .header-menu-nav + .header-spacer {
    padding-top: calc(
      var(--announcement-bar-height-l) + var(--header-height-l)
    );
  }
}

.header__container {
  padding-top: var(--space-3);
  padding-bottom: var(--space-3);
}

@media (min-width: 960px) {
  .header__container {
    padding-top: var(--space-4);
    padding-bottom: var(--space-4);
  }
}
.footer {
  background: var(--white);
}

.footer__container {
  padding-top: var(--space-6);
  padding-bottom: var(--space-8);
}

@media (min-width: 960px) {
  .footer__container {
    padding-top: var(--space-7);
    padding-bottom: var(--space-9);
  }
}

@media (min-width: 1280px) {
  .footer__container {
    padding-top: var(--space-8);
    padding-bottom: var(--space-10);
  }
}
.section-header__title {
  margin-bottom: 0;
}

.section-header__desc {
  margin-top: var(--space-2);
  color: var(--secondary-text-color);
  font-size: var(--font-size-5);
}

.section-header__button {
  margin-top: var(--space-4);
}
.quick-links-list__item + .quick-links-list__item {
  margin-top: var(--space-3);
}

.quick-links-list__a {
  font-family: var(--secondary-font);
  font-size: var(--font-scale-5);
  line-height: var(--line-height-solid);
}

.quick-links-list__a:hover {
  color: var(--dark-grey);
}
.services-cat-list__item + .services-cat-list__item {
  margin-top: var(--space-1);
}

.services-cat-list__item-content {
  display: inline-flex;
  align-items: center;
}

.services-cat-list__badge,
.services-cat-list__label {
  flex: 0 0 auto;
}

.services-cat-list__badge {
  margin-right: var(--space-3);
}

.services-cat-list__label {
  font-size: var(--font-scale-8);
  font-weight: 700;
  letter-spacing: var(--track);
  line-height: var(--line-height-solid);
  text-transform: uppercase;
}
.main-links-list {
  column-gap: var(--space-5);
  column-count: 2;
  column-width: 8rem;
}

.main-links-list__item + .main-links-list__item {
  margin-top: var(--space-2);
}

.main-links-list__a {
  font-size: var(--font-scale-8);
  font-weight: 700;
  letter-spacing: var(--track);
  line-height: var(--line-height-solid);
  text-transform: uppercase;
}

.main-links-list__a:hover {
  color: var(--dark-grey);
}
.card-tag-list__list {
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(-1 * var(--space-3));
}

.card-tag-list__item {
  margin-left: var(--space-3);
}

.card-tag-list__tag {
  color: var(--dark-grey);
  font-size: var(--font-scale-8);
  font-weight: 700;
  letter-spacing: var(--track);
  text-transform: uppercase;
}

.card-tag-list__tag:hover {
  color: var(--mid-grey);
}
div.hs-blog-social-share {
  height: auto;
  overflow: hidden;
}

.hs-blog-social-share-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--space-2));
  margin-left: calc(-1 * var(--space-2));
}

.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item {
  display: block;
  margin-right: 0;
  margin-bottom: 0;
  padding-top: var(--space-2);
  padding-left: var(--space-2);
}

/* force all child tabs to align */
.hs-blog-spcial-share-item .twitter-share-button,
.hs-blog-social-share-item .IN-widget,
.hs-blog-social-share-item .fb_iframe_widget > span {
  display: block !important;
}

.hs-blog-social-share-item::before {
  display: none;
}
.card {
  padding: var(--space-6) var(--space-5);
  border-radius: var(--border-radius-3);
}

.card__kicker {
  margin-bottom: var(--space-2);
}

.card__title {
  margin-bottom: 0;
}

.card__excerpt {
  margin-top: var(--space-3);
}

.card__button {
  margin-top: var(--space-4);
}

@media (min-width: 640px) {
  .card {
    padding: var(--space-7) var(--space-6);
  }
}

@media (min-width: 960px) {
  .card {
    padding: var(--space-8) var(--space-7);
  }
}

/* variant: green */
.card--green {
  background: var(--green);
  color: var(--white);
}

.card--green .card__kicker {
  color: var(--beige);
}

/* variant: beige */
.card--beige {
  background: var(--beige);
}

.card--beige .card__kicker {
  color: var(--dark-grey);
}

/* variant: grey */
.card--grey {
  background: var(--grey);
}

.card--grey .card__kicker {
  color: var(--black);
}

/* variant: shark */
.card--shark {
  background: var(--shark);
  color: var(--white);
}

.card--shark .card__kicker {
  color: var(--grey);
}

/* variant: turquoise */
.card--turquoise {
  background: var(--turquoise);
}

.card--turquoise .card__kicker {
  color: var(--sherpa);
}
.package-card__body {
  padding: var(--space-4);
  border-radius: var(--border-radius-3);
  background: var(--background);
}

.package-card__badge {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
}

.package-card__badge-icon {
  margin-right: var(--space-1);
}

.package-card__header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

.package-card__title {
  flex: 1 1 50%;
  max-width: 50%;
  margin-bottom: 0;
  padding-right: var(--space-3);
  font-size: var(--font-scale-6);
}

.package-card__price-grp {
  flex: 1 1 50%;
  max-width: 50%;
  padding-left: var(--space-3);
  text-align: right;
}

.package-card__price {
  font-size: var(--font-scale-4);
}

.package-card__label {
  margin-top: var(--space-1);
  color: var(--dark-grey);
  font-size: var(--font-scale-8);
  font-weight: 600;
  letter-spacing: var(--track);
  line-height: var(--line-height-tight);
}

.package-card__buy-grp {
  display: flex;
  align-items: flex-start;
  margin-top: var(--space-3);
}

.package-card__button-wrap {
  flex: 0 0 auto;
  margin-right: var(--space-5);
}

.package-card__excerpt {
  flex: 1 1 auto;
  padding-top: var(--space-2);
  border-top: var(--border-width-1) solid var(--grey);
  color: var(--dark-grey);
  font-size: var(--font-scale-8);
  font-weight: 600;
  letter-spacing: var(--track);
}

/* variant: with badge */
.package-card--badge {
  position: relative;
  padding-top: var(--space-4);
}

.package-card__body--badge {
  padding-top: calc(var(--space-4) + var(--space-3));
}

.package-banner--sherpa .package-card__body {
  background-color: var(--shark);
  color: var(--white);
}

.package-banner--sherpa .package-card__badge {
  background-color: var(--white);
  color: var(--blue-chill);
}

.package-banner--sherpa .package-card__badge-icon {
  color: var(--sherpa);
}
/* Overrides for the "slick" carousel used by HubSpot's image gallery module */
.slick-dots li::before {
  display: none;
}

.slick-dots li button::before {
  font-family: sans-serif !important;
}

.hs_cos_gallery_main .slick-dots li button::before,
.hs_cos_gallery_thumbnails .slick-dots li button::before,
.hs_cos_gallery_lightbox .slick-dots li button::before {
  font-size: 45px !important;
}

/* templates */
.post__meta {
  padding-top: var(--space-3);
  border-top: var(--border-width-1) solid var(--grey);
}

.post__meta--dark {
  border-top-color: var(--dark-grey);
  color: var(--grey);
}
.event-post__meta {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

.event-post__start {
  padding-right: var(--space-3);
}

.event-post__price {
  padding-left: var(--space-3);
}
.blog-index__feat-posts-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--space-3));
  margin-left: calc(-1 * var(--space-3));
}

.blog-index__feat-posts-item {
  flex: 0 0 50%;
  max-width: 50%;
  padding-top: var(--space-3);
  padding-left: var(--space-3);
}

.blog-index__posts-list-title {
  margin-bottom: var(--space-5);
}

.blog-index__posts-item + .blog-index__posts-item {
  margin-top: var(--space-5);
}

@media (min-width: 960px) {
  .blog-index__feat-posts-item {
    flex: 0 0 calc(100% / 3);
    max-width: calc(100% / 3);
  }

  .blog-index__body {
    display: flex;
    max-width: var(--wrap);
    margin: 0 auto;
  }

  .blog-index__tags-nav,
  .blog-index__posts {
    padding-top: 0;
    padding-bottom: 0;
  }

  .blog-index__posts {
    flex: 0 0 calc(100% / 12 * 8);
    min-width: calc(100% / 12 * 8);
    padding-left: var(--space-3);
  }

  .blog-index__body .blog-index__tags-nav + .blog-index__posts {
    margin-top: 0;
  }

  .blog-index__tags-nav {
    flex: 0 0 calc(100% / 12 * 4);
    min-width: calc(100% / 12 * 4);
    padding-right: var(--space-3);
  }
}
.faq-index__topic-row + .faq-index__topic-row .faq-index__topic-row-content {
  padding-top: var(--space-8);
  border-top: var(--border-width-1) solid var(--grey);
}

@media (min-width: 960px) {
  .faq-index__topic-row + .faq-index__topic-row .faq-index__topic-row-content {
    padding-top: var(--space-10);
  }
}

@media (min-width: 1280px) {
  .faq-index__topic-row + .faq-index__topic-row .faq-index__topic-row-content {
    padding-top: var(--space-12);
  }
}
.error-page {
  padding: 10rem 0;
  overflow: hidden;
  text-align: center;
}

.error-page::before {
  content: attr(data-error);
  display: block;
  margin-bottom: var(--space-4);
  color: var(--dark-grey);
  font-size: var(--font-scale-4);
  font-weight: 700;
}

@media (min-width: 960px) {
  .error-page::before {
    font-size: var(--font-scale-3);
  }
}

.error-page__heading {
  margin-bottom: var(--space-5);
}

.error-page__content {
  position: relative;
  z-index: 2;
}

.error-page p {
  margin-right: auto;
  margin-left: auto;
}
.systems-page .page-header {
  margin-bottom: var(--space-6);
  padding-bottom: var(--space-5);
  border-bottom: var(--border-width-1) solid var(--grey);
}

@media (min-width: 960px) {
  .systems-page .page-header {
    margin-bottom: var(--space-7);
  }
}

@media (min-width: 960px) {
  .systems-page .page-header {
    margin-bottom: var(--space-8);
  }
}

/* search pages */
/*
.hs-search-field__bar {
  position: relative;
}

.hs-search-field__suggestions {
  background-color: #FFF;
  max-width: 360px;
  position: absolute;
  right: 0;
  top: 100%;
  width: 100%;
}

.hs-search-results {
  margin-top: 1.4rem;
}

ul.hs-search-results__listing li {
  margin-bottom: 1.4rem;
}

.hs-search-results__title {
  color: #494A52;
  font-family: Merriweather, serif;
  font-size: 1.25rem;
  margin-bottom: 0.35rem;
  text-decoration: underline;
}

.hs-search-results__title:hover {
  text-decoration: none;
}

.hs-search-results__description {
  padding-top: 0.7rem;
}

.hs-search-highlight {
  font-weight: bold;
}

.hs-search-results__pagination a {
  color: #0270E0;
}
*/

/* password prompt */
/*
.password-prompt input[type=password] {
  display: block;
  height: auto !important;
  margin-bottom: 1.4rem;
}
*/

/* backup unsubscribe */
/*
.backup-unsubscribe #email-prefs-form div {
  padding-bottom: 0 !important;
}

.backup-unsubscribe input[type=email] {
  margin-bottom: 1.4rem;
  padding: 0.7rem !important;
}
*/
#email-prefs-form input[type='checkbox'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: var(--space-2);
  border: var(--border-width-2) solid var(--grey);
  border-radius: var(--border-radius-1);
  background-color: var(--white);
}

#email-prefs-form input[type='checkbox']:checked {
  background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8"%3F%3E%3Csvg enable-background="new 0 0 32 32" version="1.1" viewBox="0 0 32 32" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"%3E%3Cstyle type="text/css"%3E .st0%7Bfill:%2320201D;%7D%0A%3C/style%3E%3Cpath class="st0" d="m12.8 19.9-4.2-4.2-1.4 1.4 5.6 5.6 12-12-1.4-1.4-10.6 10.6z"/%3E%3C/svg%3E%0A');
  background-repeat: no-repeat;
  background-position: center center;
}

/* preferences */
.email-prefs .header {
  margin-bottom: var(--space-3);
  font-weight: 700;
}

.email-prefs .item + .item {
  margin-top: var(--space-4);
}

.email-prefs .item .checkbox-row {
  display: block;
  margin-bottom: var(--space-1);
  color: var(--dark-grey);
  font-size: var(--font-scale-7);
  font-weight: 700;
  letter-spacing: var(--track-wide);
  line-height: var(--line-height-solid);
  text-align: left;
  text-transform: uppercase;
}

.email-prefs .item .fakelabel {
  display: flex;
  align-items: center;
}

.email-prefs .item .checkbox-row + p {
  margin-left: calc(1.5rem + var(--space-2));
  font-size: var(--font-scale-7);
}

/* subscription options */
.email-prefs .subscribe-options {
  margin-top: var(--space-6);
}

@media (min-width: 960px) {
  .email-prefs .subscribe-options {
    margin-top: var(--space-7);
  }
}

@media (min-width: 1280px) {
  .email-prefs .subscribe-options {
    margin-top: var(--space-8);
  }
}

.email-prefs .subscribe-options label {
  display: flex;
  align-items: center;
}

/* submit */
.email-prefs #submitbutton {
  margin-top: var(--space-6);
}