/*

TypeGrid,
A design system starting point

Theme URI: https://github.com/alturnwall/typegrid
Author: Alex Turnwall
Author URI: https://www.turnwall.com
Description: TypeGrid is a nice starting point for website styling
Version: 0.1.5
License: GNU General Public License

*/
/*
  Spacing Scale Math

  base 16 = N = px
  16 px = 1 rem

  ##        px    rem
  --        --    ---
  0-125     2     0.125
  0-25      4     0.25
  0-5       8     0.5
  1         16    1
  1-5       24    1.5
  2         32    2

  09    21    1.3125
  10    26    1.625
  11    34    2.125
  12    42    2.625
  13    55    3.4375
  14    68    4.25
  15    89    5.5625
  16    110   6.875
  17    144   9
  18    178   11.125
  19    233   14.5625
  20    288   18

*/
/* 
  END Tokens - Colors
*/
/*
  START Tokens - Shape
*/
/*
  END Tokens - Shape
*/
/*
  Type Scale Math

  base 16 = N = px
  N/16 = rem

  ##    px    rem
  --    --    ---
  01    2     0.125
  02    3     0.1875
  03    5     0.3125
  04    6     0.375
  05    8     0.5
  06    10    0.625
  07    13    0.8125
  08    16    1
  09    21    1.3125
  10    26    1.625
  11    34    2.125
  12    42    2.625
  13    55    3.4375
  14    68    4.25
  15    89    5.5625
  16    110   6.875
  17    144   9
  18    178   11.125
  19    233   14.5625
  20    288   18

*/
:root {
  font-family: Inter, sans-serif;
  font-feature-settings: "liga" 1, "calt" 1;
  /* fix for Chrome */
}

@supports (font-variation-settings: normal) {
  :root {
    font-family: InterVariable, sans-serif;
    font-feature-settings: "ss03", "ss07", "cv01", "cv10";
    font-optical-sizing: auto;
  }

  h1, h2, h3, h4, h5, h6, .header {
    font-variation-settings: "opsz" 32;
    letter-spacing: -0.02em;
  }
}
/* =Reset
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

html {
  font-size: 62.5%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  position: relative;
  min-height: 100%;
  background-color: #ffffff;
  box-sizing: border-box;
}

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

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section {
  display: block;
}

ol, ul {
  list-style: none;
}

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

caption, th, td {
  font-weight: normal;
  text-align: left;
}

a:focus {
  outline: none;
}

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

a img {
  border: 0;
}

.caption,
.caption p {
  font-size: 0.8em;
  margin-bottom: 1em;
}

p,
li {
  font-size: 1rem;
  line-height: 150%;
}

li {
  margin-bottom: 0.7em;
}

ul,
ol {
  margin-bottom: 1.7em;
  margin-left: 1.3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 1.2em;
  margin-left: 1.8rem;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

b, strong {
  font-weight: bold;
}

dfn, em, i {
  font-style: italic;
}

.quo {
  margin-left: -0.25em;
}

.dquo {
  margin-left: -0.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  padding: 1.6em;
  overflow: auto;
  max-width: 100%;
}

code, kbd, tt, var {
  font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark, ins {
  background: #fff9c0;
  text-decoration: none;
}

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

sup {
  bottom: 1ex;
}

sub {
  top: 0.5ex;
}

.wp-caption-text,
small,
small p,
.small,
p.small,
footer {
  font-size: 80%;
  line-height: 155%;
}

.wp-caption-text {
  margin-top: 8px;
  color: #ABABAB;
}

big {
  font-size: 125%;
}

figure {
  margin: 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

th {
  font-weight: bold;
}

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

img.example {
  width: 100%;
  margin-bottom: 2rem;
}

button,
input,
select,
textarea {
  font-size: 100%;
  /* Corrects font size not being inherited in all browsers */
  font-size: 1.5rem;
  /* Alex reset to default size */
  margin: 0;
  /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  vertical-align: baseline;
  /* Improves appearance and consistency in all browsers */
  *vertical-align: middle;
  /* Improves appearance and consistency in all browsers */
  font-family: "InterVariable", "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

button,
input {
  line-height: normal;
  /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  border-radius: 3px;
  border: none;
  box-shadow: none;
  background-color: #999;
  cursor: pointer;
  /* Improves usability and consistency of cursor style between image-type 'input' and others */
  -webkit-appearance: button;
  /* Corrects inability to style clickable 'input' types in iOS */
  font-size: 12px;
  font-size: 1rem;
  line-height: 1;
  padding: 1rem;
  color: #FFF;
  margin-top: 0.5rem;
}

button:hover,
html input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  background-color: #666;
}

button:focus,
html input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
button:active,
html input[type=button]:active,
input[type=reset]:active,
input[type=submit]:active {
  border-color: #aaa #bbb #bbb #bbb;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  /* Addresses box sizing set to content-box in IE8/9 */
  padding: 0;
  /* Addresses excess padding in IE8/9 */
}

input[type=search] {
  -webkit-appearance: textfield;
  /* Addresses appearance set to searchfield in S5, Chrome */
  -webkit-box-sizing: content-box;
  /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-decoration {
  /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
  border: 0;
  padding: 0;
}

input[type=text],
input[type=email],
input[type=password],
input[type=search],
textarea {
  width: 100%;
  color: #4d4d4d;
  border: 1px solid #ccc;
  border-radius: 4px;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=search]:focus,
textarea:focus {
  color: #272727;
}

input[type=text],
input[type=email],
input[type=password],
input[type=search] {
  padding: 0.7rem;
}

textarea {
  overflow: auto;
  /* Removes default vertical scrollbar in IE6/7/8/9 */
  padding-left: 3px;
  vertical-align: top;
  /* Improves readability and alignment in all browsers */
  width: 100%;
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  top: 0;
  left: 0;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar */
}

.clear:before,
.clear:after,
[class*=content]:before,
[class*=content]:after,
[class*=site]:before,
[class*=site]:after {
  content: "";
  display: table;
}

.clear:after,
[class*=content]:after,
[class*=site]:after {
  clear: both;
}

html {
  font-size: 16px;
}
@media only screen and (max-width: 992px) {
  html {
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  html {
    font-size: 14px;
  }
}

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

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

.clearfix:after,
.container:after,
.section:after,
article:after {
  clear: both;
}

.public-body-container {
  width: 100%;
  margin: 0;
  padding-top: 80px;
}
@media only screen and (max-width: 992px) {
  .public-body-container {
    padding-top: 5.4rem;
  }
}

.clear {
  display: block;
  clear: both;
}

.clear-right {
  clear: right;
}

.container {
  width: 92vw;
  margin: 0 auto;
  padding: 0;
  max-width: 1400px;
}

/* XS only */
@media (max-width: 767px) {
  .clear-xs {
    clear: both;
    display: table;
  }

  .clear-left-xs {
    clear: left;
  }

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

  .col-xs-full {
    padding-left: 9%;
    padding-right: 9%;
  }

  .xs-text-center {
    text-align: center;
  }
}
/* SM only */
@media (min-width: 768px) and (max-width: 992px) {
  .clear-sm {
    clear: both;
    display: table;
  }

  .clear-left-sm {
    clear: left;
  }

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

  .sm-text-center {
    text-align: center;
  }
}
/* SM and below */
@media (max-width: 992px) {
  .order-sm-1 {
    order: 1;
  }

  .order-sm-2 {
    order: 2;
  }
}
/* MD only */
@media (min-width: 993px) and (max-width: 1199px) {
  .clear-md {
    clear: both;
    display: table;
  }

  .clear-left-md {
    clear: left;
  }

  .hidden-md {
    display: none !important;
  }
}
/* LG only */
@media (min-width: 1200px) {
  .clear-lg {
    clear: both;
    display: table;
  }

  .clear-left-lg {
    clear: left;
  }

  .hidden-lg {
    display: none !important;
  }
}
.row {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 32px;
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 992px) {
  .row {
    grid-column-gap: 24px;
  }
}
@media (max-width: 767px) {
  .row {
    grid-column-gap: 16px;
  }
}
.row.row-small {
  grid-column-gap: 16px;
}
.row.row-10 {
  grid-template-columns: repeat(10, 1fr);
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(boxsizing.htc);
  grid-column: span 12;
}

.col-xs-12 {
  grid-column: span 12;
}

.col-xs-11 {
  grid-column: span 11;
}

.col-xs-10 {
  grid-column: span 10;
}

.col-xs-9 {
  grid-column: span 9;
}

.col-xs-8 {
  grid-column: span 8;
}

.col-xs-7 {
  grid-column: span 7;
}

.col-xs-6 {
  grid-column: span 6;
}

.col-xs-5 {
  grid-column: span 5;
}

.col-xs-4 {
  grid-column: span 4;
}

.col-xs-3 {
  grid-column: span 3;
}

.col-xs-2 {
  grid-column: span 2;
}

.col-xs-1 {
  grid-column: span 1;
}

/****************  XSM Grid  ****************/
@media (min-width: 426px) {
  .col-xsm-12 {
    grid-column: span 12;
  }

  .col-xsm-11 {
    grid-column: span 11;
  }

  .col-xsm-10 {
    grid-column: span 10;
  }

  .col-xsm-9 {
    grid-column: span 9;
  }

  .col-xsm-8 {
    grid-column: span 8;
  }

  .col-xsm-7 {
    grid-column: span 7;
  }

  .col-xsm-6 {
    grid-column: span 6;
  }

  .col-xsm-5 {
    grid-column: span 5;
  }

  .col-xsm-4 {
    grid-column: span 4;
  }

  .col-xsm-3 {
    grid-column: span 3;
  }

  .col-xsm-2 {
    grid-column: span 2;
  }

  .col-xsm-1 {
    grid-column: span 1;
  }
}
/****************  SM Grid  ****************/
@media (min-width: 768px) {
  .col-sm-12 {
    grid-column: span 12;
  }

  .col-sm-11 {
    grid-column: span 11;
  }

  .col-sm-10 {
    grid-column: span 10;
  }

  .col-sm-9 {
    grid-column: span 9;
  }

  .col-sm-8 {
    grid-column: span 8;
  }

  .col-sm-7 {
    grid-column: span 7;
  }

  .col-sm-6 {
    grid-column: span 6;
  }

  .col-sm-5 {
    grid-column: span 5;
  }

  .col-sm-4 {
    grid-column: span 4;
  }

  .col-sm-3 {
    grid-column: span 3;
  }

  .col-sm-2 {
    grid-column: span 2;
  }

  .col-sm-1 {
    grid-column: span 1;
  }
}
/****************  MD Grid  ****************/
@media (min-width: 993px) {
  .col-md-12 {
    grid-column: span 12;
  }

  .col-md-11 {
    grid-column: span 11;
  }

  .col-md-10 {
    grid-column: span 10;
  }

  .col-md-9 {
    grid-column: span 9;
  }

  .col-md-8 {
    grid-column: span 8;
  }

  .col-md-7 {
    grid-column: span 7;
  }

  .col-md-6 {
    grid-column: span 6;
  }

  .col-md-5 {
    grid-column: span 5;
  }

  .col-md-4 {
    grid-column: span 4;
  }

  .col-md-3 {
    grid-column: span 3;
  }

  .col-md-2 {
    grid-column: span 2;
  }

  .col-md-1 {
    grid-column: span 1;
  }
}
/****************  LG Grid  ****************/
@media (min-width: 1200px) {
  .col-lg-12 {
    grid-column: span 12;
  }

  .col-lg-11 {
    grid-column: span 11;
  }

  .col-lg-10 {
    grid-column: span 10;
  }

  .col-lg-9 {
    grid-column: span 9;
  }

  .col-lg-8 {
    grid-column: span 8;
  }

  .col-lg-7 {
    grid-column: span 7;
  }

  .col-lg-6 {
    grid-column: span 6;
  }

  .col-lg-5 {
    grid-column: span 5;
  }

  .col-lg-4 {
    grid-column: span 4;
  }

  .col-lg-3 {
    grid-column: span 3;
  }

  .col-lg-2 {
    grid-column: span 2;
  }

  .col-lg-1 {
    grid-column: span 1;
  }
}
/* Grid Defaults */
.pad-xs {
  padding: 1em 0;
}

.pad-sm {
  padding: 2em 0;
}

.pad-smd {
  padding: 3em 0;
}

.pad-md {
  padding: 4em 0;
}

.pad-lg {
  padding: 6em 0;
}

.pad-xl {
  padding: 8em 0;
}

.pad-tp-xs {
  padding-top: 1em;
}

.pad-tp-sm {
  padding-top: 2em;
}

.pad-tp-md {
  padding-top: 4em;
}

.pad-tp-lg {
  padding-top: 6em;
}

.pad-tp-xl {
  padding-top: 8em;
}

.pad-lr-md {
  padding-left: 4em;
  padding-right: 4em;
}

.pad-r-sm {
  padding-right: 2em;
}

.pad-bt-xxs {
  padding-bottom: 0.5em;
}

.pad-bt-xs {
  padding-bottom: 1em;
}

.pad-bt-sm {
  padding-bottom: 2em;
}

.pad-bt-md {
  padding-bottom: 4em;
}

.pad-bt-lg {
  padding-bottom: 6em;
}

.pad-bt-xl {
  padding-bottom: 8em;
}

.space-tp-xxs {
  margin-top: 0.5em;
}

.space-tp-xs {
  margin-top: 1em;
}

.space-tp-sm {
  margin-top: 2em;
}

.space-tp-md {
  margin-top: 3em;
}

.space-tp-lg {
  margin-top: 5em;
}

.space-lr-xs {
  margin-left: 1em;
  margin-right: 1em;
}

.space-bt-xxs {
  margin-bottom: 0.5em;
}

.space-bt-xs {
  margin-bottom: 1em;
}

.space-bt-sm {
  margin-bottom: 2em;
}

.space-bt-md {
  margin-bottom: 3em;
}

.space-bt-lg {
  margin-bottom: 5em;
}

@media (max-width: 768px) {
  .xs-pad-xs {
    padding: 1em 0;
  }

  .xs-pad-sm {
    padding: 2em 0;
  }

  .xs-pad-smd {
    padding: 3em 0;
  }

  .xs-pad-md {
    padding: 4em 0;
  }

  .xs-pad-lg {
    padding: 6em 0;
  }

  .xs-pad-xl {
    padding: 8em 0;
  }

  .xs-pad-tp-xs {
    padding-top: 1em;
  }

  .xs-pad-tp-sm {
    padding-top: 2em;
  }

  .xs-pad-tp-md {
    padding-top: 4em;
  }

  .xs-pad-tp-lg {
    padding-top: 6em;
  }

  .xs-pad-tp-xl {
    padding-top: 8em;
  }

  .xs-pad-bt-none {
    padding-bottom: 0;
  }

  .xs-pad-bt-xxs {
    padding-bottom: 0.5em;
  }

  .xs-pad-bt-xs {
    padding-bottom: 1em;
  }

  .xs-pad-bt-sm {
    padding-bottom: 2em;
  }

  .xs-pad-bt-md {
    padding-bottom: 4em;
  }

  .xs-pad-bt-lg {
    padding-bottom: 6em;
  }

  .xs-pad-bt-xl {
    padding-bottom: 8em;
  }
}
@media (max-width: 992px) {
  .sm-pad-xs {
    padding: 1em 0;
  }

  .sm-pad-sm {
    padding: 2em 0;
  }

  .sm-pad-smd {
    padding: 3em 0;
  }

  .sm-pad-md {
    padding: 4em 0;
  }

  .sm-pad-lg {
    padding: 6em 0;
  }

  .sm-pad-xl {
    padding: 8em 0;
  }

  .sm-pad-tp-xs {
    padding-top: 1em;
  }

  .sm-pad-tp-sm {
    padding-top: 2em;
  }

  .sm-pad-tp-md {
    padding-top: 4em;
  }

  .sm-pad-tp-lg {
    padding-top: 6em;
  }

  .sm-pad-tp-xl {
    padding-top: 8em;
  }

  .sm-pad-bt-xxs {
    padding-bottom: 0.5em;
  }

  .sm-pad-bt-xs {
    padding-bottom: 1em;
  }

  .sm-pad-bt-sm {
    padding-bottom: 2em;
  }

  .sm-pad-bt-md {
    padding-bottom: 4em;
  }

  .sm-pad-bt-lg {
    padding-bottom: 6em;
  }

  .sm-pad-bt-xl {
    padding-bottom: 8em;
  }
}
.show-example-baseline {
  background-image: repeating-linear-gradient(transparent 0px, transparent 4px, #ffdee4 4px, #ffdee4 8px, transparent 8px);
}

.show-example-columnn {
  background-image: repeating-linear-gradient(90deg, rgba(0, 255, 255, 0.35) 0px, rgba(0, 255, 255, 0.35) calc( (100% - (32px * 11)) / 12 ), transparent calc( (100% - (32px * 11)) / 12 ), transparent calc(calc( (100% - (32px * 11)) / 12 ) + 32px), rgba(0, 255, 255, 0.35) calc(calc( (100% - (32px * 11)) / 12 ) + 32px));
}
@media (max-width: 992px) {
  .show-example-columnn {
    background-image: repeating-linear-gradient(90deg, rgba(0, 255, 255, 0.35) 0px, rgba(0, 255, 255, 0.35) calc( (100% - (24px * 11)) / 12 ), transparent calc( (100% - (24px * 11)) / 12 ), transparent calc(calc( (100% - (24px * 11)) / 12 ) + 24px), rgba(0, 255, 255, 0.35) calc(calc( (100% - (24px * 11)) / 12 ) + 24px));
  }
}
@media (max-width: 767px) {
  .show-example-columnn {
    background-image: repeating-linear-gradient(90deg, rgba(0, 255, 255, 0.35) 0px, rgba(0, 255, 255, 0.35) calc( (100% - (16px * 11)) / 12 ), transparent calc( (100% - (16px * 11)) / 12 ), transparent calc(calc( (100% - (16px * 11)) / 12 ) + 16px), rgba(0, 255, 255, 0.35) calc(calc( (100% - (16px * 11)) / 12 ) + 16px));
  }
}

.grid-example {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 92vw;
  margin-left: calc( (100vw - 92vw) / 2);
  height: 100%;
  mix-blend-mode: multiply;
}

/*
  START Type Defaults

  These are the base semantic styling for HTML elements

  >> Overrides and utility classes all located in type-utility.scss
*/
html {
  font-family: "InterVariable", "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #272727;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1;
}

h1, h2, h3, h4, h5, h6, .header {
  font-family: "InterVariable", "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #272727;
  margin-bottom: 0.2em;
  line-height: 1.1;
}

h1 {
  font-size: 4.2rem;
  line-height: 1.1;
}

h2 {
  font-size: 3.4rem;
}

h3 {
  font-size: 2.6rem;
}

h4 {
  font-size: 1.8rem;
}

h5 {
  font-size: 1.5rem;
  margin-bottom: 1.2em;
}

h6 {
  font-size: 1.2rem;
  text-transform: uppercase;
  color: #5A5A5A;
  margin-bottom: 0.9em;
  padding-top: 0.4rem;
  display: inline-block;
}

a {
  color: inherit;
  text-decoration: none;
  border-bottom: none;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
p a,
li a {
  color: inherit;
  text-decoration: underline;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
p a:hover,
li a:hover {
  color: #272727;
}

p,
li {
  font-family: "InterVariable", "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.45;
  color: #5A5A5A;
}

p {
  margin-bottom: 1.2em;
  color: #5A5A5A;
}

blockquote {
  margin: 1rem 0 3rem 0;
  padding: 0 0 0 3rem;
  border-left: 1px solid #8d8d8d;
}
blockquote p {
  color: #00D179;
  font-size: 1.4em;
  line-height: 1.6;
  margin-bottom: 0.5em;
}
blockquote cite {
  font-family: "InterVariable", "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: 200;
  margin-bottom: 0;
}

/* 
  END Type Defaults
*/
.font-secondary {
  font-family: "Source Serif Pro", "Times New Roman", Times, serif;
}

.font-normal {
  font-weight: 400;
}

.font-bold {
  font-weight: 700;
}

.font-size-20 {
  font-size: 18rem;
}

.font-size-19 {
  font-size: 14.5625rem;
}

.font-size-18 {
  font-size: 11.125rem;
}

.font-size-17 {
  font-size: 9rem;
}

.font-size-16 {
  font-size: 6.875rem;
}

.font-size-15 {
  font-size: 5.5625rem;
}

.font-size-14 {
  font-size: 4.25rem;
}

.font-size-13 {
  font-size: 3.4375rem;
}

.font-size-12 {
  font-size: 2.625rem;
}

.font-size-11 {
  font-size: 2.125rem;
}

.font-size-10 {
  font-size: 1.625rem;
}

.font-size-09 {
  font-size: 1.3125rem;
}

.font-size-08 {
  font-size: 1rem;
}

.font-size-07 {
  font-size: 0.8125rem;
}

.font-size-06 {
  font-size: 0.625rem;
}

.font-size-05 {
  font-size: 0.5rem;
}

.font-size-04 {
  font-size: 0.375rem;
}

.font-size-03 {
  font-size: 0.3125rem;
}

.font-size-02 {
  font-size: 0.1875rem;
}

.font-size-01 {
  font-size: 0.125rem;
}

.color-text-default {
  color: #272727 !important;
}

.color-text-muted {
  color: #5A5A5A !important;
}

.color-text-light {
  color: #8d8d8d !important;
}

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

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

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

.test-baseline {
  -webkit-align-items: baseline;
  align-items: baseline;
}

.type-overline {
  font-size: 1.2rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #8d8d8d;
}

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

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

.nowrap {
  white-space: nowrap;
}

.text-overflow-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  max-width: 100%;
}

.text-overflow-clip {
  text-overflow: clip;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  max-width: 100%;
}

.dark-theme {
  color: #ccc;
}
.dark-theme h1, .dark-theme h2, .dark-theme h3, .dark-theme h4, .dark-theme h5, .dark-theme h6, .dark-theme .header {
  color: #f2f2f2 !important;
  border-color: #f2f2f2;
}
.dark-theme p, .dark-theme li {
  color: #ccc !important;
  border-color: #ccc;
}
.dark-theme p a, .dark-theme li a {
  color: #ccc;
}
.dark-theme p a:hover, .dark-theme li a:hover {
  color: #f2f2f2;
}
.dark-theme .default {
  color: #f2f2f2 !important;
}
.dark-theme .muted {
  opacity: 0.75;
}
.dark-theme .light {
  opacity: 0.5;
}

button.link {
  font-size: 1rem;
  padding: 0;
  margin: 0;
  line-height: inherit;
  color: #272727;
  text-decoration: underline;
  background-color: transparent;
}

.dark-theme button.link {
  color: #f2f2f2;
}

nav ul {
  margin: 0;
}
nav ul li {
  margin: 0;
  display: inline-flex;
}
nav ul li a {
  display: inline-flex;
  text-decoration: none;
  border: none;
}

nav.vertical ul li {
  width: 100%;
}
nav.vertical ul li a {
  width: 100%;
}

hr,
.rule {
  border: none;
  border-bottom: 1px solid #8d8d8d;
  margin-bottom: 0.5rem;
}

.rule-md {
  border: none;
  border-bottom: 2px solid #272727;
  margin-bottom: 0.5rem;
}

.rule-lg {
  border: none;
  border-bottom: 4px solid #272727;
  margin-bottom: 0.5rem;
}

.row > hr {
  display: block;
  width: 100%;
}

.dark-theme hr, .dark-theme .rule, .dark-theme .rule-md, .dark-theme .rule-lg {
  border-color: #fff;
}

/* 
  Base utility classes
*/
.dark-theme {
  background-color: #141414;
}

.p-sm {
  padding: 1rem !important;
}

.p-x-sm {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.p-y-sm {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.p-b-sm {
  padding-bottom: 1rem !important;
}

.p-t-sm {
  padding-top: 1rem !important;
}

.p-r-sm {
  padding-right: 1rem !important;
}

.p-l-sm {
  padding-right: 1rem !important;
}

.p-md {
  padding: 2rem !important;
}

.p-x-md {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.p-y-md {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.p-b-md {
  padding-bottom: 2rem !important;
}

.p-t-md {
  padding-top: 2rem !important;
}

.p-r-md {
  padding-right: 2rem !important;
}

.p-l-md {
  padding-right: 2rem !important;
}

.p-lg {
  padding: 3rem !important;
}

.p-x-lg {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.p-y-lg {
  padding-top: 3rem;
  padding-bottom: 3rem !important;
}

.p-b-lg {
  padding-bottom: 3rem !important;
}

.p-t-lg {
  padding-top: 3rem !important;
}

.p-r-lg {
  padding-right: 3rem !important;
}

.p-l-lg {
  padding-right: 3rem !important;
}

.p-xl {
  padding: 4rem !important;
}

.p-x-xl {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

.p-y-xl {
  padding-top: 4rem;
  padding-bottom: 4rem !important;
}

.p-b-xl {
  padding-bottom: 4rem !important;
}

.p-t-xl {
  padding-top: 4rem !important;
}

.p-r-xl {
  padding-right: 4rem !important;
}

.p-l-xl {
  padding-right: 4rem !important;
}

.p-2xl {
  padding: 5rem !important;
}

.p-x-2xl {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

.p-y-2xl {
  padding-top: 5rem;
  padding-bottom: 5rem !important;
}

.p-b-2xl {
  padding-bottom: 5rem !important;
}

.p-t-2xl {
  padding-top: 5rem !important;
}

.p-r-2xl {
  padding-right: 5rem !important;
}

.p-l-2xl {
  padding-right: 5rem !important;
}

.p-3xl {
  padding: 6rem !important;
}

.p-x-3xl {
  padding-left: 6rem !important;
  padding-right: 6rem !important;
}

.p-y-3xl {
  padding-top: 6rem;
  padding-bottom: 6rem !important;
}

.p-b-3xl {
  padding-bottom: 6rem !important;
}

.p-t-3xl {
  padding-top: 6rem !important;
}

.p-r-3xl {
  padding-right: 6rem !important;
}

.p-l-3xl {
  padding-right: 6rem !important;
}

/* 
  Margin 
*/
.m-0 {
  margin: 0 !important;
}

.m-x-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.m-y-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.m-b-0 {
  margin-bottom: 0 !important;
}

.m-t-0 {
  margin-top: 0 !important;
}

.m-r-0 {
  margin-right: 0 !important;
}

.m-l-0 {
  margin-right: 0 !important;
}

.m-sm {
  margin: 1rem !important;
}

.m-x-sm {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.m-y-sm {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.m-b-sm {
  margin-bottom: 1rem !important;
}

.m-t-sm {
  margin-top: 1rem !important;
}

.m-r-sm {
  margin-right: 1rem !important;
}

.m-l-sm {
  margin-right: 1rem !important;
}

.m-md {
  margin: 2rem !important;
}

.m-x-md {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.m-y-md {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.m-b-md {
  margin-bottom: 2rem !important;
}

.m-t-md {
  margin-top: 2rem !important;
}

.m-r-md {
  margin-right: 2rem !important;
}

.m-l-md {
  margin-right: 2rem !important;
}

.m-lg {
  margin: 3rem !important;
}

.m-x-lg {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.m-y-lg {
  margin-top: 3rem;
  margin-bottom: 3rem !important;
}

.m-b-lg {
  margin-bottom: 3rem !important;
}

.m-t-lg {
  margin-top: 3rem !important;
}

.m-r-lg {
  margin-right: 3rem !important;
}

.m-l-lg {
  margin-right: 3rem !important;
}

.m-xl {
  margin: 4rem !important;
}

.m-x-xl {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}

.m-y-xl {
  margin-top: 4rem;
  margin-bottom: 4rem !important;
}

.m-b-xl {
  margin-bottom: 4rem !important;
}

.m-t-xl {
  margin-top: 4rem !important;
}

.m-r-xl {
  margin-right: 4rem !important;
}

.m-l-xl {
  margin-right: 4rem !important;
}

.m-2xl {
  margin: 5rem !important;
}

.m-x-2xl {
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}

.m-y-2xl {
  margin-top: 5rem;
  margin-bottom: 5rem !important;
}

.m-b-2xl {
  margin-bottom: 5rem !important;
}

.m-t-2xl {
  margin-top: 5rem !important;
}

.m-r-2xl {
  margin-right: 5rem !important;
}

.m-l-2xl {
  margin-right: 5rem !important;
}

.m-3xl {
  margin: 6rem !important;
}

.m-x-3xl {
  margin-left: 6rem !important;
  margin-right: 6rem !important;
}

.m-y-3xl {
  margin-top: 6rem;
  margin-bottom: 6rem !important;
}

.m-b-3xl {
  margin-bottom: 6rem !important;
}

.m-t-3xl {
  margin-top: 6rem !important;
}

.m-r-3xl {
  margin-right: 6rem !important;
}

.m-l-3xl {
  margin-right: 6rem !important;
}

.d-flex {
  display: flex;
}

.align-items-flex-end {
  align-items: flex-end;
}

.grid-center {
  align-self: center;
}

.hidden {
  display: none;
}

.bg-gray-10 {
  background-color: #f2f2f2;
}

.paper {
  background-color: #ffffff;
}

.icon-illustration {
  color: #00D179;
  font-size: 1.3em;
  margin-right: 0.3em;
}

.border-t {
  border-top: 1px solid #8d8d8d;
}

.border-b {
  border-bottom: 1px solid #272727;
}

.e-0 {
  box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.2);
}

.e-1 {
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1), 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}

.e-2 {
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1), 0 0.7rem 1.5rem rgba(0, 0, 0, 0.4);
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.sticky {
  position: sticky;
}

.img-stuck-left {
  position: relative;
  left: -5vw;
}

.img-stuck-right {
  width: calc(100% + 5vw);
  max-width: none;
  position: relative;
  right: -5vw;
}

.mb-none {
  margin-bottom: 0;
}

.alert {
  display: flex;
  padding: 2rem;
  border-radius: 4px;
  background-color: #cce1e7;
  margin-bottom: 1em;
}
.alert p, .alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6, .alert ul, .alert ol, .alert li,
.alert .material-icons-outlined {
  color: #002450 !important;
  margin-bottom: 0 !important;
}
.alert .leading-icon {
  padding-right: 1.5rem;
}
.alert .leading-icon .material-icons-outlined {
  font-size: 2.2rem;
}
.alert.gold {
  background-color: #f3dea2;
}
.alert.gold p, .alert.gold h1, .alert.gold h2, .alert.gold h3, .alert.gold h4, .alert.gold h5, .alert.gold h6, .alert.gold ul, .alert.gold ol, .alert.gold li,
.alert.gold .material-icons-outlined {
  color: #5f3e01 !important;
}

.expandable .expand-content {
  display: none;
}
.expandable .expand-content.expanded {
  height: auto;
}
.expandable .collapse-trigger {
  float: right;
}

.is-sticky {
  position: sticky;
  top: calc(80px + 1rem);
}

.expand-trigger {
  cursor: pointer;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

a.fancy {
  color: inherit;
  text-decoration: none;
  background-image: linear-gradient(#00D179 0%, #00D179 100%);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 100% 0.1em;
  transition: background-size 0.2s ease;
}

a.fancy:hover {
  color: #272727;
  background-size: 100% 88%;
  background-image: linear-gradient(rgba(0, 209, 121, 0.7) 0%, rgba(0, 209, 121, 0.7) 100%);
}

.box {
  background-color: #f2f2f2;
  margin-bottom: 16px;
  overflow: hidden;
  text-align: center;
  color: #8d8d8d;
  mix-blend-mode: multiply;
}

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